@j2inn/fin5-ui-utils 8.2.0 → 9.0.0-beta.0

package/dist/react/components/navigation/BasicLayout.js

@@ -1,156 +1,166 @@
-"use strict";
-/*
- * Copyright (c) 2023, J2 Innovations. All Rights Reserved
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasicLayout = exports.DEFAULT_HEADER_HEIGHT = exports.getMenuPages = void 0;
-const icons_1 = require("@ant-design/icons");
-const ui_1 = require("@j2inn/ui");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const react_jss_1 = require("react-jss");
-const MenuTrigger_1 = __importDefault(require("./MenuTrigger"));
-const useStyles = (0, react_jss_1.createUseStyles)({
-    header: ({ headerHeight }) => ({
-        position: 'fixed',
-        width: '100%',
-        zIndex: 1000,
-        padding: 0,
-        height: headerHeight,
-        lineHeight: `${headerHeight}px`,
-    }),
-    sider: {
-        overflow: 'auto',
-        height: '100vh',
-        position: 'fixed',
-        left: 0,
-        top: 0,
-        bottom: 0,
-        zIndex: 999,
-        paddingTop: ({ isMobile, headerHeight }) => isMobile ? headerHeight : 0,
-        [`& .${ui_1.ant_prefix}-layout-sider-children`]: {
-            display: 'flex',
-            flexDirection: 'column',
-        },
-    },
-    compactSiderButton: {
-        position: 'sticky',
-        bottom: 0,
-        width: '100%',
-        textAlign: 'center',
-        fontSize: '1.3rem',
-        padding: '0.5rem',
-        cursor: 'pointer',
-        transition: '0.3s',
-    },
-    compactSiderButtonItem: {
-        transition: '0.3s',
-    },
-    compactSiderButtonItemCollapsed: {
-        transform: ' rotate(180deg)',
-    },
-    content: ({ isMobile, compactSider, siderWidth = 200, headerHeight, }) => ({
-        paddingLeft: isMobile ? 0 : compactSider ? 45 : siderWidth,
-        paddingTop: isMobile ? headerHeight : 0,
-    }),
-});
-// Workaround j2inn/ui exporting problem
-const Header = ui_1.Layout.Header;
-const Sider = ui_1.Layout.Sider;
-const Content = ui_1.Layout.Content;
-/**
- * Copy the array and recursively remove pages having the `showInMenu` flag set to false.
- * @param pages
- * @returns
- */
-const getMenuPages = (pages) => {
-    const menuPages = [];
-    pages.forEach((page) => {
-        const show = page.showInMenu == null || page.showInMenu;
-        if (show) {
-            const copiedPage = Object.assign({}, page);
-            if (copiedPage.children) {
-                const filteredChildren = (0, exports.getMenuPages)(copiedPage.children);
-                copiedPage.children = filteredChildren.length
-                    ? filteredChildren
-                    : undefined;
-            }
-            menuPages.push(copiedPage);
-        }
-    });
-    return menuPages;
-};
-exports.getMenuPages = getMenuPages;
-exports.DEFAULT_HEADER_HEIGHT = 45;
-/**
- * Basic layout with sider and mobile navigation management.
- * Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
- */
-function BasicLayout({ pages = [], defaultPage, selectedPages = [], onSelect, compactSider, layoutProps, mobileHeaderProps, siderProps, contentProps, menuProps, menuBefore, menuAfter, menuTriggerClassName, headerHeight = exports.DEFAULT_HEADER_HEIGHT, children, }) {
-    // manage mobile navigation
-    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
-    const [isSiderCompact, setIsSiderCompact] = (0, react_1.useState)(compactSider?.isCompact ?? false);
-    const [hiddenSider, setHiddenSider] = (0, react_1.useState)(false);
-    const siderWidth = siderProps?.width;
-    const classes = useStyles({
-        isMobile,
-        compactSider: isSiderCompact,
-        siderWidth,
-        headerHeight,
-    });
-    const menuPages = (0, react_1.useMemo)(() => (0, exports.getMenuPages)(pages), [pages]);
-    return (react_1.default.createElement(ui_1.Layout, { hasSider: true, ...layoutProps },
-        isMobile && (react_1.default.createElement(Header, { ...mobileHeaderProps, className: (0, classnames_1.default)(classes.header, mobileHeaderProps?.className) },
-            react_1.default.createElement(MenuTrigger_1.default, { hiddenSider: hiddenSider, headerHeight: headerHeight, className: menuTriggerClassName, onClick: () => {
-                    setHiddenSider(!hiddenSider);
-                } }))),
-        react_1.default.createElement(Sider, { ...siderProps, className: (0, classnames_1.default)(classes.sider, siderProps?.className), breakpoint: 'md', onBreakpoint: (broken) => {
-                setIsMobile(broken);
-                setHiddenSider(true);
-            }, collapsed: (isMobile && hiddenSider) || isSiderCompact, collapsedWidth: isMobile && hiddenSider
-                ? 0
-                : isSiderCompact
-                    ? headerHeight
-                    : 0, trigger: null },
-            menuBefore,
-            react_1.default.createElement(ui_1.Menu, { style: { flex: 1 }, ...menuProps, defaultSelectedKeys: defaultPage ? [defaultPage] : undefined, items: menuPages, selectedKeys: selectedPages, onSelect: ({ key }) => {
-                    if (!hiddenSider) {
-                        setHiddenSider(true);
-                    }
-                    onSelect?.(key);
-                } }),
-            menuAfter,
-            compactSider?.showButton && !isMobile && (react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.compactSiderButton, compactSider.buttonClassName), onClick: () => setIsSiderCompact(!isSiderCompact) },
-                react_1.default.createElement(icons_1.LeftOutlined, { className: (0, classnames_1.default)(classes.compactSiderButtonItem, {
-                        [classes.compactSiderButtonItemCollapsed]: isSiderCompact,
-                    }) })))),
-        react_1.default.createElement(Content, { ...contentProps, className: (0, classnames_1.default)(classes.content, contentProps?.className) }, children)));
-}
-exports.BasicLayout = BasicLayout;
+"use strict";
+/*
+ * Copyright (c) 2023, J2 Innovations. All Rights Reserved
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_HEADER_HEIGHT = exports.getMenuPages = void 0;
+exports.BasicLayout = BasicLayout;
+const icons_1 = require("@ant-design/icons");
+const ui_1 = require("@j2inn/ui");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_jss_1 = require("react-jss");
+const MenuTrigger_1 = __importDefault(require("./MenuTrigger"));
+const useStyles = (0, react_jss_1.createUseStyles)({
+    header: ({ headerHeight }) => ({
+        position: 'fixed',
+        width: '100%',
+        zIndex: 1000,
+        padding: 0,
+        height: headerHeight,
+        lineHeight: `${headerHeight}px`,
+    }),
+    sider: {
+        overflow: 'auto',
+        height: '100vh',
+        position: 'fixed',
+        left: 0,
+        top: 0,
+        bottom: 0,
+        zIndex: 999,
+        paddingTop: ({ isMobile, headerHeight }) => isMobile ? headerHeight : 0,
+        [`& .${ui_1.ant_prefix}-layout-sider-children`]: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+    },
+    compactSiderButton: {
+        position: 'sticky',
+        bottom: 0,
+        width: '100%',
+        textAlign: 'center',
+        fontSize: '1.3rem',
+        padding: '0.5rem',
+        cursor: 'pointer',
+        transition: '0.3s',
+    },
+    compactSiderButtonItem: {
+        transition: '0.3s',
+    },
+    compactSiderButtonItemCollapsed: {
+        transform: ' rotate(180deg)',
+    },
+    content: ({ isMobile, compactSider, siderWidth = 200, headerHeight, }) => ({
+        paddingLeft: isMobile ? 0 : compactSider ? 45 : siderWidth,
+        paddingTop: isMobile ? headerHeight : 0,
+    }),
+});
+// Workaround j2inn/ui exporting problem
+const Header = ui_1.Layout.Header;
+const Sider = ui_1.Layout.Sider;
+const Content = ui_1.Layout.Content;
+/**
+ * Copy the array and recursively remove pages having the `showInMenu` flag set to false.
+ * @param pages
+ * @returns
+ */
+const getMenuPages = (pages) => {
+    const menuPages = [];
+    pages.forEach((page) => {
+        const show = page.showInMenu == null || page.showInMenu;
+        if (show) {
+            const copiedPage = Object.assign({}, page);
+            if (copiedPage.children) {
+                const filteredChildren = (0, exports.getMenuPages)(copiedPage.children);
+                copiedPage.children = filteredChildren.length
+                    ? filteredChildren
+                    : undefined;
+            }
+            menuPages.push(copiedPage);
+        }
+    });
+    return menuPages;
+};
+exports.getMenuPages = getMenuPages;
+exports.DEFAULT_HEADER_HEIGHT = 45;
+/**
+ * Basic layout with sider and mobile navigation management.
+ * Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
+ */
+function BasicLayout({ pages = [], defaultPage, selectedPages = [], onSelect, compactSider, layoutProps, mobileHeaderProps, siderProps, contentProps, menuProps, menuBefore, menuAfter, menuTriggerClassName, headerHeight = exports.DEFAULT_HEADER_HEIGHT, children, }) {
+    // manage mobile navigation
+    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
+    const [isSiderCompact, setIsSiderCompact] = (0, react_1.useState)(compactSider?.isCompact ?? false);
+    const [hiddenSider, setHiddenSider] = (0, react_1.useState)(false);
+    const siderWidth = siderProps?.width;
+    const classes = useStyles({
+        isMobile,
+        compactSider: isSiderCompact,
+        siderWidth,
+        headerHeight,
+    });
+    const menuPages = (0, react_1.useMemo)(() => (0, exports.getMenuPages)(pages), [pages]);
+    return (react_1.default.createElement(ui_1.Layout, { hasSider: true, ...layoutProps },
+        isMobile && (react_1.default.createElement(Header, { ...mobileHeaderProps, className: (0, classnames_1.default)(classes.header, mobileHeaderProps?.className) },
+            react_1.default.createElement(MenuTrigger_1.default, { hiddenSider: hiddenSider, headerHeight: headerHeight, className: menuTriggerClassName, onClick: () => {
+                    setHiddenSider(!hiddenSider);
+                } }))),
+        react_1.default.createElement(Sider, { ...siderProps, className: (0, classnames_1.default)(classes.sider, siderProps?.className), breakpoint: 'md', onBreakpoint: (broken) => {
+                setIsMobile(broken);
+                setHiddenSider(true);
+            }, collapsed: (isMobile && hiddenSider) || isSiderCompact, collapsedWidth: isMobile && hiddenSider
+                ? 0
+                : isSiderCompact
+                    ? headerHeight
+                    : 0, trigger: null },
+            menuBefore,
+            react_1.default.createElement(ui_1.Menu, { style: { flex: 1 }, ...menuProps, defaultSelectedKeys: defaultPage ? [defaultPage] : undefined, items: menuPages, selectedKeys: selectedPages, onSelect: ({ key }) => {
+                    if (!hiddenSider) {
+                        setHiddenSider(true);
+                    }
+                    onSelect?.(key);
+                } }),
+            menuAfter,
+            compactSider?.showButton && !isMobile && (react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.compactSiderButton, compactSider.buttonClassName), onClick: () => setIsSiderCompact(!isSiderCompact) },
+                react_1.default.createElement(icons_1.LeftOutlined, { className: (0, classnames_1.default)(classes.compactSiderButtonItem, {
+                        [classes.compactSiderButtonItemCollapsed]: isSiderCompact,
+                    }) })))),
+        react_1.default.createElement(Content, { ...contentProps, className: (0, classnames_1.default)(classes.content, contentProps?.className) }, children)));
+}
 //# sourceMappingURL=BasicLayout.js.map

