@chayns-components/navigation 5.0.65 → 5.1.0

package/lib/cjs/components/navigation-layout/NavigationLayout.constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_NAVIGATION_LAYOUT_CONFIG = void 0;
+const DEFAULT_NAVIGATION_LAYOUT_CONFIG = exports.DEFAULT_NAVIGATION_LAYOUT_CONFIG = {
+  headerHeight: 64,
+  backgroundColor: 'var(--chayns-color--primary)',
+  color: 'var(--chayns-color--text)',
+  sidebarMinWidth: 62,
+  sidebarMaxWidth: 170
+};
+//# sourceMappingURL=NavigationLayout.constants.js.map

package/lib/cjs/components/navigation-layout/NavigationLayout.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.constants.js","names":["DEFAULT_NAVIGATION_LAYOUT_CONFIG","exports","headerHeight","backgroundColor","color","sidebarMinWidth","sidebarMaxWidth"],"sources":["../../../../src/components/navigation-layout/NavigationLayout.constants.ts"],"sourcesContent":["export const DEFAULT_NAVIGATION_LAYOUT_CONFIG = {\n    headerHeight: 64,\n    backgroundColor: 'var(--chayns-color--primary)',\n    color: 'var(--chayns-color--text)',\n    sidebarMinWidth: 62,\n    sidebarMaxWidth: 170,\n};\n"],"mappings":";;;;;;AAAO,MAAMA,gCAAgC,GAAAC,OAAA,CAAAD,gCAAA,GAAG;EAC5CE,YAAY,EAAE,EAAE;EAChBC,eAAe,EAAE,8BAA8B;EAC/CC,KAAK,EAAE,2BAA2B;EAClCC,eAAe,EAAE,EAAE;EACnBC,eAAe,EAAE;AACrB,CAAC","ignoreList":[]}

package/lib/cjs/components/navigation-layout/NavigationLayout.context.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNavigationLayoutContext = exports.NavigationLayoutProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const NavigationLayoutContext = /*#__PURE__*/(0, _react.createContext)(null);
+const NavigationLayoutProvider = ({
+  children,
+  value
+}) => /*#__PURE__*/_react.default.createElement(NavigationLayoutContext.Provider, {
+  value: value
+}, children);
+exports.NavigationLayoutProvider = NavigationLayoutProvider;
+NavigationLayoutProvider.displayName = 'NavigationLayoutProvider';
+const useNavigationLayoutContext = () => {
+  const context = (0, _react.useContext)(NavigationLayoutContext);
+  if (!context) {
+    throw new Error('useNavigationLayoutContext must be used within NavigationLayoutProvider.');
+  }
+  return context;
+};
+exports.useNavigationLayoutContext = useNavigationLayoutContext;
+//# sourceMappingURL=NavigationLayout.context.js.map

