linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/dialog/index.js

@@ -0,0 +1,16 @@
+import { B as a } from "../chunks/index.aw0XaUkg.js";
+import { default as e } from "./Alert.js";
+import { default as l } from "./Error.js";
+import { default as s } from "./Information.js";
+import { default as u } from "./Question.js";
+import { default as p } from "./Warning.js";
+import { default as x } from "./Custom.js";
+export {
+  e as DialogAlert,
+  x as DialogCustom,
+  l as DialogError,
+  s as DialogInformation,
+  u as DialogQuestion,
+  p as DialogWarning,
+  a as default
+};

package/lib/dialog/types.d.ts

@@ -0,0 +1,107 @@
+import { ReactNode, CSSProperties, ReactElement, Dispatch, JSX } from 'react';
+import { TextAlign } from '../@types/Align';
+import { IconNames } from '../@types/Icon';
+export interface IContentProps {
+    children: ReactNode | ReactNode[];
+    styleForContent?: CSSProperties;
+    className?: string;
+}
+export interface IFooterProps {
+    children: ReactElement | ReactElement[];
+}
+export interface IHeaderProps {
+    handlerClose?: () => void;
+    showCloseButton?: boolean;
+    title?: string;
+    icon?: JSX.Element;
+    titleIcon?: IconNames;
+}
+export interface IBaseProps {
+    wrapperClassName?: string;
+    width?: string;
+    height?: string;
+    children: ReactNode | ReactNode[];
+    className?: string;
+    closeOnEsc?: boolean;
+    closeOnOutsideClick?: boolean;
+    overlay?: boolean;
+    textAlign?: TextAlign;
+    zIndex?: number | string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    handlerClose?: () => void;
+    id?: string;
+}
+export interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
+    buttons?: JSX.Element[];
+    styleForContent?: CSSProperties;
+    title?: string;
+    showFooter?: boolean;
+    isWaiting?: boolean;
+    icon?: JSX.Element;
+    content?: ReactNode;
+    contentClassName?: string;
+}
+export interface ICommonDialogProps {
+    onConfirmClick?: () => void;
+    text?: string;
+    title?: string;
+    confirmLabel?: string;
+}
+export interface IQuestionProps {
+    onUnconfirmClick: () => void;
+    onConfirmClick?: () => void;
+    visible?: boolean;
+    isWaiting?: boolean;
+    text?: string;
+    title?: string;
+    zIndex?: number | string;
+    closeOnEsc?: boolean;
+    confirmLabel?: string;
+    declineLabel?: string;
+}
+export interface ICustomProps {
+    icon: ReactElement;
+    buttons?: JSX.Element[];
+    title?: string;
+    text?: string;
+    height?: string;
+    width?: string;
+    iconName?: IconNames | null;
+    open?: boolean;
+    closeOnEsc?: boolean;
+    handlerClose?: () => void;
+}
+export interface IFormDialogContext {
+    headerRef?: React.RefObject<HTMLDivElement>;
+}
+export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
+    children: React.ReactNode;
+    buttons?: JSX.Element[];
+    showProgressbar?: boolean;
+    title?: string;
+    handlerClose?: () => void;
+    controls: WizardControls;
+    customStyleForProgressBar?: CSSProperties;
+    customStyleForBody?: CSSProperties;
+    progressBarPosition?: 'top' | 'left';
+}
+export interface WizardStepComponentProps {
+    children: React.ReactNode;
+    title: string;
+    customClass?: string;
+    customStyle?: CSSProperties;
+}
+export interface WizardControls extends Omit<UseWizardReturn, 'controls'> {
+    setTotalSteps: Dispatch<React.SetStateAction<number>>;
+}
+export interface UseWizardReturn {
+    changeStep: (nextStep: number) => void;
+    nextStep: () => void;
+    hasNextStep: boolean;
+    previousStep: () => void;
+    hasPreviousStep: boolean;
+    currentStep: number;
+    totalSteps: number;
+    controls: WizardControls;
+}

package/lib/dialog/wizard/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { WizardComponentProps, WizardControls } from '../types';
+export declare const WizardContext: React.Context<WizardControls | null>;
+export declare const useWizardContext: () => WizardControls | null;
+declare function Wizard({ children, controls, showProgressbar, customStyleForProgressBar, customStyleForBody, progressBarPosition, ...dialogProps }: Readonly<WizardComponentProps>): import("react/jsx-runtime").JSX.Element;
+export { WizardStep as Step } from './step';
+export { Wizard as Container };
+export { useWizard } from './useWizard';
+export default Wizard;

