@e1011/es-kit 1.4.0 → 1.5.2

package/dist/lib/cjs/src/core/ui/components/molecules/layouts/FlowLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/**\n * Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n *\n * Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n *\n * @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n *  Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n */\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n  itemDTOs,\n  containerProps = {},\n  defaultItemLayoutProps = {},\n  numColumns = 1,\n  className = '',\n  beforeContent,\n  afterContent,\n  ...props\n}: FlowLayoutProps) => {\n  // Calculation for column styles based on the number of columns specified.\n  const columnStyles = useMemo(() => (numColumns > 0\n    ? {\n      display: 'grid',\n      gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n      width: '100%',\n      height: 'unset',\n    }\n    : {\n      display: 'flex',\n    }\n  ), [numColumns])\n\n  return (\n    <LayoutBox\n      width='100%'\n      column\n      className={classNames(classes.flowLayout, className)}\n      {...props}\n    >\n      {beforeContent && (\n        <span className={classes.beforeContent} tabIndex={-1}>\n          {beforeContent}\n        </span>\n      )}\n      <LayoutBox\n        flexWrap='wrap'\n        gap='1rem'\n        style={columnStyles}\n        width='100%'\n        {...containerProps}\n      >\n        {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n          <LayoutBox\n            key={id}\n            {...defaultItemLayoutProps}\n            {...layoutProps}\n            {...(spanColumn\n              ? { style: { width: `calc(${Math.round(spanColumn * 100)}% - ${spanColumn * 16}px)` } }\n              : {})}\n          >\n            <Component {...props} />\n          </LayoutBox>\n        ))}\n      </LayoutBox>\n      {afterContent && (\n        <span className={classes.afterContent} tabIndex={-1}>\n          {afterContent}\n        </span>\n      )}\n    </LayoutBox>\n  )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","columnStyles","useMemo","display","gridTemplateColumns","repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","key","Math","round","displayName"],"mappings":"yPAoCaA,EAAkCC,EAAAA,MAAsBC,IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAA,EAAEC,uBACnBA,EAAyB,CAAA,EAAEC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,KACGC,GACaR,EAEhB,MAAMS,EAAeC,EAAAA,SAAQ,IAAON,EAAa,EAC7C,CACAO,QAAS,OACTC,oBAAqB,GAAG,OAAOC,OAAOT,KACtCU,MAAO,OACPC,OAAQ,SAER,CACAJ,QAAS,SAEV,CAACP,IAEJ,OACEY,MAAAC,cAACC,EAAAA,UAASC,UAAA,CACRL,MAAM,OACNM,QAAM,EACNf,UAAWgB,EAAAA,WAAWC,UAAQC,WAAYlB,IACtCG,GAEHF,GACCU,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAAA,QAAQhB,cAAekB,UAAU,GAC/ClB,GAGLU,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRM,SAAS,OACTC,IAAI,OACJC,MAAOlB,EACPK,MAAM,QACFZ,GAEHD,EAAS2B,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,KAAgBzB,GAAoBqB,EAAA,OAC9Eb,MAAAC,cAACC,EAAAA,UAASC,UAAA,CACRe,IAAKJ,GACD3B,EACA8B,EACCF,EACD,CAAEJ,MAAO,CAAEb,MAAO,QAAQqB,KAAKC,MAAmB,IAAbL,SAAqC,GAAbA,SAC7D,CAAA,GAEJf,MAAAC,cAACe,EAAcxB,GACL,KAGfD,GACCS,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAAA,QAAQf,aAAciB,UAAU,GAC9CjB,GAGK,IAOhBT,EAAWuC,YAAc"}
+{"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/**\n * Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n *\n * Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n *\n * @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n *  Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n */\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n  itemDTOs,\n  containerProps = {},\n  defaultItemLayoutProps = {},\n  numColumns = 1,\n  className = '',\n  beforeContent,\n  afterContent,\n  ...props\n}: FlowLayoutProps) => {\n  // Calculation for column styles based on the number of columns specified.\n  const columnStyles = useMemo(() => (numColumns > 0\n    ? {\n      display: 'grid',\n      gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n      width: '100%',\n      height: 'unset',\n    }\n    : {\n      display: 'flex',\n    }\n  ), [numColumns])\n\n  return (\n    <LayoutBox\n      width='100%'\n      column\n      className={classNames(classes.flowLayout, className)}\n      {...props}\n    >\n      {beforeContent && (\n        <span className={classes.beforeContent} tabIndex={-1}>\n          {beforeContent}\n        </span>\n      )}\n      <LayoutBox\n        flexWrap='wrap'\n        gap='1rem'\n        style={columnStyles}\n        width='100%'\n        {...containerProps}\n      >\n        {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n          <LayoutBox\n            key={id}\n            {...defaultItemLayoutProps}\n            {...layoutProps}\n            {...(spanColumn\n              ? { style: { width: `calc(${Math.round(spanColumn * 100)}% - ${spanColumn * 16}px)` } }\n              : {})}\n          >\n            <Component {...props} />\n          </LayoutBox>\n        ))}\n      </LayoutBox>\n      {afterContent && (\n        <span className={classes.afterContent} tabIndex={-1}>\n          {afterContent}\n        </span>\n      )}\n    </LayoutBox>\n  )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","columnStyles","useMemo","jsxs","LayoutBox","classNames","classes","jsx","id","spanColumn","Component","layoutProps"],"mappings":"kRAoCaA,EAAkCC,EAAAA,KAAsB,CAAC,CACpE,SAAAC,EACA,eAAAC,EAAiB,CAAA,EACjB,uBAAAC,EAAyB,CAAA,EACzB,WAAAC,EAAa,EACb,UAAAC,EAAY,GACZ,cAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAuB,CAErB,MAAMC,EAAeC,EAAAA,QAAQ,IAAON,EAAa,EAC7C,CACA,QAAS,OACT,oBAAqB,GAAG,OAAO,OAAOA,CAAU,CAAC,GACjD,MAAO,OACP,OAAQ,OAAA,EAER,CACA,QAAS,MAAA,EAEV,CAACA,CAAU,CAAC,EAEf,OACEO,EAAAA,KAACC,EAAAA,UAAA,CACC,MAAM,OACN,OAAM,GACN,UAAWC,EAAAA,WAAWC,UAAQ,WAAYT,CAAS,EAClD,GAAGG,EAEH,SAAA,CAAAF,SACE,OAAA,CAAK,UAAWQ,EAAAA,QAAQ,cAAe,SAAU,GAC/C,SAAAR,CAAA,CACH,EAEFS,EAAAA,IAACH,EAAAA,UAAA,CACC,SAAS,OACT,IAAI,OACJ,MAAOH,EACP,MAAM,OACL,GAAGP,EAEH,SAAAD,EAAS,IAAI,CAAC,CAAE,GAAAe,EAAI,WAAAC,EAAY,UAAAC,EAAW,YAAAC,EAAa,GAAGX,CAAAA,IAC1DO,EAAAA,IAACH,EAAAA,UAAA,CAEE,GAAGT,EACH,GAAGgB,EACH,GAAIF,EACD,CAAE,MAAO,CAAE,MAAO,QAAQ,KAAK,MAAMA,EAAa,GAAG,CAAC,OAAOA,EAAa,EAAE,KAAA,CAAM,EAClF,CAAA,EAEJ,SAAAF,EAAAA,IAACG,EAAA,CAAW,GAAGV,CAAAA,CAAO,CAAA,EAPjBQ,CAAA,CASR,CAAA,CAAA,EAEFT,SACE,OAAA,CAAK,UAAWO,EAAAA,QAAQ,aAAc,SAAU,GAC9C,SAAAP,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC,EAKDR,EAAW,YAAc"}

