@zealicsolutions/web-ui 1.0.53-test.8 → 1.0.54

package/dist/esm/contexts/LayoutContext/LayoutContext.d.ts

@@ -1,11 +1,16 @@
 /// <reference types="react" />
 export interface DrawerState {
     width: number;
-    position: 'left' | 'right';
+    position: 'left' | 'right' | 'top' | 'bottom';
     isOpen: boolean;
+    positionType?: 'absolute' | 'normal';
 }
 export interface LayoutContextType {
     drawer: DrawerState;
     updateDrawer: (props: Partial<DrawerState>) => void;
+    drawerContainerRef?: Element | null;
+    setDrawerContainerRef?: (ref: Element | null) => void;
+    headerHeight?: string;
+    setHeaderHeight?: (height: string) => void;
 }
 export declare const LayoutContext: import("react").Context<LayoutContextType>;

package/dist/esm/contexts/LayoutContext/LayoutContext.js

@@ -1,2 +1,2 @@
-import{createContext as r}from"react";var t=r({drawer:{width:0,position:"right",isOpen:!1},updateDrawer:function(){}});export{t as LayoutContext};
+import{createContext as e}from"react";var r=e({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){},drawerContainerRef:void 0,setDrawerContainerRef:function(){},headerHeight:"0px",setHeaderHeight:function(){}});export{r as LayoutContext};
 //# sourceMappingURL=LayoutContext.js.map

package/dist/esm/contexts/LayoutContext/LayoutContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContext.ts"],"sourcesContent":[null],"names":["LayoutContext","createContext","drawer","width","position","isOpen","updateDrawer"],"mappings":"sCAgBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,GAC/CC,aAAc,WAAQ"}
+{"version":3,"file":"LayoutContext.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContext.ts"],"sourcesContent":[null],"names":["LayoutContext","createContext","drawer","width","position","isOpen","positionType","updateDrawer","drawerContainerRef","undefined","setDrawerContainerRef","headerHeight","setHeaderHeight"],"mappings":"sCAqBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAQ,EACtBC,wBAAoBC,EACpBC,sBAAuB,WAAQ,EAC/BC,aAAc,MACdC,gBAAiB,WAAQ"}

package/dist/esm/contexts/LayoutContext/LayoutContextProvider.d.ts

@@ -1,5 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 export interface LayoutProviderProps extends PropsWithChildren {
+    layoutPosition?: 'normal' | 'absolute';
+    headerHeight?: string;
     drawerMaxWidthPercent?: number;
 }
 export declare const LayoutProvider: React.FC<LayoutProviderProps>;

package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js

