@chayns-components/navigation 5.0.65 → 5.1.1

package/lib/cjs/components/split-layout/SplitLayout.styles.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSplitLayoutPane = exports.StyledSplitLayout = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _SplitLayout = require("./SplitLayout.types");
+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 StyledSplitLayout = exports.StyledSplitLayout = _styledComponents.default.div`
+    display: flex;
+    width: 100%;
+    height: 100%;
+    min-width: 0;
+    min-height: 0;
+    overflow: hidden;
+
+    ${({
+  $direction
+}) => $direction === _SplitLayout.SplitLayoutDirection.HORIZONTAL ? (0, _styledComponents.css)`
+                  flex-direction: row;
+              ` : (0, _styledComponents.css)`
+                  flex-direction: column;
+              `}
+`;
+const StyledSplitLayoutPane = exports.StyledSplitLayoutPane = _styledComponents.default.div`
+    position: relative;
+    flex: 0 0 auto;
+    overflow: hidden;
+
+    ${({
+  $direction,
+  $size
+}) => $direction === _SplitLayout.SplitLayoutDirection.HORIZONTAL ? (0, _styledComponents.css)`
+                  min-width: 0;
+                  height: 100%;
+                  width: ${$size ? `${$size}px` : '100%'};
+              ` : (0, _styledComponents.css)`
+                  min-height: 0;
+                  width: 100%;
+                  height: ${$size ? `${$size}px` : '100%'};
+              `}
+`;
+//# sourceMappingURL=SplitLayout.styles.js.map