package/dist/lib/cjs/src/core/ui/components/molecules/layouts/flowLayout.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={flowLayout:"flowLayout-module_flowLayout__VHpnY",beforeContent:"flowLayout-module_beforeContent__rY-mW",afterContent:"flowLayout-module_afterContent__Hlh8v"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_flowLayout_ouzwi_1",e="_beforeContent_ouzwi_4",o="_afterContent_ouzwi_9",n={flowLayout:t,beforeContent:e,afterContent:o};exports.afterContent=o;exports.beforeContent=e;exports.default=n;exports.flowLayout=t;
 //# sourceMappingURL=flowLayout.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),r=require("../../../../utils/helpers/cancelableDelayedFunction.js"),s=require("../../../../hooks/useOutsideClick.js"),a=require("../../../../constants/ui.constants.js");const o={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},i=t.memo((i=>{let{children:c,components:l,placement:u="bottom",modifiers:d,data:p,hoverable:m,clickable:f,onOpen:v,onHide:E,isOpen:h,hideOnContentClick:y=!1,hideOnClickOutside:b=!0,hideTimeout:C=150,isPopup:w=!1,isModal:k=!1,modalOverlayClassName:R,modalContainer:N,targetRef:g,hideOnEscape:L,...M}=i;const[O,j]=t.useState(null),[x,q]=t.useState(g?.current??null);t.useEffect((()=>{g?.current&&q(g?.current)}),[g]);const{ContentComponent:H,...P}=l||{},T=t.useRef(null),A=t.useMemo((()=>{const e=d?{modifiers:d,placement:u}:{placement:u};return e.modifiers=e.modifiers||[],w&&(e.modifiers=[...e.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:e=>{let{state:t}=e;const n=N?.getBoundingClientRect(),{width:r,height:s,left:a,top:o}=n||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},i=a+(r-t.elements.popper.clientWidth)/2,c=o+(s-t.elements.popper.clientHeight)/2;return{...t,styles:{...t.styles,popper:{...t.styles.popper,left:`${i}px`,top:`${c}px`,transform:"none"}}}}}]),e}),[d,u,w,N]),S=t.useRef();t.useEffect((()=>{let e;return T?.current?.destroy(),x&&O&&(e=n.createPopper(x,O,{...A}),T.current=e),()=>{e?.destroy(),T.current=null}}),[O,x,A]);const D=t.useRef(),K=t.useRef(-1),W=t.useCallback((()=>{O&&delete O.dataset.show,k&&U?.current&&(U.current.style.visibility="hidden",delete U.current.dataset.show),T?.current?.update(),E?.(),D?.current?.(),clearTimeout(K.current)}),[O,k,E]),_=t.useCallback((()=>{S.current&&S.current(),S.current=r.cancelableSetTimeout(W,C)}),[W,C]),z=t.useCallback((()=>{S.current&&S.current()}),[]),B=t.useCallback((e=>{("true"===O?.dataset?.show&&b&&!O?.contains(e)||O?.contains(e)&&y)&&W()}),[W,O,y,b]),F=t.useCallback((()=>{O&&(O.dataset.show="true"),T?.current?.update(),k&&U?.current&&(U.current.style.visibility="visible",U.current.dataset.show="true"),v?.(),D?.current?.(),clearTimeout(K.current),K.current=setTimeout((()=>{D.current=s.outsideClickHandler(x,B)}),250)}),[O,B,k,v,x]),I=t.useCallback((()=>{"true"===O?.dataset?.show?W():F()}),[O,W,F]),$=t.useCallback((e=>{L&&e.keyCode===a.KeyCode.Escape&&W()}),[L,W]);t.useEffect((()=>{const e=x?.addEventListener?.bind(x),t=O?.addEventListener?.bind(O);return t&&e&&(m&&(e(a.EventName.MouseEnter,F),t(a.EventName.MouseEnter,z),e(a.EventName.MouseLeave,_),t(a.EventName.MouseLeave,W)),f&&e(a.EventName.Click,I)),L&&document.addEventListener(a.EventName.KeyDown,$),()=>{const e=x?.removeEventListener?.bind(x),t=O?.removeEventListener?.bind(O);document.removeEventListener(a.EventName.KeyDown,$),S.current&&S.current(),e&&(e(a.EventName.Click,I),e(a.EventName.MouseEnter,F),e(a.EventName.MouseLeave,_)),t&&(t(a.EventName.MouseLeave,W),t(a.EventName.MouseEnter,z))}}),[x,O,f,m,F,W,I,_,z,L,$]),t.useEffect((()=>(!0===h&&F(),!1===h&&W(),D?.current)),[W,h,F]);const G="function"==typeof c,J="function"!=typeof c&&!Array.isArray(c),Q="function"!=typeof c&&Array.isArray(c)&&2===c.filter((e=>!!e)).length,U=t.useRef(null);return t.useEffect((()=>{k&&O&&(O.style.zIndex="2")}),[O,k]),React.createElement(React.Fragment,null,k&&React.createElement("span",{ref:U,style:o.modal,className:R}),!g&&G&&c?.({forwardedRef:q,data:p}),!g&&J&&React.createElement("span",{ref:q},c),!Q&&H&&React.createElement(H,e.extends({placement:u,forwardedRef:j,ref:"function"!=typeof H?j:null,data:p,hide:W,components:P},M)),!g&&Q&&React.createElement("span",{ref:q},c[0]),Q&&c?.[1]&&"object"==typeof c?.[1]&&t.cloneElement(c[1],{...c?.[1]?.props,placement:u,forwardedRef:j,ref:j,data:p,hide:W,components:P,...M}))}));i.displayName="Popover",exports.Popover=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),s=require("react"),se=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),ne=require("../../../../utils/helpers/cancelableDelayedFunction.js"),oe=require("../../../../hooks/useOutsideClick.js"),i=require("../../../../constants/ui.constants.js"),re={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},h=s.memo(({children:n,components:U,placement:w="bottom",modifiers:D,data:M,hoverable:$,clickable:_,onOpen:L,onHide:N,isOpen:P,hideOnContentClick:G=!1,hideOnClickOutside:J=!0,hideTimeout:Q=150,isPopup:V=!1,isModal:m=!1,modalOverlayClassName:O,modalContainer:x,targetRef:f,hideOnEscape:j,...X})=>{var I;const[e,b]=s.useState(null),[u,A]=s.useState((f==null?void 0:f.current)??null);s.useEffect(()=>{f!=null&&f.current&&A(f==null?void 0:f.current)},[f]);const{ContentComponent:C,...Y}=U||{},a=s.useRef(null),Z=s.useMemo(()=>{const t=D?{modifiers:D,placement:w}:{placement:w};return t.modifiers=t.modifiers||[],V&&(t.modifiers=[...t.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:({state:o})=>{const q=x==null?void 0:x.getBoundingClientRect(),{width:S,height:E,left:d,top:T}=q||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},k=d+(S-o.elements.popper.clientWidth)/2,te=T+(E-o.elements.popper.clientHeight)/2;return{...o,styles:{...o.styles,popper:{...o.styles.popper,left:`${k}px`,top:`${te}px`,transform:"none"}}}}}]),t},[D,w,V,x]),v=s.useRef();s.useEffect(()=>{var o;(o=a==null?void 0:a.current)==null||o.destroy();let t;return u&&e&&(t=se.createPopper(u,e,{...Z}),a.current=t),()=>{t==null||t.destroy(),a.current=null}},[e,u,Z]);const c=s.useRef(),F=s.useRef(-1),r=s.useCallback(()=>{var t,o;e&&delete e.dataset.show,m&&(l!=null&&l.current)&&(l.current.style.visibility="hidden",delete l.current.dataset.show),(t=a==null?void 0:a.current)==null||t.update(),N==null||N(),(o=c==null?void 0:c.current)==null||o.call(c),clearTimeout(F.current)},[e,m,N]),K=s.useCallback(()=>{v.current&&v.current(),v.current=ne.cancelableSetTimeout(r,Q)},[r,Q]),W=s.useCallback(()=>{v.current&&v.current()},[]),g=s.useCallback(t=>{var o;(((o=e==null?void 0:e.dataset)==null?void 0:o.show)==="true"&&J&&!(e!=null&&e.contains(t))||e!=null&&e.contains(t)&&G)&&r()},[r,e,G,J]),y=s.useCallback(()=>{var t,o;e&&(e.dataset.show="true"),(t=a==null?void 0:a.current)==null||t.update(),m&&(l!=null&&l.current)&&(l.current.style.visibility="visible",l.current.dataset.show="true"),L==null||L(),(o=c==null?void 0:c.current)==null||o.call(c),clearTimeout(F.current),F.current=setTimeout(()=>{c.current=oe.outsideClickHandler(u,g)},250)},[e,g,m,L,u]),z=s.useCallback(()=>{var t;((t=e==null?void 0:e.dataset)==null?void 0:t.show)==="true"?r():y()},[e,r,y]),B=s.useCallback(t=>{j&&t.keyCode===i.KeyCode.Escape&&r()},[j,r]);s.useEffect(()=>{var q,S;const t=(q=u==null?void 0:u.addEventListener)==null?void 0:q.bind(u),o=(S=e==null?void 0:e.addEventListener)==null?void 0:S.bind(e);return o&&t&&($&&(t(i.EventName.MouseEnter,y),o(i.EventName.MouseEnter,W),t(i.EventName.MouseLeave,K),o(i.EventName.MouseLeave,r)),_&&t(i.EventName.Click,z)),j&&document.addEventListener(i.EventName.KeyDown,B),()=>{var T,k;const E=(T=u==null?void 0:u.removeEventListener)==null?void 0:T.bind(u),d=(k=e==null?void 0:e.removeEventListener)==null?void 0:k.bind(e);document.removeEventListener(i.EventName.KeyDown,B),v.current&&v.current(),E&&(E(i.EventName.Click,z),E(i.EventName.MouseEnter,y),E(i.EventName.MouseLeave,K)),d&&(d(i.EventName.MouseLeave,r),d(i.EventName.MouseEnter,W))}},[u,e,_,$,y,r,z,K,W,j,B]),s.useEffect(()=>(P===!0&&y(),P===!1&&r(),c==null?void 0:c.current),[r,P,y]);const R=typeof n=="function",ee=typeof n!="function"&&!Array.isArray(n),H=typeof n!="function"&&Array.isArray(n)&&n.filter(t=>!!t).length===2,l=s.useRef(null);return s.useEffect(()=>{m&&e&&(e.style.zIndex="2")},[e,m]),p.jsxs(p.Fragment,{children:[m&&p.jsx("span",{ref:l,style:re.modal,className:O}),!f&&R&&(n==null?void 0:n({forwardedRef:A,data:M})),!f&&ee&&p.jsx("span",{ref:A,children:n}),!H&&C&&p.jsx(C,{placement:w,forwardedRef:b,ref:typeof C!="function"?b:null,data:M,hide:r,components:Y,...X}),!f&&H&&p.jsx("span",{ref:A,children:n[0]}),H&&(n==null?void 0:n[1])&&typeof(n==null?void 0:n[1])=="object"&&s.cloneElement(n[1],{...(I=n==null?void 0:n[1])==null?void 0:I.props,placement:w,forwardedRef:b,ref:b,data:M,hide:r,components:Y,...X})]})});h.displayName="Popover";exports.Popover=h;
 //# sourceMappingURL=PopoverLite.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popover/PopoverLite.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport { FC, memo, useRef, useEffect, useState, useCallback, useMemo, cloneElement,\n  CSSProperties, ReactNode, ReactElement, Component } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n  modal: {\n    zIndex: 1,\n    position: 'fixed',\n    width: '100%',\n    height: '100%',\n    top: '0',\n    left: '0',\n    background: 'rgba(0 0 0 / 70%)',\n    pointerEvents: 'all',\n    userSelect: 'none',\n    visibility: 'hidden',\n  },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n  ({\n    children,\n    components,\n    placement = 'bottom',\n    modifiers,\n    data,\n    hoverable,\n    clickable,\n    onOpen,\n    onHide,\n    isOpen,\n    hideOnContentClick = false,\n    hideOnClickOutside = true,\n    hideTimeout = 150,\n    isPopup = false,\n    isModal = false,\n    modalOverlayClassName,\n    modalContainer,\n    targetRef,\n    hideOnEscape,\n    ...props\n  }: PopoverProps) => {\n    const [content, setContent] = useState<HTMLElement | null>(null)\n    const [target, setTarget] = useState<HTMLElement | null>(targetRef?.current ?? null)\n\n    useEffect(() => {\n      if (targetRef?.current) {\n        setTarget(targetRef?.current)\n      }\n    }, [targetRef])\n\n    const { ContentComponent, ...contentComponents } = components || {}\n\n    const popperInstanceRef = useRef<Instance | null>(null)\n\n    const options = useMemo(() => {\n      const options = (modifiers ? { modifiers, placement } : { placement })\n\n      options.modifiers = options.modifiers || []\n\n      if (isPopup) {\n        options.modifiers = [\n          ...options.modifiers,\n          {\n            name: 'centering',\n            phase: 'beforeWrite',\n            enabled: true,\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            fn: ({ state }): Partial<ModifierArguments> => {\n              const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n              const { width, height, left, top } = mcBoundRect || {\n                width: window.innerWidth,\n                height: window.innerHeight,\n                left: 0,\n                top: 0,\n              }\n\n              const xpos = left + (width - state.elements.popper.clientWidth) / 2\n              const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n              return {\n                ...state,\n                styles: {\n                  ...state.styles,\n                  popper: {\n                    ...state.styles.popper,\n                    left: `${xpos}px`,\n                    top: `${ypos}px`,\n                    transform: 'none',\n                  },\n                },\n              }\n            },\n          },\n        ] as PopoverProps['modifiers']\n      }\n\n      return options\n    }, [modifiers, placement, isPopup, modalContainer])\n\n    // to save cancelable setTimout\n    const pendingHideRef = useRef<(() => void)>()\n\n    useEffect(() => {\n      popperInstanceRef?.current?.destroy()\n      let popperInstance: ReturnType<typeof createPopper>\n\n      if (target && content) {\n        popperInstance = createPopper(target, content, { ...options })\n\n        popperInstanceRef.current = popperInstance\n      }\n\n      return (): void => {\n        popperInstance?.destroy()\n        popperInstanceRef.current = null\n      }\n    }, [content, target, options])\n\n\n    const outsideClickUnsubscriber = useRef<() => void | null>()\n    const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n    const hide = useCallback(() => {\n      if (content) {\n        delete content.dataset.show\n      }\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'hidden'\n        delete modalRef.current.dataset.show\n      }\n\n      popperInstanceRef?.current?.update()\n      onHide?.()\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n    }, [content, isModal, onHide])\n\n\n    const delayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n      pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n    }, [hide, hideTimeout])\n\n    const cancelDelayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n    }, [])\n\n    const handleOutsideClick = useCallback((eventTarget: HTMLElement | null) => {\n      if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n        || (content?.contains(eventTarget) && hideOnContentClick)) {\n        hide()\n      }\n    }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n    const open = useCallback(() => {\n      if (content) {\n        content.dataset.show = 'true'\n      }\n\n      popperInstanceRef?.current?.update()\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'visible'\n        modalRef.current.dataset.show = 'true'\n      }\n\n      onOpen?.()\n\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n      outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n        outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n      }, 250)\n    }, [content, handleOutsideClick, isModal, onOpen, target])\n\n    const toggleOpen = useCallback(() => {\n      content?.dataset?.show === 'true' ? hide() : open()\n    }, [content, hide, open])\n\n    const keydownHandler = useCallback((event: Event) => {\n      if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n        hide()\n      }\n    }, [hideOnEscape, hide])\n\n    useEffect(() => {\n      if (!hoverable && !clickable) {\n        console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n      }\n\n      const targetAddListener = target?.addEventListener?.bind(target)\n      const contentAddListener = content?.addEventListener?.bind(content)\n\n      if (contentAddListener && targetAddListener) {\n        if (hoverable) {\n          targetAddListener(EventName.MouseEnter, open)\n          contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n          targetAddListener(EventName.MouseLeave, delayedHide)\n          contentAddListener(EventName.MouseLeave, hide)\n        }\n\n        if (clickable) {\n          targetAddListener(EventName.Click, toggleOpen)\n        }\n      }\n\n      if (hideOnEscape) {\n        document.addEventListener(EventName.KeyDown, keydownHandler)\n      }\n\n      return (): void => {\n        const targetRemoveListener = target?.removeEventListener?.bind(target)\n        const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n        document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n        pendingHideRef.current && pendingHideRef.current()\n\n        if (targetRemoveListener) {\n          targetRemoveListener(EventName.Click, toggleOpen)\n          targetRemoveListener(EventName.MouseEnter, open)\n          targetRemoveListener(EventName.MouseLeave, delayedHide)\n        }\n        if (contentRemoveListener) {\n          contentRemoveListener(EventName.MouseLeave, hide)\n          contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n        }\n      }\n    }, [target, content, clickable, hoverable,\n      open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n    // open, hide based on external isOpen\n    useEffect(() => {\n      if (isOpen === true) {\n        open()\n      }\n      if (isOpen === false) {\n        hide()\n      }\n      return outsideClickUnsubscriber?.current as () => void\n    }, [hide, isOpen, open])\n\n    const childrenIsFunction = typeof children === 'function'\n    const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n    const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n      && children.filter((child: ReactNode) => !!child).length === 2\n\n    // modal\n    const modalRef = useRef<HTMLDivElement | null>(null)\n\n    useEffect(() => {\n      if (isModal && content) {\n        content.style.zIndex = '2'\n      }\n    }, [content, isModal])\n\n    return (\n      <>\n        {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n        {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n        {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n        {!childrenAreElements && ContentComponent && (\n        <ContentComponent\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          placement={placement}\n          forwardedRef={setContent}\n          ref={typeof ContentComponent !== 'function' ? setContent : null}\n          data={data}\n          hide={hide}\n          components={contentComponents as { [key: string]: FC | Component<any> }}\n          {...props}\n        />\n        )}\n        {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n        {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n        && cloneElement(children[1] as ReactElement, {\n          ...((children?.[1] as ReactElement)?.props),\n          placement,\n          forwardedRef: setContent,\n          // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n          ref: setContent,\n          data,\n          hide,\n          components: contentComponents as { [key: string]: FC | Component<any> },\n          ...props,\n        })}\n      </>\n    )\n  },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","modal","zIndex","position","width","height","top","left","background","pointerEvents","userSelect","visibility","Popover","memo","_ref","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","content","setContent","useState","target","setTarget","current","useEffect","ContentComponent","contentComponents","popperInstanceRef","useRef","options","useMemo","name","phase","enabled","fn","_ref2","state","mcBoundRect","getBoundingClientRect","window","innerWidth","innerHeight","xpos","elements","popper","clientWidth","ypos","clientHeight","transform","pendingHideRef","popperInstance","destroy","createPopper","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","dataset","show","modalRef","style","update","clearTimeout","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","contains","open","setTimeout","outsideClickHandler","toggleOpen","keydownHandler","event","keyCode","KeyCode","Escape","targetAddListener","addEventListener","bind","contentAddListener","EventName","MouseEnter","MouseLeave","Click","document","KeyDown","targetRemoveListener","removeEventListener","contentRemoveListener","childrenIsFunction","childrenIsElement","Array","isArray","childrenAreElements","filter","child","length","React","createElement","Fragment","ref","className","forwardedRef","_extends","cloneElement","displayName"],"mappings":"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"}
+{"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport { FC, memo, useRef, useEffect, useState, useCallback, useMemo, cloneElement,\n  CSSProperties, ReactNode, ReactElement, Component } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n  modal: {\n    zIndex: 1,\n    position: 'fixed',\n    width: '100%',\n    height: '100%',\n    top: '0',\n    left: '0',\n    background: 'rgba(0 0 0 / 70%)',\n    pointerEvents: 'all',\n    userSelect: 'none',\n    visibility: 'hidden',\n  },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n  ({\n    children,\n    components,\n    placement = 'bottom',\n    modifiers,\n    data,\n    hoverable,\n    clickable,\n    onOpen,\n    onHide,\n    isOpen,\n    hideOnContentClick = false,\n    hideOnClickOutside = true,\n    hideTimeout = 150,\n    isPopup = false,\n    isModal = false,\n    modalOverlayClassName,\n    modalContainer,\n    targetRef,\n    hideOnEscape,\n    ...props\n  }: PopoverProps) => {\n    const [content, setContent] = useState<HTMLElement | null>(null)\n    const [target, setTarget] = useState<HTMLElement | null>(targetRef?.current ?? null)\n\n    useEffect(() => {\n      if (targetRef?.current) {\n        setTarget(targetRef?.current)\n      }\n    }, [targetRef])\n\n    const { ContentComponent, ...contentComponents } = components || {}\n\n    const popperInstanceRef = useRef<Instance | null>(null)\n\n    const options = useMemo(() => {\n      const options = (modifiers ? { modifiers, placement } : { placement })\n\n      options.modifiers = options.modifiers || []\n\n      if (isPopup) {\n        options.modifiers = [\n          ...options.modifiers,\n          {\n            name: 'centering',\n            phase: 'beforeWrite',\n            enabled: true,\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            fn: ({ state }): Partial<ModifierArguments> => {\n              const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n              const { width, height, left, top } = mcBoundRect || {\n                width: window.innerWidth,\n                height: window.innerHeight,\n                left: 0,\n                top: 0,\n              }\n\n              const xpos = left + (width - state.elements.popper.clientWidth) / 2\n              const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n              return {\n                ...state,\n                styles: {\n                  ...state.styles,\n                  popper: {\n                    ...state.styles.popper,\n                    left: `${xpos}px`,\n                    top: `${ypos}px`,\n                    transform: 'none',\n                  },\n                },\n              }\n            },\n          },\n        ] as PopoverProps['modifiers']\n      }\n\n      return options\n    }, [modifiers, placement, isPopup, modalContainer])\n\n    // to save cancelable setTimout\n    const pendingHideRef = useRef<(() => void)>()\n\n    useEffect(() => {\n      popperInstanceRef?.current?.destroy()\n      let popperInstance: ReturnType<typeof createPopper>\n\n      if (target && content) {\n        popperInstance = createPopper(target, content, { ...options })\n\n        popperInstanceRef.current = popperInstance\n      }\n\n      return (): void => {\n        popperInstance?.destroy()\n        popperInstanceRef.current = null\n      }\n    }, [content, target, options])\n\n\n    const outsideClickUnsubscriber = useRef<() => void | null>()\n    const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n    const hide = useCallback(() => {\n      if (content) {\n        delete content.dataset.show\n      }\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'hidden'\n        delete modalRef.current.dataset.show\n      }\n\n      popperInstanceRef?.current?.update()\n      onHide?.()\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n    }, [content, isModal, onHide])\n\n\n    const delayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n      pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n    }, [hide, hideTimeout])\n\n    const cancelDelayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n    }, [])\n\n    const handleOutsideClick = useCallback((eventTarget: HTMLElement | null) => {\n      if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n        || (content?.contains(eventTarget) && hideOnContentClick)) {\n        hide()\n      }\n    }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n    const open = useCallback(() => {\n      if (content) {\n        content.dataset.show = 'true'\n      }\n\n      popperInstanceRef?.current?.update()\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'visible'\n        modalRef.current.dataset.show = 'true'\n      }\n\n      onOpen?.()\n\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n      outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n        outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n      }, 250)\n    }, [content, handleOutsideClick, isModal, onOpen, target])\n\n    const toggleOpen = useCallback(() => {\n      content?.dataset?.show === 'true' ? hide() : open()\n    }, [content, hide, open])\n\n    const keydownHandler = useCallback((event: Event) => {\n      if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n        hide()\n      }\n    }, [hideOnEscape, hide])\n\n    useEffect(() => {\n      if (!hoverable && !clickable) {\n        console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n      }\n\n      const targetAddListener = target?.addEventListener?.bind(target)\n      const contentAddListener = content?.addEventListener?.bind(content)\n\n      if (contentAddListener && targetAddListener) {\n        if (hoverable) {\n          targetAddListener(EventName.MouseEnter, open)\n          contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n          targetAddListener(EventName.MouseLeave, delayedHide)\n          contentAddListener(EventName.MouseLeave, hide)\n        }\n\n        if (clickable) {\n          targetAddListener(EventName.Click, toggleOpen)\n        }\n      }\n\n      if (hideOnEscape) {\n        document.addEventListener(EventName.KeyDown, keydownHandler)\n      }\n\n      return (): void => {\n        const targetRemoveListener = target?.removeEventListener?.bind(target)\n        const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n        document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n        pendingHideRef.current && pendingHideRef.current()\n\n        if (targetRemoveListener) {\n          targetRemoveListener(EventName.Click, toggleOpen)\n          targetRemoveListener(EventName.MouseEnter, open)\n          targetRemoveListener(EventName.MouseLeave, delayedHide)\n        }\n        if (contentRemoveListener) {\n          contentRemoveListener(EventName.MouseLeave, hide)\n          contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n        }\n      }\n    }, [target, content, clickable, hoverable,\n      open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n    // open, hide based on external isOpen\n    useEffect(() => {\n      if (isOpen === true) {\n        open()\n      }\n      if (isOpen === false) {\n        hide()\n      }\n      return outsideClickUnsubscriber?.current as () => void\n    }, [hide, isOpen, open])\n\n    const childrenIsFunction = typeof children === 'function'\n    const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n    const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n      && children.filter((child: ReactNode) => !!child).length === 2\n\n    // modal\n    const modalRef = useRef<HTMLDivElement | null>(null)\n\n    useEffect(() => {\n      if (isModal && content) {\n        content.style.zIndex = '2'\n      }\n    }, [content, isModal])\n\n    return (\n      <>\n        {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n        {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n        {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n        {!childrenAreElements && ContentComponent && (\n        <ContentComponent\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          placement={placement}\n          forwardedRef={setContent}\n          ref={typeof ContentComponent !== 'function' ? setContent : null}\n          data={data}\n          hide={hide}\n          components={contentComponents as { [key: string]: FC | Component<any> }}\n          {...props}\n        />\n        )}\n        {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n        {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n        && cloneElement(children[1] as ReactElement, {\n          ...((children?.[1] as ReactElement)?.props),\n          placement,\n          forwardedRef: setContent,\n          // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n          ref: setContent,\n          data,\n          hide,\n          components: contentComponents as { [key: string]: FC | Component<any> },\n          ...props,\n        })}\n      </>\n    )\n  },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","Popover","memo","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","content","setContent","useState","target","setTarget","useEffect","ContentComponent","contentComponents","popperInstanceRef","useRef","options","useMemo","state","mcBoundRect","width","height","left","top","xpos","ypos","pendingHideRef","_a","popperInstance","createPopper","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","modalRef","_b","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","open","outsideClickHandler","toggleOpen","keydownHandler","event","KeyCode","targetAddListener","contentAddListener","EventName","targetRemoveListener","contentRemoveListener","childrenIsFunction","childrenIsElement","childrenAreElements","child","jsxs","Fragment","jsx","cloneElement"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/Tooltip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),o=require("../../atoms/icons.js"),r=require("./PopoverLite.js"),a=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),l=require("../../container/layoutBox/LayoutBox.js"),i=require("../../atoms/text/Headline.js"),c=require("../../icon/IconBase.js"),s=require("../../dividers/DividerLine.js"),m=require("../../atoms/text/Paragraph.js"),p=require("../../../../utils/helpers/ui.js");const u=[{name:"offset",options:{offset:[0,10],placement:a.PopoverPlacement.Top}}],d=e=>{let{forwardedRef:t,title:r,text:a,hide:u,showClose:d,closeIconUrl:f,className:v=""}=e;return React.createElement("div",{ref:t,className:p.classNames(n.default["popover-tooltip"],v)},React.createElement("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow},React.createElement("div",{className:n.default["arrow-inner"]})),React.createElement(l.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1"},r&&React.createElement(l.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0"},React.createElement(i.HeadlineTertiary,null,r),d&&React.createElement("div",{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,className:n.default["close-button"]},f&&React.createElement(c.IconBase,{iconUrl:f}),!f&&React.createElement(c.IconBase,null,o.infoIconJSX))),r&&React.createElement(s.DividerHorizontal,{margin:"8px 0"}),a&&React.createElement(m.ParagraphSmall,{element:"p"},a)))},f=t.memo((a=>{let{tooltipProps:n,components:{ContentComponent:l}={ContentComponent:d},infoIconUrl:i,children:s,infoTip:m,clickable:p=!1,hoverable:f=!0,placement:v="top",modifiers:h,...x}=a;const R=t.useMemo((()=>l?{ContentComponent:l}:void 0),[l]);let E;s&&(E=s),!s&&m&&(E=i?React.createElement(c.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):React.createElement(c.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"}},o.infoIconJSX));const j=t.useMemo((()=>[...u,...h||[]]),[h]);return React.createElement(r.Popover,e.extends({},x,n,{hoverable:f,clickable:p,placement:v,modifiers:j,components:R,showClose:p}),E&&E)}));f.displayName="Tooltip",exports.Tooltip=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),x=require("../../atoms/icons.js"),q=require("./PopoverLite.js"),y=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),m=require("../../container/layoutBox/LayoutBox.js"),w=require("../../atoms/text/Headline.js"),a=require("../../icon/IconBase.js"),B=require("../../dividers/DividerLine.js"),T=require("../../atoms/text/Paragraph.js"),N=require("../../../../utils/helpers/ui.js"),P=[{name:"offset",options:{offset:[0,10],placement:y.PopoverPlacement.Top}}],b=({forwardedRef:c,title:o,text:i,hide:r,showClose:l,closeIconUrl:s,className:p=""})=>e.jsxs("div",{ref:c,className:N.classNames(n.default["popover-tooltip"],p),children:[e.jsx("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow,children:e.jsx("div",{className:n.default["arrow-inner"]})}),e.jsxs(m.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1",children:[o&&e.jsxs(m.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0",children:[e.jsx(w.HeadlineTertiary,{children:o}),l&&e.jsxs("div",{onClick:r,onKeyDown:r,role:"button",tabIndex:-1,className:n.default["close-button"],children:[s&&e.jsx(a.IconBase,{iconUrl:s}),!s&&e.jsx(a.IconBase,{children:x.infoIconJSX})]})]}),o&&e.jsx(B.DividerHorizontal,{margin:"8px 0"}),i&&e.jsx(T.ParagraphSmall,{element:"p",children:i})]})]}),f=d.memo(({tooltipProps:c,components:{ContentComponent:o}={ContentComponent:b},infoIconUrl:i,children:r,infoTip:l,clickable:s=!1,hoverable:p=!0,placement:j="top",modifiers:u,...h})=>{const v=d.useMemo(()=>o?{ContentComponent:o}:void 0,[o]);let t;r&&(t=r),!r&&l&&(t=i?e.jsx(a.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):e.jsx(a.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"},children:x.infoIconJSX}));const g=d.useMemo(()=>[...P,...u||[]],[u]);return e.jsx(q.Popover,{...h,...c,hoverable:p,clickable:s,placement:j,modifiers:g,components:v,showClose:s,children:t&&t})});f.displayName="Tooltip";exports.Tooltip=f;
 //# sourceMappingURL=Tooltip.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popover/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\n            <div\n              onClick={hide}\n              onKeyDown={hide}\n              role='button'\n              tabIndex={-1}\n              className={classes['close-button']}\n            >\n              {closeIconUrl && <IconBase iconUrl={closeIconUrl} />}\n              {!closeIconUrl && (\n                <IconBase>\n                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","name","options","offset","placement","PopoverPlacement","Top","TooltipContent","_ref","forwardedRef","title","text","hide","showClose","closeIconUrl","className","React","createElement","ref","classNames","classes","id","arrow","LayoutBox","padding","direction","width","height","flexGrow","justify","align","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","infoIconJSX","DividerHorizontal","margin","ParagraphSmall","element","Tooltip","memo","_ref2","tooltipProps","components","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","modifiers","props","popoverComponents","useMemo","undefined","TargetNode","size","color","style","lineHeight","mergedModifiers","Popover","_extends","displayName"],"mappings":"ofAqBA,MAAMA,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAAA,iBAAiBC,OAgC5BC,EAAiBC,IAAA,IAACC,aACtBA,EAAYC,MAAEA,EAAKC,KAAEA,EAAIC,KAAEA,EAAIC,UAAEA,EAASC,aAAEA,EAAYC,UAAEA,EAAY,IAClDP,EAAA,OACpBQ,MAAAC,cAAA,MAAA,CACEC,IAAKT,EACLM,UAAWI,EAAAA,WAAWC,UAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAA,EAAkBN,UAAWK,EAAAA,QAAQE,OACnDN,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAAA,QAAQ,kBAE1BJ,MAAAC,cAACM,YAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERlB,GACCM,MAAAC,cAACM,YAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpER,MAAAC,cAACc,EAAAA,iBAAE,KAAErB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEe,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVpB,UAAWK,EAAAA,QAAQ,iBAElBN,GAAgBE,MAAAC,cAACmB,WAAQ,CAACC,QAASvB,KAClCA,GACAE,MAAAC,cAACmB,EAAAA,SAAQ,KACNE,EAAAA,eAOZ5B,GAASM,MAAAC,cAACsB,EAAAA,kBAAiB,CAACC,OAAO,UACnC7B,GAAQK,MAAAC,cAACwB,EAAAA,eAAc,CAACC,QAAQ,KAAK/B,IAEpC,EA8BKgC,EAA4BC,EAAAA,MAAmBC,IAIxC,IAJyCC,aAC3DA,EAAcC,YAAYC,iBAAEA,GAAqB,CAAEA,iBAAkBzC,GAAgB0C,YACrFA,EAAWC,SACXA,EAAQC,QAAEA,EAAOC,UAAEA,GAAY,EAAKC,UAAEA,GAAY,EAAIjD,UAAEA,EAAY,MAAKkD,UAAEA,KAAcC,GAC5EV,EACb,MAAMW,EAAoBC,WAAQ,IAAOT,EAAmB,CAC1DA,yBACEU,GAAY,CAACV,IAEjB,IAAIW,EAEAT,IACFS,EAAaT,IAEVA,GAAYC,IACfQ,EACEV,EACIjC,MAAAC,cAACmB,EAAAA,SAAQ,CAACC,QAASY,EAAaW,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnF/C,MAAAC,cAACmB,WAAQ,CAACwB,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1DzB,gBAMX,MAAM0B,EAAkBP,EAAAA,SAAQ,IAAO,IAAIzD,KAAsBsD,GAAa,KAAO,CAACA,IAEtF,OACEtC,MAAAC,cAACgD,EAAAA,QAAOC,EAAAA,QAAA,CAAA,EACFX,EACAT,EAAY,CAChBO,UAAWA,EACXD,UAAWA,EACXhD,UAAWA,EACXkD,UAAWU,EACXjB,WAAYS,EACZ3C,UAAWuC,IAEVO,GAAcA,EACP,IASdhB,EAAQwB,YAAc"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\n            <div\n              onClick={hide}\n              onKeyDown={hide}\n              role='button'\n              tabIndex={-1}\n              className={classes['close-button']}\n            >\n              {closeIconUrl && <IconBase iconUrl={closeIconUrl} />}\n              {!closeIconUrl && (\n                <IconBase>\n                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","PopoverPlacement","TooltipContent","forwardedRef","title","text","hide","showClose","closeIconUrl","className","jsxs","classNames","classes","jsx","LayoutBox","H3","IconBase","infoIconJSX","DividerHorizontal","ParagraphSmall","Tooltip","memo","tooltipProps","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","placement","modifiers","props","popoverComponents","useMemo","TargetNode","mergedModifiers","Popover"],"mappings":"mhBAqBMA,EAAmB,CACvB,CACE,KAAM,SACN,QAAS,CACP,OAAQ,CAAC,EAAG,EAAE,EACd,UAAWC,EAAAA,iBAAiB,GAAA,CAC9B,CAEJ,EA6BMC,EAAiB,CAAC,CACtB,aAAAC,EAAc,MAAAC,EAAO,KAAAC,EAAM,KAAAC,EAAM,UAAAC,EAAW,aAAAC,EAAc,UAAAC,EAAY,EACxE,IACEC,EAAAA,KAAC,MAAA,CACC,IAAKP,EACL,UAAWQ,EAAAA,WAAWC,EAAAA,QAAQ,iBAAiB,EAAGH,CAAS,EAE3D,SAAA,CAAAI,EAAAA,IAAC,MAAA,CAAI,GAAG,QAAQ,oBAAiB,GAAC,UAAWD,EAAAA,QAAQ,MACnD,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAQ,aAAa,EAAG,EAC1C,EACAF,EAAAA,KAACI,EAAAA,UAAA,CACC,QAAQ,OACR,UAAU,SACV,MAAM,QACN,OAAO,QACP,SAAS,IAER,SAAA,CAAAV,GACCM,EAAAA,KAACI,EAAAA,WAAU,QAAQ,gBAAgB,MAAM,QAAQ,MAAM,OAAO,QAAQ,IACpE,SAAA,CAAAD,EAAAA,IAACE,EAAAA,kBAAI,SAAAX,CAAA,CAAM,EACVG,GACCG,EAAAA,KAAC,MAAA,CACC,QAASJ,EACT,UAAWA,EACX,KAAK,SACL,SAAU,GACV,UAAWM,EAAAA,QAAQ,cAAc,EAEhC,SAAA,CAAAJ,GAAgBK,EAAAA,IAACG,EAAAA,SAAA,CAAS,QAASR,CAAA,CAAc,EACjD,CAACA,GACAK,EAAAA,IAACG,EAAAA,SAAA,CACE,SAAAC,EAAAA,WAAA,CACH,CAAA,CAAA,CAAA,CAEJ,EAEJ,EAEDb,GAASS,EAAAA,IAACK,EAAAA,kBAAA,CAAkB,OAAO,OAAA,CAAQ,EAC3Cb,GAAQQ,EAAAA,IAACM,iBAAA,CAAe,QAAQ,IAAK,SAAAd,CAAA,CAAK,CAAA,CAAA,CAAA,CAC7C,CAAA,CACF,EA8BWe,EAA4BC,EAAAA,KAAmB,CAAC,CAC3D,aAAAC,EAAc,WAAY,CAAE,iBAAAC,CAAA,EAAqB,CAAE,iBAAkBrB,CAAA,EACrE,YAAAsB,EACA,SAAAC,EAAU,QAAAC,EAAS,UAAAC,EAAY,GAAO,UAAAC,EAAY,GAAM,UAAAC,EAAY,MAAO,UAAAC,EAAW,GAAGC,CAC3F,IAAoB,CAClB,MAAMC,EAAoBC,UAAQ,IAAOV,EAAmB,CAC1D,iBAAAA,CAAA,EACE,OAAY,CAACA,CAAgB,CAAC,EAElC,IAAIW,EAEAT,IACFS,EAAaT,GAEX,CAACA,GAAYC,IACfQ,EACEV,EACIX,EAAAA,IAACG,EAAAA,SAAA,CAAS,QAASQ,EAAa,KAAK,OAAO,MAAM,YAAY,MAAO,CAAE,WAAY,KAAA,EAAS,EAE5FX,EAAAA,IAACG,EAAAA,SAAA,CAAS,KAAK,OAAO,MAAM,YAAY,MAAO,CAAE,WAAY,KAAA,EAC1D,SAAAC,EAAAA,WAAA,CACH,GAKR,MAAMkB,EAAkBF,UAAQ,IAAO,CAAC,GAAGjC,EAAkB,GAAI8B,GAAa,CAAA,CAAG,EAAI,CAACA,CAAS,CAAC,EAEhG,OACEjB,EAAAA,IAACuB,EAAAA,QAAA,CACE,GAAGL,EACH,GAAGT,EACJ,UAAAM,EACA,UAAAD,EACA,UAAAE,EACA,UAAWM,EACX,WAAYH,EACZ,UAAWL,EAEV,SAAAO,GAAcA,CAAA,CAAA,CAGrB,CAAC,EAODd,EAAQ,YAAc"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/popover.types.js

