linear-react-components-ui 2.0.0-beta.0 → 2.0.0-beta.1

package/lib/drawer/Content.js

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,3 +0,0 @@
-import { IDrawerProps } from './types';
-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,76 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,3 +0,0 @@
-import { IDrawerHeaderProps } from './types';
-declare const Header: ({ showCloseButton, title, subTitle, icon, titleIcon, customClass, titleContent, subTitleContent, titleRightContent, }: IDrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Header;

package/lib/drawer/Header.js

@@ -1,60 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,3 +0,0 @@
-import { IDrawerContext } from './types';
-declare const DrawerContext: import('react').Context<IDrawerContext>;
-export default DrawerContext;

package/lib/drawer/helpers.js

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,5 +0,0 @@
-import { default as DrawerHeader } from './Header';
-import { default as DrawerContent } from './Content';
-declare const _default: (props: import('./types').IDrawerProps) => import("react/jsx-runtime").JSX.Element;
-export default _default;
-export { DrawerHeader, DrawerContent };

package/lib/drawer/index.js

@@ -1,11 +0,0 @@
-import e from "../form/withFormSecurity.js";
-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

@@ -1 +0,0 @@
-{"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,38 +0,0 @@
-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 HTMLAttributes<HTMLDivElement> {
-    overlay?: boolean;
-    children?: ReactNode;
-    customClass?: string;
-    customClassForContent?: string;
-    customClassForDrawer?: string;
-    customClassElementDrawer?: string;
-    position?: Exclude<Position, 'center'>;
-    handlerClose?: () => void;
-    closeOnEsc?: boolean;
-    targetId?: string;
-    permissionAttr?: PermissionAttr | PermissionAttr[];
-    skeletonize?: boolean;
-    closeOnOutsideClick?: boolean;
-    content?: string;
-    title?: string;
-    isWaiting?: boolean;
-}
-export interface IDrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    showCloseButton?: boolean;
-    customClass?: string;
-    title?: string;
-    titleRightContent?: ReactElement;
-    titleContent?: ReactElement;
-    subTitle?: string;
-    subTitleContent?: ReactElement;
-    icon?: ReactElement;
-    titleIcon?: IconNames;
-}
-export interface IDrawerContext {
-    handlerClose?: () => void;
-    hideContent?: boolean;
-    skeletonize?: boolean;
-}

package/lib/dropdown/Popup.d.ts

@@ -1,3 +0,0 @@
-import { IPopupProps } from './types';
-declare const DropdownPopup: ({ id, customClassForDropdown, align, isFloatMenu, topPosition, leftPosition, rightPosition, minWidth, targetRef, ...props }: IPopupProps) => import('react').ReactPortal;
-export default DropdownPopup;

package/lib/dropdown/Popup.js

@@ -1,36 +0,0 @@
-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

package/lib/dropdown/Popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup.js","names":[],"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"],"mappings":";;;;AAMA,IAAM,KAAqB,EACzB,UAAO,gBAAa,aAAU,cAAW,gBACb;AAC5B,KAAI,CAAC,KAAa,CAAC,EAAQ,QAAO;CAClC,IAAM,IAAmB,EAAO,uBAAuB,EACjD,IAAiB,IAErB,KAAA,IADG,OAAO,aAAa,EAAiB,IAAK,EAAiB,QAAQ,GAElE,IAAe,EAAiB,MAGlC,IAFgB,EAAiB,MAAM,OAAO,UAAU,EAAiB,UAEpD,IAAc,IAAI,IACvC,GACA,IAAa;AAGjB,KAFsB,IAAM,EAAU,eAAe,OAAO,aAEzC;EACjB,IAAM,IAAiB,EAAiB,KAClC,IAAkB,EAAU;AAGlC,EAFA,IAAa,IAAkB,GAC/B,IAAY,IAAa,IAAiB,KAAK,GAC/C,IAAM,IAAM,IAAY,EAAiB,UAAU,IAAc,IAAI,KAAK;;CAG5E,IAAI,IAAQ,QAAQ,EAAA,iBAAqB,EAAA;AAOzC,QANI,MAAY,KAAS,eAAe,EAAA,2BACpC,MAAU,SACZ,KAAS,SAAS,EAAA,OACT,MAAU,YACnB,KAAS,UAAU,EAAA,OAEd;GAGH,EAAE,YAAS,UAEX,KAAiB,EACrB,OACA,4BAAyB,IACzB,WAAQ,QACR,iBAAc,IACd,iBAAc,GACd,kBAAe,GACf,mBAAgB,GAChB,cAAW,GACX,cACA,GAAG,QACc;CACjB,IAAM,IAAQ,EAAO,SAAS,cAAc,MAAM,CAAC;AAInD,KAHA,EAAM,QAAQ,YAAY,sBAAsB,KAChD,EAAM,QAAQ,QAAQ,SAAS,sBAE3B,KAAS,EAAM,SAAS;EAC1B,IAAM,IAAkB,SAAS,KAAK,uBAAuB,iBAAiB,EACxE,IAAqB,EAAgB,EAAgB,SAAS;AACpE,IAAM,QAAQ,MAAM,SAAS,GAAG,EAAgB,SAAU,OAAO,EAAmB,MAAM,OAAO,GAAG,IAAK;;AAiB3G,QAdA,SACE,EAAK,YAAY,EAAM,QAAQ,EAC/B,EAAM,QAAQ,KAAK,KAAM,sBAAsB,GAAM,IAErD,EAAM,QAAQ,MAAM,UAAU,EAAkB;EAC9C;EAAa;EAAc;EAAe;EAAO;EAAa;EAC9D,WAAW,EAAM;EAAS,QAAQ;EACnC,CAAC,QAEW;AACX,IAAK,YAAY,EAAM,QAAQ;KAEhC,EAAE,CAAC,EAEC,EAAa,EAAM,UAAU,EAAM,QAAQ"}

package/lib/dropdown/helper.d.ts

@@ -1,2 +0,0 @@
-export declare const contentClass: (showClearButton: boolean) => string;
-export declare const getDropdownItemCssClass: (selected: boolean, disabled: boolean, striped: boolean) => string;

package/lib/dropdown/index.d.ts

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

package/lib/dropdown/index.js

@@ -1,7 +0,0 @@
-import e from "./withDropdown.js";
-//#region src/lib/dropdown/index.ts
-var t = e;
-//#endregion
-export { t as default, e as withDropdown };
-
-//# sourceMappingURL=index.js.map

package/lib/dropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/dropdown/index.ts"],"sourcesContent":["import withDropdown from './withDropdown';\n\nexport default withDropdown;\nexport { withDropdown };\n"],"mappings":";;AAEA,IAAA,IAAe"}

package/lib/dropdown/types.d.ts

@@ -1,45 +0,0 @@
-import { ReactElement, ReactNode, Ref } from 'react';
-export interface WithDropdownProps {
-    dropdown?: boolean;
-    dropdownOpened?: boolean;
-    dropdownAlign?: 'left' | 'right';
-    isDropdownOpened?: boolean;
-    children?: ReactNode;
-    customClassForDropdown?: string;
-    closeDropdownOnClickOutside?: boolean;
-    showDropdown?: () => void;
-    isFloatMenu?: boolean;
-    handlerClose?: (cb: () => void) => void;
-}
-export interface WrappedComponentProps extends WithDropdownProps {
-    getDropdownPopup?: (ref: Ref<HTMLElement | null>) => ReactElement;
-}
-export interface GetDisplayNameParams {
-    displayName?: string;
-    name?: string;
-}
-export interface WithDropdownContextProps {
-    handleDropdownClose: () => void;
-}
-export interface IPopupProps {
-    id?: string;
-    children?: ReactNode;
-    customClassForDropdown?: string;
-    align: 'left' | 'right';
-    isFloatMenu?: boolean;
-    topPosition?: number;
-    leftPosition?: number;
-    rightPosition?: number;
-    minWidth?: number;
-    targetRef?: HTMLElement | HTMLInputElement | null;
-}
-export interface GetDropdownStyleParams {
-    align: 'left' | 'right';
-    minWidth: number;
-    isFloatMenu: boolean;
-    topPosition: number;
-    leftPosition: number;
-    rightPosition: number;
-    container?: HTMLDivElement;
-    target?: HTMLElement | HTMLInputElement | null;
-}

package/lib/dropdown/withDropdown.d.ts

@@ -1,9 +0,0 @@
-import { ComponentType } from 'react';
-import { WithDropdownProps, WithDropdownContextProps } from './types';
-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;
-};
-export default withDropdown;
-export { WithDropdownContext };