package/lib/cjs/components/split-layout/SplitLayout.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_SplitLayout","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSplitLayout","exports","styled","div","$direction","SplitLayoutDirection","HORIZONTAL","css","StyledSplitLayoutPane","$size"],"sources":["../../../../src/components/split-layout/SplitLayout.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { SplitLayoutDirection } from './SplitLayout.types';\nimport { WithTheme } from '@chayns-components/core';\n\ntype StyledSplitLayoutProps = WithTheme<{\n    $direction: SplitLayoutDirection;\n}>;\n\nexport const StyledSplitLayout = styled.div<StyledSplitLayoutProps>`\n    display: flex;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n    overflow: hidden;\n\n    ${({ $direction }) =>\n        $direction === SplitLayoutDirection.HORIZONTAL\n            ? css`\n                  flex-direction: row;\n              `\n            : css`\n                  flex-direction: column;\n              `}\n`;\n\ntype StyledSplitLayoutPaneProps = WithTheme<{\n    $direction: SplitLayoutDirection;\n    $size?: number;\n}>;\n\nexport const StyledSplitLayoutPane = styled.div<StyledSplitLayoutPaneProps>`\n    position: relative;\n    flex: 0 0 auto;\n    overflow: hidden;\n\n    ${({ $direction, $size }) =>\n        $direction === SplitLayoutDirection.HORIZONTAL\n            ? css`\n                  min-width: 0;\n                  height: 100%;\n                  width: ${$size ? `${$size}px` : '100%'};\n              `\n            : css`\n                  min-height: 0;\n                  width: 100%;\n                  height: ${$size ? `${$size}px` : '100%'};\n              `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA2D,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;AAOpD,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KACbA,UAAU,KAAKC,iCAAoB,CAACC,UAAU,GACxC,IAAAC,qBAAG;AACjB;AACA,eAAe,GACD,IAAAA,qBAAG;AACjB;AACA,eAAe;AACf,CAAC;AAOM,MAAMC,qBAAqB,GAAAP,OAAA,CAAAO,qBAAA,GAAGN,yBAAM,CAACC,GAA+B;AAC3E;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC,UAAU;EAAEK;AAAM,CAAC,KACpBL,UAAU,KAAKC,iCAAoB,CAACC,UAAU,GACxC,IAAAC,qBAAG;AACjB;AACA;AACA,2BAA2BE,KAAK,GAAG,GAAGA,KAAK,IAAI,GAAG,MAAM;AACxD,eAAe,GACD,IAAAF,qBAAG;AACjB;AACA;AACA,4BAA4BE,KAAK,GAAG,GAAGA,KAAK,IAAI,GAAG,MAAM;AACzD,eAAe;AACf,CAAC","ignoreList":[]}

package/lib/cjs/components/split-layout/SplitLayout.types.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SplitLayoutDirection = void 0;
+let SplitLayoutDirection = exports.SplitLayoutDirection = /*#__PURE__*/function (SplitLayoutDirection) {
+  SplitLayoutDirection["HORIZONTAL"] = "HORIZONTAL";
+  SplitLayoutDirection["VERTICAL"] = "VERTICAL";
+  return SplitLayoutDirection;
+}({});
+//# sourceMappingURL=SplitLayout.types.js.map

package/lib/cjs/components/split-layout/SplitLayout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.types.js","names":["SplitLayoutDirection","exports"],"sources":["../../../../src/components/split-layout/SplitLayout.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface SplitLayoutProps {\n    views: Record<string, SplitLayoutView>;\n    direction?: SplitLayoutDirection;\n    handleSize?: number;\n    fullScreenViewId?: string;\n    onChange?: (id: string, size: number) => void;\n}\n\nexport interface SplitLayoutView {\n    component: ReactNode;\n    minSize?: number;\n    maxSize?: number;\n    collapseBreakpoint?: number;\n    defaultSize?: number;\n}\n\nexport enum SplitLayoutDirection {\n    HORIZONTAL = 'HORIZONTAL',\n    VERTICAL = 'VERTICAL',\n}\n"],"mappings":";;;;;;IAkBYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA","ignoreList":[]}

package/lib/cjs/components/split-layout/SplitLayout.utils.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getVisibleViewIds = exports.getContainerSizeByDirection = void 0;
+var _SplitLayout = require("./SplitLayout.types");
+const getVisibleViewIds = ({
+  views,
+  containerSize
+}) => Object.entries(views).filter(([, view]) => {
+  if (typeof view.collapseBreakpoint !== 'number') {
+    return true;
+  }
+  return containerSize >= view.collapseBreakpoint;
+}).map(([id]) => id);
+exports.getVisibleViewIds = getVisibleViewIds;
+const getContainerSizeByDirection = (element, direction) => {
+  if (!element) {
+    return 0;
+  }
+  return direction === _SplitLayout.SplitLayoutDirection.HORIZONTAL ? element.clientWidth : element.clientHeight;
+};
+exports.getContainerSizeByDirection = getContainerSizeByDirection;
+//# sourceMappingURL=SplitLayout.utils.js.map

package/lib/cjs/components/split-layout/SplitLayout.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitLayout.utils.js","names":["_SplitLayout","require","getVisibleViewIds","views","containerSize","Object","entries","filter","view","collapseBreakpoint","map","id","exports","getContainerSizeByDirection","element","direction","SplitLayoutDirection","HORIZONTAL","clientWidth","clientHeight"],"sources":["../../../../src/components/split-layout/SplitLayout.utils.ts"],"sourcesContent":["import { SplitLayoutDirection, SplitLayoutView } from './SplitLayout.types';\n\ninterface GetVisibleViewIdsOptions {\n    views: Record<string, SplitLayoutView>;\n    containerSize: number;\n}\n\nexport const getVisibleViewIds = ({ views, containerSize }: GetVisibleViewIdsOptions): string[] =>\n    Object.entries(views)\n        .filter(([, view]) => {\n            if (typeof view.collapseBreakpoint !== 'number') {\n                return true;\n            }\n\n            return containerSize >= view.collapseBreakpoint;\n        })\n        .map(([id]) => id);\n\nexport const getContainerSizeByDirection = (\n    element: HTMLDivElement | null,\n    direction: SplitLayoutDirection,\n): number => {\n    if (!element) {\n        return 0;\n    }\n\n    return direction === SplitLayoutDirection.HORIZONTAL\n        ? element.clientWidth\n        : element.clientHeight;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAOO,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAwC,CAAC,KAChFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAChBI,MAAM,CAAC,CAAC,GAAGC,IAAI,CAAC,KAAK;EAClB,IAAI,OAAOA,IAAI,CAACC,kBAAkB,KAAK,QAAQ,EAAE;IAC7C,OAAO,IAAI;EACf;EAEA,OAAOL,aAAa,IAAII,IAAI,CAACC,kBAAkB;AACnD,CAAC,CAAC,CACDC,GAAG,CAAC,CAAC,CAACC,EAAE,CAAC,KAAKA,EAAE,CAAC;AAACC,OAAA,CAAAV,iBAAA,GAAAA,iBAAA;AAEpB,MAAMW,2BAA2B,GAAGA,CACvCC,OAA8B,EAC9BC,SAA+B,KACtB;EACT,IAAI,CAACD,OAAO,EAAE;IACV,OAAO,CAAC;EACZ;EAEA,OAAOC,SAAS,KAAKC,iCAAoB,CAACC,UAAU,GAC9CH,OAAO,CAACI,WAAW,GACnBJ,OAAO,CAACK,YAAY;AAC9B,CAAC;AAACP,OAAA,CAAAC,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/lib/cjs/components/split-layout/resize-handle/ResizeHandle.hooks.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDragHandle = void 0;
+var _react = require("react");
+var _SplitLayout = require("../SplitLayout.types");
+const getPointerPosition = (event, direction) => direction === _SplitLayout.SplitLayoutDirection.HORIZONTAL ? event.clientX : event.clientY;
+const useDragHandle = ({
+  direction,
+  onDrag,
+  onDragStart,
+  onDragEnd
+}) => {
+  const startPositionRef = (0, _react.useRef)(0);
+  const cleanupRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => () => {
+    var _cleanupRef$current;
+    (_cleanupRef$current = cleanupRef.current) === null || _cleanupRef$current === void 0 || _cleanupRef$current.call(cleanupRef);
+    cleanupRef.current = null;
+  }, []);
+  return (0, _react.useCallback)(event => {
+    var _event$currentTarget$, _event$currentTarget;
+    event.preventDefault();
+    startPositionRef.current = getPointerPosition(event, direction);
+    const originalUserSelect = document.body.style.userSelect;
+    const originalCursor = document.body.style.cursor;
+    document.body.style.userSelect = 'none';
+    document.body.style.cursor = direction === _SplitLayout.SplitLayoutDirection.HORIZONTAL ? 'col-resize' : 'row-resize';
+    (_event$currentTarget$ = (_event$currentTarget = event.currentTarget).setPointerCapture) === null || _event$currentTarget$ === void 0 || _event$currentTarget$.call(_event$currentTarget, event.pointerId);
+    if (typeof onDragStart === 'function') {
+      onDragStart();
+    }
+    const onMove = moveEvent => {
+      moveEvent.preventDefault();
+      const currentPosition = getPointerPosition(moveEvent, direction);
+      const delta = currentPosition - startPositionRef.current;
+      startPositionRef.current = currentPosition;
+      onDrag(delta);
+    };
+    const cleanup = () => {
+      document.body.style.userSelect = originalUserSelect;
+      document.body.style.cursor = originalCursor;
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+      cleanupRef.current = null;
+    };
+    const onUp = () => {
+      cleanup();
+      if (typeof onDragEnd === 'function') {
+        onDragEnd();
+      }
+    };
+    cleanupRef.current = cleanup;
+    window.addEventListener('pointermove', onMove);
+    window.addEventListener('pointerup', onUp);
+    window.addEventListener('pointercancel', onUp);
+  }, [direction, onDrag, onDragEnd, onDragStart]);
+};
+exports.useDragHandle = useDragHandle;
+//# sourceMappingURL=ResizeHandle.hooks.js.map

package/lib/cjs/components/split-layout/resize-handle/ResizeHandle.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.hooks.js","names":["_react","require","_SplitLayout","getPointerPosition","event","direction","SplitLayoutDirection","HORIZONTAL","clientX","clientY","useDragHandle","onDrag","onDragStart","onDragEnd","startPositionRef","useRef","cleanupRef","useEffect","_cleanupRef$current","current","call","useCallback","_event$currentTarget$","_event$currentTarget","preventDefault","originalUserSelect","document","body","style","userSelect","originalCursor","cursor","currentTarget","setPointerCapture","pointerId","onMove","moveEvent","currentPosition","delta","cleanup","window","removeEventListener","onUp","addEventListener","exports"],"sources":["../../../../../src/components/split-layout/resize-handle/ResizeHandle.hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type PointerEvent as ReactPointerEvent } from 'react';\nimport { SplitLayoutDirection } from '../SplitLayout.types';\n\nexport interface UseDragHandleOptions {\n    direction: SplitLayoutDirection;\n    onDrag: (delta: number) => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n}\n\nconst getPointerPosition = (\n    event: PointerEvent | ReactPointerEvent,\n    direction: SplitLayoutDirection,\n): number => (direction === SplitLayoutDirection.HORIZONTAL ? event.clientX : event.clientY);\n\nexport const useDragHandle = ({\n    direction,\n    onDrag,\n    onDragStart,\n    onDragEnd,\n}: UseDragHandleOptions): ((e: ReactPointerEvent<HTMLElement>) => void) => {\n    const startPositionRef = useRef(0);\n    const cleanupRef = useRef<(() => void) | null>(null);\n\n    useEffect(\n        () => () => {\n            cleanupRef.current?.();\n            cleanupRef.current = null;\n        },\n        [],\n    );\n\n    return useCallback(\n        (event: ReactPointerEvent<HTMLElement>) => {\n            event.preventDefault();\n\n            startPositionRef.current = getPointerPosition(event, direction);\n\n            const originalUserSelect = document.body.style.userSelect;\n            const originalCursor = document.body.style.cursor;\n\n            document.body.style.userSelect = 'none';\n            document.body.style.cursor =\n                direction === SplitLayoutDirection.HORIZONTAL ? 'col-resize' : 'row-resize';\n\n            event.currentTarget.setPointerCapture?.(event.pointerId);\n\n            if (typeof onDragStart === 'function') {\n                onDragStart();\n            }\n\n            const onMove = (moveEvent: PointerEvent) => {\n                moveEvent.preventDefault();\n\n                const currentPosition = getPointerPosition(moveEvent, direction);\n                const delta = currentPosition - startPositionRef.current;\n\n                startPositionRef.current = currentPosition;\n\n                onDrag(delta);\n            };\n\n            const cleanup = () => {\n                document.body.style.userSelect = originalUserSelect;\n                document.body.style.cursor = originalCursor;\n\n                window.removeEventListener('pointermove', onMove);\n                window.removeEventListener('pointerup', onUp);\n                window.removeEventListener('pointercancel', onUp);\n\n                cleanupRef.current = null;\n            };\n\n            const onUp = () => {\n                cleanup();\n\n                if (typeof onDragEnd === 'function') {\n                    onDragEnd();\n                }\n            };\n\n            cleanupRef.current = cleanup;\n\n            window.addEventListener('pointermove', onMove);\n            window.addEventListener('pointerup', onUp);\n            window.addEventListener('pointercancel', onUp);\n        },\n        [direction, onDrag, onDragEnd, onDragStart],\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/split-layout/resize-handle/ResizeHandle.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ResizeHandle = require("./ResizeHandle.styles");
+var _ResizeHandle2 = require("./ResizeHandle.hooks");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ResizeHandle = ({
+  onDrag,
+  onDragStart,
+  onDragEnd,
+  direction,
+  size
+}) => {
+  const handlePointerDown = (0, _ResizeHandle2.useDragHandle)({
+    direction,
+    onDrag,
+    onDragStart,
+    onDragEnd
+  });
+  return /*#__PURE__*/_react.default.createElement(_ResizeHandle.StyledResizeHandle, {
+    $direction: direction,
+    $size: size
+  }, /*#__PURE__*/_react.default.createElement(_ResizeHandle.StyledResizeHandleDrag, {
+    $direction: direction,
+    onPointerDown: handlePointerDown
+  }), /*#__PURE__*/_react.default.createElement(_ResizeHandle.StyledResizeHandleLine, null));
+};
+ResizeHandle.displayName = 'ResizeHandle';
+var _default = exports.default = ResizeHandle;
+//# sourceMappingURL=ResizeHandle.js.map

package/lib/cjs/components/split-layout/resize-handle/ResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.js","names":["_react","_interopRequireDefault","require","_ResizeHandle","_ResizeHandle2","e","__esModule","default","ResizeHandle","onDrag","onDragStart","onDragEnd","direction","size","handlePointerDown","useDragHandle","createElement","StyledResizeHandle","$direction","$size","StyledResizeHandleDrag","onPointerDown","StyledResizeHandleLine","displayName","_default","exports"],"sources":["../../../../../src/components/split-layout/resize-handle/ResizeHandle.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n    StyledResizeHandle,\n    StyledResizeHandleDrag,\n    StyledResizeHandleLine,\n} from './ResizeHandle.styles';\nimport { useDragHandle } from './ResizeHandle.hooks';\nimport { SplitLayoutDirection } from '../SplitLayout.types';\n\ninterface ResizeHandleProps {\n    onDrag: (delta: number) => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n    direction: SplitLayoutDirection;\n    size: number;\n}\n\nconst ResizeHandle: FC<ResizeHandleProps> = ({\n    onDrag,\n    onDragStart,\n    onDragEnd,\n    direction,\n    size,\n}) => {\n    const handlePointerDown = useDragHandle({\n        direction,\n        onDrag,\n        onDragStart,\n        onDragEnd,\n    });\n\n    return (\n        <StyledResizeHandle $direction={direction} $size={size}>\n            <StyledResizeHandleDrag $direction={direction} onPointerDown={handlePointerDown} />\n            <StyledResizeHandleLine />\n        </StyledResizeHandle>\n    );\n};\n\nResizeHandle.displayName = 'ResizeHandle';\n\nexport default ResizeHandle;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAKA,IAAAE,cAAA,GAAAF,OAAA;AAAqD,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWrD,MAAMG,YAAmC,GAAGA,CAAC;EACzCC,MAAM;EACNC,WAAW;EACXC,SAAS;EACTC,SAAS;EACTC;AACJ,CAAC,KAAK;EACF,MAAMC,iBAAiB,GAAG,IAAAC,4BAAa,EAAC;IACpCH,SAAS;IACTH,MAAM;IACNC,WAAW;IACXC;EACJ,CAAC,CAAC;EAEF,oBACIX,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,aAAA,CAAAc,kBAAkB;IAACC,UAAU,EAAEN,SAAU;IAACO,KAAK,EAAEN;EAAK,gBACnDb,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,aAAA,CAAAiB,sBAAsB;IAACF,UAAU,EAAEN,SAAU;IAACS,aAAa,EAAEP;EAAkB,CAAE,CAAC,eACnFd,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,aAAA,CAAAmB,sBAAsB,MAAE,CACT,CAAC;AAE7B,CAAC;AAEDd,YAAY,CAACe,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAE3BC,YAAY","ignoreList":[]}

package/lib/cjs/components/split-layout/resize-handle/ResizeHandle.styles.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledResizeHandleLine = exports.StyledResizeHandleDrag = exports.StyledResizeHandle = void 0;
+var _styledComponents = require("styled-components");
+var _SplitLayout = require("../SplitLayout.types");
+const StyledResizeHandle = exports.StyledResizeHandle = _styledComponents.styled.div`
+    position: relative;
+    flex-shrink: 0;
+    width: ${({
+  $direction,
+  $size
+}) => $direction === _SplitLayout.SplitLayoutDirection.HORIZONTAL ? `${$size}px` : '100%'};
+    height: ${({
+  $direction,
+  $size
+}) => $direction === _SplitLayout.SplitLayoutDirection.VERTICAL ? `${$size}px` : '100%'};
+`;
+const StyledResizeHandleLine = exports.StyledResizeHandleLine = _styledComponents.styled.div`
+    width: 100%;
+    height: 100%;
+    background-color: ${({
+  theme
+}) => theme['002']};
+    position: relative;
+    z-index: 10;
+`;
+const StyledResizeHandleDrag = exports.StyledResizeHandleDrag = _styledComponents.styled.div`
+    position: absolute;
+
+    opacity: 0;
+    z-index: 20;
+
+    ${({
+  $direction
+}) => $direction === _SplitLayout.SplitLayoutDirection.HORIZONTAL ? (0, _styledComponents.css)`
+                  cursor: col-resize;
+
+                  transform: translateX(-50%);
+                  top: 0;
+                  left: 50%;
+
+                  width: 20px;
+                  height: 100%;
+              ` : (0, _styledComponents.css)`
+                  cursor: row-resize;
+                  transform: translateY(-50%);
+
+                  top: 50%;
+                  left: 0;
+
+                  width: 100%;
+                  height: 20px;
+              `}
+`;
+//# sourceMappingURL=ResizeHandle.styles.js.map

package/lib/cjs/components/split-layout/resize-handle/ResizeHandle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle.styles.js","names":["_styledComponents","require","_SplitLayout","StyledResizeHandle","exports","styled","div","$direction","$size","SplitLayoutDirection","HORIZONTAL","VERTICAL","StyledResizeHandleLine","theme","StyledResizeHandleDrag","css"],"sources":["../../../../../src/components/split-layout/resize-handle/ResizeHandle.styles.ts"],"sourcesContent":["import { css, styled } from 'styled-components';\nimport { WithTheme } from '@chayns-components/core';\nimport { SplitLayoutDirection } from '../SplitLayout.types';\n\ntype StyledResizeHandleProps = WithTheme<{ $direction: SplitLayoutDirection; $size: number }>;\n\nexport const StyledResizeHandle = styled.div<StyledResizeHandleProps>`\n    position: relative;\n    flex-shrink: 0;\n    width: ${({ $direction, $size }) =>\n        $direction === SplitLayoutDirection.HORIZONTAL ? `${$size}px` : '100%'};\n    height: ${({ $direction, $size }) =>\n        $direction === SplitLayoutDirection.VERTICAL ? `${$size}px` : '100%'};\n`;\n\ntype StyledResizeHandleLineProps = WithTheme<unknown>;\n\nexport const StyledResizeHandleLine = styled.div<StyledResizeHandleLineProps>`\n    width: 100%;\n    height: 100%;\n    background-color: ${({ theme }) => theme['002']};\n    position: relative;\n    z-index: 10;\n`;\n\ntype StyledResizeHandleDragProps = WithTheme<{ $direction: SplitLayoutDirection }>;\n\nexport const StyledResizeHandleDrag = styled.div<StyledResizeHandleDragProps>`\n    position: absolute;\n\n    opacity: 0;\n    z-index: 20;\n\n    ${({ $direction }) =>\n        $direction === SplitLayoutDirection.HORIZONTAL\n            ? css`\n                  cursor: col-resize;\n\n                  transform: translateX(-50%);\n                  top: 0;\n                  left: 50%;\n\n                  width: 20px;\n                  height: 100%;\n              `\n            : css`\n                  cursor: row-resize;\n                  transform: translateY(-50%);\n\n                  top: 50%;\n                  left: 0;\n\n                  width: 100%;\n                  height: 20px;\n              `}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAIO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,wBAAM,CAACC,GAA4B;AACrE;AACA;AACA,aAAa,CAAC;EAAEC,UAAU;EAAEC;AAAM,CAAC,KAC3BD,UAAU,KAAKE,iCAAoB,CAACC,UAAU,GAAG,GAAGF,KAAK,IAAI,GAAG,MAAM;AAC9E,cAAc,CAAC;EAAED,UAAU;EAAEC;AAAM,CAAC,KAC5BD,UAAU,KAAKE,iCAAoB,CAACE,QAAQ,GAAG,GAAGH,KAAK,IAAI,GAAG,MAAM;AAC5E,CAAC;AAIM,MAAMI,sBAAsB,GAAAR,OAAA,CAAAQ,sBAAA,GAAGP,wBAAM,CAACC,GAAgC;AAC7E;AACA;AACA,wBAAwB,CAAC;EAAEO;AAAM,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AACnD;AACA;AACA,CAAC;AAIM,MAAMC,sBAAsB,GAAAV,OAAA,CAAAU,sBAAA,GAAGT,wBAAM,CAACC,GAAgC;AAC7E;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEC;AAAW,CAAC,KACbA,UAAU,KAAKE,iCAAoB,CAACC,UAAU,GACxC,IAAAK,qBAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,GACD,IAAAA,qBAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,CAAC","ignoreList":[]}

