linear-react-components-ui 1.1.26-beta.14 → 1.1.26-beta.16

package/lib/drawer/Content.js

@@ -1,19 +1,19 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as i } from "react/compiler-runtime";
+import { jsx as m } from "react/jsx-runtime";
+import { c as i } from "../_virtual/compiler-runtime.js";
 import { useContext as c } from "react";
-import f from "./helpers.js";
+import p from "./helpers.js";
 import a from "../noPermission/index.js";
-const u = (m) => {
-  const t = i(4), {
+const C = (n) => {
+  const t = i.c(4), {
     children: r,
     style: e
-  } = m, {
-    hideContent: n
-  } = c(f);
+  } = n, {
+    hideContent: s
+  } = c(p);
   let o;
-  return t[0] !== r || t[1] !== n || t[2] !== e ? (o = n ? /* @__PURE__ */ s(a, {}) : /* @__PURE__ */ s("div", { className: "drawerbody", style: e, children: r }), t[0] = r, t[1] = n, t[2] = e, t[3] = o) : o = t[3], o;
+  return t[0] !== r || t[1] !== s || t[2] !== e ? (o = s ? /* @__PURE__ */ m(a, {}) : /* @__PURE__ */ m("div", { className: "drawerbody", style: e, children: r }), t[0] = r, t[1] = s, t[2] = e, t[3] = o) : o = t[3], o;
 };
 export {
-  u as default
+  C as default
 };
 //# sourceMappingURL=Content.js.map

package/lib/drawer/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../src/lib/drawer/Content.tsx"],"sourcesContent":["import React, { Suspense, useContext } from 'react';\nimport DrawerContext from './helpers';\nimport NoPermission from '../noPermission';\nimport { IDrawerProps } from './types';\n\nconst Content = ({ children, style }: IDrawerProps) => {\n  const { hideContent } = useContext(DrawerContext);\n\n  return (\n    hideContent\n      ? <NoPermission />\n      : (\n        <div className=\"drawerbody\" style={style}>\n          {children}\n        </div>\n        )\n  );\n};\n\nexport default Content;\n"],"names":["Content","t0","$","_c","children","style","hideContent","useContext","DrawerContext","t1","NoPermission"],"mappings":";;;;;AAKA,MAAMA,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAJ,GACf;AAAA,IAAAK,aAAAA;AAAAA,EAAAA,IAAwBC,EAAWC,CAAa;AAAE,MAAAC;AAAA,SAAAP,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAGhDI,IAAAH,sBACKI,GAAA,CAAA,CAAY,sBAEb,OAAA,EAAe,WAAA,cAAoBL,OAAAA,GAChCD,UAAAA,EAAAA,CACH,GACCF,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GANLO;AAMK;"}
+{"version":3,"file":"Content.js","sources":["../../src/lib/drawer/Content.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport DrawerContext from './helpers';\nimport NoPermission from '../noPermission';\nimport { IDrawerProps } from './types';\n\nconst Content = ({ children, style }: IDrawerProps) => {\n  const { hideContent } = useContext(DrawerContext);\n\n  return (\n    hideContent\n      ? <NoPermission />\n      : (\n        <div className=\"drawerbody\" style={style}>\n          {children}\n        </div>\n        )\n  );\n};\n\nexport default Content;\n"],"names":["Content","t0","$","_c","children","style","hideContent","useContext","DrawerContext","t1","NoPermission"],"mappings":";;;;;AAKA,MAAMA,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAJ,GACf;AAAA,IAAAK,aAAAA;AAAAA,EAAAA,IAAwBC,EAAWC,CAAa;AAAE,MAAAC;AAAA,SAAAP,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAGhDI,IAAAH,sBACKI,GAAA,CAAA,CAAY,sBAEb,OAAA,EAAe,WAAA,cAAoBL,OAAAA,GAChCD,UAAAA,EAAAA,CACH,GACCF,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GANLO;AAMK;"}

package/lib/drawer/Drawer.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { IDrawerProps } from './types';
-declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, ...rest }: IDrawerProps) => React.ReactPortal;
+declare const BaseDrawer: ({ position, customClass, children, style, customClassForContent, targetId, closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer, content, title, isWaiting, customClassElementDrawer, ...rest }: IDrawerProps) => import('react').ReactPortal;
 export default BaseDrawer;

package/lib/drawer/Drawer.js

@@ -1,77 +1,78 @@
-import { jsx as r, jsxs as j } from "react/jsx-runtime";
-import { useRef as f, useState as M, useEffect as v, Suspense as R } from "react";
+import { jsx as r, jsxs as M } from "react/jsx-runtime";
+import { useRef as w, useState as R, useEffect as h } from "react";
 import H from "react-dom";
 import V from "./helpers.js";
-import { actionsOnPermissionDenied as q, OPTIONS_ON_DENIED as z } from "../permissionValidations.js";
+import { OPTIONS_ON_DENIED as q, actionsOnPermissionDenied as z } from "../permissionValidations.js";
 import A from "./Header.js";
 import F from "./Content.js";
-import '../styles/assets/styles/drawers.css';/* empty css                            */
+import '../assets/styles/drawers.css';/* empty css                            */
 import "../form/withFormSecurity.js";
 import G from "../spinner/index.js";