package/lib/dialog/wizard/index.js

@@ -0,0 +1,15 @@
+import "../../chunks/jsx-runtime.D1SHvdVE.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
+import "react";
+import "../../chunks/lodash.CIAK_hAg.js";
+import "../../chunks/index.aw0XaUkg.js";
+import { b as m, W as s, a as d, b as n, u } from "./progressbar.js";
+import { useWizard as W } from "./useWizard.js";
+export {
+  m as Container,
+  s as Step,
+  d as WizardContext,
+  n as default,
+  W as useWizard,
+  u as useWizardContext
+};

package/lib/dialog/wizard/progressbar.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export declare function Progressbar({ customClass, customStyle, stepsTitle, position, }: Readonly<{
+    customClass?: string;
+    stepsTitle: {
+        title: string;
+        number: number;
+        completed: boolean;
+    }[];
+    customStyle?: CSSProperties;
+    position?: 'top' | 'left';
+}>): import("react/jsx-runtime").JSX.Element;

package/lib/dialog/wizard/progressbar.js

@@ -0,0 +1,98 @@
+import { j as d } from "../../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as C } from "../../chunks/compiler-runtime.Cu50tn6L.js";
+import N, { useEffect as B } from "react";
+import { _ as F } from "../../chunks/lodash.CIAK_hAg.js";
+import { F as R } from "../../chunks/index.aw0XaUkg.js";
+import "./useWizard.js";
+import '../../assets/progressbar.css';function T(u) {
+  const t = C.c(10), {
+    customClass: l,
+    customStyle: s,
+    stepsTitle: r,
+    position: a
+  } = u, c = a === void 0 ? "top" : a, i = E();
+  if (!i)
+    throw new Error("WizardProgressbar must be used within a Wizard component");
+  const {
+    currentStep: o
+  } = i, f = `wizard-progressbar ${l}`;
+  let m;
+  if (t[0] !== o || t[1] !== r) {
+    let p;
+    t[3] !== o ? (p = (e) => /* @__PURE__ */ d.jsxs("div", { className: "title", "data-completed": e.completed, "data-disabled": e.number > o, children: [
+      /* @__PURE__ */ d.jsx("div", { className: "step", children: /* @__PURE__ */ d.jsx("span", { className: "number", children: e.number }) }),
+      /* @__PURE__ */ d.jsx("span", { className: "step-title", children: e.title })
+    ] }, e.number), t[3] = o, t[4] = p) : p = t[4], m = r.map(p), t[0] = o, t[1] = r, t[2] = m;
+  } else
+    m = t[2];
+  let n;
+  return t[5] !== s || t[6] !== c || t[7] !== f || t[8] !== m ? (n = /* @__PURE__ */ d.jsx("div", { className: f, style: s, "data-position": c, children: m }), t[5] = s, t[6] = c, t[7] = f, t[8] = m, t[9] = n) : n = t[9], n;
+}
+function H(u) {
+  const t = C.c(4), {
+    children: l,
+    customClass: s,
+    customStyle: r
+  } = u, a = s === void 0 ? "" : s;
+  if (!E())
+    throw new Error("WizardStep must be used within a Wizard component");
+  const i = `wizard-step-component ${a}`;
+  let o;
+  return t[0] !== l || t[1] !== r || t[2] !== i ? (o = /* @__PURE__ */ d.jsx("div", { className: i, style: r, children: l }), t[0] = l, t[1] = r, t[2] = i, t[3] = o) : o = t[3], o;
+}
+const P = N.createContext(null), E = () => N.useContext(P);
+function I(u) {
+  const t = C.c(34);
+  let l, s, r, a, c, i, o;
+  t[0] !== u ? ({
+    children: l,
+    controls: s,
+    showProgressbar: i,
+    customStyleForProgressBar: a,
+    customStyleForBody: r,
+    progressBarPosition: o,
+    ...c
+  } = u, t[0] = u, t[1] = l, t[2] = s, t[3] = r, t[4] = a, t[5] = c, t[6] = i, t[7] = o) : (l = t[1], s = t[2], r = t[3], a = t[4], c = t[5], i = t[6], o = t[7]);
+  const f = i === void 0 ? !0 : i, m = o === void 0 ? "top" : o, {
+    currentStep: n,
+    setTotalSteps: p
+  } = s;
+  let e, w;
+  if (t[8] !== l || t[9] !== n) {
+    e = N.Children.toArray(l);
+    let j;
+    t[12] !== n ? (j = ($, W) => ({
+      title: String($.props.title),
+      number: W + 1,
+      completed: W < n - 1 && W !== n
+    }), t[12] = n, t[13] = j) : j = t[13], w = e.map(j), t[8] = l, t[9] = n, t[10] = e, t[11] = w;
+  } else
+    e = t[10], w = t[11];
+  const v = w, S = e[n - 1];
+  if (!s || F.isEmpty(s))
+    throw new Error("Wizard must be have controls by using useWizard hook or creating manually.");
+  let b;
+  t[14] !== p || t[15] !== e.length ? (b = () => {
+    p(e.length);
+  }, t[14] = p, t[15] = e.length, t[16] = b) : b = t[16];
+  let z;
+  t[17] !== e.length ? (z = [e.length], t[17] = e.length, t[18] = z) : z = t[18], B(b, z);
+  let h;
+  t[19] !== a || t[20] !== m || t[21] !== f || t[22] !== v ? (h = f && /* @__PURE__ */ d.jsx(T, { stepsTitle: v, customStyle: a, position: m }), t[19] = a, t[20] = m, t[21] = f, t[22] = v, t[23] = h) : h = t[23];
+  let g;
+  t[24] !== S || t[25] !== r ? (g = /* @__PURE__ */ d.jsx("div", { className: "wizard-body", style: r, children: S }), t[24] = S, t[25] = r, t[26] = g) : g = t[26];
+  let x;
+  t[27] !== c || t[28] !== h || t[29] !== g ? (x = /* @__PURE__ */ d.jsxs(R, { className: "wizard-dialog", wrapperClassName: "wizard-wrapper", contentClassName: "wizard-content", ...c, children: [
+    h,
+    g
+  ] }), t[27] = c, t[28] = h, t[29] = g, t[30] = x) : x = t[30];
+  let y;
+  return t[31] !== s || t[32] !== x ? (y = /* @__PURE__ */ d.jsx(P.Provider, { value: s, children: x }), t[31] = s, t[32] = x, t[33] = y) : y = t[33], y;
+}
+export {
+  T as Progressbar,
+  H as W,
+  P as a,
+  I as b,
+  E as u
+};