package/lib/cjs/components/user-image/UserImage.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _userImage = require("./userImage.styles");
+var _core = require("@chayns-components/core");
+var _chaynsApi = require("chayns-api");
+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 UserImage = ({
+  size = 35,
+  personId,
+  popupContent,
+  yOffset = -10,
+  onClick
+}) => {
+  const user = (0, _chaynsApi.useUser)();
+  const src = (0, _react.useMemo)(() => `https://tsimg.cloud/${personId || user.personId || ''}/profile_w200-h200.png`, [personId, user]);
+  return /*#__PURE__*/_react.default.createElement(_userImage.StyledUserImage, {
+    $size: size
+  }, popupContent ? /*#__PURE__*/_react.default.createElement(_core.Popup, {
+    content: popupContent,
+    yOffset: yOffset
+  }, /*#__PURE__*/_react.default.createElement(_userImage.StyledUserImageUser, {
+    $size: size,
+    src: src,
+    onClick: onClick
+  })) : /*#__PURE__*/_react.default.createElement(_userImage.StyledUserImageUser, {
+    $size: size,
+    src: src,
+    onClick: onClick
+  }));
+};
+UserImage.displayName = 'UserImage';
+var _default = exports.default = UserImage;
+//# sourceMappingURL=UserImage.js.map

