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

package/lib/dialog/form/index.js

@@ -0,0 +1,112 @@
+import { jsx as r, jsxs as Z } from "react/jsx-runtime";
+import { c as le } from "../../_virtual/compiler-runtime.js";
+import { createContext as re, useRef as se, useContext as ce, useState as ae, useEffect as me, Children as fe, cloneElement as p } from "react";
+import de from "../base/index.js";
+import ue from "../base/Header.js";
+import he from "../../buttons/button_container/index.js";
+import '../../assets/styles/button.css';/* empty css                              */
+import Ce from "../base/Content.js";
+import ye from "../base/Footer.js";
+import ve from "../../spinner/index.js";
+import we, { FormSecurityContext as xe } from "../../form/withFormSecurity.js";
+import ge from "../Question.js";
+const Fe = re({}), Ne = (t) => {
+  const e = le.c(57), {
+    showFooter: H,
+    isWaiting: I,
+    width: M,
+    height: P,
+    content: ee,
+    children: te,
+    className: Q,
+    wrapperClassName: V,
+    contentClassName: q,
+    headerClassName: G,
+    closeOnEsc: J,
+    securityBeforeUnload: K,
+    securityTitle: X,
+    securityText: Y
+  } = t, B = H === void 0 ? !0 : H, n = I === void 0 ? !1 : I, D = M === void 0 ? "50%" : M, T = P === void 0 ? "50%" : P, U = Q === void 0 ? "" : Q, oe = V === void 0 ? "" : V, _ = q === void 0 ? "" : q, b = G === void 0 ? "" : G, k = J === void 0 ? !0 : J, o = K === void 0 ? !1 : K, R = X === void 0 ? "Dados Alterados" : X, $ = Y === void 0 ? "Você possui dados alterados, confirma o fechamento?" : Y, ne = se(null), C = ce(xe), [j, A] = ae(!1);
+  let y;
+  e[0] !== n ? (y = n ? {
+    opacity: 0.4,
+    pointerEvent: "none"
+  } : {}, e[0] = n, e[1] = y) : y = e[1];
+  const s = y;
+  let v;
+  e[2] !== t || e[3] !== o ? (v = () => {
+    if (o) {
+      A(!0);
+      return;
+    }
+    t.handlerClose && t.handlerClose();
+  }, e[2] = t, e[3] = o, e[4] = v) : v = e[4];
+  const i = v;
+  let w;
+  e[5] !== t ? (w = () => {
+    t.handlerClose?.(), A(!1);
+  }, e[5] = t, e[6] = w) : w = e[6];
+  const L = w;
+  let x;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+    A(!1);
+  }, e[7] = x) : x = e[7];
+  const ie = x;
+  let g;
+  e[8] !== n ? (g = () => n ? /* @__PURE__ */ r("div", { className: "waitingspinner", children: /* @__PURE__ */ r(ve, { style: {
+    width: 60
+  }, delayTime: 0 }) }) : null, e[8] = n, e[9] = g) : g = e[9];
+  const O = g;
+  let F, N;
+  e[10] !== o ? (F = () => {
+    const l = Se;
+    return o && window.addEventListener("beforeunload", l), () => {
+      window.removeEventListener("beforeunload", l);
+    };
+  }, N = [o], e[10] = o, e[11] = F, e[12] = N) : (F = e[11], N = e[12]), me(F, N);
+  let S;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+    headerRef: ne
+  }, e[13] = S) : S = e[13];
+  const W = `dialog-form-wrapper ${oe}`;
+  let c;
+  e[14] !== i || e[15] !== b || e[16] !== t.icon || e[17] !== t.title ? (c = t.title && /* @__PURE__ */ r("div", { className: `header-form ${b}`, children: /* @__PURE__ */ r(ue, { title: t.title, handlerClose: i, icon: t.icon }) }), e[14] = i, e[15] = b, e[16] = t.icon, e[17] = t.title, e[18] = c) : c = e[18];
+  let a;
+  e[19] !== s || e[20] !== t.styleForContent ? (a = {
+    ...t.styleForContent,
+    ...s
+  }, e[19] = s, e[20] = t.styleForContent, e[21] = a) : a = e[21];
+  const z = ee || te;
+  let m;
+  e[22] !== _ || e[23] !== n || e[24] !== a || e[25] !== z ? (m = /* @__PURE__ */ r(Ce, { styleForContent: a, className: _, isWaiting: n, children: z }), e[22] = _, e[23] = n, e[24] = a, e[25] = z, e[26] = m) : m = e[26];
+  let f;
+  e[27] !== O ? (f = O(), e[27] = O, e[28] = f) : f = e[28];
+  let d;
+  e[29] !== C || e[30] !== i || e[31] !== s || e[32] !== t || e[33] !== o || e[34] !== B ? (d = B && t.buttons && /* @__PURE__ */ r(ye, { children: /* @__PURE__ */ r(he, { ...t, style: {
+    ...s
+  }, children: fe.toArray(t.buttons.map((l) => C && (C.securityBeforeUnload || o) && l && l.type && l.type.name === "CancelButton" ? p(l, {
+    onClick: i
+  }) : p(l))) }) }), e[29] = C, e[30] = i, e[31] = s, e[32] = t, e[33] = o, e[34] = B, e[35] = d) : d = e[35];
+  let u;
+  e[36] !== U || e[37] !== k || e[38] !== i || e[39] !== T || e[40] !== t || e[41] !== o || e[42] !== W || e[43] !== c || e[44] !== m || e[45] !== f || e[46] !== d || e[47] !== D ? (u = /* @__PURE__ */ Z(de, { ...t, width: D, height: T, className: U, wrapperClassName: W, handlerClose: i, closeOnEsc: k, securityBeforeUnload: o, children: [
+    c,
+    m,
+    f,
+    d
+  ] }), e[36] = U, e[37] = k, e[38] = i, e[39] = T, e[40] = t, e[41] = o, e[42] = W, e[43] = c, e[44] = m, e[45] = f, e[46] = d, e[47] = D, e[48] = u) : u = e[48];
+  let h;
+  e[49] !== L || e[50] !== $ || e[51] !== R || e[52] !== j ? (h = /* @__PURE__ */ r(ge, { zIndex: "99999999", title: R, text: $, visible: j, onConfirmClick: L, onUnconfirmClick: ie }), e[49] = L, e[50] = $, e[51] = R, e[52] = j, e[53] = h) : h = e[53];
+  let E;
+  return e[54] !== u || e[55] !== h ? (E = /* @__PURE__ */ Z(Fe.Provider, { value: S, children: [
+    u,
+    h
+  ] }), e[54] = u, e[55] = h, e[56] = E) : E = e[56], E;
+}, Le = we(Ne);
+function Se(t) {
+  t?.preventDefault();
+}
+export {
+  Fe as FormDialogContext,
+  Le as default
+};
+//# sourceMappingURL=index.js.map

