linear-react-components-ui 1.1.26-beta.2 → 1.1.26-beta.21

package/lib/dialog/wizard/step.js

@@ -1,5 +1,19 @@
-import "../../chunks/jsx-runtime.CYK1ROHF.js";
-import { W as t } from "../../chunks/index.D5f6Ow9V.js";
+import { jsx as m } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import { useWizardContext as p } from "./index.js";
+function x(c) {
+  const t = a.c(4), {
+    children: e,
+    customClass: n,
+    customStyle: s
+  } = c, i = n === void 0 ? "" : n;
+  if (!p())
+    throw new Error("WizardStep must be used within a Wizard component");
+  const r = `wizard-step-component ${i}`;
+  let o;
+  return t[0] !== e || t[1] !== s || t[2] !== r ? (o = /* @__PURE__ */ m("div", { className: r, style: s, children: e }), t[0] = e, t[1] = s, t[2] = r, t[3] = o) : o = t[3], o;
+}
 export {
-  t as WizardStep
+  x as WizardStep
 };
+//# sourceMappingURL=step.js.map

package/lib/dialog/wizard/step.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.js","sources":["../../../src/lib/dialog/wizard/step.tsx"],"sourcesContent":["import { useWizardContext } from '.';\nimport { WizardStepComponentProps } from '../types';\n\nexport function WizardStep({ children, customClass = '', customStyle }: Readonly<WizardStepComponentProps>) {\n  const context = useWizardContext();\n  \n  if (!context) \n    throw new Error('WizardStep must be used within a Wizard component');\n\n  return (\n    <div className={`wizard-step-component ${customClass}`} style={customStyle}>\n      {children}\n    </div>\n  );\n}\n"],"names":["WizardStep","t0","$","_c","children","customClass","t1","customStyle","undefined","useWizardContext","Error","t2","t3"],"mappings":";;;AAGO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAoB;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAC;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAN,GAAYI,IAAAC,MAAAE,SAAA,KAAAF;AAGrC,MAAI,CAFYG,EAAAA;AAGd,UAAM,IAAIC,MAAM,mDAAmD;AAGnD,QAAAC,IAAA,yBAAyBN,CAAW;AAAE,MAAAO;AAAA,SAAAV,EAAA,CAAA,MAAAE,KAAAF,SAAAK,KAAAL,EAAA,CAAA,MAAAS,KAAtDC,+BAAgB,WAAAD,GAA+CJ,UAC5DH,UAAAA,GACH,GAAMF,OAAAE,GAAAF,OAAAK,GAAAL,OAAAS,GAAAT,OAAAU,KAAAA,IAAAV,EAAA,CAAA,GAFNU;AAEM;"}

package/lib/dialog/wizard/useWizard.js