package/lib/cjs/components/user-image/UserImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserImage.js","names":["_react","_interopRequireWildcard","require","_userImage","_core","_chaynsApi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UserImage","size","personId","popupContent","yOffset","onClick","user","useUser","src","useMemo","createElement","StyledUserImage","$size","Popup","content","StyledUserImageUser","displayName","_default","exports"],"sources":["../../../../src/components/user-image/UserImage.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport { StyledUserImage, StyledUserImageUser } from './userImage.styles';\nimport { UserImageProps } from './UserImage.types';\nimport { Popup } from '@chayns-components/core';\nimport { useUser } from 'chayns-api';\n\nconst UserImage: FC<UserImageProps> = ({\n    size = 35,\n    personId,\n    popupContent,\n    yOffset = -10,\n    onClick,\n}) => {\n    const user = useUser();\n\n    const src = useMemo(\n        () => `https://tsimg.cloud/${personId || user.personId || ''}/profile_w200-h200.png`,\n        [personId, user],\n    );\n\n    return (\n        <StyledUserImage $size={size}>\n            {popupContent ? (\n                <Popup content={popupContent} yOffset={yOffset}>\n                    <StyledUserImageUser $size={size} src={src} onClick={onClick} />\n                </Popup>\n            ) : (\n                <StyledUserImageUser $size={size} src={src} onClick={onClick} />\n            )}\n        </StyledUserImage>\n    );\n};\n\nUserImage.displayName = 'UserImage';\n\nexport default UserImage;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAqC,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAErC,MAAMkB,SAA6B,GAAGA,CAAC;EACnCC,IAAI,GAAG,EAAE;EACTC,QAAQ;EACRC,YAAY;EACZC,OAAO,GAAG,CAAC,EAAE;EACbC;AACJ,CAAC,KAAK;EACF,MAAMC,IAAI,GAAG,IAAAC,kBAAO,EAAC,CAAC;EAEtB,MAAMC,GAAG,GAAG,IAAAC,cAAO,EACf,MAAM,uBAAuBP,QAAQ,IAAII,IAAI,CAACJ,QAAQ,IAAI,EAAE,wBAAwB,EACpF,CAACA,QAAQ,EAAEI,IAAI,CACnB,CAAC;EAED,oBACI/B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,UAAA,CAAAiC,eAAe;IAACC,KAAK,EAAEX;EAAK,GACxBE,YAAY,gBACT5B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAC/B,KAAA,CAAAkC,KAAK;IAACC,OAAO,EAAEX,YAAa;IAACC,OAAO,EAAEA;EAAQ,gBAC3C7B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,UAAA,CAAAqC,mBAAmB;IAACH,KAAK,EAAEX,IAAK;IAACO,GAAG,EAAEA,GAAI;IAACH,OAAO,EAAEA;EAAQ,CAAE,CAC5D,CAAC,gBAER9B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,UAAA,CAAAqC,mBAAmB;IAACH,KAAK,EAAEX,IAAK;IAACO,GAAG,EAAEA,GAAI;IAACH,OAAO,EAAEA;EAAQ,CAAE,CAEtD,CAAC;AAE1B,CAAC;AAEDL,SAAS,CAACgB,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAErBS,SAAS","ignoreList":[]}