package/lib/dialog/wizard/step.d.ts

@@ -0,0 +1,2 @@
+import { WizardStepComponentProps } from '../types';
+export declare function WizardStep({ children, customClass, customStyle }: Readonly<WizardStepComponentProps>): import("react/jsx-runtime").JSX.Element;

package/lib/dialog/wizard/step.js

@@ -0,0 +1,6 @@
+import "../../chunks/jsx-runtime.D1SHvdVE.js";
+import "../../chunks/compiler-runtime.Cu50tn6L.js";
+import { W as i } from "./progressbar.js";
+export {
+  i as WizardStep
+};

package/lib/dialog/wizard/useWizard.d.ts

@@ -0,0 +1,2 @@
+import { UseWizardReturn } from '../types';
+export declare const useWizard: () => UseWizardReturn;

package/lib/dialog/wizard/useWizard.js

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

package/lib/drawer/Content.d.ts

@@ -0,0 +1,3 @@
+import { IDrawerProps } from './types';
+declare const Content: ({ children, style }: IDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default Content;

package/lib/drawer/Content.js

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

package/lib/drawer/Drawer.d.ts

@@ -0,0 +1,4 @@
+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;
+export default BaseDrawer;

package/lib/drawer/Drawer.js

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

package/lib/drawer/Drawer.spec.d.ts

@@ -0,0 +1 @@
+export {};

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,56 @@
+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
+};

package/lib/drawer/helpers.d.ts

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

package/lib/drawer/helpers.js

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

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,10 @@
+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
+};

package/lib/drawer/types.d.ts

@@ -0,0 +1,37 @@
+import { default as React, 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> {
+    overlay?: boolean;
+    children?: ReactNode;
+    customClass?: string;
+    customClassForContent?: string;
+    customClassForDrawer?: 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 React.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,51 @@
+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
+};

package/lib/dropdown/dropdown.spec.d.ts

@@ -0,0 +1 @@
+export {};

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/helper.js

@@ -0,0 +1,8 @@
+const o = (t) => `content ${t ? "" : "noclear"}`, c = (t, s, n) => {
+  let e = "item";
+  return e += t && !s ? " -selected " : "", e += s ? " -disabled" : "", e += !t && !s && n ? " -striped " : "", e;
+};
+export {
+  o as contentClass,
+  c as getDropdownItemCssClass
+};