package/lib/dialog/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/dialog/form/index.tsx"],"sourcesContent":["import { useContext, createContext, useRef, useState, useEffect, Children, cloneElement } from 'react';\nimport BaseDialog from '../base';\nimport BaseHeader from '../base/Header';\nimport { ButtonContainer } from '../../buttons/index';\nimport Content from '../base/Content';\nimport BaseFooter from '../base/Footer';\nimport SpinnerLoading from '../../spinner';\nimport withFormSecurity, { FormSecurityContext } from '../../form/withFormSecurity';\nimport { IFormProps, IFormDialogContext } from '../types';\nimport DialogQuestion from '../Question';\n\nexport const FormDialogContext = createContext({} as IFormDialogContext);\n\nconst ModalForm = (props: IFormProps) => {\n  const {\n    showFooter = true,\n    isWaiting = false,\n    width = '50%',\n    height = '50%',\n    content,\n    children,\n    className = '',\n    wrapperClassName = '',\n    contentClassName = '',\n    headerClassName = '',\n    closeOnEsc = true,\n    securityBeforeUnload = false,\n    securityTitle = 'Dados Alterados',\n    securityText = 'Você possui dados alterados, confirma o fechamento?',\n  } = props;\n  const headerRef = useRef<HTMLDivElement>(null);\n  const context = useContext(FormSecurityContext);\n  const [showSecurityDialog, setShowSecurityDialog] = useState(false);\n  const overlayStyle = isWaiting ? { opacity: 0.4, pointerEvent: 'none' } : {};\n\n  const handlerClose = () => {\n    if (securityBeforeUnload) {\n      setShowSecurityDialog(true);\n      return;\n    }\n\n    if (props.handlerClose) {\n      props.handlerClose();\n    }\n  };\n\n  const onConfirmSecurity = () => {\n    props.handlerClose?.();\n    setShowSecurityDialog(false);\n  };\n\n  const onUnconfirmClick = () => {\n    setShowSecurityDialog(false);\n  };\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  useEffect(() => {\n    const onBeforeUnload = (e: Event) => {\n      e?.preventDefault();\n    };\n\n    if (securityBeforeUnload) {\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload]);\n\n  return (\n    <FormDialogContext.Provider value={{ headerRef: headerRef as any }}>\n      <BaseDialog\n        {...props}\n        width={width}\n        height={height}\n        className={className}\n        wrapperClassName={`dialog-form-wrapper ${wrapperClassName}`}\n        handlerClose={handlerClose}\n        closeOnEsc={closeOnEsc}\n        securityBeforeUnload={securityBeforeUnload}>\n        {props.title &&\n          <div className={`header-form ${headerClassName}`}>\n            <BaseHeader\n              title={props.title}\n              handlerClose={handlerClose}\n              icon={props.icon} />\n          </div>\n        }\n        <Content \n          styleForContent={{ ...props.styleForContent, ...overlayStyle }} \n          className={contentClassName}\n          isWaiting={isWaiting}>\n          {content || children}\n        </Content>\n        {getSpinner()}\n        {showFooter && props.buttons &&\n          <BaseFooter>\n            <ButtonContainer {...props} style={{ ...overlayStyle }}>\n              {Children.toArray(props.buttons.map((button) => {\n                if (context && (context.securityBeforeUnload || securityBeforeUnload) && button \n                  && button.type && button.type.name === 'CancelButton') {\n                  return cloneElement(button, { onClick: handlerClose });\n                }\n                return cloneElement(button);\n              }))}\n            </ButtonContainer>\n          </BaseFooter>\n        }\n      </BaseDialog>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle}\n        text={securityText}\n        visible={showSecurityDialog}\n        onConfirmClick={onConfirmSecurity}\n        onUnconfirmClick={onUnconfirmClick} />\n    </FormDialogContext.Provider>\n  );\n};\n\nexport default withFormSecurity(ModalForm);\n"],"names":["FormDialogContext","createContext","ModalForm","props","$","_c","showFooter","t0","isWaiting","t1","width","t2","height","t3","content","children","className","t4","wrapperClassName","t5","contentClassName","t6","headerClassName","t7","closeOnEsc","t8","securityBeforeUnload","t9","securityTitle","t10","securityText","t11","undefined","headerRef","useRef","context","useContext","FormSecurityContext","showSecurityDialog","setShowSecurityDialog","useState","t12","opacity","pointerEvent","overlayStyle","t13","handlerClose","t14","onConfirmSecurity","t15","Symbol","for","onUnconfirmClick","t16","jsx","SpinnerLoading","getSpinner","t17","t18","onBeforeUnload","_temp","window","addEventListener","removeEventListener","useEffect","t19","t20","t21","icon","title","BaseHeader","t22","styleForContent","t23","t24","Content","t25","t26","buttons","BaseFooter","ButtonContainer","Children","toArray","map","button","type","name","cloneElement","onClick","t27","jsxs","BaseDialog","t28","DialogQuestion","t29","FormDialog","withFormSecurity","e","preventDefault"],"mappings":"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"}