package/lib/cjs/components/user-image/UserImage.types.js

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

package/lib/cjs/components/user-image/UserImage.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserImage.types.js","names":[],"sources":["../../../../src/components/user-image/UserImage.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface UserImageProps {\n    personId?: string;\n    size?: number;\n    yOffset?: number;\n    popupContent?: ReactNode;\n    onClick?: () => void;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/user-image/userImage.styles.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledUserImageUser = exports.StyledUserImage = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledUserImage = exports.StyledUserImage = _styledComponents.default.div`
+    height: ${({
+  $size
+}) => $size}px;
+
+    aspect-ratio: 1;
+`;
+const StyledUserImageUser = exports.StyledUserImageUser = _styledComponents.default.img`
+    height: ${({
+  $size
+}) => $size}px;
+
+    aspect-ratio: 1;
+
+    border-radius: 50%;
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+`;
+//# sourceMappingURL=userImage.styles.js.map

package/lib/cjs/components/user-image/userImage.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"userImage.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledUserImage","exports","styled","div","$size","StyledUserImageUser","img"],"sources":["../../../../src/components/user-image/userImage.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { WithTheme } from '@chayns-components/core';\n\ntype StyledUserImageProps = WithTheme<{ $size: number }>;\n\nexport const StyledUserImage = styled.div<StyledUserImageProps>`\n    height: ${({ $size }) => $size}px;\n\n    aspect-ratio: 1;\n`;\n\ntype StyledUserImageUserProps = WithTheme<{ $size: number }>;\n\nexport const StyledUserImageUser = styled.img<StyledUserImageUserProps>`\n    height: ${({ $size }) => $size}px;\n\n    aspect-ratio: 1;\n\n    border-radius: 50%;\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    cursor: pointer;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAKhC,MAAMG,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAAyB;AAC/D,cAAc,CAAC;EAAEC;AAAM,CAAC,KAAKA,KAAK;AAClC;AACA;AACA,CAAC;AAIM,MAAMC,mBAAmB,GAAAJ,OAAA,CAAAI,mBAAA,GAAGH,yBAAM,CAACI,GAA6B;AACvE,cAAc,CAAC;EAAEF;AAAM,CAAC,KAAKA,KAAK;AAClC;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/index.js

@@ -21,8 +21,56 @@ Object.defineProperty(exports, "DynamicToolbarSpacer", {
     return _DynamicToolbarSpacer.default;
   }
 });
