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

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

@@ -2,5 +2,8 @@ import React from 'react';
 export interface ContentWrapperProps {
     children: React.ReactNode;
     className?: string;
+    marginTop?: string;
+    marginLeft?: string;
+    marginRight?: string;
 }
 export declare const ContentWrapper: React.FC<ContentWrapperProps>;

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as e,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import{jsx as o}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import n from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{useLayoutContext as i}from"../../contexts/LayoutContext/useLayoutContext.js";var s,r=function(e){var n,s=e.children,r=e.className,a=i().drawer;return o(m,t({className:r,style:(n={},n["left"===a.position?"marginLeft":"marginRight"]=a.isOpen?"".concat(a.width,"px"):0,n)},{children:s}))},m=n.div(s||(s=e(["\n  flex: 1;\n  position: relative;\n  transition: margin 0.3s ease;\n  overflow: auto;\n  height: 100%;\n"],["\n  flex: 1;\n  position: relative;\n  transition: margin 0.3s ease;\n  overflow: auto;\n  height: 100%;\n"])));export{r as ContentWrapper};
+import{__makeTemplateObject as t,__assign as o}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 i from"../../node_modules/@emotion/styled/dist/emotion-styled.esm.js";import{useRef as n,useEffect as r}from"react";import{useLayoutContext as s}from"../../contexts/LayoutContext/useLayoutContext.js";var a,m=function(t){var i=t.children,a=t.className,m=t.marginTop,p=void 0===m?"0px":m,u=t.marginLeft,d=void 0===u?"0px":u,c=t.marginRight,f=void 0===c?"0px":c,g=s(),v=g.drawer,h=g.setDrawerContainerRef,x=n(null);r((function(){return h&&h(x.current),function(){h&&h(null)}}),[h]);var y=function(t){var o=parseFloat(t);return isNaN(o)?0:o},j=y(d),w="absolute"!==v.positionType&&"left"===v.position&&v.isOpen?"".concat(j+v.width,"px"):d,b=y(f),L="absolute"!==v.positionType&&"right"===v.position&&v.isOpen?"".concat(b+v.width,"px"):f;return e(l,o({ref:x,className:a,style:{marginTop:p,marginLeft:w,marginRight:L}},{children:i}))},l=i.div(a||(a=t(["\n  height: 100%;\n  overflow: auto;\n  position: relative;\n  transition: margin 0.3s ease;\n"],["\n  height: 100%;\n  overflow: auto;\n  position: relative;\n  transition: margin 0.3s ease;\n"])));export{m as ContentWrapper};
 //# sourceMappingURL=ContentWrapper.js.map

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","drawer","useLayoutContext","_jsx","StyledContentWrapper","__assign","style","_b","position","isOpen","concat","width","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"sWASO,MAAMA,EAAgD,SAACC,SAC5DC,EAAQD,EAAAC,SACRC,EAASF,EAAAE,UAEDC,EAAWC,WAEnB,OACEC,EAACC,EAAoBC,EAAA,CACnBL,UAAWA,EACXM,OAAKC,EAAA,CAAA,EACHA,EAAqB,SAApBN,EAAOO,SAAsB,aAAe,eAC3CP,EAAOQ,OAAS,GAAGC,OAAAT,EAAOU,MAAS,MAAG,gBAGzCZ,IAGP,EAEMK,EAAuBQ,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,8GAAA,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/esm/molecules/ContentWrapper/ContentWrapper.stories.d.ts

@@ -4,3 +4,7 @@ declare const meta: Meta<typeof ContentWrapper>;
 export default meta;
 declare type Story = StoryObj<typeof ContentWrapper>;
 export declare const Default: Story;
+export declare const WithAbsoluteDrawer: Story;
+export declare const WithMargins: Story;
+export declare const WithMarginsAndAbsoluteDrawer: Story;
+export declare const WithConditionalMargin: Story;