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

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.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"],"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","inert","dataset","testid","closeDrawerOnEsc","e","key","stopPropagation","useEffect","randomId","Math","round","Date","overlayId","undefined","getElementsByTagName","getElementById","removeEventListener","drawerComponentTarget","removeChild","addEventListener","contextValues","drawerContent","DrawerContext","jsxs","DrawerHeader","DrawerContent","ReactDOM","createPortal"],"mappings":"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"}

package/lib/drawer/Header.d.ts

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

@@ -0,0 +1,57 @@
+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 {
+  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":"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"}

package/lib/drawer/helpers.d.ts

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

package/lib/drawer/helpers.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const o = t({});
+export {
+  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.d.ts

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

@@ -0,0 +1,12 @@
+import '../assets/styles/drawers.css';/* empty css                            */
+import r from "./Drawer.js";
+import { default as i } from "./Header.js";
+import { default as w } from "./Content.js";
+import e from "../form/withFormSecurity.js";
+const m = e(r);
+export {
+  w as DrawerContent,
+  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 '../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"],"names":["Drawer","withFormSecurity"],"mappings":";;;;;AAOA,MAAAA,IAAeC,EAAiBD,CAAM;"}

package/lib/drawer/types.d.ts

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

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

@@ -0,0 +1,52 @@
+import { useRef as w, useEffect as x } from "react";
+import { createPortal as P } from "react-dom";
+import y from "../node_modules/uuid/dist/v1.js";
+const v = ({
+  align: s,
+  isFloatMenu: r,
+  minWidth: c,
+  container: i,
+  target: d
+}) => {
+  if (!i || !d) return "";
+  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 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: ${f}px;`), l;
+}, {
+  body: g
+} = document, b = ({
+  id: s,
+  customClassForDropdown: r = "",
+  align: c = "left",
+  isFloatMenu: i = !1,
+  topPosition: d = 0,
+  leftPosition: e = 0,
+  rightPosition: f = 0,
+  minWidth: p = 0,
+  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"), 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-${y()}`, t.current.style.cssText = v({
+    align: c,
+    isFloatMenu: i,
+    minWidth: p,
+    container: t.current,
+    target: h
+  }), () => {
+    g.removeChild(t.current);
+  }), []), P(n.children, t.current);
+};
+export {
+  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/helper.d.ts

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

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/types.d.ts

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

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

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

package/lib/dropdown/withDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDropdown.js","sources":["../../src/lib/dropdown/withDropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState, createContext, ComponentType } from 'react';\nimport Popup from './Popup';\nimport '../assets/styles/dropdown.scss';\nimport { GetDisplayNameParams, WithDropdownProps, WithDropdownContextProps } from './types';\n\nconst WithDropdownContext = createContext<WithDropdownContextProps>({} as WithDropdownContextProps);\n\nconst getDisplayName = (Component: GetDisplayNameParams) => Component.displayName || Component.name || 'Component';\n\nconst withDropdown = <ComponentProps extends WithDropdownProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const {\n      dropdownOpened, showDropdown, dropdown, closeDropdownOnClickOutside = true, handlerClose,\n      customClassForDropdown, children, dropdownAlign = 'left', isFloatMenu, isDropdownOpened,\n    } = props;\n\n    const [opened, setOpened] = useState(dropdownOpened);\n    const [prevOpened, setPrevOpened] = useState(dropdownOpened);\n    const popupRef = useRef<HTMLElement | null>(null);\n    const wrappedComponentRef = useRef<HTMLElement | null>(null);\n\n    if (dropdownOpened !== prevOpened) {\n      setOpened(dropdownOpened);\n      setPrevOpened(dropdownOpened);\n    }\n\n    const onClickOutside = (event: Event) => {\n      const { target } = event;\n      if (popupRef?.current && target !== popupRef?.current &&\n        !event.composedPath().includes(popupRef.current)\n        && wrappedComponentRef.current !== target) {\n        setOpened(false);\n      }\n    };\n\n    const onDropdownClick = () => {\n      setOpened(prevState => !prevState);\n    };\n\n    const getDropdown = (targetRef: HTMLElement | null) => {\n      if (!targetRef || !opened) return null;\n      wrappedComponentRef.current = targetRef;\n      return (\n        <Popup\n          targetRef={targetRef}\n          align={dropdownAlign}\n          customClassForDropdown={customClassForDropdown}\n          isFloatMenu={isFloatMenu}>\n          <div className={isFloatMenu ? 'items' : undefined} ref={(r) => { popupRef.current = r; }}>\n            {children}\n          </div>\n        </Popup>\n      );\n    };\n\n    useEffect(() => {\n      if (dropdown && closeDropdownOnClickOutside) {\n        document.addEventListener('click', onClickOutside);\n      }\n\n      return () => {\n        if (dropdown && closeDropdownOnClickOutside) {\n          document.removeEventListener('click', onClickOutside);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (handlerClose) handlerClose(() => setOpened(false));\n    }, [handlerClose]);\n\n    const contextValues = {\n      handleDropdownClose: onDropdownClick,\n    };\n\n    const newProps = {\n      getDropdownPopup: (targetRef: HTMLElement | null) => getDropdown(targetRef),\n      showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,\n      isDropdownOpened: isDropdownOpened || opened,\n    };\n\n    if (!dropdown) return <WrappedComponent {...props} />;\n    return (\n      <WithDropdownContext.Provider value={contextValues}>\n        <WrappedComponent {...props} {...newProps} />\n      </WithDropdownContext.Provider>\n    );\n  };\n\n  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;\n  return EnhancedComponent;\n};\n\nexport default withDropdown;\nexport { WithDropdownContext };\n"],"names":["WithDropdownContext","createContext","getDisplayName","Component","displayName","name","withDropdown","WrappedComponent","EnhancedComponent","props","$","_c","dropdownOpened","showDropdown","dropdown","closeDropdownOnClickOutside","t0","handlerClose","customClassForDropdown","children","dropdownAlign","t1","isFloatMenu","isDropdownOpened","undefined","opened","setOpened","useState","prevOpened","setPrevOpened","popupRef","useRef","wrappedComponentRef","t2","Symbol","for","event","target","current","composedPath","includes","onClickOutside","t3","_temp","onDropdownClick","t4","targetRef","jsx","Popup","r","getDropdown","t5","document","addEventListener","removeEventListener","t6","useEffect","t7","t8","t9","handleDropdownClose","contextValues","t10","targetRef_0","t11","t12","t13","getDropdownPopup","newProps","t14","prevState"],"mappings":"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"}

package/lib/fieldset/index.d.ts

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

package/lib/fieldset/index.js

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

package/lib/fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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"],"names":["Fieldset","props","$","_c","gridCols","children","title","titleAlign","t0","style","styleContent","styleTitle","template","t1","titleCustomClass","permissionAttr","leftElements","t2","rightElements","t3","undefined","hideContent","unvisible","OPTIONS_ON_DENIED","t4","actionsOnPermissionDenied","onDenied","useState","getCssClass","_temp","t5","t6","colsCount","t7","rowsCount","t8","gridTemplateRows","gridTemplateColumns","getContentStyle","jsx","NoPermission","Fragment","jsxs","Object","assign","renderContent","Grid","type","customClass","hasError","cssClass"],"mappings":"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"}

package/lib/fieldset/types.d.ts

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

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