+Object.defineProperty(exports, "MenuToggle", {
+  enumerable: true,
+  get: function () {
+    return _MenuToggle.default;
+  }
+});
+Object.defineProperty(exports, "NavigationLayout", {
+  enumerable: true,
+  get: function () {
+    return _NavigationLayout.default;
+  }
+});
+Object.defineProperty(exports, "SplitLayout", {
+  enumerable: true,
+  get: function () {
+    return _SplitLayout.default;
+  }
+});
+Object.defineProperty(exports, "SplitLayoutDirection", {
+  enumerable: true,
+  get: function () {
+    return _SplitLayout2.SplitLayoutDirection;
+  }
+});
+Object.defineProperty(exports, "UserImage", {
+  enumerable: true,
+  get: function () {
+    return _UserImage.default;
+  }
+});
+Object.defineProperty(exports, "reorderNavigationLayoutGroupItems", {
+  enumerable: true,
+  get: function () {
+    return _NavigationLayout2.reorderNavigationLayoutGroupItems;
+  }
+});
+Object.defineProperty(exports, "reorderNavigationLayoutGroups", {
+  enumerable: true,
+  get: function () {
+    return _NavigationLayout2.reorderNavigationLayoutGroups;
+  }
+});
 var _DynamicToolbar = _interopRequireDefault(require("./components/dynamic-toolbar/DynamicToolbar"));