@@ -1,2 +1,2 @@
-import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as i,useRef as e,useEffect as n,useMemo as o}from"react";import{LayoutContext as d}from"./LayoutContext.js";var u=function(u){var c=u.children,s=u.drawerMaxWidthPercent,a=void 0===s?80:s,h=i({width:0,position:"right",isOpen:!1}),f=h[0],v=h[1],l=e(null);n((function(){if(l.current){var t=function(){var t;if(f.isOpen){var i=(null===(t=l.current)||void 0===t?void 0:t.clientWidth)||0,e=Math.floor(i*(a/100));f.width>e&&v((function(t){return r(r({},t),{width:e})}))}};t();var i=new ResizeObserver((function(){t()}));return i.observe(l.current),function(){i.disconnect()}}}),[f.isOpen,f.width,a]);var m=o((function(){return function(t){v((function(i){var e=void 0!==t.width?t.width:i.width;if(l.current&&(t.isOpen||i.isOpen)){var n=l.current.clientWidth,o=Math.floor(n*(a/100));e=Math.min(e,o)}return r(r(r({},i),t),{width:e})}))}}),[a]),w=o((function(){return{drawer:f,updateDrawer:m}}),[f,m]);return t(d.Provider,r({value:w},{children:t("div",r({ref:l,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:c}))}))};export{u as LayoutProvider};
+import{__assign as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as e,useRef as r,useEffect as n,useMemo as o}from"react";import{LayoutContext as d}from"./LayoutContext.js";var u=function(u){var a=u.children,s=u.layoutPosition,c=void 0===s?"normal":s,h=u.drawerMaxWidthPercent,p=void 0===h?80:h,f=u.headerHeight,v=void 0===f?"0px":f,l=e({width:0,position:"right",isOpen:!1,positionType:c}),m=l[0],w=l[1],y=r(null),x=e(null),O=x[0],T=x[1];n((function(){w((function(t){return i(i({},t),{positionType:c})}))}),[c]),n((function(){if(y.current){var t=function(){var t;if(m.isOpen){var e=(null===(t=y.current)||void 0===t?void 0:t.clientWidth)||0,r=Math.floor(e*(p/100));m.width>r&&w((function(t){return i(i({},t),{width:r})}))}};t();var e=new ResizeObserver((function(){t()}));return e.observe(y.current),function(){e.disconnect()}}}),[m.isOpen,m.width,p]);var j=o((function(){return function(t){w((function(e){var r=void 0!==t.width?t.width:e.width;if(y.current&&(t.isOpen||e.isOpen)){var n=y.current.clientWidth,o=Math.floor(n*(p/100));r=Math.min(r,o)}var d=void 0!==t.positionType?t.positionType:e.positionType;return i(i(i({},e),t),{width:r,positionType:d})}))}}),[p]),b=o((function(){return{drawer:m,updateDrawer:j,drawerContainerRef:O,setDrawerContainerRef:T,headerHeight:v}}),[m,j,O,v]);return t(d.Provider,i({value:b},{children:t("div",i({ref:y,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:a}))}))};export{u as LayoutProvider};
 //# sourceMappingURL=LayoutContextProvider.js.map