@@ -1,32 +1,46 @@
-import i, { useState as f } from "react";
-const h = () => {
-  const [s, p] = f(0), [t, S] = i.useState(1), o = t < s, n = t > 1, e = (a) => {
-    S((u) => u + a);
-  }, r = () => {
-    o && e(1);
-  }, c = () => {
-    n && e(-1);
-  };
-  return {
-    changeStep: e,
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import { useState as m } from "react";
+const g = () => {
+  const t = v.c(20), [n, u] = m(0), [o, x] = m(1), e = o < n, s = o > 1;
+  let l;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (l = (h) => {
+    x((_) => _ + h);
+  }, t[0] = l) : l = t[0];
+  const i = l;
+  let S;
+  t[1] !== e ? (S = () => {
+    e && i(1);
+  }, t[1] = e, t[2] = S) : S = t[2];
+  const r = S;
+  let a;
+  t[3] !== s ? (a = () => {
+    s && i(-1);
+  }, t[3] = s, t[4] = a) : a = t[4];
+  const c = a;
+  let p;
+  t[5] !== o || t[6] !== e || t[7] !== s || t[8] !== r || t[9] !== c || t[10] !== n ? (p = {
+    changeStep: i,
     nextStep: r,
-    hasNextStep: o,
+    hasNextStep: e,
     previousStep: c,
-    hasPreviousStep: n,
-    currentStep: t,
-    totalSteps: s,
-    controls: {
-      changeStep: e,
-      nextStep: r,
-      hasNextStep: o,
-      previousStep: c,
-      hasPreviousStep: n,
-      currentStep: t,
-      totalSteps: s,
-      setTotalSteps: p
-    }
-  };
+    hasPreviousStep: s,
+    currentStep: o,
+    totalSteps: n,
+    setTotalSteps: u
+  }, t[5] = o, t[6] = e, t[7] = s, t[8] = r, t[9] = c, t[10] = n, t[11] = p) : p = t[11];
+  let f;
+  return t[12] !== o || t[13] !== e || t[14] !== s || t[15] !== r || t[16] !== c || t[17] !== p || t[18] !== n ? (f = {
+    changeStep: i,
+    nextStep: r,
+    hasNextStep: e,
+    previousStep: c,
+    hasPreviousStep: s,
+    currentStep: o,
+    totalSteps: n,
+    controls: p
+  }, t[12] = o, t[13] = e, t[14] = s, t[15] = r, t[16] = c, t[17] = p, t[18] = n, t[19] = f) : f = t[19], f;
 };
 export {
-  h as useWizard
+  g as useWizard
 };
+//# sourceMappingURL=useWizard.js.map

package/lib/dialog/wizard/useWizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWizard.js","sources":["../../../src/lib/dialog/wizard/useWizard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { UseWizardReturn } from '../types';\n\nexport const useWizard = (): UseWizardReturn => {\n  const [totalSteps, setTotalSteps] = useState(0);\n  const [currentStep, setCurrentStep] = useState(1);\n  const hasNextStep = currentStep < totalSteps;\n  const hasPreviousStep = currentStep > 1;\n\n  const changeStep = (nextStep: number) => {\n    setCurrentStep(state => state + nextStep);\n  };\n\n  const nextStep = () => {\n    if (hasNextStep) {\n      changeStep(1);\n    }\n  };\n\n  const previousStep = () => {\n    if (hasPreviousStep) {\n      changeStep(-1);\n    }\n  };\n\n  return {\n    changeStep,\n    nextStep,\n    hasNextStep,\n    previousStep,\n    hasPreviousStep,\n    currentStep,\n    totalSteps,\n    controls: {\n      changeStep,\n      nextStep,\n      hasNextStep,\n      previousStep,\n      hasPreviousStep,\n      currentStep,\n      totalSteps,\n      setTotalSteps,\n    },\n  };\n};\n"],"names":["useWizard","$","_c","totalSteps","setTotalSteps","useState","currentStep","setCurrentStep","hasNextStep","hasPreviousStep","t0","Symbol","for","nextStep","state","changeStep","t1","nextStep_0","t2","previousStep","t3","t4","controls"],"mappings":";;AAGO,MAAMA,IAAYA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GACvB,CAAAC,GAAAC,CAAA,IAAoCC,EAAS,CAAC,GAC9C,CAAAC,GAAAC,CAAA,IAAsCF,EAAS,CAAC,GAChDG,IAAoBF,IAAcH,GAClCM,IAAwBH,IAAc;AAAE,MAAAI;AAAA,EAAAT,EAAA,CAAA,MAAAU,OAAAC,IAAA,2BAAA,KAErBF,IAAAG,CAAAA,MAAA;AACjBN,IAAAA,EAAeO,CAAAA,MAASA,IAAQD,CAAQ;AAAA,EAAC,GAC1CZ,OAAAS,KAAAA,IAAAT,EAAA,CAAA;AAFD,QAAAc,IAAmBL;AAEjB,MAAAM;AAAA,EAAAf,SAAAO,KAEeQ,IAAAA,MAAA;AACf,IAAIR,KACFO,EAAW,CAAC;AAAA,EACb,GACFd,OAAAO,GAAAP,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAJD,QAAAgB,IAAiBD;AAIf,MAAAE;AAAA,EAAAjB,SAAAQ,KAEmBS,IAAAA,MAAA;AACnB,IAAIT,KACFM,EAAW,EAAE;AAAA,EACd,GACFd,OAAAQ,GAAAR,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAJD,QAAAkB,IAAqBD;AAInB,MAAAE;AAAA,EAAAnB,SAAAK,KAAAL,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAgB,KAAAhB,SAAAkB,KAAAlB,EAAA,EAAA,MAAAE,KAUUiB,IAAA;AAAA,IAAAL,YAAAA;AAAAA,IAAAF,UAERA;AAAAA,IAAQL,aAAAA;AAAAA,IAAAW,cAAAA;AAAAA,IAAAV,iBAAAA;AAAAA,IAAAH,aAAAA;AAAAA,IAAAH,YAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,GAOTH,OAAAK,GAAAL,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAgB,GAAAhB,OAAAkB,GAAAlB,QAAAE,GAAAF,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA;AAAA,MAAAoB;AAAA,SAAApB,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAQ,KAAAR,UAAAgB,KAAAhB,EAAA,EAAA,MAAAkB,KAAAlB,EAAA,EAAA,MAAAmB,KAAAnB,EAAA,EAAA,MAAAE,KAjBIkB,IAAA;AAAA,IAAAN,YAAAA;AAAAA,IAAAF,UAELA;AAAAA,IAAQL,aAAAA;AAAAA,IAAAW,cAAAA;AAAAA,IAAAV,iBAAAA;AAAAA,IAAAH,aAAAA;AAAAA,IAAAH,YAAAA;AAAAA,IAAAmB,UAMEF;AAAAA,EAAAA,GAUXnB,QAAAK,GAAAL,QAAAO,GAAAP,QAAAQ,GAAAR,QAAAgB,GAAAhB,QAAAkB,GAAAlB,QAAAmB,GAAAnB,QAAAE,GAAAF,QAAAoB,KAAAA,IAAApB,EAAA,EAAA,GAlBMoB;AAkBN;"}

package/lib/drawer/Content.js

@@ -1,11 +1,19 @@
-import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as s } from "react";
-import m from "./helpers.js";
-import n from "../noPermission/index.js";
-const d = ({ children: t, style: r }) => {
-  const { hideContent: e } = s(m);
-  return e ? /* @__PURE__ */ o.jsx(n, {}) : /* @__PURE__ */ o.jsx("div", { className: "drawerbody", style: r, children: t });
+import { jsx as m } from "react/jsx-runtime";
+import { c as i } from "../_virtual/compiler-runtime.js";
+import { useContext as c } from "react";
+import p from "./helpers.js";
+import a from "../noPermission/index.js";
+const C = (n) => {
+  const t = i.c(4), {
+    children: r,
+    style: e
+  } = n, {
+    hideContent: s
+  } = c(p);
+  let 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 {
-  d as default
+  C as default
 };
+//# sourceMappingURL=Content.js.map

package/lib/drawer/Content.js.map

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

package/lib/drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"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":";;;;;;;;;AASA,MAAMA,KAAaA,CAAC;AAAA,EAClBC,UAAAA,IAAW;AAAA,EAAQC,aAAAA,IAAc;AAAA,EAAIC,UAAAA;AAAAA,EAAUC,OAAAA;AAAAA,EAAOC,uBAAAA,IAAwB;AAAA,EAAIC,UAAAA;AAAAA,EAClFC,YAAAA;AAAAA,EAAYC,SAAAA;AAAAA,EAASC,gBAAAA;AAAAA,EAAgBC,aAAAA;AAAAA,EAAaC,cAAAA;AAAAA,EAAcC,sBAAAA,IAAuB;AAAA,EACvFC,SAAAA;AAAAA,EAASC,OAAAA;AAAAA,EAAOC,WAAAA,IAAY;AAAA,EAAOC,0BAAAA,IAA2B;AAAA,EAAI,GAAGC;AACzD,MAAM;AAClB,QAAMC,IAAc;AAAA,IAAE,GAAGD;AAAAA,IAAMH,OAAAA;AAAAA,EAAAA,GACzBK,IAAoBC,EAAOC,SAASC,cAAc,KAAK,CAAC;AAC9DH,EAAAA,EAAkBI,QAAQC,YAAY,mBAClCR,MACFG,EAAkBI,QAAQC,YAAYR;AAExC,QAAMS,IAAoBL,EAAuB,IAAI,GAC/C;AAAA,IAAEM,aAAAA;AAAAA,EAAAA,IAAgBC,GAClB,CAACC,CAAQ,IAAIC,EAAmBC,EAA0B,CAACJ,CAAW,GAAGjB,CAAc,CAAC,GAExFsB,IAAehB,IAAY;AAAA,IAAEiB,SAAS;AAAA,IAAKC,cAAc;AAAA,IAAQC,cAAc;AAAA,EAAA,IAAa,CAAA,GAE5FC,IAAaA,MACZpB,sBAEF,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAqB,EAACC,KAAe,OAAO;AAAA,IAAEC,OAAO;AAAA,EAAA,GAAM,WAAW,EAAA,CAAE,GACrD,IAJqB,MAQnBC,IAAqBA,CAACC,GAAmBC,MAAqB;AAClE,UAAMC,IAAcrB,SAASC,cAAc,KAAK;AAChDoB,IAAAA,EAAYlB,YAAY,oBACxBkB,EAAYC,KAAKC,OAAOH,CAAQ,GAChCD,EAAKK,YAAYH,CAAW,GAC5BA,EAAYG,YAAY1B,EAAkBI,OAAO,GACjDE,EAAkBF,UAAUmB;AAAAA,EAC9B,GAEMI,IAAmBA,CAACN,GAAmBG,MAAe;AAC1D,UAAMI,IAAgB1B,SAASC,cAAc,KAAK;AAClDyB,IAAAA,EAAcvB,YAAY,kBAC1BuB,EAAcJ,KAAKA,GACnBI,EAAcC,QAAQC,SAAS,kBAC/BT,EAAKK,YAAYE,CAAa;AAAA,EAChC,GAEMG,IAAmBA,CAACC,MAAqB;AAC7C,IAAI5C,KAAe4C,EAAEC,QAAQ,aAC3BzC,IAAAA,GACAwC,EAAEE,gBAAAA;AAAAA,EAEN;AAEAC,EAAAA,EAAU,MAAM;AACd,QAAId;AACJ,UAAMe,IAAWC,KAAKC,MAAM,CAAC,oBAAIC,KAAAA,IAAS,GAAI,GACxCC,IAAY,WAAWJ,CAAQ;AACrC,WAAIjD,MAAasD,SACfpB,IAAOnB,SAASwC,qBAAqB,MAAM,EAAE,CAAC,IAE9CrB,IAAOnB,SAASyC,eAAexD,CAAQ,GAErCkC,KAAMD,EAAmBC,GAAMe,CAAQ,GACvC/C,KAAWgC,KACbM,EAAiBN,GAAMmB,CAAS,GAE3B,MAAM;AACX,YAAMZ,IAAgB1B,SAASyC,eAAeH,CAAS;AAEvD,UADIpD,KAAYc,SAASmB,KAAKuB,oBAAoB,WAAWb,CAAgB,GACzE5C,GAAU;AACZ,cAAM0D,IAAwB3C,SAASyC,eAAexD,CAAQ;AAC9D,QAAI0D,KAAyBvC,EAAkBF,WAC7CyC,EAAsBC,YAAYxC,EAAkBF,OAAO;AAAA,MAE/D,OAAWE,EAAkBF,oBAAkBiB,KAAKyB,YAAYxC,EAAkBF,OAAO;AACzF,MAAIwB,KAAiBP,KAAMA,EAAKyB,YAAYlB,CAAa;AAAA,IAC3D;AAAA,EACF,GAAG,CAAA,CAAE,GAELO,EAAU,OACJ/C,KACFc,SAASmB,KAAK0B,iBAAiB,WAAWhB,CAAgB,GAErD,MAAM7B,SAASmB,KAAKuB,oBAAoB,WAAWb,CAAgB,IACzE,CAAC3C,CAAU,CAAC;AAEf,QAAM4D,IAAgC;AAAA,IACpCxD,cAAAA;AAAAA,IACAe,aAAaE,EAASF;AAAAA,IACtBhB,aAAAA;AAAAA,EAAAA,GAGI0D,IAAgBA,MACpB,gBAAAhC,EAACiC,EAAc,UAAd,EAAuB,OAAOF,GAC7B,UAAA,gBAAA/B,EAAC,OAAA,EAAI,eAAY,6BAA4B,WAAW,GAAGnC,CAAQ,IAAIC,CAAW,IAAI,OAAAE,GACpF,UAAA,gBAAAkE,EAAC,OAAA,EACC,OAAOvC,GACP,eAAY,iBACZ,WAAW,iBAAiBrB,IAAc,kBAAkB,EAAE,IAAIL,CAAqB,IACtFS,UAAAA;AAAAA,IAAAA,KAAS,gBAAAsB,EAACmC,GAAA,EAAa,GAAIrD,GAAa,aAAaN,GAAqB;AAAA,IAC1EC,IAAU,gBAAAuB,EAACoC,GAAA,EAAe3D,UAAAA,EAAAA,CAAQ,IAAmBV;AAAAA,IACrDgC,EAAAA;AAAAA,EAAW,EAAA,CACd,GACF,GACF;AAGF,SAAOsC,EAASC,aAAaN,EAAAA,GAAiBjD,EAAkBI,OAAO;AACzE;"}

package/lib/drawer/Header.js

@@ -1,43 +1,57 @@
-import { j as e } from "../chunks/jsx-runtime.CYK1ROHF.js";
-import { useContext as p, Fragment as t } from "react";
-import h from "../icons/index.js";
-import N from "./helpers.js";
-const b = (r) => /* @__PURE__ */ e.jsx(
-  "span",
-  {
-    "data-testid": "header-closebutton",
-    className: "closebutton",
-    onClick: r,
-    role: "button",
-    tabIndex: 0,
-    children: /* @__PURE__ */ e.jsx(h, { name: "cancel2" })
-  }
-), o = (r, s) => r || s ? /* @__PURE__ */ e.jsx("span", { "data-testid": "icon-header", className: "icon-header", children: s || r && /* @__PURE__ */ e.jsx(h, { name: r, color: "#000", size: 24 }) }) : /* @__PURE__ */ e.jsx("noscript", {}), k = ({
-  showCloseButton: r = !0,
-  title: s,
-  subTitle: a,
-  icon: n,
-  titleIcon: d,
-  customClass: m,
-  titleContent: c,
-  subTitleContent: l,
-  titleRightContent: x
-}) => {
-  const { handlerClose: i } = p(N), u = () => c ? /* @__PURE__ */ e.jsx(t, { children: c }) : /* @__PURE__ */ e.jsxs(t, { children: [
-    n ? o(d, n) : o(d, null),
-    /* @__PURE__ */ e.jsx("h2", { className: "drawer-title", children: s }),
-    x
-  ] }), j = () => l ? /* @__PURE__ */ e.jsx(t, { children: l }) : a && /* @__PURE__ */ e.jsx("h3", { className: "drawer-subtitle", children: a }), f = () => i ? i() : void 0;
-  return /* @__PURE__ */ e.jsxs("div", { className: `drawerheader ${m}`, "data-testid": "drawerheader", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "left", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "title-subtitle", children: u() }),
-      j()
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "right", children: r && b(() => {
-      f();
-    }) })
-  ] });
+import { jsx as t, jsxs as j } from "react/jsx-runtime";
+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: $,
+    titleContent: h,
+    subTitleContent: m,
+    titleRightContent: w
+  } = 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 v = f;
+  let C;
+  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 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] !== 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;
+  e[15] !== r || e[16] !== s ? (n = /* @__PURE__ */ j("div", { className: "left", children: [
+    r,
+    s
+  ] }), e[15] = r, e[16] = s, e[17] = n) : n = e[17];
+  let i;
+  e[18] !== B || e[19] !== x ? (i = x && F(() => {
+    B();
+  }), 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 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] = b) : b = e[26], b;
 };
 export {
-  k as default
+  J as default
 };