package/lib/cjs/components/navigation-layout/NavigationLayout.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.context.js","names":["_react","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NavigationLayoutContext","createContext","NavigationLayoutProvider","children","value","createElement","Provider","exports","displayName","useNavigationLayoutContext","context","useContext","Error"],"sources":["../../../../src/components/navigation-layout/NavigationLayout.context.tsx"],"sourcesContent":["import React, { ReactNode, createContext, useContext } from 'react';\nimport { NavigationLayoutProps } from './NavigationLayout.types';\n\ninterface NavigationLayoutContextValue {\n    onItemReorder?: NavigationLayoutProps['onItemReorder'];\n}\n\ninterface NavigationLayoutProviderProps {\n    children: ReactNode;\n    value: NavigationLayoutContextValue;\n}\n\nconst NavigationLayoutContext = createContext<NavigationLayoutContextValue | null>(null);\n\nexport const NavigationLayoutProvider = ({ children, value }: NavigationLayoutProviderProps) => (\n    <NavigationLayoutContext.Provider value={value}>{children}</NavigationLayoutContext.Provider>\n);\n\nNavigationLayoutProvider.displayName = 'NavigationLayoutProvider';\n\nexport const useNavigationLayoutContext = (): NavigationLayoutContextValue => {\n    const context = useContext(NavigationLayoutContext);\n\n    if (!context) {\n        throw new Error('useNavigationLayoutContext must be used within NavigationLayoutProvider.');\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAoE,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAYpE,MAAMkB,uBAAuB,gBAAG,IAAAC,oBAAa,EAAsC,IAAI,CAAC;AAEjF,MAAMC,wBAAwB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqC,CAAC,kBACvF1B,MAAA,CAAAa,OAAA,CAAAc,aAAA,CAACL,uBAAuB,CAACM,QAAQ;EAACF,KAAK,EAAEA;AAAM,GAAED,QAA2C,CAC/F;AAACI,OAAA,CAAAL,wBAAA,GAAAA,wBAAA;AAEFA,wBAAwB,CAACM,WAAW,GAAG,0BAA0B;AAE1D,MAAMC,0BAA0B,GAAGA,CAAA,KAAoC;EAC1E,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACX,uBAAuB,CAAC;EAEnD,IAAI,CAACU,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,0EAA0E,CAAC;EAC/F;EAEA,OAAOF,OAAO;AAClB,CAAC;AAACH,OAAA,CAAAE,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/lib/cjs/components/navigation-layout/NavigationLayout.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _NavigationLayout = require("./NavigationLayout.styles");
+var _NavigationHeader = _interopRequireDefault(require("./navigation-header/NavigationHeader"));
+var _NavigationSidebar = _interopRequireDefault(require("./navigation-sidebar/NavigationSidebar"));
+var _NavigationLayout2 = require("./NavigationLayout.constants");
+var _react2 = require("motion/react");
+var _NavigationLayout3 = require("./NavigationLayout.context");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const NavigationLayout = ({
+  children,
+  config: configProp,
+  sidebarTopContent,
+  sidebarBottomContent,
+  groups,
+  headerContent,
+  selectedItemId,
+  isMobile = false,
+  shouldShowCollapsedLabel = false,
+  onItemClick,
+  onItemReorder,
+  onSidebarOpen,
+  onSidebarClose
+}) => {
+  const [isMobileOpen, setIsMobileOpen] = (0, _react.useState)(false);
+  const mergedConfig = (0, _react.useMemo)(() => ({
+    ..._NavigationLayout2.DEFAULT_NAVIGATION_LAYOUT_CONFIG,
+    ...configProp
+  }), [configProp]);
+  const shouldShowCollapsedSidebarLabel = shouldShowCollapsedLabel && !isMobile;
+  const handleToggleMobileMenu = (0, _react.useCallback)(() => {
+    if (!isMobile) {
+      setIsMobileOpen(false);
+      return;
+    }
+    setIsMobileOpen(prev => !prev);
+  }, [isMobile]);
+  return /*#__PURE__*/_react.default.createElement(_NavigationLayout3.NavigationLayoutProvider, {
+    value: {
+      onItemReorder
+    }
+  }, /*#__PURE__*/_react.default.createElement(_NavigationLayout.StyledNavigationLayout, null, /*#__PURE__*/_react.default.createElement(_NavigationHeader.default, {
+    height: mergedConfig.headerHeight,
+    color: mergedConfig.color,
+    headerContent: headerContent,
+    safeAreas: mergedConfig.safeAreas,
+    isMobile: isMobile,
+    isMobileOpen: isMobileOpen,
+    onMenuClick: handleToggleMobileMenu
+  }), /*#__PURE__*/_react.default.createElement(_NavigationLayout.StyledMotionNavigationLayoutContentWrapper, {
+    initial: false,
+    animate: isMobile ? {
+      x: isMobileOpen ? 0 : '-70vw'
+    } : {},
+    transition: {
+      type: 'tween'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_NavigationSidebar.default, {
+    color: mergedConfig.color,
+    groups: groups,
+    topContent: sidebarTopContent,
+    bottomContent: sidebarBottomContent,
+    minWidth: mergedConfig.sidebarMinWidth,
+    maxWidth: mergedConfig.sidebarMaxWidth,
+    isMobile: isMobile,
+    selectedItemId: selectedItemId,
+    onItemClick: onItemClick,
+    onSidebarOpen: onSidebarOpen,
+    onSidebarClose: onSidebarClose,
+    shouldShowCollapsedLabel: shouldShowCollapsedSidebarLabel
+  }), /*#__PURE__*/_react.default.createElement(_NavigationLayout.StyledNavigationLayoutContent, {
+    $isMobile: isMobile,
+    $isCornerContent: !isMobile || isMobileOpen
+  }, children, /*#__PURE__*/_react.default.createElement(_react2.AnimatePresence, {
+    initial: false
+  }, isMobileOpen && /*#__PURE__*/_react.default.createElement(_NavigationLayout.StyledMotionNavigationLayoutContentOverlay, {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      opacity: 0.28
+    },
+    exit: {
+      opacity: 0
+    },
+    transition: {
+      duration: 0.3,
+      type: 'tween'
+    },
+    onClick: handleToggleMobileMenu
+  })))), /*#__PURE__*/_react.default.createElement(_NavigationLayout.StyledNavigationLayoutBackground, {
+    $backgroundColor: mergedConfig.backgroundColor
+  }, mergedConfig.backgroundImage && /*#__PURE__*/_react.default.createElement(_NavigationLayout.StyledNavigationLayoutBackgroundImage, {
+    src: mergedConfig.backgroundImage
+  }))));
+};
+NavigationLayout.displayName = 'NavigationLayout';
+var _default = exports.default = NavigationLayout;
+//# sourceMappingURL=NavigationLayout.js.map

package/lib/cjs/components/navigation-layout/NavigationLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.js","names":["_react","_interopRequireWildcard","require","_NavigationLayout","_NavigationHeader","_interopRequireDefault","_NavigationSidebar","_NavigationLayout2","_react2","_NavigationLayout3","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NavigationLayout","children","config","configProp","sidebarTopContent","sidebarBottomContent","groups","headerContent","selectedItemId","isMobile","shouldShowCollapsedLabel","onItemClick","onItemReorder","onSidebarOpen","onSidebarClose","isMobileOpen","setIsMobileOpen","useState","mergedConfig","useMemo","DEFAULT_NAVIGATION_LAYOUT_CONFIG","shouldShowCollapsedSidebarLabel","handleToggleMobileMenu","useCallback","prev","createElement","NavigationLayoutProvider","value","StyledNavigationLayout","height","headerHeight","color","safeAreas","onMenuClick","StyledMotionNavigationLayoutContentWrapper","initial","animate","x","transition","type","topContent","bottomContent","minWidth","sidebarMinWidth","maxWidth","sidebarMaxWidth","StyledNavigationLayoutContent","$isMobile","$isCornerContent","AnimatePresence","StyledMotionNavigationLayoutContentOverlay","opacity","exit","duration","onClick","StyledNavigationLayoutBackground","$backgroundColor","backgroundColor","backgroundImage","StyledNavigationLayoutBackgroundImage","src","displayName","_default","exports"],"sources":["../../../../src/components/navigation-layout/NavigationLayout.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from 'react';\nimport { NavigationLayoutProps } from './NavigationLayout.types';\nimport {\n    StyledMotionNavigationLayoutContentWrapper,\n    StyledNavigationLayout,\n    StyledNavigationLayoutBackground,\n    StyledNavigationLayoutBackgroundImage,\n    StyledNavigationLayoutContent,\n    StyledMotionNavigationLayoutContentOverlay,\n} from './NavigationLayout.styles';\nimport NavigationHeader from './navigation-header/NavigationHeader';\nimport NavigationSidebar from './navigation-sidebar/NavigationSidebar';\nimport { DEFAULT_NAVIGATION_LAYOUT_CONFIG } from './NavigationLayout.constants';\nimport { AnimatePresence } from 'motion/react';\nimport { NavigationLayoutProvider } from './NavigationLayout.context';\n\nconst NavigationLayout: FC<NavigationLayoutProps> = ({\n    children,\n    config: configProp,\n    sidebarTopContent,\n    sidebarBottomContent,\n    groups,\n    headerContent,\n    selectedItemId,\n    isMobile = false,\n    shouldShowCollapsedLabel = false,\n    onItemClick,\n    onItemReorder,\n    onSidebarOpen,\n    onSidebarClose,\n}) => {\n    const [isMobileOpen, setIsMobileOpen] = useState(false);\n\n    const mergedConfig = useMemo(\n        () => ({\n            ...DEFAULT_NAVIGATION_LAYOUT_CONFIG,\n            ...configProp,\n        }),\n        [configProp],\n    );\n\n    const shouldShowCollapsedSidebarLabel = shouldShowCollapsedLabel && !isMobile;\n\n    const handleToggleMobileMenu = useCallback(() => {\n        if (!isMobile) {\n            setIsMobileOpen(false);\n\n            return;\n        }\n\n        setIsMobileOpen((prev) => !prev);\n    }, [isMobile]);\n\n    return (\n        <NavigationLayoutProvider value={{ onItemReorder }}>\n            <StyledNavigationLayout>\n                <NavigationHeader\n                    height={mergedConfig.headerHeight}\n                    color={mergedConfig.color}\n                    headerContent={headerContent}\n                    safeAreas={mergedConfig.safeAreas}\n                    isMobile={isMobile}\n                    isMobileOpen={isMobileOpen}\n                    onMenuClick={handleToggleMobileMenu}\n                />\n                <StyledMotionNavigationLayoutContentWrapper\n                    initial={false}\n                    animate={isMobile ? { x: isMobileOpen ? 0 : '-70vw' } : {}}\n                    transition={{\n                        type: 'tween',\n                    }}\n                >\n                    <NavigationSidebar\n                        color={mergedConfig.color}\n                        groups={groups}\n                        topContent={sidebarTopContent}\n                        bottomContent={sidebarBottomContent}\n                        minWidth={mergedConfig.sidebarMinWidth}\n                        maxWidth={mergedConfig.sidebarMaxWidth}\n                        isMobile={isMobile}\n                        selectedItemId={selectedItemId}\n                        onItemClick={onItemClick}\n                        onSidebarOpen={onSidebarOpen}\n                        onSidebarClose={onSidebarClose}\n                        shouldShowCollapsedLabel={shouldShowCollapsedSidebarLabel}\n                    />\n                    <StyledNavigationLayoutContent\n                        $isMobile={isMobile}\n                        $isCornerContent={!isMobile || isMobileOpen}\n                    >\n                        {children}\n                        <AnimatePresence initial={false}>\n                            {isMobileOpen && (\n                                <StyledMotionNavigationLayoutContentOverlay\n                                    initial={{ opacity: 0 }}\n                                    animate={{ opacity: 0.28 }}\n                                    exit={{ opacity: 0 }}\n                                    transition={{ duration: 0.3, type: 'tween' }}\n                                    onClick={handleToggleMobileMenu}\n                                />\n                            )}\n                        </AnimatePresence>\n                    </StyledNavigationLayoutContent>\n                </StyledMotionNavigationLayoutContentWrapper>\n                <StyledNavigationLayoutBackground $backgroundColor={mergedConfig.backgroundColor}>\n                    {mergedConfig.backgroundImage && (\n                        <StyledNavigationLayoutBackgroundImage src={mergedConfig.backgroundImage} />\n                    )}\n                </StyledNavigationLayoutBackground>\n            </StyledNavigationLayout>\n        </NavigationLayoutProvider>\n    );\n};\n\nNavigationLayout.displayName = 'NavigationLayout';\n\nexport default NavigationLayout;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/navigation-layout/NavigationLayout.styles.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledNavigationLayoutContent = exports.StyledNavigationLayoutBackgroundImage = exports.StyledNavigationLayoutBackground = exports.StyledNavigationLayout = exports.StyledMotionNavigationLayoutContentWrapper = exports.StyledMotionNavigationLayoutContentOverlay = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _react = require("motion/react");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const StyledNavigationLayout = exports.StyledNavigationLayout = _styledComponents.default.div`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    min-height: 0;
+    position: relative;
+    overflow: hidden;
+`;
+const StyledMotionNavigationLayoutContentWrapper = exports.StyledMotionNavigationLayoutContentWrapper = (0, _styledComponents.default)(_react.motion.div)`
+    display: flex;
+    flex: 1;
+    width: 100%;
+    min-height: 0;
+`;
+const StyledNavigationLayoutContent = exports.StyledNavigationLayoutContent = _styledComponents.default.div`
+    ${({
+  $isCornerContent
+}) => $isCornerContent && (0, _styledComponents.css)`
+            border-top-left-radius: 10px;
+            box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px 16px;
+        `}
+
+    overflow: hidden;
+
+    flex: 1;
+    width: ${({
+  $isMobile
+}) => $isMobile ? '100vw' : '100%'};
+    min-width: ${({
+  $isMobile
+}) => $isMobile ? '100vw' : 0};
+    min-height: 0;
+
+    position: relative;
+`;
+const StyledMotionNavigationLayoutContentOverlay = exports.StyledMotionNavigationLayoutContentOverlay = (0, _styledComponents.default)(_react.motion.div)`
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+
+    z-index: 3;
+
+    background-color: rgb(0, 0, 0);
+`;
+const StyledNavigationLayoutBackground = exports.StyledNavigationLayoutBackground = _styledComponents.default.div`
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: -100;
+
+    background-color: ${({
+  $backgroundColor
+}) => $backgroundColor};
+`;
+const StyledNavigationLayoutBackgroundImage = exports.StyledNavigationLayoutBackgroundImage = _styledComponents.default.img`
+    object-fit: cover;
+    height: 100%;
+    width: 100%;
+`;
+//# sourceMappingURL=NavigationLayout.styles.js.map

package/lib/cjs/components/navigation-layout/NavigationLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_react","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledNavigationLayout","exports","styled","div","StyledMotionNavigationLayoutContentWrapper","motion","StyledNavigationLayoutContent","$isCornerContent","css","$isMobile","StyledMotionNavigationLayoutContentOverlay","StyledNavigationLayoutBackground","$backgroundColor","StyledNavigationLayoutBackgroundImage","img"],"sources":["../../../../src/components/navigation-layout/NavigationLayout.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { WithTheme } from '@chayns-components/core';\nimport { motion } from 'motion/react';\n\nexport const StyledNavigationLayout = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    min-height: 0;\n    position: relative;\n    overflow: hidden;\n`;\n\nexport const StyledMotionNavigationLayoutContentWrapper = styled(motion.div)`\n    display: flex;\n    flex: 1;\n    width: 100%;\n    min-height: 0;\n`;\n\ntype StyledNavigationLayoutContentProps = WithTheme<{\n    $isCornerContent: boolean;\n    $isMobile: boolean;\n}>;\n\nexport const StyledNavigationLayoutContent = styled.div<StyledNavigationLayoutContentProps>`\n    ${({ $isCornerContent }) =>\n        $isCornerContent &&\n        css`\n            border-top-left-radius: 10px;\n            box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px 16px;\n        `}\n\n    overflow: hidden;\n\n    flex: 1;\n    width: ${({ $isMobile }) => ($isMobile ? '100vw' : '100%')};\n    min-width: ${({ $isMobile }) => ($isMobile ? '100vw' : 0)};\n    min-height: 0;\n\n    position: relative;\n`;\n\nexport const StyledMotionNavigationLayoutContentOverlay = styled(motion.div)`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    z-index: 3;\n\n    background-color: rgb(0, 0, 0);\n`;\n\ntype StyledNavigationLayoutBackgroundProps = WithTheme<{ $backgroundColor: string }>;\n\nexport const StyledNavigationLayoutBackground = styled.div<StyledNavigationLayoutBackgroundProps>`\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: -100;\n\n    background-color: ${({ $backgroundColor }) => $backgroundColor};\n`;\n\nexport const StyledNavigationLayoutBackgroundImage = styled.img`\n    object-fit: cover;\n    height: 100%;\n    width: 100%;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAsC,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/B,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAG;AAChD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,0CAA0C,GAAAH,OAAA,CAAAG,0CAAA,GAAG,IAAAF,yBAAM,EAACG,aAAM,CAACF,GAAG,CAAC;AAC5E;AACA;AACA;AACA;AACA,CAAC;AAOM,MAAMG,6BAA6B,GAAAL,OAAA,CAAAK,6BAAA,GAAGJ,yBAAM,CAACC,GAAuC;AAC3F,MAAM,CAAC;EAAEI;AAAiB,CAAC,KACnBA,gBAAgB,IAChB,IAAAC,qBAAG;AACX;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAU,CAAC,KAAMA,SAAS,GAAG,OAAO,GAAG,MAAO;AAC9D,iBAAiB,CAAC;EAAEA;AAAU,CAAC,KAAMA,SAAS,GAAG,OAAO,GAAG,CAAE;AAC7D;AACA;AACA;AACA,CAAC;AAEM,MAAMC,0CAA0C,GAAAT,OAAA,CAAAS,0CAAA,GAAG,IAAAR,yBAAM,EAACG,aAAM,CAACF,GAAG,CAAC;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMQ,gCAAgC,GAAAV,OAAA,CAAAU,gCAAA,GAAGT,yBAAM,CAACC,GAA0C;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAES;AAAiB,CAAC,KAAKA,gBAAgB;AAClE,CAAC;AAEM,MAAMC,qCAAqC,GAAAZ,OAAA,CAAAY,qCAAA,GAAGX,yBAAM,CAACY,GAAG;AAC/D;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/navigation-layout/NavigationLayout.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=NavigationLayout.types.js.map

package/lib/cjs/components/navigation-layout/NavigationLayout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.types.js","names":[],"sources":["../../../../src/components/navigation-layout/NavigationLayout.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type NavigationLayoutItemReorderPlacement = 'before' | 'after' | 'inside';\n\n/**\n * Describes a location inside the item tree of a single navigation group.\n */\nexport interface NavigationLayoutItemLocation {\n    /**\n     * Ordered parent chain from root level to the direct parent.\n     */\n    parentIds: NavigationLayoutItem['id'][];\n    /**\n     * Zero-based index within the resolved level.\n     */\n    index: number;\n}\n\n/**\n * Describes the dragged item and its original position.\n */\nexport interface NavigationLayoutItemReorderSource extends NavigationLayoutItemLocation {\n    itemId: NavigationLayoutItem['id'];\n}\n\n/**\n * Describes the resolved drop target inside the current group.\n */\nexport interface NavigationLayoutItemReorderTarget extends NavigationLayoutItemLocation {\n    itemId?: NavigationLayoutItem['id'];\n    placement: NavigationLayoutItemReorderPlacement;\n}\n\n/**\n * Payload emitted after a valid reorder interaction within a single group.\n */\nexport interface NavigationLayoutItemReorderEvent {\n    groupId: NavigationLayoutGroup['id'];\n    itemId: NavigationLayoutItem['id'];\n    source: NavigationLayoutItemReorderSource;\n    target: NavigationLayoutItemReorderTarget;\n}\n\n/**\n * Public props for the navigation layout shell.\n */\nexport interface NavigationLayoutProps {\n    /**\n     * Main content rendered next to the navigation sidebar.\n     */\n    children: ReactNode;\n    /**\n     * Visual configuration for header, sidebar and background.\n     */\n    config?: NavigationLayoutConfig;\n    /**\n     * Grouped navigation data rendered in the sidebar.\n     */\n    groups: NavigationLayoutGroup[];\n    /**\n     * Optional content rendered above the navigation items.\n     */\n    sidebarTopContent?: ReactNode;\n    /**\n     * Optional content rendered below the navigation items.\n     */\n    sidebarBottomContent?: ReactNode;\n    /**\n     * Currently selected item id.\n     */\n    selectedItemId?: NavigationLayoutItem['id'];\n    /**\n     * Called when a navigation item is clicked.\n     */\n    onItemClick?: (\n        id: NavigationLayoutItem['id'],\n        parentIds?: NavigationLayoutItem['id'][],\n    ) => void;\n    /**\n     * Called after a successful reorder inside a single group.\n     */\n    onItemReorder?: (event: NavigationLayoutItemReorderEvent) => void;\n    /**\n     * Content rendered inside the fixed header.\n     */\n    headerContent: ReactNode;\n    /**\n     * Called when the sidebar snaps open.\n     */\n    onSidebarOpen?: VoidFunction;\n    /**\n     * Called when the sidebar snaps closed.\n     */\n    onSidebarClose?: VoidFunction;\n    /**\n     * Shows labels in collapsed mode via tooltip-like popups.\n     */\n    shouldShowCollapsedLabel?: boolean;\n    /**\n     * Enables the mobile layout variant.\n     */\n    isMobile?: boolean;\n}\n\nexport interface SafeAreas {\n    top?: number;\n    bottom?: number;\n    left?: number;\n    right?: number;\n}\n\nexport interface NavigationLayoutConfig {\n    headerHeight?: number;\n    backgroundColor?: string;\n    backgroundImage?: string;\n    color?: string;\n    sidebarMinWidth?: number;\n    sidebarMaxWidth?: number;\n    safeAreas?: SafeAreas;\n}\n\nexport interface NavigationLayoutItem {\n    id: string;\n    label: string;\n    icons?: string[];\n    imageUrl?: string;\n    imageElement?: ReactNode;\n    isDisabled?: boolean;\n    disabledReason?: string;\n    children?: NavigationLayoutItem[];\n}\n\nexport interface NavigationLayoutGroup {\n    id: string;\n    isReorderable?: boolean;\n    isPinned?: boolean;\n    items: NavigationLayoutItem[];\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/navigation-layout/NavigationLayout.utils.js

@@ -0,0 +1,261 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNavigationLayoutItemReorderEventValid = isNavigationLayoutItemReorderEventValid;
+exports.isNavigationLayoutReorderTargetEqual = isNavigationLayoutReorderTargetEqual;
+exports.reorderNavigationLayoutGroupItems = reorderNavigationLayoutGroupItems;
+exports.reorderNavigationLayoutGroups = reorderNavigationLayoutGroups;
+// noinspection JSUnusedGlobalSymbols
+
+const areNavigationLayoutParentIdsEqual = ({
+  parentIdsA,
+  parentIdsB
+}) => {
+  if (parentIdsA.length !== parentIdsB.length) {
+    return false;
+  }
+  return parentIdsA.every((parentId, index) => parentId === parentIdsB[index]);
+};
+const cloneNavigationLayoutItems = ({
+  items
+}) => items.map(item => ({
+  ...item,
+  children: item.children ? cloneNavigationLayoutItems({
+    items: item.children
+  }) : undefined
+}));
+const findNavigationLayoutItemById = ({
+  items,
+  itemId
+}) => {
+  for (const item of items) {
+    var _item$children;
+    if (item.id === itemId) {
+      return item;
+    }
+    if ((_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
+      const nestedItem = findNavigationLayoutItemById({
+        items: item.children,
+        itemId
+      });
+      if (nestedItem) {
+        return nestedItem;
+      }
+    }
+  }
+  return null;
+};
+const getNavigationLayoutItemsByParentIds = ({
+  items,
+  parentIds,
+  shouldCreateMissingChildren = false,
+  shouldReturnEmptyChildrenAtLeaf = false
+}) => {
+  if (parentIds.length === 0) {
+    return items;
+  }
+  const [parentId, ...remainingParentIds] = parentIds;
+  const parentItem = items.find(({
+    id
+  }) => id === parentId);
+  if (!parentItem) {
+    return null;
+  }
+  if (!parentItem.children) {
+    if (remainingParentIds.length > 0) {
+      return null;
+    }
+    if (!shouldCreateMissingChildren) {
+      return shouldReturnEmptyChildrenAtLeaf ? [] : null;
+    }
+    parentItem.children = [];
+  }
+  return getNavigationLayoutItemsByParentIds({
+    items: parentItem.children,
+    parentIds: remainingParentIds,
+    shouldCreateMissingChildren,
+    shouldReturnEmptyChildrenAtLeaf
+  });
+};
+const removeNavigationLayoutItemAtLocation = ({
+  items,
+  location
+}) => {
+  const parentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: location.parentIds,
+    shouldCreateMissingChildren: true
+  });
+  if (!parentItems || location.index < 0 || location.index >= parentItems.length) {
+    return null;
+  }
+  const [item] = parentItems.splice(location.index, 1);
+  if (!item) {
+    return null;
+  }
+  return {
+    item,
+    items
+  };
+};
+const insertNavigationLayoutItemAtLocation = ({
+  items,
+  location,
+  item
+}) => {
+  const parentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: location.parentIds,
+    shouldCreateMissingChildren: true
+  });
+  if (!parentItems) {
+    return items;
+  }
+  const nextIndex = Math.max(0, Math.min(location.index, parentItems.length));
+  parentItems.splice(nextIndex, 0, item);
+  return items;
+};
+const normalizeNavigationLayoutReorderTarget = ({
+  source,
+  target
+}) => {
+  if (areNavigationLayoutParentIdsEqual({
+    parentIdsA: source.parentIds,
+    parentIdsB: target.parentIds
+  }) && source.index < target.index) {
+    return {
+      ...target,
+      index: target.index - 1
+    };
+  }
+  return target;
+};
+function isNavigationLayoutReorderTargetEqual({
+  targetA,
+  targetB
+}) {
+  if (!targetA || !targetB) {
+    return targetA === targetB;
+  }
+  return targetA.itemId === targetB.itemId && targetA.index === targetB.index && targetA.placement === targetB.placement && areNavigationLayoutParentIdsEqual({
+    parentIdsA: targetA.parentIds,
+    parentIdsB: targetB.parentIds
+  });
+}
+function isNavigationLayoutItemReorderEventValid({
+  items,
+  event
+}) {
+  const {
+    itemId,
+    source,
+    target
+  } = event;
+  const sourceParentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: source.parentIds
+  });
+  const sourceItem = sourceParentItems === null || sourceParentItems === void 0 ? void 0 : sourceParentItems[source.index];
+  if (!sourceParentItems || (sourceItem === null || sourceItem === void 0 ? void 0 : sourceItem.id) !== itemId || source.itemId !== itemId) {
+    return false;
+  }
+  if (sourceItem.isDisabled) {
+    return false;
+  }
+  if (target.itemId === itemId || target.parentIds.includes(itemId)) {
+    return false;
+  }
+  if (target.placement === 'inside' && !target.itemId) {
+    return false;
+  }
+  const targetParentItems = getNavigationLayoutItemsByParentIds({
+    items,
+    parentIds: target.parentIds,
+    shouldReturnEmptyChildrenAtLeaf: true
+  });
+  if (!targetParentItems) {
+    return false;
+  }
+  if (target.index < 0 || target.index > targetParentItems.length) {
+    return false;
+  }
+  if (target.placement === 'inside' && target.itemId) {
+    const targetItem = findNavigationLayoutItemById({
+      items,
+      itemId: target.itemId
+    });
+    if (!targetItem || targetItem.isDisabled) {
+      return false;
+    }
+  }
+  const normalizedTarget = normalizeNavigationLayoutReorderTarget({
+    source,
+    target
+  });
+  return !(areNavigationLayoutParentIdsEqual({
+    parentIdsA: source.parentIds,
+    parentIdsB: normalizedTarget.parentIds
+  }) && source.index === normalizedTarget.index);
+}
+function reorderNavigationLayoutGroupItems({
+  items,
+  event
+}) {
+  if (!isNavigationLayoutItemReorderEventValid({
+    items,
+    event
+  })) {
+    return items;
+  }
+  const nextItems = cloneNavigationLayoutItems({
+    items
+  });
+  const sourceResult = removeNavigationLayoutItemAtLocation({
+    items: nextItems,
+    location: event.source
+  });
+  if (!sourceResult) {
+    return items;
+  }
+  const target = normalizeNavigationLayoutReorderTarget({
+    source: event.source,
+    target: event.target
+  });
+  return insertNavigationLayoutItemAtLocation({
+    items: sourceResult.items,
+    location: target,
+    item: sourceResult.item
+  });
+}
+function reorderNavigationLayoutGroups({
+  groups,
+  event
+}) {
+  const group = groups.find(({
+    id
+  }) => id === event.groupId);
+  if (!group) {
+    return groups;
+  }
+  if (!isNavigationLayoutItemReorderEventValid({
+    items: group.items,
+    event
+  })) {
+    return groups;
+  }
+  return groups.map(currentGroup => {
+    if (currentGroup.id !== event.groupId) {
+      return currentGroup;
+    }
+    return {
+      ...currentGroup,
+      items: reorderNavigationLayoutGroupItems({
+        items: currentGroup.items,
+        event
+      })
+    };
+  });
+}
+//# sourceMappingURL=NavigationLayout.utils.js.map