package/dist/react/components/navigation/BasicLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BasicLayout.js","sourceRoot":"","sources":["../../../../src/react/components/navigation/BasicLayout.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/navigation/HeaderSiderLayout.d.ts

@@ -1,13 +1,13 @@
-import { LayoutProps } from 'antd';
-import React, { ReactElement } from 'react';
-import { BasicLayoutProps } from './BasicLayout';
-import { MenuPage } from './MenuPage';
-export declare type HeaderSiderLayoutProps<T extends MenuPage> = Omit<BasicLayoutProps<T>, 'mobileHeaderProps'> & {
-    header?: React.ReactNode;
-    headerProps?: LayoutProps;
-};
-/**
- * Layout with header and sider. Sider is collapsed on mobile.
- * Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
- */
-export declare function HeaderSiderLayout<T extends MenuPage>({ pages, defaultPage, selectedPages, onSelect, compactSider, layoutProps, header, headerProps, siderProps, contentProps, menuProps, menuBefore, menuAfter, menuTriggerClassName, headerHeight, children, }: HeaderSiderLayoutProps<T>): ReactElement;
+import { LayoutProps } from 'antd';
+import React, { ReactElement } from 'react';
+import { BasicLayoutProps } from './BasicLayout';
+import { MenuPage } from './MenuPage';
+export type HeaderSiderLayoutProps<T extends MenuPage> = Omit<BasicLayoutProps<T>, 'mobileHeaderProps'> & {
+    header?: React.ReactNode;
+    headerProps?: LayoutProps;
+};
+/**
+ * Layout with header and sider. Sider is collapsed on mobile.
+ * Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
+ */
+export declare function HeaderSiderLayout<T extends MenuPage>({ pages, defaultPage, selectedPages, onSelect, compactSider, layoutProps, header, headerProps, siderProps, contentProps, menuProps, menuBefore, menuAfter, menuTriggerClassName, headerHeight, children, }: HeaderSiderLayoutProps<T>): ReactElement;

