@zealicsolutions/web-ui 1.0.80-beta.7 → 1.0.80-beta.9

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

@@ -35,27 +35,14 @@ export declare const BaseDrawer: import("@emotion/styled").StyledComponent<Drawe
     marginLeft?: string | undefined;
     positionType?: "absolute" | "normal" | undefined;
 }, {}, {}>;
-export declare type IconWrapperProps = {
-    top?: string | number;
-    left?: string | number;
-    right?: string | number;
-    bottom?: string | number;
-    elevation?: number;
-    borderRadiusTopLeft?: string | number;
-    borderRadiusTopRight?: string | number;
-    borderRadiusBottomLeft?: string | number;
-    borderRadiusBottomRight?: string | number;
-    borderRadius?: string | number;
-    borderWidth?: string | number;
-    borderColor?: string;
-    borderStyle?: 'solid' | 'dashed' | 'dotted' | 'none';
-    backgroundColor?: string;
-    paddingTop?: string | number;
-    paddingRight?: string | number;
-    paddingBottom?: string | number;
-    paddingLeft?: string | number;
-    padding?: string | number;
-};
+export declare const DrawerWithCloseIcon: 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 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;
@@ -73,29 +60,3 @@ export declare const DrawerItemsList: import("@emotion/styled").StyledComponent<
 } & {
     gap?: string | number | undefined;
 }, {}, {}>;
-export declare type DrawerMenuItemProps = {
-    backgroundColor?: string;
-    paddingTop?: string;
-    paddingRight?: string;
-    paddingBottom?: string;
-    paddingLeft?: string;
-    disabled?: boolean;
-};
-export declare const DrawerMenuItem: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "alignItems" | "action" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "disableGutters" | "dense" | "divider" | "selected"> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & DrawerMenuItemProps, {}, {}>;
-export declare type DrawerMenuItemTextProps = {
-    textColor?: string;
-    fontSize?: string;
-    fontWeight?: 'normal' | 'bold';
-    fontFamily?: string;
-    wrap?: boolean;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-};
-export declare const DrawerMenuItemText: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "typography" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & DrawerMenuItemTextProps, {}, {}>;

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

@@ -12,6 +12,7 @@ export interface LayoutContextType {
     setDrawerContainerRef?: (ref: Element | null) => void;
     headerHeight?: string;
     setHeaderHeight?: (height: string) => void;
+    isMobile?: boolean;
     isMLR?: boolean;
 }
 export declare const LayoutContext: import("react").Context<LayoutContextType>;

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

@@ -1,2 +1,2 @@
-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(){},isMLR:!1});export{r as LayoutContext};
+import{createContext as e}from"react";var i=e({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){},drawerContainerRef:void 0,setDrawerContainerRef:function(){},headerHeight:"0px",setHeaderHeight:function(){},isMobile:!1,isMLR:!1});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","positionType","updateDrawer","drawerContainerRef","undefined","setDrawerContainerRef","headerHeight","setHeaderHeight","isMLR"],"mappings":"sCAsBO,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,EACzBC,OAAO"}
+{"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","isMobile","isMLR"],"mappings":"sCAuBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAS,EACvBC,wBAAoBC,EACpBC,sBAAuB,WAAS,EAChCC,aAAc,MACdC,gBAAiB,WAAS,EAC1BC,UAAU,EACVC,OAAO"}

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

@@ -4,5 +4,6 @@ export interface LayoutProviderProps extends PropsWithChildren {
     headerHeight?: string;
     drawerMaxWidthPercent?: number;
     isMLR?: boolean;
+    isMobile?: boolean;
 }
 export declare const LayoutProvider: React.FC<LayoutProviderProps>;

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 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 s=u.children,a=u.layoutPosition,c=void 0===a?"normal":a,h=u.drawerMaxWidthPercent,p=void 0===h?80:h,f=u.headerHeight,v=void 0===f?"0px":f,l=u.isMLR,m=void 0!==l&&l,w=e({width:0,position:"right",isOpen:!1,positionType:c}),y=w[0],x=w[1],M=r(null),O=e(null),T=O[0],j=O[1];n((function(){x((function(t){return i(i({},t),{positionType:c})}))}),[c]),n((function(){if(M.current){var t=function(){var t;if(y.isOpen){var e=(null===(t=M.current)||void 0===t?void 0:t.clientWidth)||0,r=Math.floor(e*(p/100));y.width>r&&x((function(t){return i(i({},t),{width:r})}))}};t();var e=new ResizeObserver((function(){t()}));return e.observe(M.current),function(){e.disconnect()}}}),[y.isOpen,y.width,p]);var R=o((function(){return function(t){x((function(e){var r=void 0!==t.width?t.width:e.width;if(M.current&&(t.isOpen||e.isOpen)){var n=M.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:y,updateDrawer:R,drawerContainerRef:T,setDrawerContainerRef:j,headerHeight:v,isMLR:m}}),[y,R,T,v,m]);return t(d.Provider,i({value:b},{children:t("div",i({ref:M,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:s}))}))};export{u 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","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_g","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":"uSAWO,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,EACpBE,UAAAC,OAAQ,IAAAD,GAAKA,EAGPE,EAAsBC,EAAsB,CAChDC,MAAO,EACPC,SAAU,QACVC,QAAQ,EACRC,aAAcZ,IAJTa,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,aAAcZ,GACd,GACJ,GAAG,CAACA,IAGJoB,GAAU,WACR,GAAKL,EAAaM,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKV,EAAOF,OAAZ,CAEA,IAAMa,GAAuC,QAAtB3B,EAAAkB,EAAaM,eAAS,IAAAxB,OAAA,EAAAA,EAAA4B,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBtB,EAAwB,MAElEW,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,MAAOP,IAGjC,IAAM+B,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,GAAkBtB,EAAwB,MAEtEkC,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,CAACrC,IAIGsC,EAAeN,GACnB,WAAM,MAAC,CACLrB,OAAMA,EACNoB,aAAYA,EACZf,mBAAkBA,EAClBC,sBAAqBA,EACrBf,aAAYA,EACZE,MAAKA,EAND,GAQN,CAACO,EAAQoB,EAAcf,EAAoBd,EAAcE,IAG3D,OACEmC,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAA1C,SACzC2C,WACEI,IAAK9B,EACL+B,MAAO,CACLpC,SAAU,WACVD,MAAO,OACPsC,OAAQ,OACRC,SAAU,WACX,CAAAlD,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"}