linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/dialog/wizard/useWizard.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWizard.js","names":[],"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"],"mappings":";;;aAGa,UAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACX,CAAA,GAAA,KAAoC,EAAS,EAAE,EAC/C,CAAA,GAAA,KAAsC,EAAS,EAAE,EACjD,IAAoB,IAAc,GAClC,IAAwB,IAAc,GAAA;AAAA,CAAA,EAAA,OAAA,OAAA,IAAA,4BAAA,IAEhC,KAAA,MAAA;AACJ,KAAA,MAAwB,IAAQ,EAAS;;CAD3C,IAAA,IAAM;0BAIA,UAAA;AACJ,EAAI,KACF,EAAW,EAAE;;CAFjB,IAAA,IAAM;0BAMA,UAAA;AACJ,EAAI,KACF,EAAW,GAAG;;CAFlB,IAAA,IAAM;sFAcM,IAAA;EAAA;EAAA,UAER;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOD,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA;CAAA,IAAA;AACF,QADE,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAjBI,IAAA;EAAA;EAAA,UAEL;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA,UAMU;EAUX,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KAlBM"}

package/lib/drawer/Content.js

@@ -1,18 +1,18 @@
-import { j as m } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as i } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useContext as c } from "react";
-import p from "./helpers.js";
-import a from "../noPermission/index.js";
-const j = (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.jsx(a, {}) : /* @__PURE__ */ m.jsx("div", { className: "drawerbody", style: e, children: r }), t[0] = r, t[1] = s, t[2] = e, t[3] = o) : o = t[3], o;
-};
-export {
-  j as default
+import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
+import t from "../noPermission/index.js";
+import n from "./helpers.js";
+import { useContext as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/drawer/Content.tsx
+var a = e(), o = (e) => {
+	let o = (0, a.c)(4), { children: s, style: c } = e, { hideContent: l } = r(n), u;
+	return o[0] !== s || o[1] !== l || o[2] !== c ? (u = l ? i(t, {}) : i("div", {
+		className: "drawerbody",
+		style: c,
+		children: s
+	}), o[0] = s, o[1] = l, o[2] = c, o[3] = u) : u = o[3], u;
 };
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=Content.js.map

package/lib/drawer/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","names":[],"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"],"mappings":";;;;;;aAKM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,EAAA,EAAW,EAAA,aAAA,aAAA,GACf,EAAA,mBAAwB,EAAW,EAAc,EAAA;AAQrC,QARqC,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAG/C,IAAA,IACI,EAAC,GAAD,EAIM,CAAA,GAFN,EAAC,OAAD;EAAA,WAAe;EAAA;EAAA;EAET,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA,IALV"}

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

package/lib/drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":[],"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.inert = false;\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 (overlay && body) setDrawerOverlay(body, overlayId);\n    if (body) setDrawerComponent(body, randomId);\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"],"mappings":";;;;;;;;;AASA,IAAM,KAAc,EAClB,cAAW,QAAQ,iBAAc,IAAI,aAAU,UAAO,2BAAwB,IAAI,aAClF,eAAY,YAAS,mBAAgB,gBAAa,iBAAc,0BAAuB,IACvF,YAAS,UAAO,eAAY,IAAO,8BAA2B,IAAI,GAAG,QACnD;CAClB,IAAM,IAAc;EAAE,GAAG;EAAM;EAAO,EAChC,IAAoB,EAAO,SAAS,cAAc,MAAM,CAAC;AAE/D,CADA,EAAkB,QAAQ,YAAY,mBAClC,MACF,EAAkB,QAAQ,YAAY;CAExC,IAAM,IAAoB,EAAuB,KAAK,EAChD,EAAE,mBAAgB,GAClB,CAAC,KAAY,EAAmB,EAA0B,CAAC,EAAY,EAAE,EAAe,CAAC,EAEzF,IAAe,IAAY;EAAE,SAAS;EAAK,cAAc;EAAQ,cAAc;EAAU,GAAG,EAAE,EAE9F,UACC,IAEH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAgB,OAAO,EAAE,OAAO,IAAI;GAAE,WAAW;GAAK,CAAA;EAClD,CAAA,GAJe,MAQnB,KAAsB,GAAmB,MAAqB;EAClE,IAAM,IAAc,SAAS,cAAc,MAAM;AAKjD,EAJA,EAAY,YAAY,oBACxB,EAAY,KAAK,OAAO,EAAS,EACjC,EAAK,YAAY,EAAY,EAC7B,EAAY,YAAY,EAAkB,QAAQ,EAClD,EAAkB,UAAU;IAGxB,KAAoB,GAAmB,MAAe;EAC1D,IAAM,IAAgB,SAAS,cAAc,MAAM;AAKnD,EAJA,EAAc,YAAY,kBAC1B,EAAc,KAAK,GACnB,EAAc,QAAQ,IACtB,EAAc,QAAQ,SAAS,kBAC/B,EAAK,YAAY,EAAc;IAG3B,KAAoB,MAAqB;AAC7C,EAAI,KAAe,EAAE,QAAQ,aAC3B,KAAgB,EAChB,EAAE,iBAAiB;;AA4BvB,CAxBA,QAAgB;EACd,IAAI,GACE,IAAW,KAAK,sBAAO,IAAI,MAAM,GAAG,IAAK,EACzC,IAAY,WAAW;AAQ7B,SAPA,AAGE,IAHE,MAAa,KAAA,IACR,SAAS,qBAAqB,OAAO,CAAC,KAEtC,SAAS,eAAe,EAAS,EAEtC,KAAW,KAAM,EAAiB,GAAM,EAAU,EAClD,KAAM,EAAmB,GAAM,EAAS,QAC/B;GACX,IAAM,IAAgB,SAAS,eAAe,EAAU;AAExD,OADI,KAAY,SAAS,KAAK,oBAAoB,WAAW,EAAiB,EAC1E,GAAU;IACZ,IAAM,IAAwB,SAAS,eAAe,EAAS;AAC/D,IAAI,KAAyB,EAAkB,WAC7C,EAAsB,YAAY,EAAkB,QAAQ;UAErD,EAAkB,WAAS,SAAS,KAAK,YAAY,EAAkB,QAAQ;AAC1F,GAAI,KAAiB,KAAM,EAAK,YAAY,EAAc;;IAE3D,EAAE,CAAC,EAEN,SACM,KACF,SAAS,KAAK,iBAAiB,WAAW,EAAiB,QAEhD,SAAS,KAAK,oBAAoB,WAAW,EAAiB,GAC1E,CAAC,EAAW,CAAC;CAEhB,IAAM,IAAgC;EACpC;EACA,aAAa,EAAS;EACtB;EACD;AAiBD,QAAO,EAAS,aAdd,kBAAC,EAAc,UAAf;EAAwB,OAAO;YAC7B,kBAAC,OAAD;GAAK,eAAY;GAA4B,WAAW,GAAG,EAAA,GAAY;GAAsB;aAC3F,kBAAC,OAAD;IACE,OAAO;IACP,eAAY;IACZ,WAAW,iBAAiB,IAAc,kBAAkB,GAAA,GAAM;cAHpE;KAIG,KAAS,kBAAC,GAAD;MAAc,GAAI;MAAa,aAAa;MAAwB,CAAA;KAC7E,IAAU,kBAAC,GAAD,EAAA,UAAgB,GAAwB,CAAA,GAAG;KACrD,GAAY;KAAA;;GAEX,CAAA;EACiB,CAAA,EAGmB,EAAkB,QAAQ"}

package/lib/drawer/Header.js

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

package/lib/drawer/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":[],"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"],"mappings":";;;;;;aAMM,KAAkB,MACtB,kBAAC,QAAD;CACE,eAAY;CACZ,WAAU;CACV,SAAS;CACT,MAAK;CACL,UAAU;WACV,kBAAC,GAAD,EAAM,MAAK,WAAY,CAAA;CAClB,CAAA,EAGH,KAAW,GAAkC,MAC7C,KAAa,IAEb,kBAAC,QAAD;CAAM,eAAY;CAAc,WAAU;WACvC,KAAS,KAAa,kBAAC,GAAD;EAAM,MAAM;EAAW,OAAM;EAAO,MAAM;EAAM,CAAA;CAClE,CAAA,GAGJ,kBAAC,YAAD,EAAY,CAAA,EAGf,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EAAU,EAAA,iBAAA,GAAA,UAAA,aAAA,SAAA,cAAA,gBAAA,iBAAA,oBAAA,yBAAA,GACd,IAAA,MAAA,KAAA,IAAA,KAAA,GAGA,EAAA,oBAAyB,EAAW,EAAc,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAE5C,UACA,IAAqB,EAAC,GAAD,EAAA,UAAW,GAAwB,CAAA,GAE1D,EAAC,GAAD,EAAA,UAAA;EACG,IAAO,EAAQ,GAAW,EAAgC,GAAxB,EAAQ,GAAW,KAAK;EAC3D,EAAC,MAAD;GAAA,WAAc;GAAA,UAAgB;GAAW,CAAA;EACxC;EAAA,EACQ,CAAA;CAPf,IAAA,IAAM;6BAWA,UACA,IAAwB,EAAC,GAAD,EAAA,UAAW,GAA2B,CAAA,GAC3D,KAAY,EAAC,MAAD;EAAA,WAAc;EAAA,UAAmB;EAAc,CAAA;CAFpE,IAAA,IAAM;cAK2D,IAAA,EAAA,OAA3D,UAA2B,IAAe,GAAiB,GAAhC,KAAA,GAAgC,EAAA,KAAA,GAAA,EAAA,MAAA;CAAjE,IAAA,IAAM,GAGY,IAAA,gBAAgB,KAAA;QAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAhC,IAAA,EAAC,OAAD;EAAA,WAAgB;EAAgB,eAA2B;EAAA,UAA3D,CACE,EAAC,OAAD;GAAA,WAAe;GAAA,UAAf,CACE,EAAC,OAAD;IAAA,WAAe;IAAA,UACZ,GAAA;IACG,CAAA,EACL,GAAgB,CAAA;MAEnB,EAAC,OAAD;GAAA,WAAe;GAAA,UACZ,KAAmB,QAAA;AAAuB,OAAmB;;GAC1D,CAAA,CAAA;oFATR"}

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,7 @@
-import t from "react";
-const o = t.createContext({});
-export {
-  o as default
-};
+import { createContext as e } from "react";
+//#region src/lib/drawer/helpers.ts
+var t = e({});
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=helpers.js.map

package/lib/drawer/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"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"],"mappings":";;AAGA,IAAM,IAAgB,EAAc,EAAE,CAAmB"}

package/lib/drawer/index.js

@@ -1,10 +1,11 @@
-import r from "./Drawer.js";
-import { default as p } from "./Header.js";
-import { default as w } from "./Content.js";
 import e from "../form/withFormSecurity.js";
-const o = e(r);
-export {
-  w as DrawerContent,
-  p as DrawerHeader,
-  o as default
-};
+import '../assets/styles/drawers.css';/* empty css                       */
+import t from "./Drawer.js";
+import n from "./Header.js";
+import r from "./Content.js";
+//#region src/lib/drawer/index.tsx
+var i = e(t);
+//#endregion
+export { r as DrawerContent, n as DrawerHeader, i as default };
+
+//# sourceMappingURL=index.js.map

package/lib/drawer/index.js.map

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

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