@e1011/es-kit 1.4.0 → 1.5.2

package/dist/lib/esm/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":"6SAoCaA,EAAkCC,GAAsBC,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,GAAQ,IAAON,EAAa,EAC7C,CACAO,QAAS,OACTC,oBAAqB,GAAG,OAAOC,OAAOT,KACtCU,MAAO,OACPC,OAAQ,SAER,CACAJ,QAAS,SAEV,CAACP,IAEJ,OACEY,MAAAC,cAACC,EAASC,EAAA,CACRL,MAAM,OACNM,QAAM,EACNf,UAAWgB,EAAWC,EAAQC,WAAYlB,IACtCG,GAEHF,GACCU,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAQhB,cAAekB,UAAU,GAC/ClB,GAGLU,MAAAC,cAACC,EAASC,EAAA,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,EAASC,EAAA,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,EAAQf,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":";;;;;AAoCO,MAAMA,IAAkCC,EAAsB,CAAC;AAAA,EACpE,UAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAA;AAAA,EACjB,wBAAAC,IAAyB,CAAA;AAAA,EACzB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AAErB,QAAMC,IAAeC,EAAQ,MAAON,IAAa,IAC7C;AAAA,IACA,SAAS;AAAA,IACT,qBAAqB,GAAG,OAAO,OAAOA,CAAU,CAAC;AAAA,IACjD,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,IAER;AAAA,IACA,SAAS;AAAA,EAAA,GAEV,CAACA,CAAU,CAAC;AAEf,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAM;AAAA,MACN,WAAWC,EAAWC,EAAQ,YAAYT,CAAS;AAAA,MAClD,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAF,uBACE,QAAA,EAAK,WAAWQ,EAAQ,eAAe,UAAU,IAC/C,UAAAR,EAAA,CACH;AAAA,QAEF,gBAAAS;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,KAAI;AAAA,YACJ,OAAOH;AAAA,YACP,OAAM;AAAA,YACL,GAAGP;AAAA,YAEH,UAAAD,EAAS,IAAI,CAAC,EAAE,IAAAe,GAAI,YAAAC,GAAY,WAAAC,GAAW,aAAAC,GAAa,GAAGX,EAAAA,MAC1D,gBAAAO;AAAA,cAACH;AAAA,cAAA;AAAA,gBAEE,GAAGT;AAAA,gBACH,GAAGgB;AAAA,gBACH,GAAIF,IACD,EAAE,OAAO,EAAE,OAAO,QAAQ,KAAK,MAAMA,IAAa,GAAG,CAAC,OAAOA,IAAa,EAAE,MAAA,EAAM,IAClF,CAAA;AAAA,gBAEJ,UAAA,gBAAAF,EAACG,GAAA,EAAW,GAAGV,EAAAA,CAAO;AAAA,cAAA;AAAA,cAPjBQ;AAAA,YAAA,CASR;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFT,uBACE,QAAA,EAAK,WAAWO,EAAQ,cAAc,UAAU,IAC9C,UAAAP,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAKDR,EAAW,cAAc;"}

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

@@ -1,2 +1,12 @@
-var o={flowLayout:"flowLayout-module_flowLayout__VHpnY",beforeContent:"flowLayout-module_beforeContent__rY-mW",afterContent:"flowLayout-module_afterContent__Hlh8v"};export{o as default};
+const t = "_flowLayout_ouzwi_1", o = "_beforeContent_ouzwi_4", e = "_afterContent_ouzwi_9", n = {
+  flowLayout: t,
+  beforeContent: o,
+  afterContent: e
+};
+export {
+  e as afterContent,
+  o as beforeContent,
+  n as default,
+  t as flowLayout
+};
 //# sourceMappingURL=flowLayout.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"flowLayout.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"flowLayout.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

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

package/dist/lib/esm/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/esm/src/core/ui/components/molecules/popover/Tooltip.js

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

package/dist/lib/esm/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":"2qBAqBA,MAAMA,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAiBC,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,EAAWC,EAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAA,EAAkBN,UAAWK,EAAQE,OACnDN,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAQ,kBAE1BJ,MAAAC,cAACM,EAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERlB,GACCM,MAAAC,cAACM,EAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpER,MAAAC,cAACc,EAAE,KAAErB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEe,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVpB,UAAWK,EAAQ,iBAElBN,GAAgBE,MAAAC,cAACmB,EAAQ,CAACC,QAASvB,KAClCA,GACAE,MAAAC,cAACmB,EAAQ,KACNE,KAOZ5B,GAASM,MAAAC,cAACsB,EAAiB,CAACC,OAAO,UACnC7B,GAAQK,MAAAC,cAACwB,EAAc,CAACC,QAAQ,KAAK/B,IAEpC,EA8BKgC,EAA4BC,GAAmBC,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,GAAQ,IAAOT,EAAmB,CAC1DA,yBACEU,GAAY,CAACV,IAEjB,IAAIW,EAEAT,IACFS,EAAaT,IAEVA,GAAYC,IACfQ,EACEV,EACIjC,MAAAC,cAACmB,EAAQ,CAACC,QAASY,EAAaW,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnF/C,MAAAC,cAACmB,EAAQ,CAACwB,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1DzB,IAMX,MAAM0B,EAAkBP,GAAQ,IAAO,IAAIzD,KAAsBsD,GAAa,KAAO,CAACA,IAEtF,OACEtC,MAAAC,cAACgD,EAAOC,EAAA,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":"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"}

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

@@ -1,2 +1,5 @@
-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}({});export{t as PopoverPlacement};
+var d = /* @__PURE__ */ ((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 || {});
+export {
+  d as PopoverPlacement
+};
 //# sourceMappingURL=popover.types.js.map

package/dist/lib/esm/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":"AA4BO,IAAKA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,aAAa,eACbA,EAAA,WAAW,aACXA,EAAA,OAAO,QACPA,EAAA,YAAY,cACZA,EAAA,UAAU,YACVA,EAAA,MAAM,OACNA,EAAA,WAAW,aACXA,EAAA,SAAS,WACTA,EAAA,SAAS,UACTA,EAAA,cAAc,gBACdA,EAAA,YAAY,cACZA,EAAA,OAAO,QACPA,EAAA,YAAY,cACZA,EAAA,UAAU,YAfAA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,2 +1,8 @@
-var o={"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"};export{o as default};
+const r = "_arrow_l4it1_47", a = {
+  arrow: r
+};
+export {
+  r as arrow,
+  a as default
+};
 //# sourceMappingURL=tooltip.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"tooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}