@zealicsolutions/web-ui 1.0.53-test.12 → 1.0.53-test.14

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

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

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

@@ -5,3 +5,6 @@ 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;

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

@@ -2,5 +2,7 @@ import React from 'react';
 export interface ContentWrapperProps {
     children: React.ReactNode;
     className?: 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,m=i().drawer;return o(a,t({className:r,style:t({},"absolute"!==m.positionType&&(n={},n["left"===m.position?"marginLeft":"marginRight"]=m.isOpen?"".concat(m.width,"px"):0,n))},{children:s}))},a=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{useLayoutContext as n}from"../../contexts/LayoutContext/useLayoutContext.js";var s,r=function(t){var i=t.children,s=t.className,r=t.marginLeft,m=void 0===r?"0":r,l=t.marginRight,c=void 0===l?"0":l,p=n().drawer,d="absolute"!==p.positionType&&"left"===p.position&&p.isOpen?"calc(".concat(m||"0px"," + ").concat(p.width,"px)"):m,u="absolute"!==p.positionType&&"right"===p.position&&p.isOpen?"calc(".concat(c||"0px"," + ").concat(p.width,"px)"):c;return e(a,o({className:s,style:{marginLeft:d,marginRight:u}},{children:i}))},a=i.div(s||(s=t(["\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};
 //# 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","positionType","_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,WAC8B,aAAxBL,EAAOM,eAA2BC,EAAA,CAAA,EACpCA,EAAqB,SAApBP,EAAOQ,SAAsB,aAAe,eAC3CR,EAAOS,OAAS,GAAGC,OAAAV,EAAOW,MAAS,MAAG,EACzCJ,KAGF,CAAAT,SAAAA,IAGP,EAEMK,EAAuBS,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","marginLeft","_c","marginRight","drawer","useLayoutContext","finalMarginLeft","positionType","position","isOpen","concat","width","finalMarginRight","_jsx","StyledContentWrapper","__assign","style","styled","div","templateObject_1","__makeTemplateObject"],"mappings":"sWAWO,MAAMA,EAAgD,SAACC,GAC5D,IAAAC,aACAC,EAASF,EAAAE,UACTC,eAAAC,OAAa,IAAAD,EAAA,MACbE,EAAAL,EAAAM,YAAAA,OAAW,IAAAD,EAAG,IAAGA,EAETE,EAAWC,WAGbC,EACoB,aAAxBF,EAAOG,cAAmD,SAApBH,EAAOI,UAAuBJ,EAAOK,OACvE,eAAQR,GAAc,MAAW,OAAAS,OAAAN,EAAOO,MAAU,OAClDV,EAEAW,EACoB,aAAxBR,EAAOG,cAAmD,UAApBH,EAAOI,UAAwBJ,EAAOK,OACxE,eAAQN,GAAe,MAAW,OAAAO,OAAAN,EAAOO,MAAU,OACnDR,EAEN,OACEU,EAACC,EAAoBC,EAAA,CACnBhB,UAAWA,EACXiB,MAAO,CACLf,WAAYK,EACZH,YAAaS,IAGd,CAAAd,SAAAA,IAGP,EAEMgB,EAAuBG,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,8GAAA,CAAA"}

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

@@ -5,3 +5,6 @@ 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;

package/dist/index.d.ts

@@ -1594,6 +1594,8 @@ declare const SpeedDial: react__default.FC<SpeedDialProps>;
 interface ContentWrapperProps {
     children: react__default.ReactNode;
     className?: string;
+    marginLeft?: string;
+    marginRight?: string;
 }
 declare const ContentWrapper: react__default.FC<ContentWrapperProps>;
 

package/package.json

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