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

package/dist/cjs/molecules/Drawer/styles.d.ts

@@ -14,6 +14,7 @@ export declare type StyledDrawerProps = DrawerComponentProps & {
     marginRight?: string;
     marginBottom?: string;
     marginLeft?: string;
+    positionType?: 'absolute' | 'normal';
 };
 export declare const BaseDrawer: import("@emotion/styled").StyledComponent<DrawerComponentProps & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -29,6 +30,7 @@ export declare const BaseDrawer: import("@emotion/styled").StyledComponent<Drawe
     marginRight?: string | undefined;
     marginBottom?: string | undefined;
     marginLeft?: string | undefined;
+    positionType?: "absolute" | "normal" | undefined;
 }, {}, {}>;
 export declare type IconWrapperProps = {
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';

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

@@ -1,8 +1,9 @@
 /// <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;

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 r}from"react";var i=r({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){}});export{i 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"],"mappings":"sCAiBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAQ"}

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

@@ -1,5 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 export interface LayoutProviderProps extends PropsWithChildren {
+    layoutPosition?: 'normal' | 'absolute';
     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 n,useRef as r,useEffect as e,useMemo as o}from"react";import{LayoutContext as d}from"./LayoutContext.js";var u=function(u){var s=u.children,c=u.layoutPosition,a=void 0===c?"normal":c,p=u.drawerMaxWidthPercent,f=void 0===p?80:p,v=n({width:0,position:"right",isOpen:!1,positionType:a}),h=v[0],l=v[1],m=r(null);e((function(){l((function(t){return i(i({},t),{positionType:a})}))}),[a]),e((function(){if(m.current){var t=function(){var t;if(h.isOpen){var n=(null===(t=m.current)||void 0===t?void 0:t.clientWidth)||0,r=Math.floor(n*(f/100));h.width>r&&l((function(t){return i(i({},t),{width:r})}))}};t();var n=new ResizeObserver((function(){t()}));return n.observe(m.current),function(){n.disconnect()}}}),[h.isOpen,h.width,f]);var w=o((function(){return function(t){l((function(n){var r=void 0!==t.width?t.width:n.width;if(m.current&&(t.isOpen||n.isOpen)){var e=m.current.clientWidth,o=Math.floor(e*(f/100));r=Math.min(r,o)}var d=void 0!==t.positionType?t.positionType:n.positionType;return i(i(i({},n),t),{width:r,positionType:d})}))}}),[f]),y=o((function(){return{drawer:h,updateDrawer:w}}),[h,w]);return t(d.Provider,i({value:y},{children:t("div",i({ref:m,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:s}))}))};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","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","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":"uSASO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,EAAQD,EAAAC,SACRC,EAAyBF,EAAAG,eAAzBA,OAAiB,IAAAD,EAAA,SAAQA,EACzBE,EAA0BJ,EAAAK,sBAA1BA,OAAqB,IAAAD,EAAG,GAAEA,EAGpBE,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcR,IAJTS,EAAMN,EAAA,GAAEO,OAQTC,EAAeC,EAAuB,MAG5CC,GAAU,WACRH,GAAU,SAACI,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAN,aAAcR,GACd,GACJ,GAAG,CAACA,IAGJa,GAAU,WACR,GAAKF,EAAaG,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKP,EAAOF,OAAZ,CAEA,IAAMU,GAAuC,QAAtBpB,EAAAc,EAAaG,eAAS,IAAAjB,OAAA,EAAAA,EAAAqB,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBf,EAAwB,MAElEO,EAAOJ,MAAQc,GACjBT,GAAU,SAACI,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAT,MAAOc,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMM,EAAiB,IAAIC,gBAAe,WACxCP,GACF,IAIA,OAFAM,EAAeE,QAAQb,EAAaG,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAAChB,EAAOF,OAAQE,EAAOJ,MAAOH,IAGjC,IAAMwB,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLlB,GAAU,SAACI,GAET,IAAIe,OAA2BC,IAAhBF,EAAMvB,MAAsBuB,EAAMvB,MAAQS,EAAQT,MAEjE,GAAIM,EAAaG,UAAYc,EAAMrB,QAAUO,EAAQP,QAAS,CAC5D,IAAMU,EAAiBN,EAAaG,QAAQI,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkBf,EAAwB,MACtE2B,EAAWT,KAAKW,IAAIF,EAAUV,EAC/B,CAGD,IAAMa,OAAyCF,IAAvBF,EAAMpB,aAA6BoB,EAAMpB,aAAeM,EAAQN,aAExF,OACKO,EAAAA,EAAAA,EAAA,CAAA,EAAAD,GACAc,GACH,CAAAvB,MAAOwB,EACPrB,aAAcwB,GAElB,GACF,CAAC,GACD,CAAC9B,IAIG+B,EAAeN,GACnB,WAAM,MAAC,CACLlB,OAAMA,EACNiB,aAAYA,KAEd,CAACjB,EAAQiB,IAGX,OACEQ,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAAnC,SACzCoC,WACEI,IAAK3B,EACL4B,MAAO,CACLjC,SAAU,WACVD,MAAO,OACPmC,OAAQ,OACRC,SAAU,WACX,CAAA3C,SAEAA,OAIT"}