@@ -1,2 +1,2 @@
-"use strict";let t=function(t){return t.Right="right",t.RightStart="right-start",t.RightEnd="right-end",t.Left="left",t.LeftStart="left-start",t.LeftEnd="left-end",t.Top="top",t.TopStart="top-start",t.TopEnd="top-end",t.Bottom="bottom",t.BottomStart="bottom-start",t.BottomEnd="bottom-end",t.Auto="auto",t.AutoStart="auto-start",t.AutoEnd="auto-end",t}({});exports.PopoverPlacement=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=(t=>(t.Right="right",t.RightStart="right-start",t.RightEnd="right-end",t.Left="left",t.LeftStart="left-start",t.LeftEnd="left-end",t.Top="top",t.TopStart="top-start",t.TopEnd="top-end",t.Bottom="bottom",t.BottomStart="bottom-start",t.BottomEnd="bottom-end",t.Auto="auto",t.AutoStart="auto-start",t.AutoEnd="auto-end",t))(d||{});exports.PopoverPlacement=d;
 //# sourceMappingURL=popover.types.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popover/popover.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/popover.types.ts"],"sourcesContent":["import { Options, Placement } from '@popperjs/core'\nimport { ReactNode, ReactElement, ComponentType, RefObject } from 'react'\n\n\nexport type PopoverProps = Record<string, unknown> & {\n  children?: ReactNode | ReactElement<unknown> | ReactNode[] | ReactElement<any>[] | ((props: unknown) => ReactNode)\n  components?: {\n    ContentComponent?: ComponentType<unknown>\n  }\n  targetRef?: RefObject<HTMLDivElement> | null\n  placement?: Placement\n  modifiers?: Options['modifiers']\n  data?: unknown\n  hoverable?: boolean\n  clickable?: boolean\n  onOpen?: () => void\n  onHide?: () => void\n  isOpen?: boolean\n  hideOnContentClick?: boolean\n  hideOnClickOutside?: boolean\n  hideTimeout?: number\n  isPopup?: boolean\n  isModal?: boolean\n  modalOverlayClassName?: string\n  modalContainer?: HTMLElement | null\n  hideOnEscape?: boolean\n}\n\nexport enum PopoverPlacement {\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Auto = 'auto',\n  AutoStart = 'auto-start',\n  AutoEnd = 'auto-end',\n}\n"],"names":["PopoverPlacement"],"mappings":"aA4BA,IAAYA,WAAAA,GAAgB,OAAhBA,EAAgB,MAAA,QAAhBA,EAAgB,WAAA,cAAhBA,EAAgB,SAAA,YAAhBA,EAAgB,KAAA,OAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,QAAA,WAAhBA,EAAgB,IAAA,MAAhBA,EAAgB,SAAA,YAAhBA,EAAgB,OAAA,UAAhBA,EAAgB,OAAA,SAAhBA,EAAgB,YAAA,eAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,KAAA,OAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,QAAA,WAAhBA,CAAgB,EAAA,CAAA"}