package/lib/cjs/components/navigation-layout/NavigationLayout.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.utils.js","names":["areNavigationLayoutParentIdsEqual","parentIdsA","parentIdsB","length","every","parentId","index","cloneNavigationLayoutItems","items","map","item","children","undefined","findNavigationLayoutItemById","itemId","_item$children","id","nestedItem","getNavigationLayoutItemsByParentIds","parentIds","shouldCreateMissingChildren","shouldReturnEmptyChildrenAtLeaf","remainingParentIds","parentItem","find","removeNavigationLayoutItemAtLocation","location","parentItems","splice","insertNavigationLayoutItemAtLocation","nextIndex","Math","max","min","normalizeNavigationLayoutReorderTarget","source","target","isNavigationLayoutReorderTargetEqual","targetA","targetB","placement","isNavigationLayoutItemReorderEventValid","event","sourceParentItems","sourceItem","isDisabled","includes","targetParentItems","targetItem","normalizedTarget","reorderNavigationLayoutGroupItems","nextItems","sourceResult","reorderNavigationLayoutGroups","groups","group","groupId","currentGroup"],"sources":["../../../../src/components/navigation-layout/NavigationLayout.utils.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nimport {\n    NavigationLayoutGroup,\n    NavigationLayoutItem,\n    NavigationLayoutItemLocation,\n    NavigationLayoutItemReorderEvent,\n    NavigationLayoutItemReorderTarget,\n} from './NavigationLayout.types';\n\ninterface CloneNavigationLayoutItemsOptions {\n    items: NavigationLayoutItem[];\n}\n\ninterface AreNavigationLayoutParentIdsEqualOptions {\n    parentIdsA: NavigationLayoutItem['id'][];\n    parentIdsB: NavigationLayoutItem['id'][];\n}\n\ninterface FindNavigationLayoutItemByIdOptions {\n    items: NavigationLayoutItem[];\n    itemId: NavigationLayoutItem['id'];\n}\n\ninterface GetNavigationLayoutItemsByParentIdsOptions {\n    items: NavigationLayoutItem[];\n    parentIds: NavigationLayoutItem['id'][];\n    shouldCreateMissingChildren?: boolean;\n    shouldReturnEmptyChildrenAtLeaf?: boolean;\n}\n\ninterface RemoveNavigationLayoutItemAtLocationOptions {\n    items: NavigationLayoutItem[];\n    location: NavigationLayoutItemLocation;\n}\n\ninterface RemoveNavigationLayoutItemAtLocationResult {\n    item: NavigationLayoutItem;\n    items: NavigationLayoutItem[];\n}\n\ninterface InsertNavigationLayoutItemAtLocationOptions {\n    items: NavigationLayoutItem[];\n    location: NavigationLayoutItemLocation;\n    item: NavigationLayoutItem;\n}\n\ninterface NormalizeNavigationLayoutReorderTargetOptions {\n    source: NavigationLayoutItemReorderEvent['source'];\n    target: NavigationLayoutItemReorderEvent['target'];\n}\n\ninterface IsNavigationLayoutItemReorderEventValidOptions {\n    items: NavigationLayoutItem[];\n    event: NavigationLayoutItemReorderEvent;\n}\n\ninterface ReorderNavigationLayoutGroupItemsOptions {\n    items: NavigationLayoutItem[];\n    event: NavigationLayoutItemReorderEvent;\n}\n\ninterface ReorderNavigationLayoutGroupsOptions {\n    groups: NavigationLayoutGroup[];\n    event: NavigationLayoutItemReorderEvent;\n}\n\ninterface IsNavigationLayoutReorderTargetEqualOptions {\n    targetA: NavigationLayoutItemReorderTarget | null;\n    targetB: NavigationLayoutItemReorderTarget | null;\n}\n\nconst areNavigationLayoutParentIdsEqual = ({\n    parentIdsA,\n    parentIdsB,\n}: AreNavigationLayoutParentIdsEqualOptions): boolean => {\n    if (parentIdsA.length !== parentIdsB.length) {\n        return false;\n    }\n\n    return parentIdsA.every((parentId, index) => parentId === parentIdsB[index]);\n};\n\nconst cloneNavigationLayoutItems = ({\n    items,\n}: CloneNavigationLayoutItemsOptions): NavigationLayoutItem[] =>\n    items.map((item) => ({\n        ...item,\n        children: item.children ? cloneNavigationLayoutItems({ items: item.children }) : undefined,\n    }));\n\nconst findNavigationLayoutItemById = ({\n    items,\n    itemId,\n}: FindNavigationLayoutItemByIdOptions): NavigationLayoutItem | null => {\n    for (const item of items) {\n        if (item.id === itemId) {\n            return item;\n        }\n\n        if (item.children?.length) {\n            const nestedItem = findNavigationLayoutItemById({\n                items: item.children,\n                itemId,\n            });\n\n            if (nestedItem) {\n                return nestedItem;\n            }\n        }\n    }\n\n    return null;\n};\n\nconst getNavigationLayoutItemsByParentIds = ({\n    items,\n    parentIds,\n    shouldCreateMissingChildren = false,\n    shouldReturnEmptyChildrenAtLeaf = false,\n}: GetNavigationLayoutItemsByParentIdsOptions): NavigationLayoutItem[] | null => {\n    if (parentIds.length === 0) {\n        return items;\n    }\n\n    const [parentId, ...remainingParentIds] = parentIds;\n    const parentItem = items.find(({ id }) => id === parentId);\n\n    if (!parentItem) {\n        return null;\n    }\n\n    if (!parentItem.children) {\n        if (remainingParentIds.length > 0) {\n            return null;\n        }\n\n        if (!shouldCreateMissingChildren) {\n            return shouldReturnEmptyChildrenAtLeaf ? [] : null;\n        }\n\n        parentItem.children = [];\n    }\n\n    return getNavigationLayoutItemsByParentIds({\n        items: parentItem.children,\n        parentIds: remainingParentIds,\n        shouldCreateMissingChildren,\n        shouldReturnEmptyChildrenAtLeaf,\n    });\n};\n\nconst removeNavigationLayoutItemAtLocation = ({\n    items,\n    location,\n}: RemoveNavigationLayoutItemAtLocationOptions): RemoveNavigationLayoutItemAtLocationResult | null => {\n    const parentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: location.parentIds,\n        shouldCreateMissingChildren: true,\n    });\n\n    if (!parentItems || location.index < 0 || location.index >= parentItems.length) {\n        return null;\n    }\n\n    const [item] = parentItems.splice(location.index, 1);\n\n    if (!item) {\n        return null;\n    }\n\n    return {\n        item,\n        items,\n    };\n};\n\nconst insertNavigationLayoutItemAtLocation = ({\n    items,\n    location,\n    item,\n}: InsertNavigationLayoutItemAtLocationOptions): NavigationLayoutItem[] => {\n    const parentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: location.parentIds,\n        shouldCreateMissingChildren: true,\n    });\n\n    if (!parentItems) {\n        return items;\n    }\n\n    const nextIndex = Math.max(0, Math.min(location.index, parentItems.length));\n\n    parentItems.splice(nextIndex, 0, item);\n\n    return items;\n};\n\nconst normalizeNavigationLayoutReorderTarget = ({\n    source,\n    target,\n}: NormalizeNavigationLayoutReorderTargetOptions): NavigationLayoutItemReorderTarget => {\n    if (\n        areNavigationLayoutParentIdsEqual({\n            parentIdsA: source.parentIds,\n            parentIdsB: target.parentIds,\n        }) &&\n        source.index < target.index\n    ) {\n        return {\n            ...target,\n            index: target.index - 1,\n        };\n    }\n\n    return target;\n};\n\nexport function isNavigationLayoutReorderTargetEqual({\n    targetA,\n    targetB,\n}: IsNavigationLayoutReorderTargetEqualOptions): boolean {\n    if (!targetA || !targetB) {\n        return targetA === targetB;\n    }\n\n    return (\n        targetA.itemId === targetB.itemId &&\n        targetA.index === targetB.index &&\n        targetA.placement === targetB.placement &&\n        areNavigationLayoutParentIdsEqual({\n            parentIdsA: targetA.parentIds,\n            parentIdsB: targetB.parentIds,\n        })\n    );\n}\n\nexport function isNavigationLayoutItemReorderEventValid({\n    items,\n    event,\n}: IsNavigationLayoutItemReorderEventValidOptions): boolean {\n    const { itemId, source, target } = event;\n    const sourceParentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: source.parentIds,\n    });\n    const sourceItem = sourceParentItems?.[source.index];\n\n    if (!sourceParentItems || sourceItem?.id !== itemId || source.itemId !== itemId) {\n        return false;\n    }\n\n    if (sourceItem.isDisabled) {\n        return false;\n    }\n\n    if (target.itemId === itemId || target.parentIds.includes(itemId)) {\n        return false;\n    }\n\n    if (target.placement === 'inside' && !target.itemId) {\n        return false;\n    }\n\n    const targetParentItems = getNavigationLayoutItemsByParentIds({\n        items,\n        parentIds: target.parentIds,\n        shouldReturnEmptyChildrenAtLeaf: true,\n    });\n\n    if (!targetParentItems) {\n        return false;\n    }\n\n    if (target.index < 0 || target.index > targetParentItems.length) {\n        return false;\n    }\n\n    if (target.placement === 'inside' && target.itemId) {\n        const targetItem = findNavigationLayoutItemById({\n            items,\n            itemId: target.itemId,\n        });\n\n        if (!targetItem || targetItem.isDisabled) {\n            return false;\n        }\n    }\n\n    const normalizedTarget = normalizeNavigationLayoutReorderTarget({\n        source,\n        target,\n    });\n\n    return !(\n        areNavigationLayoutParentIdsEqual({\n            parentIdsA: source.parentIds,\n            parentIdsB: normalizedTarget.parentIds,\n        }) && source.index === normalizedTarget.index\n    );\n}\n\nexport function reorderNavigationLayoutGroupItems({\n    items,\n    event,\n}: ReorderNavigationLayoutGroupItemsOptions): NavigationLayoutItem[] {\n    if (!isNavigationLayoutItemReorderEventValid({ items, event })) {\n        return items;\n    }\n\n    const nextItems = cloneNavigationLayoutItems({ items });\n    const sourceResult = removeNavigationLayoutItemAtLocation({\n        items: nextItems,\n        location: event.source,\n    });\n\n    if (!sourceResult) {\n        return items;\n    }\n\n    const target = normalizeNavigationLayoutReorderTarget({\n        source: event.source,\n        target: event.target,\n    });\n\n    return insertNavigationLayoutItemAtLocation({\n        items: sourceResult.items,\n        location: target,\n        item: sourceResult.item,\n    });\n}\n\nexport function reorderNavigationLayoutGroups({\n    groups,\n    event,\n}: ReorderNavigationLayoutGroupsOptions): NavigationLayoutGroup[] {\n    const group = groups.find(({ id }) => id === event.groupId);\n\n    if (!group) {\n        return groups;\n    }\n\n    if (\n        !isNavigationLayoutItemReorderEventValid({\n            items: group.items,\n            event,\n        })\n    ) {\n        return groups;\n    }\n\n    return groups.map((currentGroup) => {\n        if (currentGroup.id !== event.groupId) {\n            return currentGroup;\n        }\n\n        return {\n            ...currentGroup,\n            items: reorderNavigationLayoutGroupItems({\n                items: currentGroup.items,\n                event,\n            }),\n        };\n    });\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/navigation-layout/navigation-header/NavigationHeader.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _NavigationHeader = require("./NavigationHeader.styles");
+var _MenuToggle = _interopRequireDefault(require("./menu-toggle/MenuToggle"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const NavigationHeader = ({
+  color,
+  height,
+  safeAreas,
+  headerContent,
+  onMenuClick,
+  isMobileOpen,
+  isMobile
+}) => /*#__PURE__*/_react.default.createElement(_NavigationHeader.StyledNavigationHeader, {
+  $color: color,
+  $height: height,
+  $safeAreas: safeAreas,
+  className: "navigation-layout-header"
+}, isMobile && /*#__PURE__*/_react.default.createElement(_MenuToggle.default, {
+  color: color,
+  isOpen: isMobileOpen,
+  onClick: onMenuClick
+}), headerContent);
+NavigationHeader.displayName = 'NavigationHeader';
+var _default = exports.default = NavigationHeader;
+//# sourceMappingURL=NavigationHeader.js.map

package/lib/cjs/components/navigation-layout/navigation-header/NavigationHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationHeader.js","names":["_react","_interopRequireDefault","require","_NavigationHeader","_MenuToggle","e","__esModule","default","NavigationHeader","color","height","safeAreas","headerContent","onMenuClick","isMobileOpen","isMobile","createElement","StyledNavigationHeader","$color","$height","$safeAreas","className","isOpen","onClick","displayName","_default","exports"],"sources":["../../../../../src/components/navigation-layout/navigation-header/NavigationHeader.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledNavigationHeader } from './NavigationHeader.styles';\nimport { NavigationHeaderProps } from './NavigationHeader.types';\nimport MenuToggle from './menu-toggle/MenuToggle';\n\nconst NavigationHeader: FC<NavigationHeaderProps> = ({\n    color,\n    height,\n    safeAreas,\n    headerContent,\n    onMenuClick,\n    isMobileOpen,\n    isMobile,\n}) => (\n    <StyledNavigationHeader\n        $color={color}\n        $height={height}\n        $safeAreas={safeAreas}\n        className=\"navigation-layout-header\"\n    >\n        {isMobile && <MenuToggle color={color} isOpen={isMobileOpen} onClick={onMenuClick} />}\n        {headerContent}\n    </StyledNavigationHeader>\n);\nNavigationHeader.displayName = 'NavigationHeader';\n\nexport default NavigationHeader;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAkD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElD,MAAMG,gBAA2C,GAAGA,CAAC;EACjDC,KAAK;EACLC,MAAM;EACNC,SAAS;EACTC,aAAa;EACbC,WAAW;EACXC,YAAY;EACZC;AACJ,CAAC,kBACGf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,iBAAA,CAAAc,sBAAsB;EACnBC,MAAM,EAAET,KAAM;EACdU,OAAO,EAAET,MAAO;EAChBU,UAAU,EAAET,SAAU;EACtBU,SAAS,EAAC;AAA0B,GAEnCN,QAAQ,iBAAIf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,WAAA,CAAAG,OAAU;EAACE,KAAK,EAAEA,KAAM;EAACa,MAAM,EAAER,YAAa;EAACS,OAAO,EAAEV;AAAY,CAAE,CAAC,EACpFD,aACmB,CAC3B;AACDJ,gBAAgB,CAACgB,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEnCC,gBAAgB","ignoreList":[]}