-var _DynamicToolbar2 = require("./components/dynamic-toolbar/DynamicToolbar.types");
 var _DynamicToolbarSpacer = _interopRequireDefault(require("./components/dynamic-toolbar-spacer/DynamicToolbarSpacer"));
+var _SplitLayout = _interopRequireDefault(require("./components/split-layout/SplitLayout"));
+var _UserImage = _interopRequireDefault(require("./components/user-image/UserImage"));
+var _MenuToggle = _interopRequireDefault(require("./components/navigation-layout/navigation-header/menu-toggle/MenuToggle"));
+var _NavigationLayout = _interopRequireDefault(require("./components/navigation-layout/NavigationLayout"));
+var _DynamicToolbar2 = require("./components/dynamic-toolbar/DynamicToolbar.types");
+var _SplitLayout2 = require("./components/split-layout/SplitLayout.types");
+var _NavigationLayout2 = require("./components/navigation-layout/NavigationLayout.utils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_DynamicToolbar","_interopRequireDefault","require","_DynamicToolbar2","_DynamicToolbarSpacer","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\nexport { default as DynamicToolbar } from './components/dynamic-toolbar/DynamicToolbar';\nexport { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';\nexport type {\n    DynamicToolbarItem,\n    DynamicToolbarProps,\n} from './components/dynamic-toolbar/DynamicToolbar.types';\n\nexport { default as DynamicToolbarSpacer } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer';\nexport type { DynamicToolbarSpacerProps } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer.types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA2G,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_DynamicToolbar","_interopRequireDefault","require","_DynamicToolbarSpacer","_SplitLayout","_UserImage","_MenuToggle","_NavigationLayout","_DynamicToolbar2","_SplitLayout2","_NavigationLayout2","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\n// Components\nexport { default as DynamicToolbar } from './components/dynamic-toolbar/DynamicToolbar';\nexport { default as DynamicToolbarSpacer } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer';\nexport { default as SplitLayout } from './components/split-layout/SplitLayout';\nexport { default as UserImage } from './components/user-image/UserImage';\nexport { default as MenuToggle } from './components/navigation-layout/navigation-header/menu-toggle/MenuToggle';\nexport { default as NavigationLayout } from './components/navigation-layout/NavigationLayout';\n\n// Types\nexport type { DynamicToolbarSpacerProps } from './components/dynamic-toolbar-spacer/DynamicToolbarSpacer.types';\nexport type {\n    DynamicToolbarItem,\n    DynamicToolbarProps,\n} from './components/dynamic-toolbar/DynamicToolbar.types';\nexport type {\n    NavigationLayoutConfig,\n    NavigationLayoutGroup,\n    NavigationLayoutItem,\n    NavigationLayoutItemLocation,\n    NavigationLayoutItemReorderEvent,\n    NavigationLayoutItemReorderPlacement,\n    NavigationLayoutItemReorderSource,\n    NavigationLayoutItemReorderTarget,\n    NavigationLayoutProps,\n} from './components/navigation-layout/NavigationLayout.types';\nexport type { SplitLayoutView } from './components/split-layout/SplitLayout.types';\n\n// Emums\nexport { DynamicToolbarLayout } from './components/dynamic-toolbar/DynamicToolbar.types';\nexport { SplitLayoutDirection } from './components/split-layout/SplitLayout.types';\n\n// Utils\nexport {\n    reorderNavigationLayoutGroupItems,\n    reorderNavigationLayoutGroups,\n} from './components/navigation-layout/NavigationLayout.utils';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAsBA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAGA,IAAAQ,kBAAA,GAAAR,OAAA;AAG+D,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+export const 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/esm/components/navigation-layout/NavigationLayout.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.constants.js","names":["DEFAULT_NAVIGATION_LAYOUT_CONFIG","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":"AAAA,OAAO,MAAMA,gCAAgC,GAAG;EAC5CC,YAAY,EAAE,EAAE;EAChBC,eAAe,EAAE,8BAA8B;EAC/CC,KAAK,EAAE,2BAA2B;EAClCC,eAAe,EAAE,EAAE;EACnBC,eAAe,EAAE;AACrB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import React, { createContext, useContext } from 'react';
+const NavigationLayoutContext = /*#__PURE__*/createContext(null);
+export const NavigationLayoutProvider = ({
+  children,
+  value
+}) => /*#__PURE__*/React.createElement(NavigationLayoutContext.Provider, {
+  value: value
+}, children);
+NavigationLayoutProvider.displayName = 'NavigationLayoutProvider';
+export const useNavigationLayoutContext = () => {
+  const context = useContext(NavigationLayoutContext);
+  if (!context) {
+    throw new Error('useNavigationLayoutContext must be used within NavigationLayoutProvider.');
+  }
+  return context;
+};
+//# sourceMappingURL=NavigationLayout.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.context.js","names":["React","createContext","useContext","NavigationLayoutContext","NavigationLayoutProvider","children","value","createElement","Provider","displayName","useNavigationLayoutContext","context","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,OAAOA,KAAK,IAAeC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAYnE,MAAMC,uBAAuB,gBAAGF,aAAa,CAAsC,IAAI,CAAC;AAExF,OAAO,MAAMG,wBAAwB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAqC,CAAC,kBACvFN,KAAA,CAAAO,aAAA,CAACJ,uBAAuB,CAACK,QAAQ;EAACF,KAAK,EAAEA;AAAM,GAAED,QAA2C,CAC/F;AAEDD,wBAAwB,CAACK,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAoC;EAC1E,MAAMC,OAAO,GAAGT,UAAU,CAACC,uBAAuB,CAAC;EAEnD,IAAI,CAACQ,OAAO,EAAE;IACV,MAAM,IAAIC,KAAK,CAAC,0EAA0E,CAAC;EAC/F;EAEA,OAAOD,OAAO;AAClB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import { StyledMotionNavigationLayoutContentWrapper, StyledNavigationLayout, StyledNavigationLayoutBackground, StyledNavigationLayoutBackgroundImage, StyledNavigationLayoutContent, StyledMotionNavigationLayoutContentOverlay } from './NavigationLayout.styles';
+import NavigationHeader from './navigation-header/NavigationHeader';
+import NavigationSidebar from './navigation-sidebar/NavigationSidebar';
+import { DEFAULT_NAVIGATION_LAYOUT_CONFIG } from './NavigationLayout.constants';
+import { AnimatePresence } from 'motion/react';
+import { NavigationLayoutProvider } from './NavigationLayout.context';
+const NavigationLayout = ({
+  children,
+  config: configProp,
+  sidebarTopContent,
+  sidebarBottomContent,
+  groups,
+  headerContent,
+  selectedItemId,
+  isMobile = false,
+  shouldShowCollapsedLabel = false,
+  onItemClick,
+  onItemReorder,
+  onSidebarOpen,
+  onSidebarClose
+}) => {
+  const [isMobileOpen, setIsMobileOpen] = useState(false);
+  const mergedConfig = useMemo(() => ({
+    ...DEFAULT_NAVIGATION_LAYOUT_CONFIG,
+    ...configProp
+  }), [configProp]);
+  const shouldShowCollapsedSidebarLabel = shouldShowCollapsedLabel && !isMobile;
+  const handleToggleMobileMenu = useCallback(() => {
+    if (!isMobile) {
+      setIsMobileOpen(false);
+      return;
+    }
+    setIsMobileOpen(prev => !prev);
+  }, [isMobile]);
+  return /*#__PURE__*/React.createElement(NavigationLayoutProvider, {
+    value: {
+      onItemReorder
+    }
+  }, /*#__PURE__*/React.createElement(StyledNavigationLayout, null, /*#__PURE__*/React.createElement(NavigationHeader, {
+    height: mergedConfig.headerHeight,
+    color: mergedConfig.color,
+    headerContent: headerContent,
+    safeAreas: mergedConfig.safeAreas,
+    isMobile: isMobile,
+    isMobileOpen: isMobileOpen,
+    onMenuClick: handleToggleMobileMenu
+  }), /*#__PURE__*/React.createElement(StyledMotionNavigationLayoutContentWrapper, {
+    initial: false,
+    animate: isMobile ? {
+      x: isMobileOpen ? 0 : '-70vw'
+    } : {},
+    transition: {
+      type: 'tween'
+    }
+  }, /*#__PURE__*/React.createElement(NavigationSidebar, {
+    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.createElement(StyledNavigationLayoutContent, {
+    $isMobile: isMobile,
+    $isCornerContent: !isMobile || isMobileOpen
+  }, children, /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false
+  }, isMobileOpen && /*#__PURE__*/React.createElement(StyledMotionNavigationLayoutContentOverlay, {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      opacity: 0.28
+    },
+    exit: {
+      opacity: 0
+    },
+    transition: {
+      duration: 0.3,
+      type: 'tween'
+    },
+    onClick: handleToggleMobileMenu
+  })))), /*#__PURE__*/React.createElement(StyledNavigationLayoutBackground, {
+    $backgroundColor: mergedConfig.backgroundColor
+  }, mergedConfig.backgroundImage && /*#__PURE__*/React.createElement(StyledNavigationLayoutBackgroundImage, {
+    src: mergedConfig.backgroundImage
+  }))));
+};
+NavigationLayout.displayName = 'NavigationLayout';
+export default NavigationLayout;
+//# sourceMappingURL=NavigationLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationLayout.js","names":["React","useCallback","useMemo","useState","StyledMotionNavigationLayoutContentWrapper","StyledNavigationLayout","StyledNavigationLayoutBackground","StyledNavigationLayoutBackgroundImage","StyledNavigationLayoutContent","StyledMotionNavigationLayoutContentOverlay","NavigationHeader","NavigationSidebar","DEFAULT_NAVIGATION_LAYOUT_CONFIG","AnimatePresence","NavigationLayoutProvider","NavigationLayout","children","config","configProp","sidebarTopContent","sidebarBottomContent","groups","headerContent","selectedItemId","isMobile","shouldShowCollapsedLabel","onItemClick","onItemReorder","onSidebarOpen","onSidebarClose","isMobileOpen","setIsMobileOpen","mergedConfig","shouldShowCollapsedSidebarLabel","handleToggleMobileMenu","prev","createElement","value","height","headerHeight","color","safeAreas","onMenuClick","initial","animate","x","transition","type","topContent","bottomContent","minWidth","sidebarMinWidth","maxWidth","sidebarMaxWidth","$isMobile","$isCornerContent","opacity","exit","duration","onClick","$backgroundColor","backgroundColor","backgroundImage","src","displayName"],"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":[]}