@zealicsolutions/web-ui 1.0.80-beta.8 → 1.0.80

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

@@ -15,5 +15,6 @@ export declare const PersistentDrawer: import("@storybook/types").AnnotatedStory
 }>;
 export declare const TemporaryDrawer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
 export declare const EnhancedCloseIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
-export declare const ConfigurationMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const ConfigurationMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
 export declare const Playground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;
+export declare const ConfigurationModeWithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DrawerProps>;

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

@@ -39,6 +39,10 @@ export declare const DrawerWithCloseIcon: import("@emotion/styled").StyledCompon
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DrawerContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,2 +1,2 @@
-import{__assign as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as t,useRef as r,useEffect as n,useMemo as o}from"react";import{LayoutContext as d}from"./LayoutContext.js";var s=function(s){var u=s.children,a=s.layoutPosition,c=void 0===a?"normal":a,h=s.drawerMaxWidthPercent,p=void 0===h?80:h,v=s.headerHeight,f=void 0===v?"0px":v,l=s.isMLR,m=void 0!==l&&l,w=s.isMobile,y=void 0!==w&&w,M=t({width:0,position:"right",isOpen:!1,positionType:c}),b=M[0],x=M[1],O=r(null),T=t(null),j=T[0],R=T[1];n((function(){x((function(e){return i(i({},e),{positionType:c})}))}),[c]),n((function(){if(O.current){var e=function(){var e;if(b.isOpen){var t=(null===(e=O.current)||void 0===e?void 0:e.clientWidth)||0,r=Math.floor(t*(p/100));b.width>r&&x((function(e){return i(i({},e),{width:r})}))}};e();var t=new ResizeObserver((function(){e()}));return t.observe(O.current),function(){t.disconnect()}}}),[b.isOpen,b.width,p]);var g=o((function(){return function(e){x((function(t){var r=void 0!==e.width?e.width:t.width;if(O.current&&(e.isOpen||t.isOpen)){var n=O.current.clientWidth,o=Math.floor(n*(p/100));r=Math.min(r,o)}var d=void 0!==e.positionType?e.positionType:t.positionType;return i(i(i({},t),e),{width:r,positionType:d})}))}}),[p]),C=o((function(){return{drawer:b,updateDrawer:g,drawerContainerRef:j,setDrawerContainerRef:R,headerHeight:f,isMobile:y,isMLR:m}}),[b,g,j,f,y,m]);return e(d.Provider,i({value:C},{children:e("div",i({ref:O,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:u}))}))};export{s as LayoutProvider};
+import{__assign as i}from"../../node_modules/tslib/tslib.es6.js";import{jsx as e}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as t,useRef as r,useEffect as o,useMemo as n}from"react";import"../../theme/theme.js";import"../../theme/provider.js";import"../../theme/toastStyles.js";import{useMediaQuery as s}from"../../theme/useMediaQuery.js";import{LayoutContext as d}from"./LayoutContext.js";var u=function(u){var a=u.children,h=u.layoutPosition,p=void 0===h?"normal":h,c=u.drawerMaxWidthPercent,m=void 0===c?80:c,v=u.headerHeight,f=void 0===v?"0px":v,l=u.isMLR,w=void 0!==l&&l,y=u.isMobile,j=void 0!==y&&y,M=t({width:0,position:"right",isOpen:!1,positionType:p}),x=M[0],b=M[1],O=r(null),T=t(null),R=T[0],g=T[1],C=j||s("xs");o((function(){b((function(e){return i(i({},e),{positionType:p})}))}),[p]),o((function(){if(O.current){var e=function(){var e;if(x.isOpen){var t=(null===(e=O.current)||void 0===e?void 0:e.clientWidth)||0,r=Math.floor(t*(m/100));x.width>r&&b((function(e){return i(i({},e),{width:r})}))}};e();var t=new ResizeObserver((function(){e()}));return t.observe(O.current),function(){t.disconnect()}}}),[x.isOpen,x.width,m]);var L=n((function(){return function(e){b((function(t){var r=void 0!==e.width?e.width:t.width;if(O.current&&(e.isOpen||t.isOpen)){var o=O.current.clientWidth,n=Math.floor(o*(m/100));r=Math.min(r,n)}var s=void 0!==e.positionType?e.positionType:t.positionType;return i(i(i({},t),e),{width:r,positionType:s})}))}}),[m]),P=n((function(){return{drawer:x,updateDrawer:L,drawerContainerRef:R,setDrawerContainerRef:g,headerHeight:f,isMobile:C,isMLR:w}}),[x,L,R,f,C,w]);return e(d.Provider,i({value:P},{children:e("div",i({ref:O,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","layoutPosition","_c","drawerMaxWidthPercent","_d","headerHeight","_e","isMLR","_f","isMobile","_g","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_h","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":"uSAYO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAAAF,EAAAG,eAAAA,aAAiB,SAAQD,EACzBE,EAAAJ,EAAAK,sBAAAA,OAAqB,IAAAD,EAAG,GAAEA,EAC1BE,EAAAN,EAAAO,aAAAA,aAAe,MAAKD,EACpBE,EAAAR,EAAAS,MAAAA,OAAK,IAAAD,GAAQA,EACbE,EAAgBV,EAAAW,SAAhBA,OAAQ,IAAAD,GAAQA,EAGVE,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcd,IAJTe,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,aAAcd,GACd,GACJ,GAAG,CAACA,IAGJsB,GAAU,WACR,GAAKL,EAAaM,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKV,EAAOF,OAAZ,CAEA,IAAMa,GAAuC,QAAtB7B,EAAAoB,EAAaM,eAAS,IAAA1B,OAAA,EAAAA,EAAA8B,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBxB,EAAwB,MAElEa,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,MAAOT,IAGjC,IAAMiC,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,GAAkBxB,EAAwB,MAEtEoC,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,CAACvC,IAIGwC,EAAeN,GACnB,WAAM,MAAC,CACLrB,OAAMA,EACNoB,aAAYA,EACZf,mBAAkBA,EAClBC,sBAAqBA,EACrBjB,aAAYA,EACZI,SAAQA,EACRF,MAAKA,EACL,GACF,CAACS,EAAQoB,EAAcf,EAAoBhB,EAAcI,EAAUF,IAGrE,OACEqC,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAA5C,SACzC6C,WACEI,IAAK9B,EACL+B,MAAO,CACLpC,SAAU,WACVD,MAAO,OACPsC,OAAQ,OACRC,SAAU,WACX,CAAApD,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","isMLR","_f","isMobile","isMobileProp","_g","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_h","drawerContainerRef","setDrawerContainerRef","useMediaQuery","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":"ocAcO,IAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAAAF,EAAAG,eAAAA,aAAiB,SAAQD,EACzBE,EAAAJ,EAAAK,sBAAAA,OAAqB,IAAAD,EAAG,GAAEA,EAC1BE,EAAAN,EAAAO,aAAAA,aAAe,MAAKD,EACpBE,EAAAR,EAAAS,MAAAA,OAAK,IAAAD,GAAQA,EACbE,EAA8BV,EAAAW,SAApBC,OAAY,IAAAF,GAAQA,EAGxBG,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcf,IAJTgB,EAAMN,EAAA,GAAEO,OAQTC,EAAeC,EAAuB,MAGtCC,EAA8CT,EAAyB,MAAtEU,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CZ,EAAWC,GAAgBc,EAAc,MAG/CC,GAAU,WACRP,GAAU,SAACQ,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAV,aAAcf,GACd,GACJ,GAAG,CAACA,IAGJwB,GAAU,WACR,GAAKN,EAAaO,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKX,EAAOF,OAAZ,CAEA,IAAMc,GAAuC,QAAtB/B,EAAAqB,EAAaO,eAAS,IAAA5B,OAAA,EAAAA,EAAAgC,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkB1B,EAAwB,MAElEc,EAAOJ,MAAQkB,GACjBb,GAAU,SAACQ,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAb,MAAOkB,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMM,EAAiB,IAAIC,gBAAe,WACxCP,GACF,IAIA,OAFAM,EAAeE,QAAQjB,EAAaO,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAACpB,EAAOF,OAAQE,EAAOJ,MAAOV,IAGjC,IAAMmC,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLtB,GAAU,SAACQ,GAET,IAAIe,OAA2BC,IAAhBF,EAAM3B,MAAsB2B,EAAM3B,MAAQa,EAAQb,MAGjE,GAAIM,EAAaO,UAAYc,EAAMzB,QAAUW,EAAQX,QAAS,CAC5D,IAAMc,EAAiBV,EAAaO,QAAQI,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkB1B,EAAwB,MAEtEsC,EAAWT,KAAKW,IAAIF,EAAUV,EAC/B,CAGD,IAAMa,OACmBF,IAAvBF,EAAMxB,aAA6BwB,EAAMxB,aAAeU,EAAQV,aAElE,OACKW,EAAAA,EAAAA,EAAA,CAAA,EAAAD,GACAc,GACH,CAAA3B,MAAO4B,EACPzB,aAAc4B,GAElB,GACF,CAAC,GACD,CAACzC,IAIG0C,EAAeN,GACnB,WAAM,MAAC,CACLtB,OAAMA,EACNqB,aAAYA,EACZhB,mBAAkBA,EAClBC,sBAAqBA,EACrBlB,aAAYA,EACZI,SAAQA,EACRF,MAAKA,EACL,GACF,CAACU,EAAQqB,EAAchB,EAAoBjB,EAAcI,EAAUF,IAGrE,OACEuC,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAA9C,SACzC+C,WACEI,IAAK/B,EACLgC,MAAO,CACLrC,SAAU,WACVD,MAAO,OACPuC,OAAQ,OACRC,SAAU,WACX,CAAAtD,SAEAA,OAIT"}