package/dist/esm/contexts/LayoutContext/LayoutContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContextProvider.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContextProvider.tsx"],"sourcesContent":[null],"names":["LayoutProvider","_a","children","_b","drawerMaxWidthPercent","_c","useState","width","position","isOpen","drawer","setDrawer","containerRef","useRef","useEffect","current","constrainDrawerWidth","containerWidth","clientWidth","maxWidth","Math","floor","__assign","resizeObserver","ResizeObserver","observe","disconnect","updateDrawer","useMemo","props","newWidth","undefined","min","contextValue","_jsx","LayoutContext","Provider","value","ref","style","height","overflow"],"mappings":"uSAQO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAAAF,EAAAG,sBAAAA,OAAqB,IAAAD,EAAG,GAAEA,EAGpBE,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,IAHHC,EAAML,EAAA,GAAEM,OAOTC,EAAeC,EAAuB,MAG5CC,GAAU,WACR,GAAKF,EAAaG,QAAlB,CAGA,IAAMC,EAAuB,iBAC3B,GAAKN,EAAOD,OAAZ,CAEA,IAAMQ,GAAuC,QAAtBhB,EAAAW,EAAaG,eAAS,IAAAd,OAAA,EAAAA,EAAAiB,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBb,EAAwB,MAElEM,EAAOH,MAAQY,GACjBR,GAAU,SAAAI,GAAW,OAChBO,EAAAA,EAAA,CAAA,EAAAP,GACH,CAAAR,MAAOY,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMO,EAAiB,IAAIC,gBAAe,WACxCR,GACF,IAIA,OAFAO,EAAeE,QAAQb,EAAaG,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAAChB,EAAOD,OAAQC,EAAOH,MAAOH,IAGjC,IAAMuB,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLlB,GAAU,SAAAI,GAER,IAAIe,OAA2BC,IAAhBF,EAAMtB,MAAsBsB,EAAMtB,MAAQQ,EAAQR,MAEjE,GAAIK,EAAaG,UAAYc,EAAMpB,QAAUM,EAAQN,QAAS,CAC5D,IAAMQ,EAAiBL,EAAaG,QAAQG,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkBb,EAAwB,MACtE0B,EAAWV,KAAKY,IAAIF,EAAUX,EAC/B,CAED,OAAAG,EAAAA,EAAAA,EAAA,GACKP,GACAc,IACHtB,MAAOuB,GAEX,GACF,CAAC,GACD,CAAC1B,IAIG6B,EAAeL,GACnB,WAAM,MAAC,CACLlB,OAAMA,EACNiB,aAAYA,KAEd,CAACjB,EAAQiB,IAGX,OACEO,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAA/B,SACzCgC,WACEI,IAAK1B,EACL2B,MAAO,CACL/B,SAAU,WACVD,MAAO,OACPiC,OAAQ,OACRC,SAAU,WACX,CAAAvC,SAEAA,OAIT"}
+{"version":3,"file":"LayoutContextProvider.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContextProvider.tsx"],"sourcesContent":[null],"names":["LayoutProvider","_a","children","_b","layoutPosition","_c","drawerMaxWidthPercent","_d","headerHeight","_e","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_f","drawerContainerRef","setDrawerContainerRef","useEffect","current","__assign","constrainDrawerWidth","containerWidth","clientWidth","maxWidth","Math","floor","resizeObserver","ResizeObserver","observe","disconnect","updateDrawer","useMemo","props","newWidth","undefined","min","newPositionType","contextValue","_jsx","LayoutContext","Provider","value","ref","style","height","overflow"],"mappings":"uSAUO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAAAF,EAAAG,eAAAA,aAAiB,SAAQD,EACzBE,EAAAJ,EAAAK,sBAAAA,OAAqB,IAAAD,EAAG,GAAEA,EAC1BE,EAAAN,EAAAO,aAAAA,OAAY,IAAAD,EAAG,MAAKA,EAGdE,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcV,IAJTW,EAAMN,EAAA,GAAEO,OAQTC,EAAeC,EAAuB,MAGtCC,EAA8CT,EAAyB,MAAtEU,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAGhDG,GAAU,WACRN,GAAU,SAACO,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAT,aAAcV,GACd,GACJ,GAAG,CAACA,IAGJkB,GAAU,WACR,GAAKL,EAAaM,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKV,EAAOF,OAAZ,CAEA,IAAMa,GAAuC,QAAtBzB,EAAAgB,EAAaM,eAAS,IAAAtB,OAAA,EAAAA,EAAA0B,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBpB,EAAwB,MAElES,EAAOJ,MAAQiB,GACjBZ,GAAU,SAACO,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAZ,MAAOiB,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMM,EAAiB,IAAIC,gBAAe,WACxCP,GACF,IAIA,OAFAM,EAAeE,QAAQhB,EAAaM,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAACnB,EAAOF,OAAQE,EAAOJ,MAAOL,IAGjC,IAAM6B,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLrB,GAAU,SAACO,GAET,IAAIe,OAA2BC,IAAhBF,EAAM1B,MAAsB0B,EAAM1B,MAAQY,EAAQZ,MAGjE,GAAIM,EAAaM,UAAYc,EAAMxB,QAAUU,EAAQV,QAAS,CAC5D,IAAMa,EAAiBT,EAAaM,QAAQI,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkBpB,EAAwB,MAEtEgC,EAAWT,KAAKW,IAAIF,EAAUV,EAC/B,CAGD,IAAMa,OACmBF,IAAvBF,EAAMvB,aAA6BuB,EAAMvB,aAAeS,EAAQT,aAElE,OACKU,EAAAA,EAAAA,EAAA,CAAA,EAAAD,GACAc,GACH,CAAA1B,MAAO2B,EACPxB,aAAc2B,GAElB,GACF,CAAC,GACD,CAACnC,IAIGoC,EAAeN,GACnB,WAAM,MAAC,CACLrB,OAAMA,EACNoB,aAAYA,EACZf,mBAAkBA,EAClBC,sBAAqBA,EACrBb,aAAYA,EALR,GAON,CAACO,EAAQoB,EAAcf,EAAoBZ,IAG7C,OACEmC,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAAxC,SACzCyC,WACEI,IAAK9B,EACL+B,MAAO,CACLpC,SAAU,WACVD,MAAO,OACPsC,OAAQ,OACRC,SAAU,WACX,CAAAhD,SAEAA,OAIT"}