+{"version":3,"file":"popover.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popover/popover.types.ts"],"sourcesContent":["import { Options, Placement } from '@popperjs/core'\nimport { ReactNode, ReactElement, ComponentType, RefObject } from 'react'\n\n\nexport type PopoverProps = Record<string, unknown> & {\n  children?: ReactNode | ReactElement<unknown> | ReactNode[] | ReactElement<any>[] | ((props: unknown) => ReactNode)\n  components?: {\n    ContentComponent?: ComponentType<unknown>\n  }\n  targetRef?: RefObject<HTMLDivElement> | null\n  placement?: Placement\n  modifiers?: Options['modifiers']\n  data?: unknown\n  hoverable?: boolean\n  clickable?: boolean\n  onOpen?: () => void\n  onHide?: () => void\n  isOpen?: boolean\n  hideOnContentClick?: boolean\n  hideOnClickOutside?: boolean\n  hideTimeout?: number\n  isPopup?: boolean\n  isModal?: boolean\n  modalOverlayClassName?: string\n  modalContainer?: HTMLElement | null\n  hideOnEscape?: boolean\n}\n\nexport enum PopoverPlacement {\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Auto = 'auto',\n  AutoStart = 'auto-start',\n  AutoEnd = 'auto-end',\n}\n"],"names":["PopoverPlacement"],"mappings":"gFA4BO,IAAKA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,WAAa,cACbA,EAAA,SAAW,YACXA,EAAA,KAAO,OACPA,EAAA,UAAY,aACZA,EAAA,QAAU,WACVA,EAAA,IAAM,MACNA,EAAA,SAAW,YACXA,EAAA,OAAS,UACTA,EAAA,OAAS,SACTA,EAAA,YAAc,eACdA,EAAA,UAAY,aACZA,EAAA,KAAO,OACPA,EAAA,UAAY,aACZA,EAAA,QAAU,WAfAA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/lib/cjs/src/core/ui/components/molecules/popover/tooltip.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popover-tooltip":"tooltip-module_popover-tooltip__sAhKa",arrow:"tooltip-module_arrow__pqqOi","arrow-inner":"tooltip-module_arrow-inner__IqzxY","close-button":"tooltip-module_close-button__o8OBN"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_arrow_l4it1_47",r={arrow:e};exports.arrow=e;exports.default=r;
 //# sourceMappingURL=tooltip.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../popover/PopoverLite.js"),n=require("../../atoms/icons.js"),o=require("./popup.module.scss.js"),i=require("./popup.overlay.module.scss.js"),r=require("./popup.types.js"),l=require("../../container/layoutBox/LayoutBox.js"),p=require("../../atoms/text/Headline.js"),s=require("../../icon/IconBase.js"),c=require("../../dividers/DividerLine.js");const u={popup:{inner:{[r.PopupAnimateVariant.SLIDE_DOWN]:{"--slideYFrom":"-48px"},[r.PopupAnimateVariant.SLIDE_UP]:{"--slideYFrom":"48px"},[r.PopupAnimateVariant.SLIDE_RIGHT]:{"--slideXFrom":"-64px"},[r.PopupAnimateVariant.SLIDE_LEFT]:{"--slideXFrom":"64px"}}}},d=t.memo((n=>{let{title:o="Popup's title",children:l,components:p={},isModal:s=!0,hideOnClickOutside:c=!1,hideOnContentClick:u=!1,animateVariant:d=r.PopupAnimateVariant.SLIDE_UP,hasHeader:h=!0,hasCloseIcon:E=!0,width:y,height:R,style:v,...x}=n;const P=p?.ContentComponent,C=t.useMemo((()=>({...y?{"--popup-width":y}:{},...R?{"--popup-height":R}:{},...v})),[R,v,y]);return React.createElement(a.Popover,e.extends({clickable:!0,isPopup:!0,isModal:s,hideOnContentClick:u,hideOnClickOutside:c,modalOverlayClassName:i.default["popup-modal-overlay"]},x),React.createElement("p",null),React.createElement(m,{title:o,hasHeader:h,hasCloseIcon:E,animateVariant:d,popupStyle:C},!P&&l&&l,!l&&P&&React.createElement(P,null)))}));d.displayName="Popup";const m=t.memo((e=>{let{title:a,forwardedRef:i,hide:r,children:d,animateVariant:m,popupStyle:h,hasHeader:E=!0,hasCloseIcon:y=!0,closeIconURL:R,...v}=e;const x=d&&Array.isArray(d)?d.filter((e=>!!e)).map(((e,a)=>t.cloneElement(e,{key:a,...e.props,hide:r,...v}))):React.createElement("div",null,"Pseudo Content");return React.createElement("div",{className:`${o.default["popup-container"]}`,ref:i,style:h},React.createElement(l.LayoutBox,{className:`${o.default["popup-container-inner"]}`,style:m?u.popup.inner[m]:{}},E&&React.createElement(React.Fragment,null,React.createElement(l.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"20px 20px 16px 20px"},React.createElement(p.HeadlineTertiary,null,a),y&&React.createElement("div",{onClick:r,onKeyDown:r,role:"button",tabIndex:-1,className:o.default["close-button"]},R&&React.createElement(s.IconBase,{iconUrl:R}),!R&&React.createElement(s.IconBase,null,n.closeIconJSX))),React.createElement(c.DividerLine,{length:"100%"})),React.createElement("div",{className:o.default["popup-container-inner-div"]},x&&x)))}));m.displayName="PopupContent",exports.Popup=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),D=require("../popover/PopoverLite.js"),I=require("../../atoms/icons.js"),l=require("./popup.module.scss.js"),S=require("./popup.overlay.module.scss.js"),a=require("./popup.types.js"),v=require("../../container/layoutBox/LayoutBox.js"),_=require("../../atoms/text/Headline.js"),f=require("../../icon/IconBase.js"),N=require("../../dividers/DividerLine.js"),b={popup:{inner:{[a.PopupAnimateVariant.SLIDE_DOWN]:{"--slideYFrom":"-48px"},[a.PopupAnimateVariant.SLIDE_UP]:{"--slideYFrom":"48px"},[a.PopupAnimateVariant.SLIDE_RIGHT]:{"--slideXFrom":"-64px"},[a.PopupAnimateVariant.SLIDE_LEFT]:{"--slideXFrom":"64px"}}}},q=c.memo(({title:d="Popup's title",children:p,components:o={},isModal:r=!0,hideOnClickOutside:u=!1,hideOnContentClick:m=!1,animateVariant:x=a.PopupAnimateVariant.SLIDE_UP,hasHeader:y=!0,hasCloseIcon:s=!0,width:i,height:n,style:t,...j})=>{const P=o==null?void 0:o.ContentComponent,L=c.useMemo(()=>({...i?{"--popup-width":i}:{},...n?{"--popup-height":n}:{},...t}),[n,t,i]);return e.jsxs(D.Popover,{clickable:!0,isPopup:!0,isModal:r,hideOnContentClick:m,hideOnClickOutside:u,modalOverlayClassName:S.default["popup-modal-overlay"],...j,children:[e.jsx("p",{}),e.jsxs(C,{title:d,hasHeader:y,hasCloseIcon:s,animateVariant:x,popupStyle:L,children:[!P&&p&&p,!p&&P&&e.jsx(P,{})]})]})});q.displayName="Popup";const C=c.memo(({title:d,forwardedRef:p,hide:o,children:r,animateVariant:u,popupStyle:m,hasHeader:x=!0,hasCloseIcon:y=!0,closeIconURL:s,...i})=>{const n=r&&Array.isArray(r)?r.filter(t=>!!t).map((t,j)=>c.cloneElement(t,{key:j,...t.props,hide:o,...i})):e.jsx("div",{children:"Pseudo Content"});return e.jsx("div",{className:`${l.default["popup-container"]}`,ref:p,style:m,children:e.jsxs(v.LayoutBox,{className:`${l.default["popup-container-inner"]}`,style:u?b.popup.inner[u]:{},children:[x&&e.jsxs(e.Fragment,{children:[e.jsxs(v.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"20px 20px 16px 20px",children:[e.jsx(_.HeadlineTertiary,{children:d}),y&&e.jsxs("div",{onClick:o,onKeyDown:o,role:"button",tabIndex:-1,className:l.default["close-button"],children:[s&&e.jsx(f.IconBase,{iconUrl:s}),!s&&e.jsx(f.IconBase,{children:I.closeIconJSX})]})]}),e.jsx(N.DividerLine,{length:"100%"})]}),e.jsx("div",{className:l.default["popup-container-inner-div"],children:n&&n})]})})});C.displayName="PopupContent";exports.Popup=q;
 //# sourceMappingURL=Popup.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","popup","inner","PopupAnimateVariant","SLIDE_DOWN","SLIDE_UP","SLIDE_RIGHT","SLIDE_LEFT","Popup","memo","_ref","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","React","createElement","PopoverLite","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"6cAwBA,MAAMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAAA,oBAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAAA,oBAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAAA,oBAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAAA,oBAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,EAAAA,MAAiBC,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAA,EAAEC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBd,EAAAA,oBAAoBE,SAAQa,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,KACGC,GACQb,EAMX,MAAMc,EAAmBX,GAAYW,iBAO/BxB,EAASyB,EAAAA,SAAQ,KAAA,IACjBL,EAAQ,CAAE,gBAAiBA,GAAU,MACrCC,EAAS,CAAE,iBAAkBA,GAAW,MACzCC,KACD,CAACD,EAAQC,EAAOF,IAEpB,OACEM,MAAAC,cAACC,EAAAA,QAAWC,UAAA,CACVC,WAAS,EACTC,SAAO,EACPjB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBiB,sBAAuBC,EAAAA,QAAe,wBAClCV,GAEJG,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACO,EAAY,CACXvB,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBkB,WAAYnC,IAGTwB,GAAoBZ,GAAaA,GAEjCA,GAAYY,GAAqBE,MAAAC,cAACH,EAAgB,OAE3C,IASlBhB,EAAM4B,YAAc,QAmBpB,MAAMF,EAAezB,EAAAA,MAAK4B,IAWD,IAXE1B,MACzBA,EAAK2B,aACLA,EAAYC,KACZA,EAAI3B,SACJA,EAAQK,eACRA,EAAckB,WACdA,EAAUjB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAIqB,aACnBA,KACGjB,GACec,EAMlB,MAAMI,EAAkB7B,GAAY8B,MAAMC,QAAQ/B,GAC9CA,EAASgC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAAAA,aAE3CH,EAAO,CAAEI,IAAKF,KAAUF,EAAMtB,MAAOgB,UAAShB,MAEhDG,MAAAC,cAAA,MAAA,KAAK,kBAET,OACED,MAAAC,cAAA,MAAA,CAAKuB,UAAW,GAAGC,UAAQ,qBAAsBC,IAAKd,EAAchB,MAAOa,GACzET,MAAAC,cAAC0B,YAAS,CACRH,UAAW,GAAGC,UAAQ,2BACtB7B,MAAOL,EAAiBjB,EAAOC,MAAMC,MAAMe,GAAmC,CAAA,GAE7EC,GACCQ,MAAAC,cAAAD,MAAA4B,SAAA,KACE5B,MAAAC,cAAC0B,YAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQpC,MAAM,OAAOqC,QAAQ,uBACpE/B,MAAAC,cAAC+B,EAAAA,iBAAE,KAAE/C,GACJQ,GACCO,MAAAC,cAAA,MAAA,CACEgC,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVZ,UAAWC,EAAAA,QAAQ,iBAElBX,GAAgBd,MAAAC,cAACoC,WAAQ,CAACC,QAASxB,KAClCA,GACAd,MAAAC,cAACoC,EAAAA,cACEE,EAAAA,gBAMXvC,MAAAC,cAACuC,EAAAA,YAAW,CAACC,OAAO,UAGxBzC,MAAAC,cAAA,MAAA,CAAKuB,UAAWC,EAAAA,QAAQ,8BACrBV,GAAmBA,IAGpB,IASVP,EAAaE,YAAc"}
