@zealicsolutions/web-ui 1.0.53-test.37 → 1.0.53-test.39

package/dist/cjs/molecules/ContentWrapper/ContentWrapper.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface ContentWrapperProps {
     children: React.ReactNode;
     className?: string;
+    marginTop?: string;
     marginLeft?: string;
     marginRight?: string;
 }

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

@@ -10,5 +10,7 @@ export interface LayoutContextType {
     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 e=r({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){},drawerContainerRef:void 0,setDrawerContainerRef:function(){}});export{e 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","positionType","updateDrawer","drawerContainerRef","undefined","setDrawerContainerRef"],"mappings":"sCAmBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAS,EACvBC,wBAAoBC,EACpBC,sBAAuB,WAAS"}
+{"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,WAAS,EACvBC,wBAAoBC,EACpBC,sBAAuB,WAAS,EAChCC,aAAc,MACdC,gBAAiB,WAAS"}

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

@@ -1,6 +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 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,a=u.layoutPosition,c=void 0===a?"normal":a,f=u.drawerMaxWidthPercent,p=void 0===f?80:f,l=n({width:0,position:"right",isOpen:!1,positionType:c}),v=l[0],h=l[1],m=r(null),w=n(null),y=w[0],O=w[1];e((function(){h((function(t){return i(i({},t),{positionType:c})}))}),[c]),e((function(){if(m.current){var t=function(){var t;if(v.isOpen){var n=(null===(t=m.current)||void 0===t?void 0:t.clientWidth)||0,r=Math.floor(n*(p/100));v.width>r&&h((function(t){return i(i({},t),{width:r})}))}};t();var n=new ResizeObserver((function(){t()}));return n.observe(m.current),function(){n.disconnect()}}}),[v.isOpen,v.width,p]);var T=o((function(){return function(t){h((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*(p/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})}))}}),[p]),j=o((function(){return{drawer:v,updateDrawer:T,drawerContainerRef:y,setDrawerContainerRef:O}}),[v,T,y]);return t(d.Provider,i({value:j},{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 t}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import{useState as r,useRef as n,useEffect as e,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,p=u.drawerMaxWidthPercent,f=void 0===p?80:p,h=u.headerHeight,v=void 0===h?"0px":h,l=r({width:0,position:"right",isOpen:!1,positionType:c}),m=l[0],w=l[1],y=n(null),T=r(null),x=T[0],O=T[1];e((function(){w((function(t){return i(i({},t),{positionType:c})}))}),[c]),e((function(){if(y.current){var t=function(){var t;if(m.isOpen){var r=(null===(t=y.current)||void 0===t?void 0:t.clientWidth)||0,n=Math.floor(r*(f/100));m.width>n&&w((function(t){return i(i({},t),{width:n})}))}};t();var r=new ResizeObserver((function(){t()}));return r.observe(y.current),function(){r.disconnect()}}}),[m.isOpen,m.width,f]);var j=o((function(){return function(t){w((function(r){var n=void 0!==t.width?t.width:r.width;if(y.current&&(t.isOpen||r.isOpen)){var e=y.current.clientWidth,o=Math.floor(e*(f/100));n=Math.min(n,o)}var d=void 0!==t.positionType?t.positionType:r.positionType;return i(i(i({},r),t),{width:n,positionType:d})}))}}),[f]),b=o((function(){return{drawer:m,updateDrawer:j,drawerContainerRef:x,setDrawerContainerRef:O}}),[m,j,x]);return t(d.Provider,i({value:b},{children:t("div",i({ref:y,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden",marginTop:v}},{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","useState","width","position","isOpen","positionType","drawer","setDrawer","containerRef","useRef","_e","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":"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,MAGtCC,EAA8CT,EAAyB,MAAtEU,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAGhDG,GAAU,WACRN,GAAU,SAACO,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAT,aAAcR,GACd,GACJ,GAAG,CAACA,IAGJgB,GAAU,WACR,GAAKL,EAAaM,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKV,EAAOF,OAAZ,CAEA,IAAMa,GAAuC,QAAtBvB,EAAAc,EAAaM,eAAS,IAAApB,OAAA,EAAAA,EAAAwB,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBlB,EAAwB,MAElEO,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,MAAOH,IAGjC,IAAM2B,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,GAAkBlB,EAAwB,MAEtE8B,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,CAACjC,IAIGkC,EAAeN,GACnB,WAAM,MAAC,CACLrB,OAAMA,EACNoB,aAAYA,EACZf,mBAAkBA,EAClBC,sBAAqBA,EACrB,GACF,CAACN,EAAQoB,EAAcf,IAGzB,OACEuB,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAAtC,SACzCuC,WACEI,IAAK9B,EACL+B,MAAO,CACLpC,SAAU,WACVD,MAAO,OACPsC,OAAQ,OACRC,SAAU,WACX,CAAA9C,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","marginTop"],"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,EACrB,GACF,CAACN,EAAQoB,EAAcf,IAGzB,OACEuB,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAAxC,SACzCyC,WACEI,IAAK9B,EACL+B,MAAO,CACLpC,SAAU,WACVD,MAAO,OACPsC,OAAQ,OACRC,SAAU,SACVC,UAAW3C,IACZ,CAAAN,SAEAA,OAIT"}

package/dist/esm/molecules/ContentWrapper/ContentWrapper.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface ContentWrapperProps {
     children: React.ReactNode;
     className?: string;
+    marginTop?: string;
     marginLeft?: string;
     marginRight?: string;
 }

package/dist/esm/molecules/ContentWrapper/ContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentWrapper.js","sources":["../../../../../src/molecules/ContentWrapper/ContentWrapper.tsx"],"sourcesContent":[null],"names":["ContentWrapper","_a","children","className","_b","marginTop","_c","marginLeft","_d","marginRight","_e","useLayoutContext","drawer","setDrawerContainerRef","rootRef","useRef","useEffect","current","extractNumericValue","margin","value","parseFloat","isNaN","marginLeftValue","finalMarginLeft","positionType","position","isOpen","concat","width","marginRightValue","finalMarginRight","_jsx","StyledContentWrapper","__assign","ref","style","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"oZAWO,MAAMA,EAAgD,SAACC,OAC5DC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,cAAAC,OAAY,IAAAD,EAAA,MAAKA,EACjBE,eAAAC,OAAa,IAAAD,EAAA,MAAKA,EAClBE,gBAAAC,OAAc,IAAAD,EAAA,MAAKA,EAEbE,EAAoCC,IAAlCC,EAAMF,EAAAE,OAAEC,EAAqBH,EAAAG,sBAC/BC,EAAUC,EAAuB,MAEvCC,GAAU,WAKR,OAJIH,GACFA,EAAsBC,EAAQG,SAGzB,WACDJ,GACFA,EAAsB,KAE1B,CACF,GAAG,CAACA,IAIJ,IAAMK,EAAsB,SAACC,GAC3B,IAAMC,EAAQC,WAAWF,GACzB,OAAOG,MAAMF,GAAS,EAAIA,CAC5B,EAGMG,EAAkBL,EAAoBX,GACtCiB,EACoB,aAAxBZ,EAAOa,cAAmD,SAApBb,EAAOc,UAAuBd,EAAOe,OACvE,GAAGC,OAAAL,EAAkBX,EAAOiB,MAAS,MACrCtB,EAGAuB,EAAmBZ,EAAoBT,GACvCsB,EACoB,aAAxBnB,EAAOa,cAAmD,UAApBb,EAAOc,UAAwBd,EAAOe,OACxE,GAAGC,OAAAE,EAAmBlB,EAAOiB,MAAS,MACtCpB,EAEN,OACEuB,EAACC,EAAoBC,EAAA,CACnBC,IAAKrB,EACLX,UAAWA,EACXiC,MAAO,CACL/B,UAAWA,EACXE,WAAYiB,EACZf,YAAasB,IAGd,CAAA7B,SAAAA,IAGP,EAEM+B,EAAuBI,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kGAAA,CAAA"}
+{"version":3,"file":"ContentWrapper.js","sources":["../../../../../src/molecules/ContentWrapper/ContentWrapper.tsx"],"sourcesContent":[null],"names":["ContentWrapper","_a","children","className","_b","marginTop","_c","marginLeft","_d","marginRight","_e","useLayoutContext","drawer","setDrawerContainerRef","rootRef","useRef","useEffect","current","extractNumericValue","margin","value","parseFloat","isNaN","marginLeftValue","finalMarginLeft","positionType","position","isOpen","concat","width","marginRightValue","finalMarginRight","_jsx","StyledContentWrapper","__assign","ref","style","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"oZAYO,MAAMA,EAAgD,SAACC,OAC5DC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UACTC,cAAAC,OAAY,IAAAD,EAAA,MAAKA,EACjBE,eAAAC,OAAa,IAAAD,EAAA,MAAKA,EAClBE,gBAAAC,OAAc,IAAAD,EAAA,MAAKA,EAEbE,EAAoCC,IAAlCC,EAAMF,EAAAE,OAAEC,EAAqBH,EAAAG,sBAC/BC,EAAUC,EAAuB,MAEvCC,GAAU,WAKR,OAJIH,GACFA,EAAsBC,EAAQG,SAGzB,WACDJ,GACFA,EAAsB,KAE1B,CACF,GAAG,CAACA,IAIJ,IAAMK,EAAsB,SAACC,GAC3B,IAAMC,EAAQC,WAAWF,GACzB,OAAOG,MAAMF,GAAS,EAAIA,CAC5B,EAGMG,EAAkBL,EAAoBX,GACtCiB,EACoB,aAAxBZ,EAAOa,cAAmD,SAApBb,EAAOc,UAAuBd,EAAOe,OACvE,GAAGC,OAAAL,EAAkBX,EAAOiB,MAAS,MACrCtB,EAGAuB,EAAmBZ,EAAoBT,GACvCsB,EACoB,aAAxBnB,EAAOa,cAAmD,UAApBb,EAAOc,UAAwBd,EAAOe,OACxE,GAAGC,OAAAE,EAAmBlB,EAAOiB,MAAS,MACtCpB,EAEN,OACEuB,EAACC,EAAoBC,EAAA,CACnBC,IAAKrB,EACLX,UAAWA,EACXiC,MAAO,CACL/B,UAAWA,EACXE,WAAYiB,EACZf,YAAasB,IAGd,CAAA7B,SAAAA,IAGP,EAEM+B,EAAuBI,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kGAAA,CAAA"}

package/dist/index.d.ts

@@ -710,11 +710,14 @@ interface LayoutContextType {
     updateDrawer: (props: Partial<DrawerState>) => void;
     drawerContainerRef?: Element | null;
     setDrawerContainerRef?: (ref: Element | null) => void;
+    headerHeight?: string;
+    setHeaderHeight?: (height: string) => void;
 }
 declare const LayoutContext: react.Context<LayoutContextType>;
 
 interface LayoutProviderProps extends PropsWithChildren {
     layoutPosition?: 'normal' | 'absolute';
+    headerHeight?: string;
     drawerMaxWidthPercent?: number;
 }
 declare const LayoutProvider: react__default.FC<LayoutProviderProps>;
@@ -1621,6 +1624,7 @@ declare const SpeedDial: react__default.FC<SpeedDialProps>;
 interface ContentWrapperProps {
     children: react__default.ReactNode;
     className?: string;
+    marginTop?: string;
     marginLeft?: string;
     marginRight?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "1.0.53-test.37",
+  "version": "1.0.53-test.39",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"