package/lib/dropdown/withDropdown.js

@@ -1,51 +0,0 @@
-import e from "./Popup.js";
-import '../assets/styles/dropdown.css';/* empty css                        */
-import { createContext as t, useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/lib/dropdown/withDropdown.tsx
-var o = t({}), s = (e) => e.displayName || e.name || "Component", c = (t) => {
-	let c = (s) => {
-		let { dropdownOpened: c, showDropdown: l, dropdown: u, closeDropdownOnClickOutside: d = !0, handlerClose: f, customClassForDropdown: p, children: m, dropdownAlign: h = "left", isFloatMenu: g, isDropdownOpened: _ } = s, [v, y] = i(c), [b, x] = i(c), S = r(null), C = r(null);
-		c !== b && (y(c), x(c));
-		let w = (e) => {
-			let { target: t } = e;
-			S?.current && t !== S?.current && !e.composedPath().includes(S.current) && C.current !== t && y(!1);
-		}, T = () => {
-			y((e) => !e);
-		}, E = (t) => !t || !v ? null : (C.current = t, /* @__PURE__ */ a(e, {
-			targetRef: t,
-			align: h,
-			customClassForDropdown: p,
-			isFloatMenu: g,
-			children: /* @__PURE__ */ a("div", {
-				className: g ? "items" : void 0,
-				ref: (e) => {
-					S.current = e;
-				},
-				children: m
-			})
-		}));
-		n(() => (u && d && document.addEventListener("click", w), () => {
-			u && d && document.removeEventListener("click", w);
-		}), []), n(() => {
-			f && f(() => y(!1));
-		}, [f]);
-		let D = { handleDropdownClose: T }, O = {
-			getDropdownPopup: (e) => E(e),
-			showDropdown: l || (() => y(!v)),
-			isDropdownOpened: _ || v
-		};
-		return u ? /* @__PURE__ */ a(o.Provider, {
-			value: D,
-			children: /* @__PURE__ */ a(t, {
-				...s,
-				...O
-			})
-		}) : /* @__PURE__ */ a(t, { ...s });
-	};
-	return c.displayName = `withDropdown(${s(t)})`, c;
-};
-//#endregion
-export { o as WithDropdownContext, c as default };
-
-//# sourceMappingURL=withDropdown.js.map

package/lib/dropdown/withDropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withDropdown.js","names":[],"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"],"mappings":";;;;;AAKA,IAAM,IAAsB,EAAwC,EAAE,CAA6B,EAE7F,KAAkB,MAAoC,EAAU,eAAe,EAAU,QAAQ,aAEjG,KACJ,MACG;CACH,IAAM,KAAqB,MAA0B;EACnD,IAAM,EACJ,mBAAgB,iBAAc,aAAU,iCAA8B,IAAM,iBAC5E,2BAAwB,aAAU,mBAAgB,QAAQ,gBAAa,wBACrE,GAEE,CAAC,GAAQ,KAAa,EAAS,EAAe,EAC9C,CAAC,GAAY,KAAiB,EAAS,EAAe,EACtD,IAAW,EAA2B,KAAK,EAC3C,IAAsB,EAA2B,KAAK;AAE5D,EAAI,MAAmB,MACrB,EAAU,EAAe,EACzB,EAAc,EAAe;EAG/B,IAAM,KAAkB,MAAiB;GACvC,IAAM,EAAE,cAAW;AACnB,GAAI,GAAU,WAAW,MAAW,GAAU,WAC5C,CAAC,EAAM,cAAc,CAAC,SAAS,EAAS,QAAQ,IAC7C,EAAoB,YAAY,KACnC,EAAU,GAAM;KAId,UAAwB;AAC5B,MAAU,MAAa,CAAC,EAAU;KAG9B,KAAe,MACf,CAAC,KAAa,CAAC,IAAe,QAClC,EAAoB,UAAU,GAE5B,kBAAC,GAAD;GACa;GACX,OAAO;GACiB;GACX;aACb,kBAAC,OAAD;IAAK,WAAW,IAAc,UAAU,KAAA;IAAW,MAAM,MAAM;AAAE,OAAS,UAAU;;IACjF;IACG,CAAA;GACA,CAAA;AAgBZ,EAZA,SACM,KAAY,KACd,SAAS,iBAAiB,SAAS,EAAe,QAGvC;AACX,GAAI,KAAY,KACd,SAAS,oBAAoB,SAAS,EAAe;MAGxD,EAAE,CAAC,EAEN,QAAgB;AACd,GAAI,KAAc,QAAmB,EAAU,GAAM,CAAC;KACrD,CAAC,EAAa,CAAC;EAElB,IAAM,IAAgB,EACpB,qBAAqB,GACtB,EAEK,IAAW;GACf,mBAAmB,MAAkC,EAAY,EAAU;GAC3E,cAAe,YAAqB,EAAU,CAAC,EAAO;GACtD,kBAAkB,KAAoB;GACvC;AAGD,SADK,IAEH,kBAAC,EAAoB,UAArB;GAA8B,OAAO;aACnC,kBAAC,GAAD;IAAkB,GAAI;IAAO,GAAI;IAAY,CAAA;GAChB,CAAA,GAJX,kBAAC,GAAD,EAAkB,GAAI,GAAS,CAAA;;AASvD,QADA,EAAkB,cAAc,gBAAgB,EAAe,EAAiB,CAAA,IACzE"}

package/lib/fieldset/index.d.ts

@@ -1,3 +0,0 @@
-import { IFieldsetProps } from './types';
-declare const Fieldset: (props: IFieldsetProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Fieldset;

package/lib/fieldset/index.js

@@ -1,51 +0,0 @@
-import { require_compiler_runtime as e } from "../node_modules/react/compiler-runtime.js";
-import t from "../gridlayout/index.js";
-import { OPTIONS_ON_DENIED as n, actionsOnPermissionDenied as r } from "../permissionValidations.js";
-import i from "../noPermission/index.js";
-import '../assets/styles/fieldset.css';/* empty css                        */
-import { Fragment as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/lib/fieldset/index.tsx
-var l = e(), u = (e) => {
-	let u = (0, l.c)(21), { gridCols: f, children: p, title: m, titleAlign: h, style: g, styleContent: _, styleTitle: v, template: y, titleCustomClass: b, permissionAttr: x, leftElements: S, rightElements: C } = e, w = h === void 0 ? "left" : h, T = y === void 0 ? "none" : y, E = S === void 0 ? null : S, D = C === void 0 ? null : C, { hideContent: O, unvisible: k } = n, A;
-	u[0] === x ? A = u[1] : (A = r([O, k], x), u[0] = x, u[1] = A);
-	let [j] = o(A), M = d, N;
-	u[2] === T ? N = u[3] : (N = (e) => {
-		let { colsCount: t, rowsCount: n } = e;
-		return T === "rows" ? { gridTemplateRows: `repeat(${n === void 0 ? 2 : n}, 1fr)` } : T === "columns" ? { gridTemplateColumns: `repeat(${t === void 0 ? 2 : t}, 1fr)` } : {};
-	}, u[2] = T, u[3] = N);
-	let P = N, F;
-	u[4] !== p || u[5] !== P || u[6] !== E || u[7] !== j.hideContent || u[8] !== e || u[9] !== D || u[10] !== g || u[11] !== _ || u[12] !== v || u[13] !== T || u[14] !== m || u[15] !== w || u[16] !== b ? (F = () => s("fieldset", {
-		style: g,
-		className: M({ ...e }),
-		children: j.hideContent ? s(i, {}) : c(a, { children: [m && c("legend", {
-			style: v,
-			align: w,
-			className: `legend ${b}`,
-			children: [
-				E,
-				m,
-				D
-			]
-		}), s("div", {
-			className: `contentfieldset -template${T} `,
-			style: Object.assign(P(e), _),
-			children: p
-		})] })
-	}), u[4] = p, u[5] = P, u[6] = E, u[7] = j.hideContent, u[8] = e, u[9] = D, u[10] = g, u[11] = _, u[12] = v, u[13] = T, u[14] = m, u[15] = w, u[16] = b, u[17] = F) : F = u[17];
-	let I = F;
-	if (j.unvisible) return null;
-	let L;
-	return u[18] !== f || u[19] !== I ? (L = f ? s(t, {
-		cols: f,
-		children: I()
-	}) : I(), u[18] = f, u[19] = I, u[20] = L) : L = u[20], L;
-};
-function d(e) {
-	let { type: t, customClass: n, hasError: r } = e, i = `fieldset-component ${n}`;
-	return t && (i = `${i} -${t}`), r && (i = `${i} -witherror`), i;
-}
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=index.js.map

package/lib/fieldset/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/fieldset/index.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport Grid from '../gridlayout';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../permissionValidations';\nimport NoPermission from '../noPermission';\nimport '../assets/styles/fieldset.scss';\nimport { IFieldsetProps } from './types';\nimport { OnDenied } from '../@types/PermissionAttr';\n\nconst Fieldset = (props: IFieldsetProps) => {\n  const {\n    gridCols, children, title, titleAlign = 'left', style, styleContent, styleTitle,\n    template = 'none', titleCustomClass, permissionAttr, leftElements = null, rightElements = null,\n  } = props;\n  const { hideContent, unvisible } = OPTIONS_ON_DENIED;\n  const [onDenied] =\n    useState<OnDenied>(actionsOnPermissionDenied([hideContent, unvisible], permissionAttr));\n\n  const getCssClass = ({ type, customClass, hasError }: IFieldsetProps) => {\n    let cssClass = `fieldset-component ${customClass}`;\n    if (type) cssClass = `${cssClass} -${type}`;\n    if (hasError) cssClass = `${cssClass} -witherror`;\n    return cssClass;\n  };\n\n  const getContentStyle = ({ colsCount = 2, rowsCount = 2 }: IFieldsetProps) => {\n    if (template === 'rows') {\n      return { gridTemplateRows: `repeat(${rowsCount}, 1fr)` };\n    } else if (template === 'columns') {\n      return { gridTemplateColumns: `repeat(${colsCount}, 1fr)` };\n    }\n    return {};\n  };\n\n  const renderContent = () => (\n    <fieldset style={style} className={getCssClass({ ...props })}>\n      {onDenied.hideContent\n        ? (\n          <NoPermission />\n          )\n        : (\n          <Fragment>\n            {title && (\n            <legend\n              style={styleTitle}\n              align={titleAlign}\n              className={`legend ${titleCustomClass}`}>\n              {leftElements}\n              {title}\n              {rightElements}\n            </legend>\n            )}\n            <div\n              className={`contentfieldset -template${template} `}\n              style={Object.assign(getContentStyle(props), styleContent)}>\n              {children}\n            </div>\n          </Fragment>\n          )}\n    </fieldset>\n  );\n\n  if (onDenied.unvisible) return null;\n  return (\n    gridCols\n      ? (\n        <Grid cols={gridCols}>{renderContent()}</Grid>\n        )\n      : (\n          renderContent()\n        )\n  );\n};\n\nexport default Fieldset;\n"],"mappings":";;;;;;;;aAQM,KAAA,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,aAAA,aAAA,UAAA,YAAA,GAAA,UAAA,iBAAA,eAAA,UAAA,GAAA,qBAAA,mBAAA,cAAA,GAAA,eAAA,MAGI,GAFyB,IAAA,MAAA,KAAA,IAAA,SAAA,GAC3B,IAAA,MAAA,KAAA,IAAA,SAAA,GAAqD,IAAA,MAAA,KAAA,IAAA,OAAA,GAAqB,IAAA,MAAA,KAAA,IAAA,OAAA,GAE5E,EAAA,gBAAA,iBAAmC,GAAA;AAAA,CAAA,EAAA,OAAA,IAEqD,IAAA,EAAA,MAAnE,IAAA,EAA0B,CAAC,GAAa,EAAU,EAAE,EAAe,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA;CADxF,IAAA,CAAA,KACE,EAAmB,EAAoE,EAEzF,IAAM;0BAOA,KAAA,MAAA;EAAmB,IAAA,EAAA,WAAA,GAAA,WAAA,MAAA;SACnB,MAAa,SACR,EAAA,kBAAoB,UAFW,MAAA,KAAA,IAAA,IAAA,EAED,SAAmB,GAC/C,MAAa,YACf,EAAA,qBAAuB,UAJP,MAAA,KAAA,IAAA,IAAA,EAIiB,SAAmB,GAEtD,EAAE;;CANX,IAAA,IAAM;0MASA,UACJ,EAAC,YAAD;EAAA;EAAA,WAAmC,EAAY,EAAA,GAAK,GAAO,CAAC;EAAA,UACzD,EAAA,cAEG,EAAC,GAAD,EAmBW,CAAA,GAhBX,EAAC,GAAD,EAAA,UAAA,CACG,KACD,EAAC,UAAD;GAAA,OACS;GAAA,OACA;GAAA,WACI,UAAU;GAAA,UAHvB;IAIG;IACA;IACA;IAAA;MAGH,EAAC,OAAD;GAAA,WACa,4BAA4B,EAAA;GAAS,OACzC,OAAA,OAAc,EAAgB,EAAM,EAAE,EAAa;GAAA;GAEtD,CAAA,CAAA,EACG,CAAA;EAEN,CAAA,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,EAAA,aAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,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;CAzBb,IAAA,IAAM;AA4BN,KAAI,EAAA,UAAS,QAAkB;CAAA,IAAA;AAOR,QAPQ,EAAA,QAAA,KAAA,EAAA,QAAA,KAE7B,IAAA,IAEI,EAAC,GAAD;EAAA,MAAY;EAAA,UAAW,GAAA;EAGrB,CAAe,GAAf,GAAe,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,GAAA,EAAA,MAAA,KAAA,IAAA,EAAA,KALrB;;AAvDE,SAAA,EAAA,GAAA;CASiB,IAAA,EAAA,SAAA,gBAAA,gBAAA,GACnB,IAAe,sBAAsB;AAEA,QADjC,MAAM,IAAW,GAAG,EAAA,IAAa,MACjC,MAAU,IAAW,GAAG,EAAA,eACrB"}

package/lib/fieldset/types.d.ts

@@ -1,27 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { PermissionAttr } from '../@types/PermissionAttr';
-import { Position } from '../@types/Position';
-export interface IFieldsetProps {
-    children: ReactNode;
-    customClass?: string;
-    template?: 'none' | 'columns' | 'rows';
-    titleAlign?: Extract<Position, 'left' | 'right'>;
-    title?: string;
-    titleCustomClass?: string;
-    colsCount?: string | number;
-    rowsCount?: number;
-    style?: CSSProperties;
-    styleContent?: CSSProperties;
-    styleTitle?: CSSProperties;
-    type?: 'primary' | 'danger' | 'success' | 'warning' | 'info';
-    hasError?: boolean;
-    gridCols?: string;
-    permissionAttr?: PermissionAttr | PermissionAttr[];
-    leftElements?: ReactNode;
-    rightElements?: ReactNode;
-}
-export interface ExpandedElement extends Element {
-    name?: string;
-    value?: string;
-    align?: string;
-}

package/lib/form/Field.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;