+{"version":3,"file":"Popup.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","PopupAnimateVariant","Popup","memo","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","jsxs","PopoverLite","classesOverlay","jsx","PopupContent","forwardedRef","hide","popupStyle","closeIconURL","ContentRemapped","child","index","cloneElement","classes","LayoutBox","Fragment","H3","IconBase","closeIconJSX","DividerLine"],"mappings":"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"}

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popup-container":"popup-module_popup-container__PJ0oQ","popup-container-inner":"popup-module_popup-container-inner__n83Cz","close-button":"popup-module_close-button__-8sZx","popup-container-inner-div":"popup-module_popup-container-inner-div__sDNBm"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={};exports.default=e;
 //# sourceMappingURL=popup.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.overlay.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popup-modal-overlay":"popup-overlay-module_popup-modal-overlay__dlJqM"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={};exports.default=e;
 //# sourceMappingURL=popup.overlay.module.scss.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.types.js

@@ -1,2 +1,2 @@
-"use strict";let e=function(e){return e.SLIDE_DOWN="slideDown",e.SLIDE_UP="slideUp",e.SLIDE_RIGHT="slideRight",e.SLIDE_LEFT="slideLeft",e}({});exports.PopupAnimateVariant=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e.SLIDE_DOWN="slideDown",e.SLIDE_UP="slideUp",e.SLIDE_RIGHT="slideRight",e.SLIDE_LEFT="slideLeft",e))(l||{});exports.PopupAnimateVariant=l;
 //# sourceMappingURL=popup.types.js.map