package/dist/react/components/navigation/HeaderSiderLayout.js

@@ -1,111 +1,120 @@
-"use strict";
-/*
- * Copyright (c) 2024, J2 Innovations. All Rights Reserved
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeaderSiderLayout = void 0;
-const ui_1 = require("@j2inn/ui");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importStar(require("react"));
-const react_jss_1 = require("react-jss");
-const BasicLayout_1 = require("./BasicLayout");
-const MenuTrigger_1 = __importDefault(require("./MenuTrigger"));
-const useStyles = (0, react_jss_1.createUseStyles)({
-    header: ({ headerHeight }) => ({
-        position: 'fixed',
-        width: '100%',
-        zIndex: 1000,
-        padding: 0,
-        height: headerHeight,
-        lineHeight: `${headerHeight}px`,
-    }),
-    headerContent: {
-        height: '100%',
-    },
-    sider: ({ headerHeight }) => ({
-        overflow: 'auto',
-        height: '100vh',
-        position: 'fixed',
-        left: 0,
-        top: 0,
-        bottom: 0,
-        zIndex: 999,
-        paddingTop: headerHeight,
-    }),
-    content: ({ isMobile, compactSider, siderWidth = 200, headerHeight, }) => ({
-        paddingLeft: isMobile ? 0 : compactSider ? 45 : siderWidth,
-        paddingTop: headerHeight,
-    }),
-});
-// Workaround j2inn/ui exporting problem
-const Header = ui_1.Layout.Header;
-const Sider = ui_1.Layout.Sider;
-const Content = ui_1.Layout.Content;
-/**
- * Layout with header and sider. Sider is collapsed on mobile.
- * Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
- */
-function HeaderSiderLayout({ pages = [], defaultPage, selectedPages = [], onSelect, compactSider, layoutProps, header, headerProps, siderProps, contentProps, menuProps, menuBefore, menuAfter, menuTriggerClassName, headerHeight = BasicLayout_1.DEFAULT_HEADER_HEIGHT, children, }) {
-    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
-    const [hiddenSider, setHiddenSider] = (0, react_1.useState)(false);
-    const siderWidth = siderProps?.width;
-    const classes = useStyles({
-        isMobile,
-        compactSider: compactSider?.isCompact,
-        siderWidth,
-        headerHeight,
-    });
-    const menuPages = (0, react_1.useMemo)(() => (0, BasicLayout_1.getMenuPages)(pages), [pages]);
-    return (react_1.default.createElement(ui_1.Layout, { hasSider: true, ...layoutProps },
-        react_1.default.createElement(Header, { ...headerProps, className: (0, classnames_1.default)(classes.header, headerProps?.className) },
-            react_1.default.createElement(ui_1.Container, { horizontal: true, middle: true, className: classes.headerContent },
-                isMobile && (react_1.default.createElement(MenuTrigger_1.default, { hiddenSider: hiddenSider, headerHeight: headerHeight, className: menuTriggerClassName, onClick: () => {
-                        setHiddenSider(!hiddenSider);
-                    } })),
-                header)),
-        react_1.default.createElement(Sider, { ...siderProps, className: (0, classnames_1.default)(classes.sider, siderProps?.className), breakpoint: 'md', onBreakpoint: (broken) => {
-                setIsMobile(broken);
-                setHiddenSider(true);
-            }, collapsed: (isMobile && hiddenSider) || compactSider?.isCompact, collapsedWidth: isMobile && hiddenSider
-                ? 0
-                : compactSider
-                    ? headerHeight
-                    : 0, trigger: null },
-            menuBefore,
-            react_1.default.createElement(ui_1.Menu, { ...menuProps, defaultSelectedKeys: defaultPage ? [defaultPage] : undefined, items: menuPages, selectedKeys: selectedPages, onSelect: ({ key }) => {
-                    if (!hiddenSider) {
-                        setHiddenSider(true);
-                    }
-                    onSelect?.(key);
-                } }),
-            menuAfter),
-        react_1.default.createElement(Content, { ...contentProps, className: (0, classnames_1.default)(classes.content, contentProps?.className) }, children)));
-}
-exports.HeaderSiderLayout = HeaderSiderLayout;
+"use strict";
+/*
+ * Copyright (c) 2024, J2 Innovations. All Rights Reserved
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeaderSiderLayout = HeaderSiderLayout;
+const ui_1 = require("@j2inn/ui");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_jss_1 = require("react-jss");
+const BasicLayout_1 = require("./BasicLayout");
+const MenuTrigger_1 = __importDefault(require("./MenuTrigger"));
+const useStyles = (0, react_jss_1.createUseStyles)({
+    header: ({ headerHeight }) => ({
+        position: 'fixed',
+        width: '100%',
+        zIndex: 1000,
+        padding: 0,
+        height: headerHeight,
+        lineHeight: `${headerHeight}px`,
+    }),
+    headerContent: {
+        height: '100%',
+    },
+    sider: ({ headerHeight }) => ({
+        overflow: 'auto',
+        height: '100vh',
+        position: 'fixed',
+        left: 0,
+        top: 0,
+        bottom: 0,
+        zIndex: 999,
+        paddingTop: headerHeight,
+    }),
+    content: ({ isMobile, compactSider, siderWidth = 200, headerHeight, }) => ({
+        paddingLeft: isMobile ? 0 : compactSider ? 45 : siderWidth,
+        paddingTop: headerHeight,
+    }),
+});
+// Workaround j2inn/ui exporting problem
+const Header = ui_1.Layout.Header;
+const Sider = ui_1.Layout.Sider;
+const Content = ui_1.Layout.Content;
+/**
+ * Layout with header and sider. Sider is collapsed on mobile.
+ * Routing management can be plugged in, for examples @see ReactRouterLayout @see RouterLayout
+ */
+function HeaderSiderLayout({ pages = [], defaultPage, selectedPages = [], onSelect, compactSider, layoutProps, header, headerProps, siderProps, contentProps, menuProps, menuBefore, menuAfter, menuTriggerClassName, headerHeight = BasicLayout_1.DEFAULT_HEADER_HEIGHT, children, }) {
+    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
+    const [hiddenSider, setHiddenSider] = (0, react_1.useState)(false);
+    const siderWidth = siderProps?.width;
+    const classes = useStyles({
+        isMobile,
+        compactSider: compactSider?.isCompact,
+        siderWidth,
+        headerHeight,
+    });
+    const menuPages = (0, react_1.useMemo)(() => (0, BasicLayout_1.getMenuPages)(pages), [pages]);
+    return (react_1.default.createElement(ui_1.Layout, { hasSider: true, ...layoutProps },
+        react_1.default.createElement(Header, { ...headerProps, className: (0, classnames_1.default)(classes.header, headerProps?.className) },
+            react_1.default.createElement(ui_1.Container, { horizontal: true, middle: true, className: classes.headerContent },
+                isMobile && (react_1.default.createElement(MenuTrigger_1.default, { hiddenSider: hiddenSider, headerHeight: headerHeight, className: menuTriggerClassName, onClick: () => {
+                        setHiddenSider(!hiddenSider);
+                    } })),
+                header)),
+        react_1.default.createElement(Sider, { ...siderProps, className: (0, classnames_1.default)(classes.sider, siderProps?.className), breakpoint: 'md', onBreakpoint: (broken) => {
+                setIsMobile(broken);
+                setHiddenSider(true);
+            }, collapsed: (isMobile && hiddenSider) || compactSider?.isCompact, collapsedWidth: isMobile && hiddenSider
+                ? 0
+                : compactSider
+                    ? headerHeight
+                    : 0, trigger: null },
+            menuBefore,
+            react_1.default.createElement(ui_1.Menu, { ...menuProps, defaultSelectedKeys: defaultPage ? [defaultPage] : undefined, items: menuPages, selectedKeys: selectedPages, onSelect: ({ key }) => {
+                    if (!hiddenSider) {
+                        setHiddenSider(true);
+                    }
+                    onSelect?.(key);
+                } }),
+            menuAfter),
+        react_1.default.createElement(Content, { ...contentProps, className: (0, classnames_1.default)(classes.content, contentProps?.className) }, children)));
+}
 //# sourceMappingURL=HeaderSiderLayout.js.map