+//# sourceMappingURL=Header.js.map

package/lib/drawer/Header.js.map

@@ -0,0 +1 @@
+{"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":";;;;;AAMA,MAAMA,IAAiBA,CAACC,wBACrB,QAAA,EACC,eAAY,sBACZ,WAAU,eACV,SAASA,GACT,MAAK,UACL,UAAU,GACV,4BAACC,GAAA,EAAK,MAAK,WAAS,GACtB,GAGIC,IAAUA,CAACC,GAAkCC,MAC7CD,KAAaC,sBAEZ,QAAA,EAAK,eAAY,eAAc,WAAU,eACvCA,UAAAA,KAASD,KAAa,gBAAAE,EAACJ,GAAA,EAAK,MAAME,GAAW,OAAM,QAAO,MAAM,IAAG,GACtE,sBAGI,YAAA,EAAQ,GAGZG,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,iBAAAC;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAT,MAAAA;AAAAA,IAAAD,WAAAA;AAAAA,IAAAW,aAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,EAAAA,IAAAV,GACdG,IAAAC,MAAAO,SAAA,KAAAP,GAGA;AAAA,IAAAX,cAAAA;AAAAA,EAAAA,IAAyBmB,EAAWC,CAAa;AAAE,MAAAC;AAAA,EAAAb,EAAA,CAAA,MAAAJ,KAAAI,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAO,KAAAP,EAAA,CAAA,MAAAL,KAAAK,SAAAS,KAE/BI,IAAAA,MACdN,IAAqB,gBAAAV,EAACiB,kBAAuB,sBAE9CA,GAAA,EACElB,UAAAA;AAAAA,IAAAA,IAAOF,EAAQC,GAAWC,CAA+B,IAAvBF,EAAQC,GAAW,IAAI;AAAA,IAC1D,gBAAAE,EAAA,MAAA,EAAc,WAAA,gBAAgBO,UAAAA,GAAM;AAAA,IACnCK;AAAAA,EAAAA,GACH,GAEHT,OAAAJ,GAAAI,OAAAI,GAAAJ,OAAAO,GAAAP,OAAAL,GAAAK,OAAAS,GAAAT,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AATD,QAAAe,IAAoBF;AASlB,MAAAG;AAAA,EAAAhB,EAAA,CAAA,MAAAK,KAAAL,SAAAQ,KAEqBQ,IAAAA,MACjBR,IAAwB,gBAAAX,EAACiB,kBAA0B,IAChDT,KAAY,gBAAAR,EAAA,MAAA,EAAc,WAAA,mBAAmBQ,UAAAA,GAAS,GAC9DL,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAHD,QAAAiB,IAAuBD;AAGrB,MAAAE;AAAA,EAAAlB,SAAAR,KAEwB0B,IAAAA,MAAO1B,IAAeA,EAAAA,IAAfkB,QAA0CV,OAAAR,GAAAQ,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA;AAA3E,QAAAmB,IAA0BD,GAGRE,IAAA,gBAAgBd,CAAW;AAAE,MAAAe;AAAA,EAAArB,UAAAe,KAEzCM,IAAA,gBAAAxB,EAAA,OAAA,EAAe,WAAA,kBACZkB,eACH,GAAMf,QAAAe,GAAAf,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAA,MAAAsB;AAAA,EAAAtB,UAAAiB,KACLK,IAAAL,EAAAA,GAAgBjB,QAAAiB,GAAAjB,QAAAsB,KAAAA,IAAAtB,EAAA,EAAA;AAAA,MAAAuB;AAAA,EAAAvB,EAAA,EAAA,MAAAqB,KAAArB,UAAAsB,KAJnBC,IAAA,gBAAAC,EAAA,OAAA,EAAe,WAAA,QACbH,UAAAA;AAAAA,IAAAA;AAAAA,IAGCC;AAAAA,EAAAA,GACH,GAAMtB,QAAAqB,GAAArB,QAAAsB,GAAAtB,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAyB;AAAA,EAAAzB,EAAA,EAAA,MAAAmB,KAAAnB,UAAAE,KAEHuB,IAAAvB,KAAmBX,EAAe,MAAA;AAAQ4B,IAAAA,EAAAA;AAAAA,EAAmB,CAAG,GAACnB,QAAAmB,GAAAnB,QAAAE,GAAAF,QAAAyB,KAAAA,IAAAzB,EAAA,EAAA;AAAA,MAAA0B;AAAA,EAAA1B,UAAAyB,KADpEC,IAAA,gBAAA7B,EAAA,OAAA,EAAe,WAAA,SACZ4B,UAAAA,GACH,GAAMzB,QAAAyB,GAAAzB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA;AAAA,MAAA2B;AAAA,SAAA3B,EAAA,EAAA,MAAA0B,KAAA1B,UAAAoB,KAAApB,EAAA,EAAA,MAAAuB,KATRI,+BAAgB,WAAAP,GAA2C,eAAA,gBACzDG,UAAAA;AAAAA,IAAAA;AAAAA,IAMAG;AAAAA,EAAAA,GAGF,GAAM1B,QAAA0B,GAAA1B,QAAAoB,GAAApB,QAAAuB,GAAAvB,QAAA2B,KAAAA,IAAA3B,EAAA,EAAA,GAVN2B;AAUM;"}

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,6 @@
-import t from "react";
-const a = t.createContext({});
+import { createContext as t } from "react";
+const o = t({});
 export {
-  a as default
+  o as default
 };