package/dist/lib/cjs/src/core/ui/components/molecules/popup/popup.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"aAWA,IAAYA,WAAAA,GAAmB,OAAnBA,EAAmB,WAAA,YAAnBA,EAAmB,SAAA,UAAnBA,EAAmB,YAAA,aAAnBA,EAAmB,WAAA,YAAnBA,CAAmB,EAAA,CAAA"}
+{"version":3,"file":"popup.types.js","sources":["../../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"gFAWO,IAAKA,GAAAA,IACVA,EAAA,WAAa,YACbA,EAAA,SAAW,UACXA,EAAA,YAAc,aACdA,EAAA,WAAa,YAJHA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js

@@ -1,2 +1,2 @@
-"use strict";exports.handleClickOutside=(t,e)=>n=>{const s=n.target,c="function"==typeof t?t():t;c&&!c.contains(s)&&e?.(s)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(t,e)=>n=>{const o=n.target,i=typeof t=="function"?t():t;i&&!i.contains(o)&&(e==null||e(o))};exports.handleClickOutside=s;
 //# sourceMappingURL=clickOutside.js.map

package/dist/lib/cjs/src/core/ui/utils/clickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement","contains"],"mappings":"wCAGkCA,CAChCC,EACAC,IACIC,IACJ,MAAMC,EAASD,EAAMC,OACfC,EAAwD,mBAAZJ,EAAyBA,IAAYA,EAEnFI,IAAoBA,EAAgBC,SAASF,IAC/CF,IAAWE,EACb"}
+{"version":3,"file":"clickOutside.js","sources":["../../../../../../../src/core/ui/utils/clickOutside.ts"],"sourcesContent":["type Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport const handleClickOutside = (\n  element: Element,\n  callback?: CallbackFunction,\n) => (event: MouseEvent): void => {\n  const target = event.target as HTMLElement | null\n  const resolvedElement:HTMLElement | null = typeof element === 'function' ? element() : element\n\n  if (resolvedElement && !resolvedElement.contains(target)) {\n    callback?.(target)\n  }\n}\n"],"names":["handleClickOutside","element","callback","event","target","resolvedElement"],"mappings":"gFAGO,MAAMA,EAAqB,CAChCC,EACAC,IACIC,GAA4B,CAChC,MAAMC,EAASD,EAAM,OACfE,EAAqC,OAAOJ,GAAY,WAAaA,IAAYA,EAEnFI,GAAmB,CAACA,EAAgB,SAASD,CAAM,IACrDF,GAAA,MAAAA,EAAWE,GAEf"}

package/dist/lib/cjs/src/core/ui/utils/style.js

@@ -1,2 +1,2 @@
-"use strict";exports.defaultFontSize=16;const t=t=>t/exports.defaultFontSize,e=t=>(t=t.toString(16)).padStart(2,"0"),r=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5;0===t.indexOf("#")&&(t=t.substr(1)),0===r.indexOf("#")&&(r=r.substr(1));const n=Math.ceil(parseInt(r.substring(0,2),16)*s+parseInt(t.substring(0,2),16)*(1-s)),o=Math.ceil(parseInt(r.substring(2,4),16)*s+parseInt(t.substring(2,4),16)*(1-s)),u=Math.ceil(parseInt(r.substring(4,6),16)*s+parseInt(t.substring(4,6),16)*(1-s));return`#${e(n)+e(o)+e(u)}`};exports.calculateColors=function(t,e){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;const n=s/(s+1)/s,o=[];let u=n;for(;s--;)o.push(u),u+=n;return o.map((s=>r(t,e,s)))},exports.calculatePercColor=r,exports.convertHex=function(t,r){let s=arguments.length>2&&void 0!==arguments[2]&&arguments[2];const n=t.replace("#",""),o=n.substring(0,2),u=n.substring(2,4),a=n.substring(4,6),i=parseInt(o,16),p=parseInt(u,16),l=parseInt(a,16);return(s?`rgba(${i},${p},${l},${r<=1?r:r/100})`:`#${o}${u}${a}${e(Math.round(255*(r<=1?r:r/100)))}`).toLowerCase()},exports.convertRGB=(t,r,s,n)=>`#${e(t)}${e(r)}${e(s)}${e(Math.round(255*(n<=1?n:n/100)))}`,exports.pxToRem=t,exports.resolveStyleValue=function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rem";return"string"==typeof e?e:"px"===r?`${t(e)}rem`:`${e}${r}`},exports.setDefaultFontSize=t=>{exports.defaultFontSize=t},exports.toHex=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.defaultFontSize=16;const f=t=>{exports.defaultFontSize=t},o=t=>t/exports.defaultFontSize,p=(t,e="rem")=>typeof t=="string"?t:e==="px"?`${o(t)}rem`:`${t}${e}`,r=t=>(t=t.toString(16),t.padStart(2,"0")),S=(t,e,s=!1)=>{const n=t.replace("#",""),c=n.substring(0,2),u=n.substring(2,4),a=n.substring(4,6),i=parseInt(c,16),b=parseInt(u,16),g=parseInt(a,16),$=e<=1?e:e/100;return(s?`rgba(${i},${b},${g},${$})`:`#${c}${u}${a}${r(Math.round((e<=1?e:e/100)*255))}`).toLowerCase()},I=(t,e,s,n)=>`#${r(t)}${r(e)}${r(s)}${r(Math.round((n<=1?n:n/100)*255))}`,l=(t,e,s=.5)=>{t.indexOf("#")===0&&(t=t.substr(1)),e.indexOf("#")===0&&(e=e.substr(1));const n=Math.ceil(parseInt(e.substring(0,2),16)*s+parseInt(t.substring(0,2),16)*(1-s)),c=Math.ceil(parseInt(e.substring(2,4),16)*s+parseInt(t.substring(2,4),16)*(1-s)),u=Math.ceil(parseInt(e.substring(4,6),16)*s+parseInt(t.substring(4,6),16)*(1-s));return`#${r(n)+r(c)+r(u)}`},h=(t,e,s=10)=>{const n=s/(s+1)/s,c=[];let u=n;for(;s--;)c.push(u),u+=n;return c.map(a=>l(t,e,a))};exports.calculateColors=h;exports.calculatePercColor=l;exports.convertHex=S;exports.convertRGB=I;exports.pxToRem=o;exports.resolveStyleValue=p;exports.setDefaultFontSize=f;exports.toHex=r;
 //# sourceMappingURL=style.js.map

package/dist/lib/cjs/src/core/ui/utils/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number): void => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","pxToRem","px","toHex","x","toString","padStart","calculatePercColor","startColor","endColor","ratio","arguments","length","undefined","indexOf","substr","r","Math","ceil","parseInt","substring","g","b","num","ratioIterator","ratios","push","map","rat","hex","opacity","rgba","hexValue","replace","rValue","gValue","bValue","round","toLowerCase","convertRGB","value","units","fontSize"],"mappings":"aACWA,QAAAA,gBAAkB,GACtB,MAIMC,EAAWC,GAAuBA,EAAKF,QAAAA,gBAkBvCG,EAASC,IACpBA,EAAIA,EAAEC,SAAS,KACNC,SAAS,EAAG,KAwBVC,EAAqB,SAACC,EAAoBC,GAA0C,IAAxBC,EAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC/C,IAA5BH,EAAWM,QAAQ,OACrBN,EAAaA,EAAWO,OAAO,IAEH,IAA1BN,EAASK,QAAQ,OACnBL,EAAWA,EAASM,OAAO,IAG7B,MAAMC,EAAIC,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CW,EAAIJ,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAC9CY,EAAIL,KAAKC,KAAKC,SAASV,EAASW,UAAU,EAAG,GAAI,IAAMV,EACzDS,SAASX,EAAWY,UAAU,EAAG,GAAI,KAAO,EAAIV,IAEpD,MAAO,IAAIP,EAAMa,GAAKb,EAAMkB,GAAKlB,EAAMmB,IACzC,0BAE+B,SAACd,EAAoBC,GAAyC,IAAvBc,EAAGZ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAC1E,MAAMa,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,GACf,IAAIf,EAAQc,EAGZ,KAAOD,KACLE,EAAOC,KAAKhB,GACZA,GAASc,EAGX,OAAOC,EAAOE,KAAKC,GAAQrB,EAAmBC,EAAYC,EAAUmB,IACtE,kDAnD0B,SAACC,EAAaC,GAA0C,IAAzBC,EAAIpB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC3D,MAAMqB,EAAWH,EAAII,QAAQ,IAAK,IAC5BC,EAASF,EAASZ,UAAU,EAAG,GAC/Be,EAASH,EAASZ,UAAU,EAAG,GAC/BgB,EAASJ,EAASZ,UAAU,EAAG,GAC/BJ,EAAIG,SAASe,EAAQ,IACrBb,EAAIF,SAASgB,EAAQ,IACrBb,EAAIH,SAASiB,EAAQ,IAI3B,OAAQL,EACJ,QAAQf,KAAKK,KAAKC,KAHZQ,GAAW,EAAIA,EAAWA,EAAU,OAI1C,IAAII,IAASC,IAASC,IAASjC,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,UACtFQ,aACL,qBAE0BC,CACxBvB,EAAWK,EAAWC,EAAWQ,IACtB,IAAI3B,EAAMa,KAAKb,EAAMkB,KAAKlB,EAAMmB,KAAKnB,EAAMc,KAAKoB,MAAmD,KAA5CP,GAAW,EAAIA,EAAWA,EAAU,qDAxCvE,SAC/BU,GAEW,IADXC,EAAK9B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAER,MAAqB,iBAAV6B,EACFA,EAGK,OAAVC,EACK,GAAGxC,EAAQuC,QAGb,GAAGA,IAAQC,GACpB,6BAnBmCC,IACjC1C,QAAAA,gBAAkB0C,CAAQ"}
+{"version":3,"file":"style.js","sources":["../../../../../../../src/core/ui/utils/style.ts"],"sourcesContent":["// eslint-disable-next-line import/no-mutable-exports\nexport let defaultFontSize = 16\nexport const setDefaultFontSize = (fontSize: number): void => {\n  defaultFontSize = fontSize\n}\n\nexport const pxToRem = (px: number): number => px / defaultFontSize\n\nexport const resolveStyleValue = (\n  value: string | number,\n  units = 'rem',\n): string => {\n  if (typeof value === 'string') {\n    return value as string\n  }\n\n  if (units === 'px') {\n    return `${pxToRem(value)}rem`\n  }\n\n  return `${value}${units}`\n}\n\n/* eslint-disable no-param-reassign */\nexport const toHex = (x: number | string): string => {\n  x = x.toString(16)\n  return x.padStart(2, '0')\n}\n\nexport const convertHex = (hex: string, opacity: number, rgba = false): string => {\n  const hexValue = hex.replace('#', '')\n  const rValue = hexValue.substring(0, 2)\n  const gValue = hexValue.substring(2, 4)\n  const bValue = hexValue.substring(4, 6)\n  const r = parseInt(rValue, 16)\n  const g = parseInt(gValue, 16)\n  const b = parseInt(bValue, 16)\n\n  const a = opacity <= 1 ? opacity : (opacity / 100)\n\n  return (rgba\n    ? `rgba(${r},${g},${b},${a})`\n    : `#${rValue}${gValue}${bValue}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`)\n    .toLowerCase()\n}\n\nexport const convertRGB = (\n  r: number, g: number, b: number, opacity: number,\n): string => `#${toHex(r)}${toHex(g)}${toHex(b)}${toHex(Math.round((opacity <= 1 ? opacity : (opacity / 100)) * 255))}`\n\nexport const calculatePercColor = (startColor: string, endColor: string, ratio = 0.5): string => {\n  if (startColor.indexOf('#') === 0) {\n    startColor = startColor.substr(1)\n  }\n  if (endColor.indexOf('#') === 0) {\n    endColor = endColor.substr(1)\n  }\n\n  const r = Math.ceil(parseInt(endColor.substring(0, 2), 16) * ratio\n    + parseInt(startColor.substring(0, 2), 16) * (1 - ratio))\n  const g = Math.ceil(parseInt(endColor.substring(2, 4), 16) * ratio\n    + parseInt(startColor.substring(2, 4), 16) * (1 - ratio))\n  const b = Math.ceil(parseInt(endColor.substring(4, 6), 16) * ratio\n    + parseInt(startColor.substring(4, 6), 16) * (1 - ratio))\n\n  return `#${toHex(r) + toHex(g) + toHex(b)}`\n}\n\nexport const calculateColors = (startColor: string, endColor: string, num = 10): string[] => {\n  const ratioIterator = (num / (num + 1)) / num\n  const ratios = []\n  let ratio = ratioIterator\n\n  // eslint-disable-next-line no-plusplus\n  while (num--) {\n    ratios.push(ratio)\n    ratio += ratioIterator\n  }\n\n  return ratios.map((rat) => calculatePercColor(startColor, endColor, rat))\n}\n"],"names":["defaultFontSize","setDefaultFontSize","fontSize","pxToRem","px","resolveStyleValue","value","units","toHex","x","convertHex","hex","opacity","rgba","hexValue","rValue","gValue","bValue","r","g","b","a","convertRGB","calculatePercColor","startColor","endColor","ratio","calculateColors","num","ratioIterator","ratios","rat"],"mappings":"gFACWA,QAAAA,gBAAkB,GACtB,MAAMC,EAAsBC,GAA2B,CAC5DF,QAAAA,gBAAkBE,CACpB,EAEaC,EAAWC,GAAuBA,EAAKJ,QAAAA,gBAEvCK,EAAoB,CAC/BC,EACAC,EAAQ,QAEJ,OAAOD,GAAU,SACZA,EAGLC,IAAU,KACL,GAAGJ,EAAQG,CAAK,CAAC,MAGnB,GAAGA,CAAK,GAAGC,CAAK,GAIZC,EAASC,IACpBA,EAAIA,EAAE,SAAS,EAAE,EACVA,EAAE,SAAS,EAAG,GAAG,GAGbC,EAAa,CAACC,EAAaC,EAAiBC,EAAO,KAAkB,CAChF,MAAMC,EAAWH,EAAI,QAAQ,IAAK,EAAE,EAC9BI,EAASD,EAAS,UAAU,EAAG,CAAC,EAChCE,EAASF,EAAS,UAAU,EAAG,CAAC,EAChCG,EAASH,EAAS,UAAU,EAAG,CAAC,EAChCI,EAAI,SAASH,EAAQ,EAAE,EACvBI,EAAI,SAASH,EAAQ,EAAE,EACvBI,EAAI,SAASH,EAAQ,EAAE,EAEvBI,EAAIT,GAAW,EAAIA,EAAWA,EAAU,IAE9C,OAAQC,EACJ,QAAQK,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAIC,CAAC,IACxB,IAAIN,CAAM,GAAGC,CAAM,GAAGC,CAAM,GAAGT,EAAM,KAAK,OAAOI,GAAW,EAAIA,EAAWA,EAAU,KAAQ,GAAG,CAAC,CAAC,IACnG,YAAA,CACL,EAEaU,EAAa,CACxBJ,EAAWC,EAAWC,EAAWR,IACtB,IAAIJ,EAAMU,CAAC,CAAC,GAAGV,EAAMW,CAAC,CAAC,GAAGX,EAAMY,CAAC,CAAC,GAAGZ,EAAM,KAAK,OAAOI,GAAW,EAAIA,EAAWA,EAAU,KAAQ,GAAG,CAAC,CAAC,GAExGW,EAAqB,CAACC,EAAoBC,EAAkBC,EAAQ,KAAgB,CAC3FF,EAAW,QAAQ,GAAG,IAAM,IAC9BA,EAAaA,EAAW,OAAO,CAAC,GAE9BC,EAAS,QAAQ,GAAG,IAAM,IAC5BA,EAAWA,EAAS,OAAO,CAAC,GAG9B,MAAMP,EAAI,KAAK,KAAK,SAASO,EAAS,UAAU,EAAG,CAAC,EAAG,EAAE,EAAIC,EACzD,SAASF,EAAW,UAAU,EAAG,CAAC,EAAG,EAAE,GAAK,EAAIE,EAAM,EACpDP,EAAI,KAAK,KAAK,SAASM,EAAS,UAAU,EAAG,CAAC,EAAG,EAAE,EAAIC,EACzD,SAASF,EAAW,UAAU,EAAG,CAAC,EAAG,EAAE,GAAK,EAAIE,EAAM,EACpDN,EAAI,KAAK,KAAK,SAASK,EAAS,UAAU,EAAG,CAAC,EAAG,EAAE,EAAIC,EACzD,SAASF,EAAW,UAAU,EAAG,CAAC,EAAG,EAAE,GAAK,EAAIE,EAAM,EAE1D,MAAO,IAAIlB,EAAMU,CAAC,EAAIV,EAAMW,CAAC,EAAIX,EAAMY,CAAC,CAAC,EAC3C,EAEaO,EAAkB,CAACH,EAAoBC,EAAkBG,EAAM,KAAiB,CAC3F,MAAMC,EAAiBD,GAAOA,EAAM,GAAMA,EACpCE,EAAS,CAAA,EACf,IAAIJ,EAAQG,EAGZ,KAAOD,KACLE,EAAO,KAAKJ,CAAK,EACjBA,GAASG,EAGX,OAAOC,EAAO,IAAKC,GAAQR,EAAmBC,EAAYC,EAAUM,CAAG,CAAC,CAC1E"}

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./peregrineMQ.js");const r=new e.PeregrineMQ;exports.PeregrineMQ=e.PeregrineMQ,exports.PeregrineMQClearError=e.PeregrineMQClearError,exports.peregrineMQInstance=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./peregrineMQ.js"),r=new e.PeregrineMQ;exports.PeregrineMQ=e.PeregrineMQ;exports.PeregrineMQClearError=e.PeregrineMQClearError;exports.peregrineMQInstance=r;
 //# sourceMappingURL=index.js.map

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport * from './peregrineMQ.types'\nexport * from './usePeregrineMQ.react'\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"qDAIaA,EAAsB,IAAIC,EAAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/core/utils/appState/peregrineMQ/index.ts"],"sourcesContent":["import { PeregrineMQ } from './peregrineMQ'\n\nexport { PeregrineMQ, PeregrineMQClearError } from './peregrineMQ'\n\nexport const peregrineMQInstance = new PeregrineMQ()\n\nexport * from './peregrineMQ.types'\n"],"names":["peregrineMQInstance","PeregrineMQ"],"mappings":"oHAIaA,EAAsB,IAAIC,EAAAA"}

