@zealicsolutions/web-ui 1.0.53-test.35 → 1.0.53-test.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -127,5 +127,4 @@ export interface DrawerProps {
127
127
  closeIconPosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
128
128
  moleculeId?: string;
129
129
  configurationItemInfo?: ConfigurationItemInfo;
130
- container?: Element | (() => Element) | null;
131
130
  }
@@ -8,5 +8,7 @@ export interface DrawerState {
8
8
  export interface LayoutContextType {
9
9
  drawer: DrawerState;
10
10
  updateDrawer: (props: Partial<DrawerState>) => void;
11
+ drawerContainerRef?: Element | null;
12
+ setDrawerContainerRef?: (ref: Element | null) => void;
11
13
  }
12
14
  export declare const LayoutContext: import("react").Context<LayoutContextType>;
@@ -1,2 +1,2 @@
1
- import{createContext as r}from"react";var i=r({drawer:{width:0,position:"right",isOpen:!1,positionType:"normal"},updateDrawer:function(){}});export{i as LayoutContext};
1
+ 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};
2
2
  //# sourceMappingURL=LayoutContext.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LayoutContext.js","sources":["../../../../../src/contexts/LayoutContext/LayoutContext.ts"],"sourcesContent":[null],"names":["LayoutContext","createContext","drawer","width","position","isOpen","positionType","updateDrawer"],"mappings":"sCAiBO,IAAMA,EAAgBC,EAAiC,CAC5DC,OAAQ,CAAEC,MAAO,EAAGC,SAAU,QAASC,QAAQ,EAAOC,aAAc,UACpEC,aAAc,WAAQ"}
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"}
@@ -1,2 +1,2 @@
1
- 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,c=u.layoutPosition,a=void 0===c?"normal":c,p=u.drawerMaxWidthPercent,f=void 0===p?80:p,v=n({width:0,position:"right",isOpen:!1,positionType:a}),h=v[0],l=v[1],m=r(null);e((function(){l((function(t){return i(i({},t),{positionType:a})}))}),[a]),e((function(){if(m.current){var t=function(){var t;if(h.isOpen){var n=(null===(t=m.current)||void 0===t?void 0:t.clientWidth)||0,r=Math.floor(n*(f/100));h.width>r&&l((function(t){return i(i({},t),{width:r})}))}};t();var n=new ResizeObserver((function(){t()}));return n.observe(m.current),function(){n.disconnect()}}}),[h.isOpen,h.width,f]);var w=o((function(){return function(t){l((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*(f/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})}))}}),[f]),y=o((function(){return{drawer:h,updateDrawer:w}}),[h,w]);return t(d.Provider,i({value:y},{children:t("div",i({ref:m,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"}},{children:s}))}))};export{u as LayoutProvider};
1
+ 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};
2
2
  //# sourceMappingURL=LayoutContextProvider.js.map
@@ -1 +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","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,MAG5CC,GAAU,WACRH,GAAU,SAACI,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAN,aAAcR,GACd,GACJ,GAAG,CAACA,IAGJa,GAAU,WACR,GAAKF,EAAaG,QAAlB,CAGA,IAAME,EAAuB,iBAC3B,GAAKP,EAAOF,OAAZ,CAEA,IAAMU,GAAuC,QAAtBpB,EAAAc,EAAaG,eAAS,IAAAjB,OAAA,EAAAA,EAAAqB,cAAe,EACtDC,EAAWC,KAAKC,MAAMJ,GAAkBf,EAAwB,MAElEO,EAAOJ,MAAQc,GACjBT,GAAU,SAACI,GAAY,OAClBC,EAAAA,EAAA,CAAA,EAAAD,GACH,CAAAT,MAAOc,GACP,GATuB,CAW7B,EAGAH,IAGA,IAAMM,EAAiB,IAAIC,gBAAe,WACxCP,GACF,IAIA,OAFAM,EAAeE,QAAQb,EAAaG,SAE7B,WACLQ,EAAeG,YACjB,CA7BkC,CA8BpC,GAAG,CAAChB,EAAOF,OAAQE,EAAOJ,MAAOH,IAGjC,IAAMwB,EAAeC,GACnB,WAAM,OAAA,SAACC,GACLlB,GAAU,SAACI,GAET,IAAIe,OAA2BC,IAAhBF,EAAMvB,MAAsBuB,EAAMvB,MAAQS,EAAQT,MAGjE,GAAIM,EAAaG,UAAYc,EAAMrB,QAAUO,EAAQP,QAAS,CAC5D,IAAMU,EAAiBN,EAAaG,QAAQI,YACtCC,EAAWC,KAAKC,MAAMJ,GAAkBf,EAAwB,MAEtE2B,EAAWT,KAAKW,IAAIF,EAAUV,EAC/B,CAGD,IAAMa,OACmBF,IAAvBF,EAAMpB,aAA6BoB,EAAMpB,aAAeM,EAAQN,aAElE,OACKO,EAAAA,EAAAA,EAAA,CAAA,EAAAD,GACAc,GACH,CAAAvB,MAAOwB,EACPrB,aAAcwB,GAElB,GACF,CAAC,GACD,CAAC9B,IAIG+B,EAAeN,GACnB,WAAM,MAAC,CACLlB,OAAMA,EACNiB,aAAYA,KAEd,CAACjB,EAAQiB,IAGX,OACEQ,EAACC,EAAcC,YAASC,MAAOJ,GAAY,CAAAnC,SACzCoC,WACEI,IAAK3B,EACL4B,MAAO,CACLjC,SAAU,WACVD,MAAO,OACPmC,OAAQ,OACRC,SAAU,WACX,CAAA3C,SAEAA,OAIT"}
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"}
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as t,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{jsx as i}from"../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js";import e 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 e=t.children,s=t.className,r=t.marginLeft,m=void 0===r?"0px":r,l=t.marginRight,p=void 0===l?"0px":l,d=n().drawer,u=function(t){var o=parseFloat(t);return isNaN(o)?0:o},c=u(m),f="absolute"!==d.positionType&&"left"===d.position&&d.isOpen?"".concat(c+d.width,"px"):m,g=u(p),h="absolute"!==d.positionType&&"right"===d.position&&d.isOpen?"".concat(g+d.width,"px"):p;return i(a,o({className:s,style:{marginLeft:f,marginRight:h}},{children:e}))},a=e.div(s||(s=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{r as ContentWrapper};
1
+ import{__makeTemplateObject as t,__assign as e}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{useRef as i,useEffect as r}from"react";import{useLayoutContext as s}from"../../contexts/LayoutContext/useLayoutContext.js";var a,m=function(t){var n=t.children,a=t.className,m=t.marginLeft,u=void 0===m?"0px":m,p=t.marginRight,d=void 0===p?"0px":p,c=s(),f=c.drawer,g=c.setDrawerContainerRef,h=i(null);r((function(){return g&&g(h.current),function(){g&&g(null)}}),[g]);var v=function(t){var e=parseFloat(t);return isNaN(e)?0:e},x=v(u),y="absolute"!==f.positionType&&"left"===f.position&&f.isOpen?"".concat(x+f.width,"px"):u,j=v(d),w="absolute"!==f.positionType&&"right"===f.position&&f.isOpen?"".concat(j+f.width,"px"):d;return o(l,e({ref:h,className:a,style:{marginLeft:y,marginRight:w}},{children:n}))},l=n.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};
2
2
  //# sourceMappingURL=ContentWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContentWrapper.js","sources":["../../../../../src/molecules/ContentWrapper/ContentWrapper.tsx"],"sourcesContent":[null],"names":["ContentWrapper","_a","children","className","_b","marginLeft","_c","marginRight","drawer","useLayoutContext","extractNumericValue","margin","value","parseFloat","isNaN","marginLeftValue","finalMarginLeft","positionType","position","isOpen","concat","width","marginRightValue","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,QACbE,EAAAL,EAAAM,YAAAA,OAAW,IAAAD,EAAG,MAAKA,EAEXE,EAAWC,WAIbC,EAAsB,SAACC,GAC3B,IAAMC,EAAQC,WAAWF,GACzB,OAAOG,MAAMF,GAAS,EAAIA,CAC5B,EAGMG,EAAkBL,EAAoBL,GACtCW,EACoB,aAAxBR,EAAOS,cAAmD,SAApBT,EAAOU,UAAuBV,EAAOW,OACvE,GAAGC,OAAAL,EAAkBP,EAAOa,MAAS,MACrChB,EAGAiB,EAAmBZ,EAAoBH,GACvCgB,EACoB,aAAxBf,EAAOS,cAAmD,UAApBT,EAAOU,UAAwBV,EAAOW,OACxE,GAAGC,OAAAE,EAAmBd,EAAOa,MAAS,MACtCd,EAEN,OACEiB,EAACC,EAAoBC,EAAA,CACnBvB,UAAWA,EACXwB,MAAO,CACLtB,WAAYW,EACZT,YAAagB,IAGd,CAAArB,SAAAA,IAGP,EAEMuB,EAAuBG,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kGAAA,CAAA"}
1
+ {"version":3,"file":"ContentWrapper.js","sources":["../../../../../src/molecules/ContentWrapper/ContentWrapper.tsx"],"sourcesContent":[null],"names":["ContentWrapper","_a","children","className","_b","marginLeft","_c","marginRight","_d","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,GAC5D,IAAAC,aACAC,EAASF,EAAAE,UACTC,eAAAC,OAAa,IAAAD,EAAA,QACbE,EAAAL,EAAAM,YAAAA,OAAW,IAAAD,EAAG,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,EACLT,UAAWA,EACX+B,MAAO,CACL7B,WAAYiB,EACZf,YAAasB,IAGd,CAAA3B,SAAAA,IAGP,EAEM6B,EAAuBI,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,kGAAA,CAAA"}