+//# sourceMappingURL=helpers.js.map

package/lib/drawer/helpers.js.map

@@ -0,0 +1 @@
+{"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,10 +1,12 @@
 import r from "./Drawer.js";
-import { default as p } from "./Header.js";
+import { default as i } from "./Header.js";
 import { default as w } from "./Content.js";
+import '../assets/styles/drawers.css';/* empty css                            */
 import e from "../form/withFormSecurity.js";
-const o = e(r);
+const m = e(r);
 export {
   w as DrawerContent,
-  p as DrawerHeader,
-  o as default
+  i as DrawerHeader,
+  m as default
 };
+//# sourceMappingURL=index.js.map

package/lib/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/lib/drawer/index.tsx"],"sourcesContent":["import Drawer from './Drawer';\nimport DrawerHeader from './Header';\nimport DrawerContent from './Content';\nimport '../assets/styles/drawers.scss';\nimport withFormSecurity from '../form/withFormSecurity';\n\nexport default withFormSecurity(Drawer);\nexport { DrawerHeader, DrawerContent };\n"],"names":["Drawer","withFormSecurity"],"mappings":";;;;;AAMA,MAAAA,IAAeC,EAAiBD,CAAM;"}

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,7 +1,7 @@
 import { useRef as w, useEffect as x } from "react";
-import P from "react-dom";
-import { v } from "../chunks/v1.CDXKvGzE.js";
-const y = ({
+import { createPortal as P } from "react-dom";
+import y from "../node_modules/uuid/dist/v1.js";
+const v = ({
   align: s,
   isFloatMenu: r,
   minWidth: c,
@@ -9,41 +9,44 @@ const y = ({
   target: d
 }) => {
   if (!i || !d) return "";
-  const e = d.getBoundingClientRect(), a = r ? void 0 : window.innerWidth - e.x - e.width - 4, p = e.left;
+  const e = d.getBoundingClientRect(), f = r ? void 0 : window.innerWidth - e.x - e.width - 4, p = e.left;
   let n = e.top + window.scrollY + e.height + (r ? 6 : 2), t, o = !1;
   if (n + i.scrollHeight > window.innerHeight) {
-    const m = e.top, u = i.scrollHeight;
-    o = u > m, t = o ? m - 10 : u, n = n - t - e.height - (r ? 6 : 2) - 5;
+    const a = e.top, u = i.scrollHeight;
+    o = u > a, t = o ? a - 10 : u, n = n - t - e.height - (r ? 6 : 2) - 5;
   }
   let l = `top: ${n}px; min-width: ${c}px;`;
-  return o && (l += `max-height: ${t}px; overflow-y: scroll;`), s === "left" ? l += `left: ${p}px;` : s === "right" && (l += `right: ${a}px;`), l;
-}, { body: g } = document, D = ({
+  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, b = ({
   id: s,
   customClassForDropdown: r = "",
   align: c = "left",
   isFloatMenu: i = !1,
   topPosition: d = 0,
   leftPosition: e = 0,
-  rightPosition: a = 0,
+  rightPosition: f = 0,
   minWidth: p = 0,
-  targetRef: f,
+  targetRef: h,
   ...n
 }) => {
   const t = w(document.createElement("div"));
   if (t.current.className = `dropdown-component ${r}`, t.current.dataset.testid = "dropdown-component", t && t.current) {
-    const o = document.body.getElementsByClassName("modalcontainer"), h = o[o.length - 1];
-    t.current.style.zIndex = `${o.length ? Number(h.style.zIndex) + 1 : 99999}`;
+    const o = document.body.getElementsByClassName("modalcontainer"), m = o[o.length - 1];
+    t.current.style.zIndex = `${o.length ? Number(m.style.zIndex) + 1 : 99999}`;
   }
-  return x(() => (g.appendChild(t.current), t.current.id = s || `dropdown-component-${v()}`, t.current.style.cssText = y({
+  return x(() => (g.appendChild(t.current), t.current.id = s || `dropdown-component-${y()}`, t.current.style.cssText = v({
     align: c,
     isFloatMenu: i,
     minWidth: p,
     container: t.current,
-    target: f
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sources":["../../src/lib/dropdown/Popup.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { 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/index.d.ts

@@ -0,0 +1,3 @@
+import { default as withDropdown } from './withDropdown';
+export default withDropdown;
+export { withDropdown };

package/lib/dropdown/index.js

@@ -0,0 +1,6 @@
+import r from "./withDropdown.js";
+export {
+  r as default,
+  r as withDropdown
+};
+//# sourceMappingURL=index.js.map

package/lib/dropdown/index.js.map

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

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;
 };