package/dist/lib/cjs/src/core/utils/appState/peregrineMQ/peregrineMQ.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../../../node_modules/core-js/modules/es.array.includes.js");var e=require("./peregrineMQ.types.js"),t=require("../../../../../node_modules/uuid/dist/esm-browser/v4.js");class s extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}exports.PeregrineMQ=class{constructor(n,r){this.id=void 0,this.config={allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1},this.channels=new Map,this.listeners=new Map,this.addListener=(e,t)=>{const s=this.listeners.get(e),n=this.channels.get(t);n&&(s?s.push(n):this.listeners.set(e,[n]))},this.removeListener=e=>{const t=this.listeners.get(e);let s=!0;for(const n of t||[])if(s=!n.has(e),!s)break;s&&this.listeners.delete(e)},this.publishToChannel=(t,s,n)=>{const r=this.channels.get(t);if(!r)return e.NON_EXISTENT_CHANNEL;const i=r[Symbol.iterator]();let l=i.next().value;const h=[];for(;l;)h.push(l(t,n)),l=i.next().value;return 1===h?.length?h[0]:h},this.configure=e=>{this.config=e;const{allowAutoPrune:t,pruneInterval:s}=e;let n;t&&(n=setInterval((()=>{this.prune()}),s));const r=this;return{...t?{clearPruneInterval:()=>{clearInterval(n)},restartPruneInterval:()=>{clearInterval(n),n=setInterval((()=>{r.prune()}),s)}}:{}}},this.getChannels=()=>[...this.channels.keys()],this.prune=()=>{const e=this.channels[Symbol.iterator]();let t=e.next().value;const s=[];for(;t;)0===t[1]?.size&&(s.push(t[0]),this.channels.delete(t[0])),t=e.next().value;return s},this.removeChannel=e=>{const t=this.channels.get(e);if(t&&t.size>0){const e=[...t||[]];t.clear();let s=e.length;for(;s--;)this.removeListener(e[s])}return this.channels.delete(e)},this.publish=(e,t)=>{if(e.includes(".")){const s=e.split(".");let{length:n}=s,r=0;const i=[];for(;n--;){const e=this.publishToChannel(s.slice(0,r+1).join("."),n!==s.length-1,t);r+=1,i.push(e)}return i}return this.publishToChannel(e,!1,t)},this.subscribe=(e,t)=>{const s=this.channels.get(e);return s?s.add(t):this.channels.set(e,new Set([t])),this.addListener(t,e),()=>this.unsubscribe(t,{channel:e,prune:!0})},this.unsubscribe=(e,t)=>{const{channel:s,prune:n}=t||{};let r=!1;if(s){const t=this.channels.get(s);return r=!!t&&t.delete(e),n&&0===t?.size&&this.channels.delete(s),this.removeListener(e),r}const i=this.listeners.get(e)||[];for(const t of i)r=t.delete(e),n&&0===t.size&&this.prune();return this.listeners.delete(e),r},this.isSubscribed=(e,t)=>{if(t){const s=this.channels.get(t);return!!s&&s.has(e)}return this.listeners.has(e)},this.clear=()=>{if(!this.config.allowClear)throw new s;this.channels.clear(),this.listeners.clear()},this.getId=()=>this.id,this.id=n||t.default(),this.configure(r||{})}get length(){return[...this.channels.values()].reduce(((e,t)=>e+t.size),0)}},exports.PeregrineMQClearError=s;
+"use strict";var a=Object.defineProperty;var c=(h,e,s)=>e in h?a(h,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):h[e]=s;var n=(h,e,s)=>c(h,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./peregrineMQ.types.js"),d=require("../../../../../node_modules/uuid/dist/esm-browser/v4.js");class o extends Error{constructor(){super("Clearing PeregrineMQ is not allowed. Please read the documentation for more information."),this.name="PeregrineMQClearError"}}class g{constructor(e,s){n(this,"id");n(this,"config",{allowAutoPrune:!1,pruneInterval:1e4,allowClear:!1});n(this,"channels",new Map);n(this,"listeners",new Map);n(this,"addListener",(e,s)=>{const t=this.listeners.get(e),r=this.channels.get(s);r&&(t?t.push(r):this.listeners.set(e,[r]))});n(this,"removeListener",e=>{const s=this.listeners.get(e);let t=!0;for(const r of s||[])if(t=!r.has(e),!t)break;t&&this.listeners.delete(e)});n(this,"publishToChannel",(e,s,t)=>{const r=this.channels.get(e);if(!r)return f.NON_EXISTENT_CHANNEL;const l=r[Symbol.iterator]();let u=l.next().value;const i=[];for(;u;)i.push(u(e,t)),u=l.next().value;return(i==null?void 0:i.length)===1?i[0]:i});n(this,"configure",e=>{this.config=e;const{allowAutoPrune:s,pruneInterval:t}=e;let r;s&&(r=setInterval(()=>{this.prune()},t));const l=this;return{...s?{clearPruneInterval:()=>{clearInterval(r)},restartPruneInterval:()=>{clearInterval(r),r=setInterval(()=>{l.prune()},t)}}:{}}});n(this,"getChannels",()=>[...this.channels.keys()]);n(this,"prune",()=>{var r;const e=this.channels[Symbol.iterator]();let s=e.next().value;const t=[];for(;s;)((r=s[1])==null?void 0:r.size)===0&&(t.push(s[0]),this.channels.delete(s[0])),s=e.next().value;return t});n(this,"removeChannel",e=>{const s=this.channels.get(e);if(s&&s.size>0){const t=[...s||[]];s.clear();let r=t.length;for(;r--;)this.removeListener(t[r])}return this.channels.delete(e)});n(this,"publish",(e,s)=>{if(e.includes(".")){const t=e.split(".");let{length:r}=t,l=0;const u=[];for(;r--;){const i=this.publishToChannel(t.slice(0,l+1).join("."),r!==t.length-1,s);l+=1,u.push(i)}return u}return this.publishToChannel(e,!1,s)});n(this,"subscribe",(e,s)=>{const t=this.channels.get(e);return t?t.add(s):this.channels.set(e,new Set([s])),this.addListener(s,e),()=>this.unsubscribe(s,{channel:e,prune:!0})});n(this,"unsubscribe",(e,s)=>{const{channel:t,prune:r}=s||{};let l=!1;if(t){const i=this.channels.get(t);return l=i?i.delete(e):!1,r&&(i==null?void 0:i.size)===0&&this.channels.delete(t),this.removeListener(e),l}const u=this.listeners.get(e)||[];for(const i of u)l=i.delete(e),r&&i.size===0&&this.prune();return this.listeners.delete(e),l});n(this,"isSubscribed",(e,s)=>{if(s){const t=this.channels.get(s);return t?t.has(e):!1}return this.listeners.has(e)});n(this,"clear",()=>{if(this.config.allowClear)this.channels.clear(),this.listeners.clear();else throw new o});n(this,"getId",()=>this.id);this.id=e||d.default(),this.configure(s||{})}get length(){return[...this.channels.values()].reduce((e,s)=>e+s.size,0)}}exports.PeregrineMQ=g;exports.PeregrineMQClearError=o;
 //# sourceMappingURL=peregrineMQ.js.map