package/lib/dialog/index.d.ts

@@ -0,0 +1,9 @@
+import { default as Dialog } from './base/';
+import { default as DialogAlert } from './Alert';
+import { default as DialogError } from './Error';
+import { default as DialogInformation } from './Information';
+import { default as DialogQuestion } from './Question';
+import { default as DialogWarning } from './Warning';
+import { default as DialogCustom } from './Custom';
+export default Dialog;
+export { DialogAlert, DialogInformation, DialogError, DialogCustom, DialogWarning, DialogQuestion, };

package/lib/dialog/index.js

@@ -0,0 +1,17 @@
+import a from "./base/index.js";
+import { default as e } from "./Alert.js";
+import { default as l } from "./Error.js";
+import { default as m } 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,
+  m as DialogInformation,
+  u as DialogQuestion,
+  p as DialogWarning,
+  a as default
+};
+//# sourceMappingURL=index.js.map

package/lib/dialog/index.js.map

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

package/lib/dialog/types.d.ts

@@ -0,0 +1,113 @@
+import { ReactNode, CSSProperties, ReactElement, Dispatch, RefObject, SetStateAction, JSX } from 'react';
+import { TextAlign } from '../@types/Align';
+import { IconNames } from '../@types/Icon';
+export interface IContentProps {
+    children: ReactNode | ReactNode[];
+    styleForContent?: CSSProperties;
+    className?: string;
+    isWaiting?: boolean;
+}
+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;
+    securityBeforeUnload?: boolean;
+}
+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;
+    headerClassName?: string;
+    securityBeforeUnload?: boolean;
+    securityTitle?: string;
+    securityText?: 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?: RefObject<HTMLDivElement>;
+}
+export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
+    children: ReactNode;
+    buttons?: JSX.Element[];
+    showProgressbar?: boolean;
+    title?: string;
+    handlerClose?: () => void;
+    controls: WizardControls;
+    customStyleForProgressBar?: CSSProperties;
+    customStyleForBody?: CSSProperties;
+    progressBarPosition?: 'top' | 'left';
+}
+export interface WizardStepComponentProps {
+    children: ReactNode;
+    title: string;
+    customClass?: string;
+    customStyle?: CSSProperties;
+}
+export interface WizardControls extends Omit<UseWizardReturn, 'controls'> {
+    setTotalSteps: Dispatch<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,8 @@
+import { WizardComponentProps, WizardControls } from '../types';
+export declare const WizardContext: import('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,67 @@
+import { jsxs as B, jsx as W } from "react/jsx-runtime";
+import { c as N } from "../../_virtual/compiler-runtime.js";
+import { createContext as F, Children as j, useEffect as T, useContext as k } from "react";
+import A from "../../_virtual/lodash.js";
+import D from "../form/index.js";
+import { Progressbar as R } from "./progressbar.js";
+import '../../assets/styles/wizard.css';/* empty css                              */
+import { WizardStep as Q } from "./step.js";
+import { useWizard as V } from "./useWizard.js";
+const v = F(null), K = () => k(v);
+function L(w) {
+  const e = N.c(34);
+  let s, r, l, i, n, c, d;
+  e[0] !== w ? ({
+    children: s,
+    controls: r,
+    showProgressbar: c,
+    customStyleForProgressBar: i,
+    customStyleForBody: l,
+    progressBarPosition: d,
+    ...n
+  } = w, e[0] = w, e[1] = s, e[2] = r, e[3] = l, e[4] = i, e[5] = n, e[6] = c, e[7] = d) : (s = e[1], r = e[2], l = e[3], i = e[4], n = e[5], c = e[6], d = e[7]);
+  const y = c === void 0 ? !0 : c, S = d === void 0 ? "top" : d, {
+    currentStep: o,
+    setTotalSteps: x
+  } = r;
+  let t, f;
+  if (e[8] !== s || e[9] !== o) {
+    t = j.toArray(s);
+    let z;
+    e[12] !== o ? (z = (E, b) => ({
+      title: String(E.props.title),
+      number: b + 1,
+      completed: b < o - 1 && b !== o
+    }), e[12] = o, e[13] = z) : z = e[13], f = t.map(z), e[8] = s, e[9] = o, e[10] = t, e[11] = f;
+  } else
+    t = e[10], f = e[11];
+  const C = f, P = t[o - 1];
+  if (!r || A.isEmpty(r))
+    throw new Error("Wizard must be have controls by using useWizard hook or creating manually.");
+  let u;
+  e[14] !== x || e[15] !== t.length ? (u = () => {
+    x(t.length);
+  }, e[14] = x, e[15] = t.length, e[16] = u) : u = e[16];
+  let g;
+  e[17] !== t.length ? (g = [t.length], e[17] = t.length, e[18] = g) : g = e[18], T(u, g);
+  let a;
+  e[19] !== i || e[20] !== S || e[21] !== y || e[22] !== C ? (a = y && /* @__PURE__ */ W(R, { stepsTitle: C, customStyle: i, position: S }), e[19] = i, e[20] = S, e[21] = y, e[22] = C, e[23] = a) : a = e[23];
+  let p;
+  e[24] !== P || e[25] !== l ? (p = /* @__PURE__ */ W("div", { className: "wizard-body", style: l, children: P }), e[24] = P, e[25] = l, e[26] = p) : p = e[26];
+  let m;
+  e[27] !== n || e[28] !== a || e[29] !== p ? (m = /* @__PURE__ */ B(D, { className: "wizard-dialog", wrapperClassName: "wizard-wrapper", contentClassName: "wizard-content", ...n, children: [
+    a,
+    p
+  ] }), e[27] = n, e[28] = a, e[29] = p, e[30] = m) : m = e[30];
+  let h;
+  return e[31] !== r || e[32] !== m ? (h = /* @__PURE__ */ W(v.Provider, { value: r, children: m }), e[31] = r, e[32] = m, e[33] = h) : h = e[33], h;
+}
+export {
+  L as Container,
+  Q as Step,
+  v as WizardContext,
+  L as default,
+  V as useWizard,
+  K as useWizardContext
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/dialog/wizard/index.tsx"],"sourcesContent":["import { Children, createContext, ReactElement, ReactNode, useContext, useEffect } from 'react';\nimport _ from 'lodash';\nimport FormDialog from '../form/';\nimport { Progressbar } from './progressbar';\nimport { WizardStepComponentProps, type WizardComponentProps, type WizardControls } from '../types';\nimport '../../assets/styles/wizard.scss';\n\nexport const WizardContext = createContext<WizardControls | null>(null);\n\nexport const useWizardContext = () => useContext(WizardContext);\n\nfunction Wizard({\n  children, controls, showProgressbar = true, customStyleForProgressBar, customStyleForBody,\n  progressBarPosition = 'top', ...dialogProps\n}: Readonly<WizardComponentProps>) {\n  const { currentStep, setTotalSteps } = controls;\n  const steps = Children.toArray(children) as ReactElement<WizardStepComponentProps>[];\n  const stepsTitle = steps.map((step, index) => {\n    return {\n      title: String(step.props.title),\n      number: index + 1,\n      completed: index < currentStep - 1 && index !== currentStep,\n    };\n  });\n\n  const currentStepElement = steps[currentStep - 1] as ReactNode;\n\n  if (!controls || _.isEmpty(controls))\n    throw new Error('Wizard must be have controls by using useWizard hook or creating manually.');\n\n  useEffect(() => {\n    setTotalSteps(steps.length);\n  }, [steps.length]);\n\n  return (\n    <WizardContext.Provider value={controls}>\n      <FormDialog\n        className='wizard-dialog'\n        wrapperClassName='wizard-wrapper'\n        contentClassName='wizard-content'\n        {...dialogProps}>\n        {showProgressbar && (\n          <Progressbar\n            stepsTitle={stepsTitle}\n            customStyle={customStyleForProgressBar}\n            position={progressBarPosition} />\n        )}\n        <div className='wizard-body' style={customStyleForBody}>\n          {currentStepElement}\n        </div>\n      </FormDialog>\n    </WizardContext.Provider>\n  );\n}\n\nexport { WizardStep as Step } from './step';\nexport { Wizard as Container };\nexport { useWizard } from './useWizard';\nexport default Wizard;\n"],"names":["WizardContext","createContext","useWizardContext","useContext","Wizard","t0","$","_c","children","controls","customStyleForBody","customStyleForProgressBar","dialogProps","t1","t2","showProgressbar","progressBarPosition","undefined","currentStep","setTotalSteps","steps","t3","Children","toArray","t4","step","index","title","String","props","number","completed","map","stepsTitle","currentStepElement","_","isEmpty","Error","length","t5","useEffect","t6","jsx","Progressbar","t7","t8","jsxs","FormDialog","t9"],"mappings":"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"}

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,31 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { c as h } from "../../_virtual/compiler-runtime.js";
+import { useWizardContext as x } from "./index.js";
+function z(u) {
+  const t = h.c(10), {
+    customClass: b,
+    customStyle: a,
+    stepsTitle: c,
+    position: d
+  } = u, l = d === void 0 ? "top" : d, p = x();
+  if (!p)
+    throw new Error("WizardProgressbar must be used within a Wizard component");
+  const {
+    currentStep: s
+  } = p, m = `wizard-progressbar ${b}`;
+  let e;
+  if (t[0] !== s || t[1] !== c) {
+    let i;
+    t[3] !== s ? (i = (r) => /* @__PURE__ */ f("div", { className: "title", "data-completed": r.completed, "data-disabled": r.number > s, children: [
+      /* @__PURE__ */ n("div", { className: "step", children: /* @__PURE__ */ n("span", { className: "number", children: r.number }) }),
+      /* @__PURE__ */ n("span", { className: "step-title", children: r.title })
+    ] }, r.number), t[3] = s, t[4] = i) : i = t[4], e = c.map(i), t[0] = s, t[1] = c, t[2] = e;
+  } else
+    e = t[2];
+  let o;
+  return t[5] !== a || t[6] !== l || t[7] !== m || t[8] !== e ? (o = /* @__PURE__ */ n("div", { className: m, style: a, "data-position": l, children: e }), t[5] = a, t[6] = l, t[7] = m, t[8] = e, t[9] = o) : o = t[9], o;
+}
+export {
+  z as Progressbar
+};
+//# sourceMappingURL=progressbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progressbar.js","sources":["../../../src/lib/dialog/wizard/progressbar.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useWizardContext } from '.';\n\nexport function Progressbar({\n  customClass,\n  customStyle,\n  stepsTitle,\n  position = 'top',\n}: Readonly<{\n  customClass?: string,\n  stepsTitle: {\n    title: string,\n    number: number,\n    completed: boolean\n  }[]\n  customStyle?: CSSProperties\n  position?: 'top' | 'left'\n}>) {\n  const context = useWizardContext();\n\n  if (!context)\n    throw new Error('WizardProgressbar must be used within a Wizard component');\n\n  const { currentStep } = context;\n\n  return (\n    <div\n      className={`wizard-progressbar ${customClass}`}\n      style={customStyle}\n      data-position={position}>\n      {stepsTitle.map(step => (\n        <div\n          key={step.number}\n          className='title' data-completed={step.completed}\n          data-disabled={step.number > currentStep}>\n          <div className='step'>\n            <span className='number' >\n              {step.number}\n            </span>\n          </div>\n          <span className='step-title'>{step.title}</span>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["Progressbar","t0","$","_c","customClass","customStyle","stepsTitle","position","t1","undefined","context","useWizardContext","Error","currentStep","t2","t3","t4","step","jsxs","completed","number","jsx","title","map"],"mappings":";;;AAGO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAqB;AAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAC;AAAAA,EAAAA,IAAAP,GAI1BM,IAAAC,MAAAC,SAAA,QAAAD,GAWAE,IAAgBC,EAAAA;AAEhB,MAAI,CAACD;AACH,UAAM,IAAIE,MAAM,0DAA0D;AAE5E,QAAA;AAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAwBH,GAITI,IAAA,sBAAsBV,CAAW;AAAE,MAAAW;AAAA,MAAAb,EAAA,CAAA,MAAAW,KAAAX,SAAAI,GAAA;AAAA,QAAAU;AAAA,IAAAd,SAAAW,KAG9BG,IAAAC,CAAAA,MACd,gBAAAC,EAAA,OAAA,EAEY,WAAA,SAAwB,kBAAAD,EAAIE,WACvB,iBAAAF,EAAIG,SAAUP,GAC7B,UAAA;AAAA,MAAA,gBAAAQ,EAAA,OAAA,EAAe,WAAA,QACb,UAAA,gBAAAA,EAAA,UAAgB,WAAA,UACbJ,UAAAA,EAAIG,OAAAA,CACP,EAAA,CACF;AAAA,MACA,gBAAAC,YAAgB,WAAA,cAAcJ,YAAIK,MAAAA,CAAO;AAAA,IAAA,EAAA,GARpCL,EAAIG,MASX,GACDlB,OAAAW,GAAAX,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GAZAa,IAAAT,EAAUiB,IAAKP,CAYf,GAACd,OAAAW,GAAAX,OAAAI,GAAAJ,OAAAa;AAAAA,EAAA;AAAAA,IAAAA,IAAAb,EAAA,CAAA;AAAA,MAAAc;AAAA,SAAAd,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAY,KAAAZ,SAAAa,KAhBJC,IAAA,gBAAAK,EAAA,SACa,WAAAP,GACJT,OAAAA,GACQE,iBAAAA,GACdQ,UAAAA,EAAAA,CAaH,GAAMb,OAAAG,GAAAH,OAAAK,GAAAL,OAAAY,GAAAZ,OAAAa,GAAAb,OAAAc,KAAAA,IAAAd,EAAA,CAAA,GAjBNc;AAiBM;"}

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

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

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

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

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

package/lib/dialog/wizard/useWizard.js

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

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

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

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

package/lib/drawer/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../src/lib/drawer/Content.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport DrawerContext from './helpers';\nimport NoPermission from '../noPermission';\nimport { IDrawerProps } from './types';\n\nconst Content = ({ children, style }: IDrawerProps) => {\n  const { hideContent } = useContext(DrawerContext);\n\n  return (\n    hideContent\n      ? <NoPermission />\n      : (\n        <div className=\"drawerbody\" style={style}>\n          {children}\n        </div>\n        )\n  );\n};\n\nexport default Content;\n"],"names":["Content","t0","$","_c","children","style","hideContent","useContext","DrawerContext","t1","NoPermission"],"mappings":";;;;;AAKA,MAAMA,IAAUC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAJ,GACf;AAAA,IAAAK,aAAAA;AAAAA,EAAAA,IAAwBC,EAAWC,CAAa;AAAE,MAAAC;AAAA,SAAAP,EAAA,CAAA,MAAAE,KAAAF,SAAAI,KAAAJ,EAAA,CAAA,MAAAG,KAGhDI,IAAAH,sBACKI,GAAA,CAAA,CAAY,sBAEb,OAAA,EAAe,WAAA,cAAoBL,OAAAA,GAChCD,UAAAA,EAAAA,CACH,GACCF,OAAAE,GAAAF,OAAAI,GAAAJ,OAAAG,GAAAH,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GANLO;AAMK;"}

package/lib/drawer/Drawer.d.ts

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

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