@trove-ui/react/dist/Container/index.js

A React component library for T Design UI

(function(root, factory) {
    if ('object' == typeof exports && 'object' == typeof module) module.exports = factory(require("react"), require("classnames"));
    else if ('function' == typeof define && define.amd) define([
        "react",
        "classnames"
    ], factory);
    else if ('object' == typeof exports) exports["TDesignUI"] = factory(require("react"), require("classnames"));
    else root["TDesignUI"] = factory(root["react"], root["classnames"]);
})(globalThis, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_classnames__)=>(()=>{
        "use strict";
        var __webpack_modules__ = {
            classnames: function(module1) {
                module1.exports = __WEBPACK_EXTERNAL_MODULE_classnames__;
            },
            react: function(module1) {
                module1.exports = __WEBPACK_EXTERNAL_MODULE_react__;
            }
        };
        var __webpack_module_cache__ = {};
        function __webpack_require__(moduleId) {
            var cachedModule = __webpack_module_cache__[moduleId];
            if (void 0 !== cachedModule) return cachedModule.exports;
            var module1 = __webpack_module_cache__[moduleId] = {
                exports: {}
            };
            __webpack_modules__[moduleId](module1, module1.exports, __webpack_require__);
            return module1.exports;
        }
        (()=>{
            __webpack_require__.n = (module1)=>{
                var getter = module1 && module1.__esModule ? ()=>module1['default'] : ()=>module1;
                __webpack_require__.d(getter, {
                    a: getter
                });
                return getter;
            };
        })();
        (()=>{
            __webpack_require__.d = (exports1, definition)=>{
                for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
                    enumerable: true,
                    get: definition[key]
                });
            };
        })();
        (()=>{
            __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
        })();
        (()=>{
            __webpack_require__.r = (exports1)=>{
                if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
                    value: 'Module'
                });
                Object.defineProperty(exports1, '__esModule', {
                    value: true
                });
            };
        })();
        var __webpack_exports__ = {};
        (()=>{
            __webpack_require__.r(__webpack_exports__);
            __webpack_require__.d(__webpack_exports__, {
                default: ()=>components_Container
            });
            var external_classnames_ = __webpack_require__("classnames");
            var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_classnames_);
            var external_react_ = __webpack_require__("react");
            const getIndex = (children)=>external_react_.Children.toArray(children).findIndex((node)=>{
                    if (/*#__PURE__*/ (0, external_react_.isValidElement)(node)) {
                        const componentName = node.type.name;
                        return /[Header|Footer|Main|Aside]/.test(componentName);
                    }
                });
            const Container = ({ children, className = '', tagName = 'div', ...props })=>{
                const [direction, setDirection] = (0, external_react_.useState)('flex-row');
                (0, external_react_.useEffect)(()=>{
                    const index = getIndex(children);
                    if (-1 !== index) setDirection('flex-column');
                }, [
                    children
                ]);
                return /*#__PURE__*/ (0, external_react_.createElement)(tagName, {
                    ...props,
                    children,
                    className: external_classnames_default()('t-container w-full h-full flex', direction, className)
                });
            };
            const components_Container = Container;
        })();
        return __webpack_exports__;
    })());