-const te = ({
-  position: w = "left",
-  customClass: C = "",
-  children: h,
-  style: E,
-  customClassForContent: D = "",
-  targetId: o,
-  closeOnEsc: d,
-  overlay: N,
-  permissionAttr: S,
+const ne = ({
+  position: C = "left",
+  customClass: E = "",
+  children: N,
+  style: D,
+  customClassForContent: b = "",
+  targetId: d,
+  closeOnEsc: a,
+  overlay: g,
+  permissionAttr: O,
   skeletonize: s,
   handlerClose: m,
-  customClassForDrawer: b = "",
+  customClassForDrawer: P = "",
   content: l,
   title: u,
   isWaiting: p = !1,
-  ...O
+  customClassElementDrawer: y = "",
+  ...S
 }) => {
-  const P = {
-    ...O,
+  const x = {
+    ...S,
     title: u
-  }, i = f(document.createElement("div"));
-  i.current.className = "drawercontainer";
-  const a = f(null), {
-    hideContent: x
-  } = z, [B] = M(q([x], S)), _ = p ? {
+  }, i = w(document.createElement("div"));
+  i.current.className = "drawercontainer", y && (i.current.className = y);
+  const o = w(null), {
+    hideContent: B
+  } = q, [$] = R(z([B], O)), k = p ? {
     opacity: 0.4,
     pointerEvent: "none",
     placeContent: "center"
-  } : {}, g = () => p ? /* @__PURE__ */ r("div", { className: "waitingspinner", children: /* @__PURE__ */ r(G, { style: {
+  } : {}, I = () => p ? /* @__PURE__ */ r("div", { className: "waitingspinner", children: /* @__PURE__ */ r(G, { style: {
     width: 60
-  }, delayTime: 0 }) }) : null, k = (e, n) => {
+  }, delayTime: 0 }) }) : null, T = (e, n) => {
     const t = document.createElement("div");
-    t.className = "drawer-component", t.id = String(n), e.appendChild(t), t.appendChild(i.current), a.current = t;
-  }, T = (e) => {
-    const n = document.createElement("div");
-    n.className = "drawer-overlay", n.dataset.testid = "drawer-overlay", e.appendChild(n);
+    t.className = "drawer-component", t.id = String(n), e.appendChild(t), t.appendChild(i.current), o.current = t;
+  }, _ = (e, n) => {
+    const t = document.createElement("div");
+    t.className = "drawer-overlay", t.id = n, t.dataset.testid = "drawer-overlay", e.appendChild(t);
   }, c = (e) => {
-    d && e.key === "Escape" && (m?.(), e.stopPropagation());
+    a && e.key === "Escape" && (m?.(), e.stopPropagation());
   };
-  v(() => {
+  h(() => {
     let e;
-    const n = Math.round(+/* @__PURE__ */ new Date() / 1e3);
-    return o === void 0 ? e = document.getElementsByTagName("body")[0] : e = document.getElementById(o), e && k(e, n), N && !o && e && T(e), () => {
-      const t = document.getElementsByClassName("drawer-overlay")[0];
-      if (d && document.body.removeEventListener("keydown", c), o) {
-        const y = document.getElementById(o);
-        y && a.current && y.removeChild(a.current);
-      } else a.current && document.body.removeChild(a.current);
-      t && !o && e && e.removeChild(t);
+    const n = Math.round(+/* @__PURE__ */ new Date() / 1e3), t = `overlay-${n}`;
+    return d === void 0 ? e = document.getElementsByTagName("body")[0] : e = document.getElementById(d), e && T(e, n), g && e && _(e, t), () => {
+      const f = document.getElementById(t);
+      if (a && document.body.removeEventListener("keydown", c), d) {
+        const v = document.getElementById(d);
+        v && o.current && v.removeChild(o.current);
+      } else o.current && document.body.removeChild(o.current);
+      f && e && e.removeChild(f);
     };
-  }, []), v(() => (d && document.body.addEventListener("keydown", c), () => document.body.removeEventListener("keydown", c)), [d]);
-  const $ = {
+  }, []), h(() => (a && document.body.addEventListener("keydown", c), () => document.body.removeEventListener("keydown", c)), [a]);
+  const L = {
     handlerClose: m,
-    hideContent: B.hideContent,
+    hideContent: $.hideContent,
     skeletonize: s
-  }, L = () => /* @__PURE__ */ r(V.Provider, { value: $, children: /* @__PURE__ */ r("div", { "data-testid": "drawercontainer-component", className: `${w} ${C}`, style: E, children: /* @__PURE__ */ j("div", { style: _, "data-testid": "drawercontent", className: `drawercontent ${s ? "-skeletonized" : ""} ${D}`, children: [
-    u && /* @__PURE__ */ r(A, { ...P, customClass: b }),
-    /* @__PURE__ */ r(R, { children: l ? /* @__PURE__ */ r(F, { children: l }) : h }),
-    g()
+  }, j = () => /* @__PURE__ */ r(V.Provider, { value: L, children: /* @__PURE__ */ r("div", { "data-testid": "drawercontainer-component", className: `${C} ${E}`, style: D, children: /* @__PURE__ */ M("div", { style: k, "data-testid": "drawercontent", className: `drawercontent ${s ? "-skeletonized" : ""} ${b}`, children: [
+    u && /* @__PURE__ */ r(A, { ...x, customClass: P }),
+    l ? /* @__PURE__ */ r(F, { children: l }) : N,
+    I()
   ] }) }) });
-  return H.createPortal(L(), i.current);
+  return H.createPortal(j(), i.current);
 };
 export {
-  te as default
+  ne as default
 };
 //# sourceMappingURL=Drawer.js.map

package/lib/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/lib/drawer/Drawer.tsx"],"sourcesContent":["import React, { Suspense, useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport DrawerContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IDrawerProps, IDrawerContext } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { DrawerContent, DrawerHeader } from '.';\nimport SpinnerLoading from '../spinner';\n\nconst BaseDrawer = ({\n  position = 'left', customClass = '', children, style, customClassForContent = '', targetId,\n  closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer = '',\n  content, title, isWaiting = false, ...rest\n}: IDrawerProps) => {\n  const headerProps = { ...rest, title };\n  const drawerContainerEl = useRef(document.createElement('div'));\n  drawerContainerEl.current.className = 'drawercontainer';\n  const drawerComponentEl = useRef<HTMLDivElement>(null);\n  const { hideContent } = OPTIONS_ON_DENIED;\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied([hideContent], permissionAttr));\n\n  const overlayStyle = isWaiting ? { opacity: 0.4, pointerEvent: 'none', placeContent: 'center' } : {};\n\n  const getSpinner = () => {\n    if (!isWaiting) return null;\n    return (\n      <div className=\"waitingspinner\">\n        <SpinnerLoading style={{ width: 60 }} delayTime={0} />\n      </div>\n    );\n  };\n\n  const setDrawerComponent = (body: HTMLElement, randonId: number) => {\n    const componentEl = document.createElement('div');\n    componentEl.className = 'drawer-component';\n    componentEl.id = String(randonId);\n    body.appendChild(componentEl);\n    componentEl.appendChild(drawerContainerEl.current);\n    drawerComponentEl.current = componentEl;\n  };\n\n  const setDrawerOverlay = (body: HTMLElement) => {\n    const drawerOverlay = document.createElement('div');\n    drawerOverlay.className = 'drawer-overlay';\n    drawerOverlay.dataset.testid = 'drawer-overlay';\n    body.appendChild(drawerOverlay);\n  };\n\n  const closeDrawerOnEsc = (e: KeyboardEvent) => {\n    if (closeOnEsc && (e.key === 'Escape')) {\n      handlerClose?.();\n      e.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    let body: HTMLElement | null;\n    const randonId = Math.round(+new Date() / 1000);\n    if (targetId === undefined) {\n      body = document.getElementsByTagName('body')[0];\n    } else {\n      body = document.getElementById(targetId);\n    }\n    if (body) setDrawerComponent(body, randonId);\n    if (overlay && !targetId && body) setDrawerOverlay(body);\n    return () => {\n      const drawerOverlay = document.getElementsByClassName('drawer-overlay')[0];\n      if (closeOnEsc) document.body.removeEventListener('keydown', closeDrawerOnEsc);\n      if (targetId) {\n        const drawerComponentTarget = document.getElementById(targetId);\n        if (drawerComponentTarget && drawerComponentEl.current) {\n          drawerComponentTarget.removeChild(drawerComponentEl.current);\n        }\n      } else if (drawerComponentEl.current) document.body.removeChild(drawerComponentEl.current);\n      if (drawerOverlay && !targetId && body) body.removeChild(drawerOverlay);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (closeOnEsc) {\n      document.body.addEventListener('keydown', closeDrawerOnEsc);\n    }\n    return () => document.body.removeEventListener('keydown', closeDrawerOnEsc);\n  }, [closeOnEsc]);\n\n  const contextValues: IDrawerContext = {\n    handlerClose,\n    hideContent: onDenied.hideContent,\n    skeletonize,\n  };\n\n  const drawerContent = () => (\n    <DrawerContext.Provider value={contextValues}>\n      <div data-testid=\"drawercontainer-component\" className={`${position} ${customClass}`} style={style}>\n        <div\n          style={overlayStyle}\n          data-testid=\"drawercontent\"\n          className={`drawercontent ${skeletonize ? '-skeletonized' : ''} ${customClassForContent}`}>\n          {title && <DrawerHeader {...headerProps} customClass={customClassForDrawer} />}\n          <Suspense>\n            {content ? <DrawerContent>{content}</DrawerContent> : children}\n          </Suspense>\n          {getSpinner()}\n        </div>\n      </div>\n    </DrawerContext.Provider>\n  );\n\n  return ReactDOM.createPortal(drawerContent(), drawerContainerEl.current);\n};\n\nexport default BaseDrawer;\n"],"names":["BaseDrawer","position","customClass","children","style","customClassForContent","targetId","closeOnEsc","overlay","permissionAttr","skeletonize","handlerClose","customClassForDrawer","content","title","isWaiting","rest","headerProps","drawerContainerEl","useRef","document","createElement","current","className","drawerComponentEl","hideContent","OPTIONS_ON_DENIED","onDenied","useState","actionsOnPermissionDenied","overlayStyle","opacity","pointerEvent","placeContent","getSpinner","jsx","SpinnerLoading","width","setDrawerComponent","body","randonId","componentEl","id","String","appendChild","setDrawerOverlay","drawerOverlay","dataset","testid","closeDrawerOnEsc","e","key","stopPropagation","useEffect","Math","round","Date","undefined","getElementsByTagName","getElementById","getElementsByClassName","removeEventListener","drawerComponentTarget","removeChild","addEventListener","contextValues","drawerContent","DrawerContext","jsxs","DrawerHeader","Suspense","DrawerContent","ReactDOM","createPortal"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../src/lib/drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\nimport DrawerContext from './helpers';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport { IDrawerProps, IDrawerContext } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\nimport { DrawerContent, DrawerHeader } from '.';\nimport SpinnerLoading from '../spinner';\n\nconst BaseDrawer = ({\n  position = 'left', customClass = '', children, style, customClassForContent = '', targetId,\n  closeOnEsc, overlay, permissionAttr, skeletonize, handlerClose, customClassForDrawer = '',\n  content, title, isWaiting = false, customClassElementDrawer = '', ...rest\n}: IDrawerProps) => {\n  const headerProps = { ...rest, title };\n  const drawerContainerEl = useRef(document.createElement('div'));\n  drawerContainerEl.current.className = 'drawercontainer';\n  if (customClassElementDrawer) {\n    drawerContainerEl.current.className = customClassElementDrawer;\n  }\n  const drawerComponentEl = useRef<HTMLDivElement>(null);\n  const { hideContent } = OPTIONS_ON_DENIED;\n  const [onDenied] = useState<OnDenied>(actionsOnPermissionDenied([hideContent], permissionAttr));\n\n  const overlayStyle = isWaiting ? { opacity: 0.4, pointerEvent: 'none', placeContent: 'center' } : {};\n\n  const getSpinner = () => {\n    if (!isWaiting) return null;\n    return (\n      <div className=\"waitingspinner\">\n        <SpinnerLoading style={{ width: 60 }} delayTime={0} />\n      </div>\n    );\n  };\n\n  const setDrawerComponent = (body: HTMLElement, randonId: number) => {\n    const componentEl = document.createElement('div');\n    componentEl.className = 'drawer-component';\n    componentEl.id = String(randonId);\n    body.appendChild(componentEl);\n    componentEl.appendChild(drawerContainerEl.current);\n    drawerComponentEl.current = componentEl;\n  };\n\n  const setDrawerOverlay = (body: HTMLElement, id: string) => {\n    const drawerOverlay = document.createElement('div');\n    drawerOverlay.className = 'drawer-overlay';\n    drawerOverlay.id = id;\n    drawerOverlay.dataset.testid = 'drawer-overlay';\n    body.appendChild(drawerOverlay);\n  };\n\n  const closeDrawerOnEsc = (e: KeyboardEvent) => {\n    if (closeOnEsc && (e.key === 'Escape')) {\n      handlerClose?.();\n      e.stopPropagation();\n    }\n  };\n\n  useEffect(() => {\n    let body: HTMLElement | null;\n    const randomId = Math.round(+new Date() / 1000);\n    const overlayId = `overlay-${randomId}`;\n    if (targetId === undefined) {\n      body = document.getElementsByTagName('body')[0];\n    } else {\n      body = document.getElementById(targetId);\n    }\n    if (body) setDrawerComponent(body, randomId);\n    if (overlay && body) {\n      setDrawerOverlay(body, overlayId);\n    }\n    return () => {\n      const drawerOverlay = document.getElementById(overlayId);\n      if (closeOnEsc) document.body.removeEventListener('keydown', closeDrawerOnEsc);\n      if (targetId) {\n        const drawerComponentTarget = document.getElementById(targetId);\n        if (drawerComponentTarget && drawerComponentEl.current) {\n          drawerComponentTarget.removeChild(drawerComponentEl.current);\n        }\n      } else if (drawerComponentEl.current) document.body.removeChild(drawerComponentEl.current);\n      if (drawerOverlay && body) body.removeChild(drawerOverlay);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (closeOnEsc) {\n      document.body.addEventListener('keydown', closeDrawerOnEsc);\n    }\n    return () => document.body.removeEventListener('keydown', closeDrawerOnEsc);\n  }, [closeOnEsc]);\n\n  const contextValues: IDrawerContext = {\n    handlerClose,\n    hideContent: onDenied.hideContent,\n    skeletonize,\n  };\n\n  const drawerContent = () => (\n    <DrawerContext.Provider value={contextValues}>\n      <div data-testid=\"drawercontainer-component\" className={`${position} ${customClass}`} style={style}>\n        <div\n          style={overlayStyle}\n          data-testid=\"drawercontent\"\n          className={`drawercontent ${skeletonize ? '-skeletonized' : ''} ${customClassForContent}`}>\n          {title && <DrawerHeader {...headerProps} customClass={customClassForDrawer} />}\n          {content ? <DrawerContent>{content}</DrawerContent> : children}\n          {getSpinner()}\n        </div>\n      </div>\n    </DrawerContext.Provider>\n  );\n\n  return ReactDOM.createPortal(drawerContent(), drawerContainerEl.current);\n};\n\nexport default BaseDrawer;\n"],"names":["BaseDrawer","position","customClass","children","style","customClassForContent","targetId","closeOnEsc","overlay","permissionAttr","skeletonize","handlerClose","customClassForDrawer","content","title","isWaiting","customClassElementDrawer","rest","headerProps","drawerContainerEl","useRef","document","createElement","current","className","drawerComponentEl","hideContent","OPTIONS_ON_DENIED","onDenied","useState","actionsOnPermissionDenied","overlayStyle","opacity","pointerEvent","placeContent","getSpinner","jsx","SpinnerLoading","width","setDrawerComponent","body","randonId","componentEl","id","String","appendChild","setDrawerOverlay","drawerOverlay","dataset","testid","closeDrawerOnEsc","e","key","stopPropagation","useEffect","randomId","Math","round","Date","overlayId","undefined","getElementsByTagName","getElementById","removeEventListener","drawerComponentTarget","removeChild","addEventListener","contextValues","drawerContent","DrawerContext","jsxs","DrawerHeader","DrawerContent","ReactDOM","createPortal"],"mappings":"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"}

package/lib/drawer/Header.js

@@ -1,37 +1,37 @@
 import { jsx as t, jsxs as j } from "react/jsx-runtime";
-import { c as D } from "react/compiler-runtime";
-import { useContext as F, Fragment as k } from "react";
-import $ from "../icons/index.js";
-import R from "./helpers.js";
-const S = (l) => /* @__PURE__ */ t("span", { "data-testid": "header-closebutton", className: "closebutton", onClick: l, role: "button", tabIndex: 0, children: /* @__PURE__ */ t($, { name: "cancel2" }) }), I = (l, e) => l || e ? /* @__PURE__ */ t("span", { "data-testid": "icon-header", className: "icon-header", children: e || l && /* @__PURE__ */ t($, { name: l, color: "#000", size: 24 }) }) : /* @__PURE__ */ t("noscript", {}), J = (l) => {
-  const e = D(27), {
+import { c as z } from "../_virtual/compiler-runtime.js";
+import { useContext as D, Fragment as k } from "react";
+import R from "../icons/index.js";
+import E from "./helpers.js";
+const F = (l) => /* @__PURE__ */ t("span", { "data-testid": "header-closebutton", className: "closebutton", onClick: l, role: "button", tabIndex: 0, children: /* @__PURE__ */ t(R, { name: "cancel2" }) }), I = (l, e) => l || e ? /* @__PURE__ */ t("span", { "data-testid": "icon-header", className: "icon-header", children: e || l && /* @__PURE__ */ t(R, { name: l, color: "#000", size: 24 }) }) : /* @__PURE__ */ t("noscript", {}), J = (l) => {
+  const e = z.c(27), {
     showCloseButton: H,
     title: N,
     subTitle: a,
     icon: c,
     titleIcon: d,
-    customClass: z,
+    customClass: $,
     titleContent: h,
-    subTitleContent: u,
+    subTitleContent: m,
     titleRightContent: w
-  } = l, v = H === void 0 ? !0 : H, {
-    handlerClose: m
-  } = F(R);
+  } = l, x = H === void 0 ? !0 : H, {
+    handlerClose: u
+  } = D(E);
   let f;
   e[0] !== c || e[1] !== N || e[2] !== h || e[3] !== d || e[4] !== w ? (f = () => h ? /* @__PURE__ */ t(k, { children: h }) : /* @__PURE__ */ j(k, { children: [
     c ? I(d, c) : I(d, null),
     /* @__PURE__ */ t("h2", { className: "drawer-title", children: N }),
     w
   ] }), e[0] = c, e[1] = N, e[2] = h, e[3] = d, e[4] = w, e[5] = f) : f = e[5];
-  const x = f;
+  const v = f;
   let C;
-  e[6] !== a || e[7] !== u ? (C = () => u ? /* @__PURE__ */ t(k, { children: u }) : a && /* @__PURE__ */ t("h3", { className: "drawer-subtitle", children: a }), e[6] = a, e[7] = u, e[8] = C) : C = e[8];
+  e[6] !== a || e[7] !== m ? (C = () => m ? /* @__PURE__ */ t(k, { children: m }) : a && /* @__PURE__ */ t("h3", { className: "drawer-subtitle", children: a }), e[6] = a, e[7] = m, e[8] = C) : C = e[8];
   const g = C;
-  let b;
-  e[9] !== m ? (b = () => m ? m() : void 0, e[9] = m, e[10] = b) : b = e[10];
-  const B = b, T = `drawerheader ${z}`;
+  let p;
+  e[9] !== u ? (p = () => u ? u() : void 0, e[9] = u, e[10] = p) : p = e[10];
+  const B = p, T = `drawerheader ${$}`;
   let r;
-  e[11] !== x ? (r = /* @__PURE__ */ t("div", { className: "title-subtitle", children: x() }), e[11] = x, e[12] = r) : r = e[12];
+  e[11] !== v ? (r = /* @__PURE__ */ t("div", { className: "title-subtitle", children: v() }), e[11] = v, e[12] = r) : r = e[12];
   let s;
   e[13] !== g ? (s = g(), e[13] = g, e[14] = s) : s = e[14];
   let n;
@@ -40,16 +40,16 @@ const S = (l) => /* @__PURE__ */ t("span", { "data-testid": "header-closebutton"
     s
   ] }), e[15] = r, e[16] = s, e[17] = n) : n = e[17];
   let i;
-  e[18] !== B || e[19] !== v ? (i = v && S(() => {
+  e[18] !== B || e[19] !== x ? (i = x && F(() => {
     B();
-  }), e[18] = B, e[19] = v, e[20] = i) : i = e[20];
+  }), e[18] = B, e[19] = x, e[20] = i) : i = e[20];
   let o;
   e[21] !== i ? (o = /* @__PURE__ */ t("div", { className: "right", children: i }), e[21] = i, e[22] = o) : o = e[22];
-  let p;
-  return e[23] !== o || e[24] !== T || e[25] !== n ? (p = /* @__PURE__ */ j("div", { className: T, "data-testid": "drawerheader", children: [
+  let b;
+  return e[23] !== o || e[24] !== T || e[25] !== n ? (b = /* @__PURE__ */ j("div", { className: T, "data-testid": "drawerheader", children: [
     n,
     o
-  ] }), e[23] = o, e[24] = T, e[25] = n, e[26] = p) : p = e[26], p;
+  ] }), e[23] = o, e[24] = T, e[25] = n, e[26] = b) : b = e[26], b;
 };
 export {
   J as default

package/lib/drawer/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/lib/drawer/Header.tsx"],"sourcesContent":["import React, { Fragment, ReactElement, useContext } from 'react';\nimport Icon from '../icons';\nimport DrawerContext from './helpers';\nimport { IDrawerHeaderProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getCloseButton = (handlerClose: React.MouseEventHandler<HTMLSpanElement> | undefined) => (\n  <span\n    data-testid=\"header-closebutton\"\n    className=\"closebutton\"\n    onClick={handlerClose}\n    role=\"button\"\n    tabIndex={0}>\n    <Icon name='cancel2' />\n  </span>\n);\n\nconst getIcon = (titleIcon: IconNames | undefined, icon: ReactElement | null) => {\n  if (titleIcon || icon) {\n    return (\n      <span data-testid=\"icon-header\" className=\"icon-header\">\n        {icon || (titleIcon && <Icon name={titleIcon} color=\"#000\" size={24} />) }\n      </span>\n    );\n  }\n  return <noscript />;\n};\n\nconst Header = ({\n  showCloseButton = true, title, subTitle, icon, titleIcon, customClass, titleContent,\n  subTitleContent, titleRightContent,\n}: IDrawerHeaderProps) => {\n  const { handlerClose } = useContext(DrawerContext);\n\n  const renderTitle = () => {\n    if (titleContent) return <Fragment>{titleContent}</Fragment>;\n    return (\n      <Fragment>\n        {icon ? getIcon(titleIcon, icon) : getIcon(titleIcon, null)}\n        <h2 className=\"drawer-title\">{title}</h2>\n        {titleRightContent}\n      </Fragment>\n    );\n  };\n\n  const renderSubtitle = () => {\n    if (subTitleContent) return <Fragment>{subTitleContent}</Fragment>;\n    return subTitle && <h3 className=\"drawer-subtitle\">{subTitle}</h3>;\n  };\n\n  const checkHandlerClose = () => (handlerClose ? handlerClose() : undefined);\n\n  return (\n    <div className={`drawerheader ${customClass}`} data-testid=\"drawerheader\">\n      <div className=\"left\">\n        <div className=\"title-subtitle\">\n          {renderTitle()}\n        </div>\n        {renderSubtitle()}\n      </div>\n      <div className=\"right\">\n        {showCloseButton && getCloseButton(() => { checkHandlerClose(); })}\n      </div>\n    </div>\n  );\n};\n\nexport default Header;\n"],"names":["getCloseButton","handlerClose","Icon","getIcon","titleIcon","icon","jsx","Header","t0","$","_c","showCloseButton","t1","title","subTitle","customClass","titleContent","subTitleContent","titleRightContent","undefined","useContext","DrawerContext","t2","Fragment","renderTitle","t3","renderSubtitle","t4","checkHandlerClose","t5","t6","t7","t8","jsxs","t9","t10","t11"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../src/lib/drawer/Header.tsx"],"sourcesContent":["import { Fragment, MouseEventHandler, ReactElement, useContext } from 'react';\nimport Icon from '../icons';\nimport DrawerContext from './helpers';\nimport { IDrawerHeaderProps } from './types';\nimport { IconNames } from '../@types/Icon';\n\nconst getCloseButton = (handlerClose: MouseEventHandler<HTMLSpanElement> | undefined) => (\n  <span\n    data-testid=\"header-closebutton\"\n    className=\"closebutton\"\n    onClick={handlerClose}\n    role=\"button\"\n    tabIndex={0}>\n    <Icon name='cancel2' />\n  </span>\n);\n\nconst getIcon = (titleIcon: IconNames | undefined, icon: ReactElement | null) => {\n  if (titleIcon || icon) {\n    return (\n      <span data-testid=\"icon-header\" className=\"icon-header\">\n        {icon || (titleIcon && <Icon name={titleIcon} color=\"#000\" size={24} />) }\n      </span>\n    );\n  }\n  return <noscript />;\n};\n\nconst Header = ({\n  showCloseButton = true, title, subTitle, icon, titleIcon, customClass, titleContent,\n  subTitleContent, titleRightContent,\n}: IDrawerHeaderProps) => {\n  const { handlerClose } = useContext(DrawerContext);\n\n  const renderTitle = () => {\n    if (titleContent) return <Fragment>{titleContent}</Fragment>;\n    return (\n      <Fragment>\n        {icon ? getIcon(titleIcon, icon) : getIcon(titleIcon, null)}\n        <h2 className=\"drawer-title\">{title}</h2>\n        {titleRightContent}\n      </Fragment>\n    );\n  };\n\n  const renderSubtitle = () => {\n    if (subTitleContent) return <Fragment>{subTitleContent}</Fragment>;\n    return subTitle && <h3 className=\"drawer-subtitle\">{subTitle}</h3>;\n  };\n\n  const checkHandlerClose = () => (handlerClose ? handlerClose() : undefined);\n\n  return (\n    <div className={`drawerheader ${customClass}`} data-testid=\"drawerheader\">\n      <div className=\"left\">\n        <div className=\"title-subtitle\">\n          {renderTitle()}\n        </div>\n        {renderSubtitle()}\n      </div>\n      <div className=\"right\">\n        {showCloseButton && getCloseButton(() => { checkHandlerClose(); })}\n      </div>\n    </div>\n  );\n};\n\nexport default Header;\n"],"names":["getCloseButton","handlerClose","Icon","getIcon","titleIcon","icon","jsx","Header","t0","$","_c","showCloseButton","t1","title","subTitle","customClass","titleContent","subTitleContent","titleRightContent","undefined","useContext","DrawerContext","t2","Fragment","renderTitle","t3","renderSubtitle","t4","checkHandlerClose","t5","t6","t7","t8","jsxs","t9","t10","t11"],"mappings":"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"}

package/lib/drawer/helpers.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { IDrawerContext } from './types';
-declare const DrawerContext: React.Context<IDrawerContext>;
+declare const DrawerContext: import('react').Context<IDrawerContext>;
 export default DrawerContext;

package/lib/drawer/helpers.js

@@ -1,5 +1,5 @@
-import t from "react";
-const o = t.createContext({});
+import { createContext as t } from "react";
+const o = t({});
 export {
   o as default
 };

package/lib/drawer/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../src/lib/drawer/helpers.ts"],"sourcesContent":["import React from 'react';\nimport { IDrawerContext } from './types';\n\nconst DrawerContext = React.createContext({} as IDrawerContext);\n\nexport default DrawerContext;\n"],"names":["DrawerContext","React","createContext"],"mappings":";AAGA,MAAMA,IAAgBC,EAAMC,cAAc,CAAA,CAAoB;"}
+{"version":3,"file":"helpers.js","sources":["../../src/lib/drawer/helpers.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { IDrawerContext } from './types';\n\nconst DrawerContext = createContext({} as IDrawerContext);\n\nexport default DrawerContext;\n"],"names":["DrawerContext","createContext"],"mappings":";AAGA,MAAMA,IAAgBC,EAAc,CAAA,CAAoB;"}

package/lib/drawer/index.js

@@ -1,7 +1,7 @@
 import r from "./Drawer.js";
 import { default as i } from "./Header.js";
 import { default as w } from "./Content.js";
-import '../styles/assets/styles/drawers.css';/* empty css                            */
+import '../assets/styles/drawers.css';/* empty css                            */
 import e from "../form/withFormSecurity.js";
 const m = e(r);
 export {

package/lib/drawer/types.d.ts

@@ -1,13 +1,14 @@
-import { default as React, ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { PermissionAttr } from '../@types/PermissionAttr';
 import { Position } from '../@types/Position';
 import { IconNames } from '../@types/Icon';
-export interface IDrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
     overlay?: boolean;
     children?: ReactNode;
     customClass?: string;
     customClassForContent?: string;
     customClassForDrawer?: string;
+    customClassElementDrawer?: string;
     position?: Exclude<Position, 'center'>;
     handlerClose?: () => void;
     closeOnEsc?: boolean;
@@ -19,7 +20,7 @@ export interface IDrawerProps extends React.HTMLAttributes<HTMLDivElement> {
     title?: string;
     isWaiting?: boolean;
 }
-export interface IDrawerHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface IDrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
     showCloseButton?: boolean;
     customClass?: string;
     title?: string;

package/lib/dropdown/Popup.js

@@ -1,5 +1,5 @@
 import { useRef as w, useEffect as x } from "react";
-import P from "react-dom";
+import { createPortal as P } from "react-dom";
 import y from "../node_modules/uuid/dist/v1.js";
 const v = ({
   align: s,
@@ -19,7 +19,7 @@ const v = ({
   return o && (l += `max-height: ${t}px; overflow-y: scroll;`), s === "left" ? l += `left: ${p}px;` : s === "right" && (l += `right: ${f}px;`), l;
 }, {
   body: g
-} = document, D = ({
+} = document, b = ({
   id: s,
   customClassForDropdown: r = "",
   align: c = "left",
@@ -44,9 +44,9 @@ const v = ({
     target: h
   }), () => {
     g.removeChild(t.current);
-  }), []), P.createPortal(n.children, t.current);
+  }), []), P(n.children, t.current);
 };
 export {
-  D as default
+  b as default
 };
 //# sourceMappingURL=Popup.js.map

package/lib/dropdown/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../src/lib/dropdown/Popup.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { v1 as uuid } from 'uuid';\n\nimport { GetDropdownStyleParams, IPopupProps } from './types';\n\nconst getDropdownStyles = ({\n  align, isFloatMenu, minWidth, container, target,\n}: GetDropdownStyleParams) => {\n  if (!container || !target) return '';\n  const targetDimensions = target.getBoundingClientRect();\n  const rightPosition = !isFloatMenu ?\n      (window.innerWidth - targetDimensions.x) - targetDimensions.width - 4 :\n    undefined;\n  const leftPosition = targetDimensions.left;\n  const topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;\n\n  let top = topPosition + (isFloatMenu ? 6 : 2);\n  let maxHeight = undefined;\n  let showScroll = false;\n  const isOverflowing = top + container.scrollHeight > window.innerHeight;\n\n  if (isOverflowing) {\n    const targetPosition = targetDimensions.top;\n    const containerHeight = container.scrollHeight;\n    showScroll = containerHeight > targetPosition;\n    maxHeight =  showScroll ? targetPosition - 10 : containerHeight;\n    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;\n  }\n\n  let style = `top: ${top}px; min-width: ${minWidth}px;`;\n  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;\n  if (align === 'left') {\n    style += `left: ${leftPosition}px;`;\n  } else if (align === 'right') {\n    style += `right: ${rightPosition}px;`;\n  }\n  return style;\n};\n\nconst { body } = document;\n\nconst DropdownPopup = ({\n  id,\n  customClassForDropdown = '',\n  align = 'left',\n  isFloatMenu = false,\n  topPosition = 0,\n  leftPosition = 0,\n  rightPosition = 0,\n  minWidth = 0,\n  targetRef,\n  ...props\n}: IPopupProps) => {\n  const popup = useRef(document.createElement('div'));\n  popup.current.className = `dropdown-component ${customClassForDropdown}`;\n  popup.current.dataset.testid = 'dropdown-component';\n\n  if (popup && popup.current) {\n    const modalContainers = document.body.getElementsByClassName('modalcontainer');\n    const lastModalContainer = modalContainers[modalContainers.length - 1] as HTMLElement;\n    popup.current.style.zIndex = `${modalContainers.length ? (Number(lastModalContainer.style.zIndex) + 1) : 99999}`;\n  }\n\n  useEffect(() => {\n    body.appendChild(popup.current);\n    popup.current.id = id || `dropdown-component-${uuid()}`;\n\n    popup.current.style.cssText =  getDropdownStyles({\n      topPosition, leftPosition, rightPosition, align, isFloatMenu, minWidth, \n      container: popup.current, target: targetRef,\n    });\n\n    return () => {\n      body.removeChild(popup.current);\n    };\n  }, []);\n\n  return ReactDOM.createPortal(props.children, popup.current);\n};\n\nexport default DropdownPopup;\n"],"names":["getDropdownStyles","align","isFloatMenu","minWidth","container","target","targetDimensions","getBoundingClientRect","rightPosition","undefined","window","innerWidth","x","width","leftPosition","left","top","scrollY","height","maxHeight","showScroll","scrollHeight","innerHeight","targetPosition","containerHeight","style","body","document","DropdownPopup","id","customClassForDropdown","topPosition","targetRef","props","popup","useRef","createElement","current","className","dataset","testid","modalContainers","getElementsByClassName","lastModalContainer","length","zIndex","Number","useEffect","appendChild","uuid","cssText","removeChild","ReactDOM","createPortal","children"],"mappings":";;;AAMA,MAAMA,IAAoBA,CAAC;AAAA,EACzBC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA;AACnB,MAAM;AAC5B,MAAI,CAACD,KAAa,CAACC,EAAQ,QAAO;AAClC,QAAMC,IAAmBD,EAAOE,sBAAAA,GAC1BC,IAAiBN,IAErBO,SADGC,OAAOC,aAAaL,EAAiBM,IAAKN,EAAiBO,QAAQ,GAElEC,IAAeR,EAAiBS;AAGtC,MAAIC,IAFgBV,EAAiBU,MAAMN,OAAOO,UAAUX,EAAiBY,UAEpDhB,IAAc,IAAI,IACvCiB,GACAC,IAAa;AAGjB,MAFsBJ,IAAMZ,EAAUiB,eAAeX,OAAOY,aAEzC;AACjB,UAAMC,IAAiBjB,EAAiBU,KAClCQ,IAAkBpB,EAAUiB;AAClCD,IAAAA,IAAaI,IAAkBD,GAC/BJ,IAAaC,IAAaG,IAAiB,KAAKC,GAChDR,IAAMA,IAAMG,IAAYb,EAAiBY,UAAUhB,IAAc,IAAI,KAAK;AAAA,EAC5E;AAEA,MAAIuB,IAAQ,QAAQT,CAAG,kBAAkBb,CAAQ;AACjD,SAAIiB,MAAYK,KAAS,eAAeN,CAAS,4BAC7ClB,MAAU,SACZwB,KAAS,SAASX,CAAY,QACrBb,MAAU,YACnBwB,KAAS,UAAUjB,CAAa,QAE3BiB;AACT,GAEM;AAAA,EAAEC,MAAAA;AAAK,IAAIC,UAEXC,IAAgBA,CAAC;AAAA,EACrBC,IAAAA;AAAAA,EACAC,wBAAAA,IAAyB;AAAA,EACzB7B,OAAAA,IAAQ;AAAA,EACRC,aAAAA,IAAc;AAAA,EACd6B,aAAAA,IAAc;AAAA,EACdjB,cAAAA,IAAe;AAAA,EACfN,eAAAA,IAAgB;AAAA,EAChBL,UAAAA,IAAW;AAAA,EACX6B,WAAAA;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,QAAMC,IAAQC,EAAOR,SAASS,cAAc,KAAK,CAAC;AAIlD,MAHAF,EAAMG,QAAQC,YAAY,sBAAsBR,CAAsB,IACtEI,EAAMG,QAAQE,QAAQC,SAAS,sBAE3BN,KAASA,EAAMG,SAAS;AAC1B,UAAMI,IAAkBd,SAASD,KAAKgB,uBAAuB,gBAAgB,GACvEC,IAAqBF,EAAgBA,EAAgBG,SAAS,CAAC;AACrEV,IAAAA,EAAMG,QAAQZ,MAAMoB,SAAS,GAAGJ,EAAgBG,SAAUE,OAAOH,EAAmBlB,MAAMoB,MAAM,IAAI,IAAK,KAAK;AAAA,EAChH;AAEAE,SAAAA,EAAU,OACRrB,EAAKsB,YAAYd,EAAMG,OAAO,GAC9BH,EAAMG,QAAQR,KAAKA,KAAM,sBAAsBoB,GAAM,IAErDf,EAAMG,QAAQZ,MAAMyB,UAAWlD,EAAkB;AAAA,IACLC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAC9DC,WAAW8B,EAAMG;AAAAA,IAAShC,QAAQ2B;AAAAA,EAAAA,CACnC,GAEM,MAAM;AACXN,IAAAA,EAAKyB,YAAYjB,EAAMG,OAAO;AAAA,EAChC,IACC,CAAA,CAAE,GAEEe,EAASC,aAAapB,EAAMqB,UAAUpB,EAAMG,OAAO;AAC5D;"}
+{"version":3,"file":"Popup.js","sources":["../../src/lib/dropdown/Popup.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport ReactDOM, { createPortal } from 'react-dom';\nimport { v1 as uuid } from 'uuid';\n\nimport { GetDropdownStyleParams, IPopupProps } from './types';\n\nconst getDropdownStyles = ({\n  align, isFloatMenu, minWidth, container, target,\n}: GetDropdownStyleParams) => {\n  if (!container || !target) return '';\n  const targetDimensions = target.getBoundingClientRect();\n  const rightPosition = !isFloatMenu ?\n      (window.innerWidth - targetDimensions.x) - targetDimensions.width - 4 :\n    undefined;\n  const leftPosition = targetDimensions.left;\n  const topPosition = targetDimensions.top + window.scrollY + targetDimensions.height;\n\n  let top = topPosition + (isFloatMenu ? 6 : 2);\n  let maxHeight = undefined;\n  let showScroll = false;\n  const isOverflowing = top + container.scrollHeight > window.innerHeight;\n\n  if (isOverflowing) {\n    const targetPosition = targetDimensions.top;\n    const containerHeight = container.scrollHeight;\n    showScroll = containerHeight > targetPosition;\n    maxHeight = showScroll ? targetPosition - 10 : containerHeight;\n    top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;\n  }\n\n  let style = `top: ${top}px; min-width: ${minWidth}px;`;\n  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;\n  if (align === 'left') {\n    style += `left: ${leftPosition}px;`;\n  } else if (align === 'right') {\n    style += `right: ${rightPosition}px;`;\n  }\n  return style;\n};\n\nconst { body } = document;\n\nconst DropdownPopup = ({\n  id,\n  customClassForDropdown = '',\n  align = 'left',\n  isFloatMenu = false,\n  topPosition = 0,\n  leftPosition = 0,\n  rightPosition = 0,\n  minWidth = 0,\n  targetRef,\n  ...props\n}: IPopupProps) => {\n  const popup = useRef(document.createElement('div'));\n  popup.current.className = `dropdown-component ${customClassForDropdown}`;\n  popup.current.dataset.testid = 'dropdown-component';\n\n  if (popup && popup.current) {\n    const modalContainers = document.body.getElementsByClassName('modalcontainer');\n    const lastModalContainer = modalContainers[modalContainers.length - 1] as HTMLElement;\n    popup.current.style.zIndex = `${modalContainers.length ? (Number(lastModalContainer.style.zIndex) + 1) : 99999}`;\n  }\n\n  useEffect(() => {\n    body.appendChild(popup.current);\n    popup.current.id = id || `dropdown-component-${uuid()}`;\n\n    popup.current.style.cssText = getDropdownStyles({\n      topPosition, leftPosition, rightPosition, align, isFloatMenu, minWidth, \n      container: popup.current, target: targetRef,\n    });\n\n    return () => {\n      body.removeChild(popup.current);\n    };\n  }, []);\n\n  return createPortal(props.children, popup.current);\n};\n\nexport default DropdownPopup;\n"],"names":["getDropdownStyles","align","isFloatMenu","minWidth","container","target","targetDimensions","getBoundingClientRect","rightPosition","undefined","window","innerWidth","x","width","leftPosition","left","top","scrollY","height","maxHeight","showScroll","scrollHeight","innerHeight","targetPosition","containerHeight","style","body","document","DropdownPopup","id","customClassForDropdown","topPosition","targetRef","props","popup","useRef","createElement","current","className","dataset","testid","modalContainers","getElementsByClassName","lastModalContainer","length","zIndex","Number","useEffect","appendChild","uuid","cssText","removeChild","createPortal","children"],"mappings":";;;AAMA,MAAMA,IAAoBA,CAAC;AAAA,EACzBC,OAAAA;AAAAA,EAAOC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,QAAAA;AACnB,MAAM;AAC5B,MAAI,CAACD,KAAa,CAACC,EAAQ,QAAO;AAClC,QAAMC,IAAmBD,EAAOE,sBAAAA,GAC1BC,IAAiBN,IAErBO,SADGC,OAAOC,aAAaL,EAAiBM,IAAKN,EAAiBO,QAAQ,GAElEC,IAAeR,EAAiBS;AAGtC,MAAIC,IAFgBV,EAAiBU,MAAMN,OAAOO,UAAUX,EAAiBY,UAEpDhB,IAAc,IAAI,IACvCiB,GACAC,IAAa;AAGjB,MAFsBJ,IAAMZ,EAAUiB,eAAeX,OAAOY,aAEzC;AACjB,UAAMC,IAAiBjB,EAAiBU,KAClCQ,IAAkBpB,EAAUiB;AAClCD,IAAAA,IAAaI,IAAkBD,GAC/BJ,IAAYC,IAAaG,IAAiB,KAAKC,GAC/CR,IAAMA,IAAMG,IAAYb,EAAiBY,UAAUhB,IAAc,IAAI,KAAK;AAAA,EAC5E;AAEA,MAAIuB,IAAQ,QAAQT,CAAG,kBAAkBb,CAAQ;AACjD,SAAIiB,MAAYK,KAAS,eAAeN,CAAS,4BAC7ClB,MAAU,SACZwB,KAAS,SAASX,CAAY,QACrBb,MAAU,YACnBwB,KAAS,UAAUjB,CAAa,QAE3BiB;AACT,GAEM;AAAA,EAAEC,MAAAA;AAAK,IAAIC,UAEXC,IAAgBA,CAAC;AAAA,EACrBC,IAAAA;AAAAA,EACAC,wBAAAA,IAAyB;AAAA,EACzB7B,OAAAA,IAAQ;AAAA,EACRC,aAAAA,IAAc;AAAA,EACd6B,aAAAA,IAAc;AAAA,EACdjB,cAAAA,IAAe;AAAA,EACfN,eAAAA,IAAgB;AAAA,EAChBL,UAAAA,IAAW;AAAA,EACX6B,WAAAA;AAAAA,EACA,GAAGC;AACQ,MAAM;AACjB,QAAMC,IAAQC,EAAOR,SAASS,cAAc,KAAK,CAAC;AAIlD,MAHAF,EAAMG,QAAQC,YAAY,sBAAsBR,CAAsB,IACtEI,EAAMG,QAAQE,QAAQC,SAAS,sBAE3BN,KAASA,EAAMG,SAAS;AAC1B,UAAMI,IAAkBd,SAASD,KAAKgB,uBAAuB,gBAAgB,GACvEC,IAAqBF,EAAgBA,EAAgBG,SAAS,CAAC;AACrEV,IAAAA,EAAMG,QAAQZ,MAAMoB,SAAS,GAAGJ,EAAgBG,SAAUE,OAAOH,EAAmBlB,MAAMoB,MAAM,IAAI,IAAK,KAAK;AAAA,EAChH;AAEAE,SAAAA,EAAU,OACRrB,EAAKsB,YAAYd,EAAMG,OAAO,GAC9BH,EAAMG,QAAQR,KAAKA,KAAM,sBAAsBoB,GAAM,IAErDf,EAAMG,QAAQZ,MAAMyB,UAAUlD,EAAkB;AAAA,IACJC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAC9DC,WAAW8B,EAAMG;AAAAA,IAAShC,QAAQ2B;AAAAA,EAAAA,CACnC,GAEM,MAAM;AACXN,IAAAA,EAAKyB,YAAYjB,EAAMG,OAAO;AAAA,EAChC,IACC,CAAA,CAAE,GAEEe,EAAanB,EAAMoB,UAAUnB,EAAMG,OAAO;AACnD;"}

package/lib/dropdown/withDropdown.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
+import { ComponentType } from 'react';
 import { WithDropdownProps, WithDropdownContextProps } from './types';
-declare const WithDropdownContext: React.Context<WithDropdownContextProps>;
-declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: React.ComponentType<ComponentProps>) => {
+declare const WithDropdownContext: import('react').Context<WithDropdownContextProps>;
+declare const withDropdown: <ComponentProps extends WithDropdownProps>(WrappedComponent: ComponentType<ComponentProps>) => {
     (props: ComponentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib/dropdown/withDropdown.js

@@ -1,44 +1,44 @@
 import { jsx as u } from "react/jsx-runtime";
-import { c as K } from "react/compiler-runtime";
+import { c as K } from "../_virtual/compiler-runtime.js";
 import { createContext as Q, useState as V, useRef as q, useEffect as z } from "react";
 import T from "./Popup.js";
-import '../styles/assets/styles/dropdown.css';/* empty css                             */
+import '../assets/styles/dropdown.css';/* empty css                             */
 const U = Q({}), X = (o) => o.displayName || o.name || "Component", ne = (o) => {
   const L = (n) => {
-    const e = K(30), {
+    const e = K.c(30), {
       dropdownOpened: c,
       showDropdown: m,
       dropdown: i,
-      closeDropdownOnClickOutside: $,
+      closeDropdownOnClickOutside: R,
       handlerClose: d,
-      customClassForDropdown: S,
-      children: b,
-      dropdownAlign: j,
+      customClassForDropdown: E,
+      children: S,
+      dropdownAlign: $,
       isFloatMenu: p,
       isDropdownOpened: B
-    } = n, a = $ === void 0 ? !0 : $, E = j === void 0 ? "left" : j, [r, f] = V(c), [G, H] = V(c), w = q(null), M = q(null);
+    } = n, a = R === void 0 ? !0 : R, b = $ === void 0 ? "left" : $, [r, f] = V(c), [G, H] = V(c), w = q(null), j = q(null);
     c !== G && (f(c), H(c));
     let h;
     e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = (t) => {
       const {
-        target: x
+        target: g
       } = t;
-      w?.current && x !== w?.current && !t.composedPath().includes(w.current) && M.current !== x && f(!1);
+      w?.current && g !== w?.current && !t.composedPath().includes(w.current) && j.current !== g && f(!1);
     }, e[0] = h) : h = e[0];
-    const R = h;
+    const M = h;
     let D;
     e[1] === Symbol.for("react.memo_cache_sentinel") ? (D = () => {
       f(Y);
     }, e[1] = D) : D = e[1];
     const I = D;
     let O;
-    e[2] !== b || e[3] !== S || e[4] !== E || e[5] !== p || e[6] !== r ? (O = (t) => !t || !r ? null : (M.current = t, /* @__PURE__ */ u(T, { targetRef: t, align: E, customClassForDropdown: S, isFloatMenu: p, children: /* @__PURE__ */ u("div", { className: p ? "items" : void 0, ref: (x) => {
-      w.current = x;
-    }, children: b }) })), e[2] = b, e[3] = S, e[4] = E, e[5] = p, e[6] = r, e[7] = O) : O = e[7];
+    e[2] !== S || e[3] !== E || e[4] !== b || e[5] !== p || e[6] !== r ? (O = (t) => !t || !r ? null : (j.current = t, /* @__PURE__ */ u(T, { targetRef: t, align: b, customClassForDropdown: E, isFloatMenu: p, children: /* @__PURE__ */ u("div", { className: p ? "items" : void 0, ref: (g) => {
+      w.current = g;
+    }, children: S }) })), e[2] = S, e[3] = E, e[4] = b, e[5] = p, e[6] = r, e[7] = O) : O = e[7];
     const N = O;
     let v;
-    e[8] !== a || e[9] !== i ? (v = () => (i && a && document.addEventListener("click", R), () => {
-      i && a && document.removeEventListener("click", R);
+    e[8] !== a || e[9] !== i ? (v = () => (i && a && document.addEventListener("click", M), () => {
+      i && a && document.removeEventListener("click", M);
     }), e[8] = a, e[9] = i, e[10] = v) : v = e[10];
     let C;
     e[11] === Symbol.for("react.memo_cache_sentinel") ? (C = [], e[11] = C) : C = e[11], z(v, C);
@@ -56,19 +56,19 @@ const U = Q({}), X = (o) => o.displayName || o.name || "Component", ne = (o) =>
     let s;
     e[18] !== r || e[19] !== m ? (s = m || (() => f(!r)), e[18] = r, e[19] = m, e[20] = s) : s = e[20];
     const A = B || r;
-    let P;
-    e[21] !== l || e[22] !== s || e[23] !== A ? (P = {
+    let x;
+    e[21] !== l || e[22] !== s || e[23] !== A ? (x = {
       getDropdownPopup: l,
       showDropdown: s,
       isDropdownOpened: A
-    }, e[21] = l, e[22] = s, e[23] = A, e[24] = P) : P = e[24];
-    const F = P;
+    }, e[21] = l, e[22] = s, e[23] = A, e[24] = x) : x = e[24];
+    const F = x;
     if (!i) {
       let t;
       return e[25] !== n ? (t = /* @__PURE__ */ u(o, { ...n }), e[25] = n, e[26] = t) : t = e[26], t;
     }
-    let g;
-    return e[27] !== F || e[28] !== n ? (g = /* @__PURE__ */ u(U.Provider, { value: J, children: /* @__PURE__ */ u(o, { ...n, ...F }) }), e[27] = F, e[28] = n, e[29] = g) : g = e[29], g;
+    let P;
+    return e[27] !== F || e[28] !== n ? (P = /* @__PURE__ */ u(U.Provider, { value: J, children: /* @__PURE__ */ u(o, { ...n, ...F }) }), e[27] = F, e[28] = n, e[29] = P) : P = e[29], P;
   };
   return L.displayName = `withDropdown(${X(o)})`, L;
 };

package/lib/dropdown/withDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"withDropdown.js","sources":["../../src/lib/dropdown/withDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, createContext } from 'react';\nimport Popup from './Popup';\nimport '../assets/styles/dropdown.scss';\nimport { GetDisplayNameParams, WithDropdownProps, WithDropdownContextProps } from './types';\n\nconst WithDropdownContext = createContext<WithDropdownContextProps>({} as WithDropdownContextProps);\n\nconst getDisplayName = (Component: GetDisplayNameParams) => Component.displayName || Component.name || 'Component';\n\nconst withDropdown = <ComponentProps extends WithDropdownProps>(\n  WrappedComponent: React.ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const {\n      dropdownOpened, showDropdown, dropdown, closeDropdownOnClickOutside = true, handlerClose,\n      customClassForDropdown, children, dropdownAlign = 'left', isFloatMenu, isDropdownOpened,\n    } = props;\n\n    const [opened, setOpened] = useState(dropdownOpened);\n    const [prevOpened, setPrevOpened] = useState(dropdownOpened);\n    const popupRef = useRef<HTMLElement | null>(null);\n    const wrappedComponentRef = useRef<HTMLElement | null>(null);\n\n    if (dropdownOpened !== prevOpened) {\n      setOpened(dropdownOpened);\n      setPrevOpened(dropdownOpened);\n    }\n\n    const onClickOutside = (event: Event) => {\n      const { target } = event;\n      if (popupRef?.current && target !== popupRef?.current &&\n        !event.composedPath().includes(popupRef.current)\n        && wrappedComponentRef.current !== target) {\n        setOpened(false);\n      }\n    };\n\n    const onDropdownClick = () => {\n      setOpened(prevState => !prevState);\n    };\n\n    const getDropdown = (targetRef: HTMLElement | null) => {\n      if (!targetRef || !opened) return null;\n      wrappedComponentRef.current = targetRef;\n      return (\n        <Popup\n          targetRef={targetRef}\n          align={dropdownAlign}\n          customClassForDropdown={customClassForDropdown}\n          isFloatMenu={isFloatMenu}>\n          <div className={isFloatMenu ? 'items' : undefined} ref={(r) => { popupRef.current = r; }}>\n            {children}\n          </div>\n        </Popup>\n      );\n    };\n\n    useEffect(() => {\n      if (dropdown && closeDropdownOnClickOutside) {\n        document.addEventListener('click', onClickOutside);\n      }\n\n      return () => {\n        if (dropdown && closeDropdownOnClickOutside) {\n          document.removeEventListener('click', onClickOutside);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (handlerClose) handlerClose(() => setOpened(false));\n    }, [handlerClose]);\n\n    const contextValues = {\n      handleDropdownClose: onDropdownClick,\n    };\n\n    const newProps = {\n      getDropdownPopup: (targetRef: HTMLElement | null) => getDropdown(targetRef),\n      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,\n      isDropdownOpened: isDropdownOpened || opened,\n    };\n\n    if (!dropdown) return <WrappedComponent {...props} />;\n    return (\n      <WithDropdownContext.Provider value={contextValues}>\n        <WrappedComponent {...props} {...newProps} />\n      </WithDropdownContext.Provider>\n    );\n  };\n\n  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;\n  return EnhancedComponent;\n};\n\nexport default withDropdown;\nexport { WithDropdownContext };\n"],"names":["WithDropdownContext","createContext","getDisplayName","Component","displayName","name","withDropdown","WrappedComponent","EnhancedComponent","props","$","_c","dropdownOpened","showDropdown","dropdown","closeDropdownOnClickOutside","t0","handlerClose","customClassForDropdown","children","dropdownAlign","t1","isFloatMenu","isDropdownOpened","undefined","opened","setOpened","useState","prevOpened","setPrevOpened","popupRef","useRef","wrappedComponentRef","t2","Symbol","for","event","target","current","composedPath","includes","onClickOutside","t3","_temp","onDropdownClick","t4","targetRef","jsx","Popup","r","getDropdown","t5","document","addEventListener","removeEventListener","t6","useEffect","t7","t8","t9","handleDropdownClose","contextValues","t10","targetRef_0","t11","t12","t13","getDropdownPopup","newProps","t14","prevState"],"mappings":"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"}
+{"version":3,"file":"withDropdown.js","sources":["../../src/lib/dropdown/withDropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState, createContext, ComponentType } from 'react';\nimport Popup from './Popup';\nimport '../assets/styles/dropdown.scss';\nimport { GetDisplayNameParams, WithDropdownProps, WithDropdownContextProps } from './types';\n\nconst WithDropdownContext = createContext<WithDropdownContextProps>({} as WithDropdownContextProps);\n\nconst getDisplayName = (Component: GetDisplayNameParams) => Component.displayName || Component.name || 'Component';\n\nconst withDropdown = <ComponentProps extends WithDropdownProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const {\n      dropdownOpened, showDropdown, dropdown, closeDropdownOnClickOutside = true, handlerClose,\n      customClassForDropdown, children, dropdownAlign = 'left', isFloatMenu, isDropdownOpened,\n    } = props;\n\n    const [opened, setOpened] = useState(dropdownOpened);\n    const [prevOpened, setPrevOpened] = useState(dropdownOpened);\n    const popupRef = useRef<HTMLElement | null>(null);\n    const wrappedComponentRef = useRef<HTMLElement | null>(null);\n\n    if (dropdownOpened !== prevOpened) {\n      setOpened(dropdownOpened);\n      setPrevOpened(dropdownOpened);\n    }\n\n    const onClickOutside = (event: Event) => {\n      const { target } = event;\n      if (popupRef?.current && target !== popupRef?.current &&\n        !event.composedPath().includes(popupRef.current)\n        && wrappedComponentRef.current !== target) {\n        setOpened(false);\n      }\n    };\n\n    const onDropdownClick = () => {\n      setOpened(prevState => !prevState);\n    };\n\n    const getDropdown = (targetRef: HTMLElement | null) => {\n      if (!targetRef || !opened) return null;\n      wrappedComponentRef.current = targetRef;\n      return (\n        <Popup\n          targetRef={targetRef}\n          align={dropdownAlign}\n          customClassForDropdown={customClassForDropdown}\n          isFloatMenu={isFloatMenu}>\n          <div className={isFloatMenu ? 'items' : undefined} ref={(r) => { popupRef.current = r; }}>\n            {children}\n          </div>\n        </Popup>\n      );\n    };\n\n    useEffect(() => {\n      if (dropdown && closeDropdownOnClickOutside) {\n        document.addEventListener('click', onClickOutside);\n      }\n\n      return () => {\n        if (dropdown && closeDropdownOnClickOutside) {\n          document.removeEventListener('click', onClickOutside);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (handlerClose) handlerClose(() => setOpened(false));\n    }, [handlerClose]);\n\n    const contextValues = {\n      handleDropdownClose: onDropdownClick,\n    };\n\n    const newProps = {\n      getDropdownPopup: (targetRef: HTMLElement | null) => getDropdown(targetRef),\n      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,\n      isDropdownOpened: isDropdownOpened || opened,\n    };\n\n    if (!dropdown) return <WrappedComponent {...props} />;\n    return (\n      <WithDropdownContext.Provider value={contextValues}>\n        <WrappedComponent {...props} {...newProps} />\n      </WithDropdownContext.Provider>\n    );\n  };\n\n  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;\n  return EnhancedComponent;\n};\n\nexport default withDropdown;\nexport { WithDropdownContext };\n"],"names":["WithDropdownContext","createContext","getDisplayName","Component","displayName","name","withDropdown","WrappedComponent","EnhancedComponent","props","$","_c","dropdownOpened","showDropdown","dropdown","closeDropdownOnClickOutside","t0","handlerClose","customClassForDropdown","children","dropdownAlign","t1","isFloatMenu","isDropdownOpened","undefined","opened","setOpened","useState","prevOpened","setPrevOpened","popupRef","useRef","wrappedComponentRef","t2","Symbol","for","event","target","current","composedPath","includes","onClickOutside","t3","_temp","onDropdownClick","t4","targetRef","jsx","Popup","r","getDropdown","t5","document","addEventListener","removeEventListener","t6","useEffect","t7","t8","t9","handleDropdownClose","contextValues","t10","targetRef_0","t11","t12","t13","getDropdownPopup","newProps","t14","prevState"],"mappings":";;;;;AAKA,MAAMA,IAAsBC,EAAwC,CAAA,CAA8B,GAE5FC,IAAiBA,CAACC,MAAoCA,EAAUC,eAAeD,EAAUE,QAAQ,aAEjGC,KAAe,CACnBC,MACG;AACH,QAAMC,IAAoBC,CAAAA,MAAA;AAAA,UAAAC,IAAAC,EAAAA,EAAA,EAAA,GACxB;AAAA,MAAAC,gBAAAA;AAAAA,MAAAC,cAAAA;AAAAA,MAAAC,UAAAA;AAAAA,MAAAC,6BAAAC;AAAAA,MAAAC,cAAAA;AAAAA,MAAAC,wBAAAA;AAAAA,MAAAC,UAAAA;AAAAA,MAAAC,eAAAC;AAAAA,MAAAC,aAAAA;AAAAA,MAAAC,kBAAAA;AAAAA,IAAAA,IAGId,GAFsCM,IAAAC,MAAAQ,SAAA,KAAAR,GACNI,IAAAC,MAAAG,SAAA,SAAAH,GAGpC,CAAAI,GAAAC,CAAA,IAA4BC,EAASf,CAAc,GACnD,CAAAgB,GAAAC,CAAA,IAAoCF,EAASf,CAAc,GAC3DkB,IAAiBC,EAA2B,IAAI,GAChDC,IAA4BD,EAA2B,IAAI;AAE3D,IAAInB,MAAmBgB,MACrBF,EAAUd,CAAc,GACxBiB,EAAcjB,CAAc;AAC7B,QAAAqB;AAAA,IAAAvB,EAAA,CAAA,MAAAwB,OAAAC,IAAA,2BAAA,KAEsBF,IAAAG,CAAAA,MAAA;AACrB,YAAA;AAAA,QAAAC,QAAAA;AAAAA,MAAAA,IAAmBD;AACnB,MAAIN,GAAQQ,WAAaD,MAAWP,GAAQQ,WAAxC,CACDF,EAAKG,aAAAA,EAAeC,SAAUV,EAAQQ,OAAQ,KAC5CN,EAAmBM,YAAaD,KACnCX,EAAU,EAAK;AAAA,IAChB,GACFhB,OAAAuB,KAAAA,IAAAvB,EAAA,CAAA;AAPD,UAAA+B,IAAuBR;AAOrB,QAAAS;AAAA,IAAAhC,EAAA,CAAA,MAAAwB,OAAAC,IAAA,2BAAA,KAEsBO,IAAAA,MAAA;AACtBhB,MAAAA,EAAUiB,CAAuB;AAAA,IAAC,GACnCjC,OAAAgC,KAAAA,IAAAhC,EAAA,CAAA;AAFD,UAAAkC,IAAwBF;AAEtB,QAAAG;AAAA,IAAAnC,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAU,KAAAV,EAAA,CAAA,MAAAY,KAAAZ,SAAAe,KAEkBoB,IAAAC,CAAAA,MACd,CAACA,KAAD,CAAerB,IAAe,QAClCO,EAAmBM,UAAWQ,GAE5B,gBAAAC,EAACC,GAAA,EACYF,WAAAA,GACJ1B,UACiBF,wBAAAA,GACXI,aAAAA,GACb,UAAA,gBAAAyB,EAAA,OAAA,EAAgB,WAAAzB,IAAA,UAAAE,QAAwC,KAAAyB,CAAAA,MAAA;AAASnB,MAAAA,EAAQQ,UAAWW;AAAAA,IAAH,GAC9E9B,UAAAA,GACH,GACF,IAEHT,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAU,GAAAV,OAAAY,GAAAZ,OAAAe,GAAAf,OAAAmC,KAAAA,IAAAnC,EAAA,CAAA;AAdD,UAAAwC,IAAoBL;AAclB,QAAAM;AAAA,IAAAzC,EAAA,CAAA,MAAAK,KAAAL,SAAAI,KAEQqC,IAAAA,OACJrC,KAAAC,KACFqC,SAAQC,iBAAkB,SAASZ,CAAc,GAG5C,MAAA;AACL,MAAI3B,KAAAC,KACFqC,SAAQE,oBAAqB,SAASb,CAAc;AAAA,IACrD,IAEJ/B,OAAAK,GAAAL,OAAAI,GAAAJ,QAAAyC,KAAAA,IAAAzC,EAAA,EAAA;AAAA,QAAA6C;AAAA,IAAA7C,EAAA,EAAA,MAAAwB,OAAAC,IAAA,2BAAA,KAAEoB,IAAA,CAAA,GAAE7C,QAAA6C,KAAAA,IAAA7C,EAAA,EAAA,GAVL8C,EAAUL,GAUPI,CAAE;AAAC,QAAAE,GAAAC;AAAA,IAAAhD,UAAAO,KAEIwC,IAAAA,MAAA;AACR,MAAIxC,KAAcA,EAAa,MAAMS,EAAU,EAAK,CAAC;AAAA,IAAE,GACtDgC,IAAA,CAACzC,CAAY,GAACP,QAAAO,GAAAP,QAAA+C,GAAA/C,QAAAgD,MAAAD,IAAA/C,EAAA,EAAA,GAAAgD,IAAAhD,EAAA,EAAA,IAFjB8C,EAAUC,GAEPC,CAAc;AAAC,QAAAC;AAAA,IAAAjD,EAAA,EAAA,MAAAwB,OAAAC,IAAA,2BAAA,KAEIwB,IAAA;AAAA,MAAAC,qBACChB;AAAAA,IAAAA,GACtBlC,QAAAiD,KAAAA,IAAAjD,EAAA,EAAA;AAFD,UAAAmD,IAAsBF;AAEpB,QAAAG;AAAA,IAAApD,UAAAwC,KAGkBY,IAAAC,CAAAA,MAAmCb,EAAYJ,CAAS,GAACpC,QAAAwC,GAAAxC,QAAAoD,KAAAA,IAAApD,EAAA,EAAA;AAAA,QAAAsD;AAAA,IAAAtD,EAAA,EAAA,MAAAe,KAAAf,UAAAG,KAC7DmD,IAACnD,MAAD,MAAsBa,EAAU,CAACD,CAAM,IAAgBf,QAAAe,GAAAf,QAAAG,GAAAH,QAAAsD,KAAAA,IAAAtD,EAAA,EAAA;AACnD,UAAAuD,IAAA1C,KAAAE;AAA0B,QAAAyC;AAAA,IAAAxD,EAAA,EAAA,MAAAoD,KAAApD,UAAAsD,KAAAtD,EAAA,EAAA,MAAAuD,KAH7BC,IAAA;AAAA,MAAAC,kBACGL;AAAAA,MAAyDjD,cAC7DmD;AAAAA,MAAuDzC,kBACnD0C;AAAAA,IAAAA,GACnBvD,QAAAoD,GAAApD,QAAAsD,GAAAtD,QAAAuD,GAAAvD,QAAAwD,KAAAA,IAAAxD,EAAA,EAAA;AAJD,UAAA0D,IAAiBF;AAMjB,QAAI,CAACpD,GAAQ;AAAA,UAAAuD;AAAA,aAAA3D,UAAAD,KAAS4D,IAAA,gBAAAtB,EAACxC,GAAA,EAAgB,GAAKE,EAAAA,CAAK,GAAIC,QAAAD,GAAAC,QAAA2D,KAAAA,IAAA3D,EAAA,EAAA,GAA/B2D;AAAAA,IAA+B;AAAC,QAAAA;AAAA,WAAA3D,EAAA,EAAA,MAAA0D,KAAA1D,UAAAD,KAEpD4D,IAAA,gBAAAtB,EAAA/C,EAAA,UAAA,EAAqC6D,OAAAA,GACnC,UAAA,gBAAAd,EAACxC,GAAA,EAAgB,GAAKE,GAAK,GAAM2D,EAAAA,IACnC,GAA+B1D,QAAA0D,GAAA1D,QAAAD,GAAAC,QAAA2D,KAAAA,IAAA3D,EAAA,EAAA,GAF/B2D;AAAAA,EAE+B;AAInC7D,SAAAA,EAAkBJ,cAAc,gBAAgBF,EAAeK,CAAgB,CAAC,KACzEC;AACT;AAjF4B,SAAAmC,EAAA2B,GAAA;AAAA,SA0BC,CAACA;AAAS;"}