linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/dialog/form/index.js

@@ -1,115 +1,125 @@
-import { jsx as l, jsxs as X } from "react/jsx-runtime";
-import { c as ie } from "../../_virtual/compiler-runtime.js";
-import { createContext as ne, useRef as le, useContext as re, useState as se, useEffect as ae, Children as ce, cloneElement as Y } from "react";
-import me from "../base/index.js";
-import fe from "../base/Header.js";
-import de from "../../buttons/button_container/index.js";
-import "../../buttons/DefaultButton.js";
-import '../../assets/styles/button.css';import '../../assets/styles/tooltip.css';import '../../assets/styles/icon.css';/* empty css                            */
-import "react-dom";
-/* empty css                               */
-/* empty css                              */
-import ue from "../base/Content.js";
-import he from "../base/Footer.js";
-import Ce from "../../spinner/index.js";
-import ye, { FormSecurityContext as ve } from "../../form/withFormSecurity.js";
-import we from "../Question.js";
-const xe = ne({}), ge = (t) => {
-  const e = ie.c(55), {
-    showFooter: H,
-    isWaiting: I,
-    width: M,
-    height: P,
-    content: Z,
-    children: p,
-    className: Q,
-    wrapperClassName: V,
-    contentClassName: q,
-    headerClassName: G,
-    securityBeforeUnload: J,
-    securityTitle: K,
-    securityText: O
-  } = t, D = H === void 0 ? !0 : H, r = I === void 0 ? !1 : I, E = M === void 0 ? "50%" : M, T = P === void 0 ? "50%" : P, U = Q === void 0 ? "" : Q, ee = V === void 0 ? "" : V, _ = q === void 0 ? "" : q, b = G === void 0 ? "" : G, o = J === void 0 ? !1 : J, k = K === void 0 ? "Dados Alterados" : K, R = O === void 0 ? "Você possui dados alterados, confirma o fechamento?" : O, te = le(null), C = re(ve), [$, j] = se(!1);
-  let y;
-  e[0] !== r ? (y = r ? {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormDialogContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _base = _interopRequireDefault(require("../base"));
+var _Header = _interopRequireDefault(require("../base/Header"));
+var _index = require("../../buttons/index");
+var _Content = _interopRequireDefault(require("../base/Content"));
+var _Footer = _interopRequireDefault(require("../base/Footer"));
+var _spinner = _interopRequireDefault(require("../../spinner"));
+var _withFormSecurity = _interopRequireWildcard(require("../../form/withFormSecurity"));
+var _Question = _interopRequireDefault(require("../Question"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const FormDialogContext = exports.FormDialogContext = /*#__PURE__*/(0, _react.createContext)({});
+const ModalForm = props => {
+  const {
+    showFooter = true,
+    isWaiting = false,
+    width = '50%',
+    height = '50%',
+    content,
+    children,
+    className = '',
+    wrapperClassName = '',
+    contentClassName = '',
+    headerClassName = '',
+    securityBeforeUnload = false,
+    securityTitle = 'Dados Alterados',
+    securityText = 'Você possui dados alterados, confirma o fechamento?'
+  } = props;
+  const headerRef = (0, _react.useRef)(null);
+  const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
+  const [showSecurityDialog, setShowSecurityDialog] = (0, _react.useState)(false);
+  const overlayStyle = isWaiting ? {
     opacity: 0.4,
-    pointerEvent: "none"
-  } : {}, e[0] = r, e[1] = y) : y = e[1];
-  const s = y;
-  let v;
-  e[2] !== t || e[3] !== o ? (v = () => {
-    if (o) {
-      j(!0);
+    pointerEvent: 'none'
+  } : {};
+  const handlerClose = () => {
+    if (securityBeforeUnload) {
+      setShowSecurityDialog(true);
       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?.(), j(!1);
-  }, e[5] = t, e[6] = w) : w = e[6];
-  const A = w;
-  let x;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
-    j(!1);
-  }, e[7] = x) : x = e[7];
-  const oe = x;
-  let g;
-  e[8] !== r ? (g = () => r ? /* @__PURE__ */ l("div", { className: "waitingspinner", children: /* @__PURE__ */ l(Ce, { style: {
-    width: 60
-  }, delayTime: 0 }) }) : null, e[8] = r, e[9] = g) : g = e[9];
-  const L = g;
-  let F, N;
-  e[10] !== o ? (F = () => {
-    const n = Fe;
-    return o && window.addEventListener("beforeunload", n), () => {
-      window.removeEventListener("beforeunload", n);
+    if (props.handlerClose) {
+      props.handlerClose();
+    }
+  };
+  const onConfirmSecurity = () => {
+    props.handlerClose?.();
+    setShowSecurityDialog(false);
+  };
+  const onUnconfirmClick = () => {
+    setShowSecurityDialog(false);
+  };
+  const getSpinner = () => {
+    if (!isWaiting) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "waitingspinner"
+    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      style: {
+        width: 60
+      },
+      delayTime: 0
+    }));
+  };
+  (0, _react.useEffect)(() => {
+    const onBeforeUnload = e => {
+      e?.preventDefault();
+    };
+    if (securityBeforeUnload) {
+      window.addEventListener('beforeunload', onBeforeUnload);
+    }
+    return () => {
+      window.removeEventListener('beforeunload', onBeforeUnload);
     };
-  }, N = [o], e[10] = o, e[11] = F, e[12] = N) : (F = e[11], N = e[12]), ae(F, N);
-  let S;
-  e[13] === Symbol.for("react.memo_cache_sentinel") ? (S = {
-    headerRef: te
-  }, e[13] = S) : S = e[13];
-  const W = `dialog-form-wrapper ${ee}`;
-  let a;
-  e[14] !== i || e[15] !== b || e[16] !== t.icon || e[17] !== t.title ? (a = t.title && /* @__PURE__ */ l("div", { className: `header-form ${b}`, children: /* @__PURE__ */ l(fe, { title: t.title, handlerClose: i, icon: t.icon }) }), e[14] = i, e[15] = b, e[16] = t.icon, e[17] = t.title, e[18] = a) : a = e[18];
-  let c;
-  e[19] !== s || e[20] !== t.styleForContent ? (c = {
-    ...t.styleForContent,
-    ...s
-  }, e[19] = s, e[20] = t.styleForContent, e[21] = c) : c = e[21];
-  const z = Z || p;
-  let m;
-  e[22] !== _ || e[23] !== c || e[24] !== z ? (m = /* @__PURE__ */ l(ue, { styleForContent: c, className: _, children: z }), e[22] = _, e[23] = c, e[24] = z, e[25] = m) : m = e[25];
-  let f;
-  e[26] !== L ? (f = L(), e[26] = L, e[27] = f) : f = e[27];
-  let d;
-  e[28] !== C || e[29] !== i || e[30] !== s || e[31] !== t || e[32] !== o || e[33] !== D ? (d = D && t.buttons && /* @__PURE__ */ l(he, { children: /* @__PURE__ */ l(de, { ...t, style: {
-    ...s
-  }, children: ce.toArray(t.buttons.map((n) => C && (C.securityBeforeUnload || o) && n && n.type && n.type.name === "CancelButton" ? Y(n, {
-    onClick: i
-  }) : Y(n))) }) }), e[28] = C, e[29] = i, e[30] = s, e[31] = t, e[32] = o, e[33] = D, e[34] = d) : d = e[34];
-  let u;
-  e[35] !== U || e[36] !== i || e[37] !== T || e[38] !== t || e[39] !== o || e[40] !== W || e[41] !== a || e[42] !== m || e[43] !== f || e[44] !== d || e[45] !== E ? (u = /* @__PURE__ */ X(me, { ...t, width: E, height: T, className: U, wrapperClassName: W, securityBeforeUnload: o, handlerClose: i, children: [
-    a,
-    m,
-    f,
-    d
-  ] }), e[35] = U, e[36] = i, e[37] = T, e[38] = t, e[39] = o, e[40] = W, e[41] = a, e[42] = m, e[43] = f, e[44] = d, e[45] = E, e[46] = u) : u = e[46];
-  let h;
-  e[47] !== A || e[48] !== R || e[49] !== k || e[50] !== $ ? (h = /* @__PURE__ */ l(we, { zIndex: "99999999", title: k, text: R, visible: $, onConfirmClick: A, onUnconfirmClick: oe }), e[47] = A, e[48] = R, e[49] = k, e[50] = $, e[51] = h) : h = e[51];
-  let B;
-  return e[52] !== u || e[53] !== h ? (B = /* @__PURE__ */ X(xe.Provider, { value: S, children: [
-    u,
-    h
-  ] }), e[52] = u, e[53] = h, e[54] = B) : B = e[54], B;
-}, ze = ye(ge);
-function Fe(t) {
-  t?.preventDefault();
-}
-export {
-  xe as FormDialogContext,
-  ze as default
+  }, [securityBeforeUnload]);
+  return /*#__PURE__*/_react.default.createElement(FormDialogContext.Provider, {
+    value: {
+      headerRef
+    }
+  }, /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
+    width: width,
+    height: height,
+    className: className,
+    wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`,
+    securityBeforeUnload: securityBeforeUnload,
+    handlerClose: handlerClose
+  }), props.title && /*#__PURE__*/_react.default.createElement("div", {
+    className: `header-form ${headerClassName}`
+  }, /*#__PURE__*/_react.default.createElement(_Header.default, {
+    title: props.title,
+    handlerClose: handlerClose,
+    icon: props.icon
+  })), /*#__PURE__*/_react.default.createElement(_Content.default, {
+    styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle),
+    className: contentClassName
+  }, content || children), getSpinner(), showFooter && props.buttons && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
+    style: _objectSpread({}, overlayStyle)
+  }), _react.default.Children.toArray(props.buttons.map(button => {
+    if (context && (context.securityBeforeUnload || securityBeforeUnload) && button && button.type && button.type.name === 'CancelButton') {
+      return /*#__PURE__*/_react.default.cloneElement(button, {
+        onClick: handlerClose
+      });
+    }
+    return /*#__PURE__*/_react.default.cloneElement(button);
+  }))))), /*#__PURE__*/_react.default.createElement(_Question.default, {
+    zIndex: "99999999",
+    title: securityTitle,
+    text: securityText,
+    visible: showSecurityDialog,
+    onConfirmClick: onConfirmSecurity,
+    onUnconfirmClick: onUnconfirmClick
+  }));
 };
-//# sourceMappingURL=index.js.map
+var _default = exports.default = (0, _withFormSecurity.default)(ModalForm);

package/lib/dialog/index.d.ts

@@ -1,9 +1,16 @@
-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, };
+import BaseDialog from './base/index.js';
+export { default as DialogAlert } from './Alert.js';
+export { default as DialogError } from './Error.js';
+export { default as DialogInformation } from './Information.js';
+export { default as DialogQuestion } from './Question.js';
+export { default as DialogWarning } from './Warning.js';
+export { default as DialogCustom } from './Custom.js';
+import 'react';
+import './types.js';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+
+
+export { BaseDialog as default };

package/lib/dialog/index.js

@@ -1,17 +1,51 @@
-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
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DialogAlert", {
+  enumerable: true,
+  get: function () {
+    return _Alert.default;
+  }
+});
+Object.defineProperty(exports, "DialogCustom", {
+  enumerable: true,
+  get: function () {
+    return _Custom.default;
+  }
+});
+Object.defineProperty(exports, "DialogError", {
+  enumerable: true,
+  get: function () {
+    return _Error.default;
+  }
+});
+Object.defineProperty(exports, "DialogInformation", {
+  enumerable: true,
+  get: function () {
+    return _Information.default;
+  }
+});
+Object.defineProperty(exports, "DialogQuestion", {
+  enumerable: true,
+  get: function () {
+    return _Question.default;
+  }
+});
+Object.defineProperty(exports, "DialogWarning", {
+  enumerable: true,
+  get: function () {
+    return _Warning.default;
+  }
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("./base/"));
+var _Alert = _interopRequireDefault(require("./Alert"));
+var _Error = _interopRequireDefault(require("./Error"));
+var _Information = _interopRequireDefault(require("./Information"));
+var _Question = _interopRequireDefault(require("./Question"));
+var _Warning = _interopRequireDefault(require("./Warning"));
+var _Custom = _interopRequireDefault(require("./Custom"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _base.default;

package/lib/dialog/types.d.ts

@@ -1,22 +1,24 @@
-import { ReactNode, CSSProperties, ReactElement, Dispatch, JSX, RefObject, SetStateAction } from 'react';
-import { TextAlign } from '../@types/Align';
-import { IconNames } from '../@types/Icon';
-export interface IContentProps {
+import { ReactNode, CSSProperties, ReactElement, Dispatch } from 'react';
+import { TextAlign } from '../@types/Align.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
+
+interface IContentProps {
     children: ReactNode | ReactNode[];
     styleForContent?: CSSProperties;
     className?: string;
 }
-export interface IFooterProps {
+interface IFooterProps {
     children: ReactElement | ReactElement[];
 }
-export interface IHeaderProps {
+interface IHeaderProps {
     handlerClose?: () => void;
     showCloseButton?: boolean;
     title?: string;
     icon?: JSX.Element;
     titleIcon?: IconNames;
 }
-export interface IBaseProps {
+interface IBaseProps {
     wrapperClassName?: string;
     width?: string;
     height?: string;
@@ -33,7 +35,7 @@ export interface IBaseProps {
     id?: string;
     securityBeforeUnload?: boolean;
 }
-export interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
+interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     buttons?: JSX.Element[];
     styleForContent?: CSSProperties;
     title?: string;
@@ -47,13 +49,13 @@ export interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     securityTitle?: string;
     securityText?: string;
 }
-export interface ICommonDialogProps {
+interface ICommonDialogProps {
     onConfirmClick?: () => void;
     text?: string;
     title?: string;
     confirmLabel?: string;
 }
-export interface IQuestionProps {
+interface IQuestionProps {
     onUnconfirmClick: () => void;
     onConfirmClick?: () => void;
     visible?: boolean;
@@ -65,7 +67,7 @@ export interface IQuestionProps {
     confirmLabel?: string;
     declineLabel?: string;
 }
-export interface ICustomProps {
+interface ICustomProps {
     icon: ReactElement;
     buttons?: JSX.Element[];
     title?: string;
@@ -77,11 +79,11 @@ export interface ICustomProps {
     closeOnEsc?: boolean;
     handlerClose?: () => void;
 }
-export interface IFormDialogContext {
-    headerRef?: RefObject<HTMLDivElement>;
+interface IFormDialogContext {
+    headerRef?: React.RefObject<HTMLDivElement>;
 }
-export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
-    children: ReactNode;
+interface WizardComponentProps extends Omit<IFormProps, 'content'> {
+    children: React.ReactNode;
     buttons?: JSX.Element[];
     showProgressbar?: boolean;
     title?: string;
@@ -91,16 +93,16 @@ export interface WizardComponentProps extends Omit<IFormProps, 'content'> {
     customStyleForBody?: CSSProperties;
     progressBarPosition?: 'top' | 'left';
 }
-export interface WizardStepComponentProps {
-    children: ReactNode;
+interface WizardStepComponentProps {
+    children: React.ReactNode;
     title: string;
     customClass?: string;
     customStyle?: CSSProperties;
 }
-export interface WizardControls extends Omit<UseWizardReturn, 'controls'> {
-    setTotalSteps: Dispatch<SetStateAction<number>>;
+interface WizardControls extends Omit<UseWizardReturn, 'controls'> {
+    setTotalSteps: Dispatch<React.SetStateAction<number>>;
 }
-export interface UseWizardReturn {
+interface UseWizardReturn {
     changeStep: (nextStep: number) => void;
     nextStep: () => void;
     hasNextStep: boolean;
@@ -110,3 +112,5 @@ export interface UseWizardReturn {
     totalSteps: number;
     controls: WizardControls;
 }
+
+export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps, UseWizardReturn, WizardComponentProps, WizardControls, WizardStepComponentProps };

package/lib/dialog/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,8 +1,13 @@
-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;
+import React__default from 'react';
+import { WizardControls, WizardComponentProps } from '../types.js';
+export { WizardStep as Step } from './step.js';
+export { useWizard } from './useWizard.js';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const WizardContext: React__default.Context<WizardControls | null>;
+declare const useWizardContext: () => WizardControls | null;
+declare function Wizard({ children, controls, showProgressbar, customStyleForProgressBar, customStyleForBody, progressBarPosition, ...dialogProps }: Readonly<WizardComponentProps>): JSX.Element;
+
+export { Wizard as Container, WizardContext, Wizard as default, useWizardContext };

package/lib/dialog/wizard/index.js

@@ -1,67 +1,80 @@
-import { jsxs as B, jsx as W } from "react/jsx-runtime";
-import { c as N } from "../../_virtual/compiler-runtime.js";
-import { createContext as F, useContext as j, Children as T, useEffect 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 = () => j(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 = T.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], k(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;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = Wizard;
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _step.WizardStep;
+  }
+});
+exports.default = exports.WizardContext = void 0;
+Object.defineProperty(exports, "useWizard", {
+  enumerable: true,
+  get: function () {
+    return _useWizard.useWizard;
+  }
+});
+exports.useWizardContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _form = _interopRequireDefault(require("../form/"));
+var _progressbar = require("./progressbar");
+require("../../assets/styles/wizard.scss");
+var _step = require("./step");
+var _useWizard = require("./useWizard");
+const _excluded = ["children", "controls", "showProgressbar", "customStyleForProgressBar", "customStyleForBody", "progressBarPosition"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const WizardContext = exports.WizardContext = /*#__PURE__*/_react.default.createContext(null);
+const useWizardContext = () => _react.default.useContext(WizardContext);
+exports.useWizardContext = useWizardContext;
+function Wizard(_ref) {
+  let {
+      children,
+      controls,
+      showProgressbar = true,
+      customStyleForProgressBar,
+      customStyleForBody,
+      progressBarPosition = 'top'
+    } = _ref,
+    dialogProps = _objectWithoutProperties(_ref, _excluded);
+  const {
+    currentStep,
+    setTotalSteps
+  } = controls;
+  const steps = _react.default.Children.toArray(children);
+  const stepsTitle = steps.map((step, index) => {
+    return {
+      title: String(step.props.title),
+      number: index + 1,
+      completed: index < currentStep - 1 && index !== currentStep
+    };
+  });
+  const currentStepElement = steps[currentStep - 1];
+  if (!controls || _lodash.default.isEmpty(controls)) throw new Error('Wizard must be have controls by using useWizard hook or creating manually.');
+  (0, _react.useEffect)(() => {
+    setTotalSteps(steps.length);
+  }, [steps.length]);
+  return /*#__PURE__*/_react.default.createElement(WizardContext.Provider, {
+    value: controls
+  }, /*#__PURE__*/_react.default.createElement(_form.default, _extends({
+    className: "wizard-dialog",
+    wrapperClassName: "wizard-wrapper",
+    contentClassName: "wizard-content"
+  }, dialogProps), showProgressbar && /*#__PURE__*/_react.default.createElement(_progressbar.Progressbar, {
+    stepsTitle: stepsTitle,
+    customStyle: customStyleForProgressBar,
+    position: progressBarPosition
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-body",
+    style: customStyleForBody
+  }, currentStepElement)));
 }
-export {
-  L as Container,
-  Q as Step,
-  v as WizardContext,
-  L as default,
-  V as useWizard,
-  K as useWizardContext
-};
-//# sourceMappingURL=index.js.map
+var _default = exports.default = Wizard;