react-table-edit 1.4.1 → 1.4.3

package/dist/component/wizard/index.d.ts

@@ -1,3 +1,23 @@
+import { JSX } from 'react';
 import 'bs-stepper/dist/css/bs-stepper.min.css';
-declare const Wizard: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-export default Wizard;
+type IFSteps = {
+    id: string;
+    content: JSX.Element;
+    subtitle?: JSX.Element | string;
+    title: JSX.Element | string;
+    icon?: JSX.Element | string;
+    isDone?: boolean;
+};
+type IFProps = {
+    steps: IFSteps[];
+    activeStep: number;
+    setActiveStep?: (stepper: number) => void;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    contentWrapperClassName?: string;
+    type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
+    separator?: JSX.Element;
+};
+declare const Wizard: import("react").ForwardRefExoticComponent<IFProps & import("react").RefAttributes<unknown>>;
+export { Wizard };

package/dist/index.d.ts

@@ -438,4 +438,25 @@ interface IFPropsDetail {
 }
 declare const ImportExcelComponent: (props: IFPropsDetail) => react_jsx_runtime.JSX.Element;
 
-export { ExportExcelComponent, FindNodeByPath, type FromItemsField, type IColumnTable, type ICommandItem, type IFColumnSelectTable, type IFColumnSelectTableTree, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFPropsDetail, type IFTableEditButton, type IFTableEditFormat, type IFTableEditPaging, type IFTableEditSearchSetting, type IFTableEditToolbar, type IFTableSelectFormat, type IFTableTreeSelectFormat, type IFToolbarOptions, type IHeaderColumnTable, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
+type IFSteps = {
+    id: string;
+    content: JSX.Element;
+    subtitle?: JSX.Element | string;
+    title: JSX.Element | string;
+    icon?: JSX.Element | string;
+    isDone?: boolean;
+};
+type IFProps = {
+    steps: IFSteps[];
+    activeStep: number;
+    setActiveStep?: (stepper: number) => void;
+    className?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+    contentWrapperClassName?: string;
+    type?: 'vertical' | 'horizontal' | 'modern-horizontal' | 'modern-vertical';
+    separator?: JSX.Element;
+};
+declare const Wizard: React.ForwardRefExoticComponent<IFProps & React.RefAttributes<unknown>>;
+
+export { ExportExcelComponent, FindNodeByPath, type FromItemsField, type IColumnTable, type ICommandItem, type IFColumnSelectTable, type IFColumnSelectTableTree, type IFCurrentPage, type IFCurrentPageConfig, type IFPageSize, type IFPropsDetail, type IFTableEditButton, type IFTableEditFormat, type IFTableEditPaging, type IFTableEditSearchSetting, type IFTableEditToolbar, type IFTableSelectFormat, type IFTableTreeSelectFormat, type IFToolbarOptions, type IHeaderColumnTable, type ISettingFormElement, type ISettingNumericElement, type ISettingSelectElement, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, Wizard, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };

package/dist/index.js

@@ -43206,13 +43206,11 @@ const TableEdit = React$5.forwardRef((props, ref) => {
         return false;
     };
     const renderData = () => {
-        totalCount = 0;
         return (dataSource.map((row, indexRow) => {
             const isSelected = selectedRows?.some((x) => x[fieldKey] === row[fieldKey]);
             const flagSearch = !searchClient || checkSearch(searchSetting?.searchTerm !== undefined ? searchSetting?.searchTerm : searchTerm, row, searchSetting?.keyField ?? []);
             if (flagSearch) {
-                totalCount += 1;
-                const flagDisplay = !pagingClient || (totalCount > ((pagingSetting.pageSize ?? 0) * ((pagingSetting.currentPage ?? 0) - 1)) && totalCount <= ((pagingSetting.pageSize ?? 0) * ((pagingSetting.currentPage ?? 0))));
+                const flagDisplay = !pagingClient || ((indexRow + 1) > ((pagingSetting.pageSize ?? 0) * ((pagingSetting.currentPage ?? 0) - 1)) && (indexRow + 1) <= ((pagingSetting.pageSize ?? 0) * ((pagingSetting.currentPage ?? 0))));
                 return (flagDisplay && jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("tr", { className: classnames('r-row'), children: contentColumns.map((col, indexCol) => renderContentCol(col, row, indexRow, indexCol, isSelected)) }, `row-${indexRow}`) }));
             }
         }));
@@ -65062,466 +65060,19 @@ const TabHandleErrorImportExcel = (props) => {
                 } }, 'HandleErrorExcel')] }));
 };
 
-var bsStepper = {exports: {}};
-
-/*!
- * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
- * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
- * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
- */
-
-(function (module, exports) {
-(function (global, factory) {
-  module.exports = factory() ;
-}(commonjsGlobal, function () {
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-
-      return target;
-    };
-
-    return _extends.apply(this, arguments);
-  }
-
-  var matches = window.Element.prototype.matches;
-
-  var closest = function closest(element, selector) {
-    return element.closest(selector);
-  };
-
-  var WinEvent = function WinEvent(inType, params) {
-    return new window.Event(inType, params);
-  };
-
-  var createCustomEvent = function createCustomEvent(eventName, params) {
-    var cEvent = new window.CustomEvent(eventName, params);
-    return cEvent;
-  };
-  /* istanbul ignore next */
-
-
-  function polyfill() {
-    if (!window.Element.prototype.matches) {
-      matches = window.Element.prototype.msMatchesSelector || window.Element.prototype.webkitMatchesSelector;
-    }
-
-    if (!window.Element.prototype.closest) {
-      closest = function closest(element, selector) {
-        if (!document.documentElement.contains(element)) {
-          return null;
-        }
-
-        do {
-          if (matches.call(element, selector)) {
-            return element;
-          }
-
-          element = element.parentElement || element.parentNode;
-        } while (element !== null && element.nodeType === 1);
-
-        return null;
-      };
-    }
-
-    if (!window.Event || typeof window.Event !== 'function') {
-      WinEvent = function WinEvent(inType, params) {
-        params = params || {};
-        var e = document.createEvent('Event');
-        e.initEvent(inType, Boolean(params.bubbles), Boolean(params.cancelable));
-        return e;
-      };
-    }
-
-    if (typeof window.CustomEvent !== 'function') {
-      var originPreventDefault = window.Event.prototype.preventDefault;
-
-      createCustomEvent = function createCustomEvent(eventName, params) {
-        var evt = document.createEvent('CustomEvent');
-        params = params || {
-          bubbles: false,
-          cancelable: false,
-          detail: null
-        };
-        evt.initCustomEvent(eventName, params.bubbles, params.cancelable, params.detail);
-
-        evt.preventDefault = function () {
-          if (!this.cancelable) {
-            return;
-          }
-
-          originPreventDefault.call(this);
-          Object.defineProperty(this, 'defaultPrevented', {
-            get: function get() {
-              return true;
-            }
-          });
-        };
-
-        return evt;
-      };
-    }
-  }
-
-  polyfill();
-
-  var MILLISECONDS_MULTIPLIER = 1000;
-  var ClassName = {
-    ACTIVE: 'active',
-    LINEAR: 'linear',
-    BLOCK: 'dstepper-block',
-    NONE: 'dstepper-none',
-    FADE: 'fade',
-    VERTICAL: 'vertical'
-  };
-  var transitionEndEvent = 'transitionend';
-  var customProperty = 'bsStepper';
-
-  var show = function show(stepperNode, indexStep, options, done) {
-    var stepper = stepperNode[customProperty];
-
-    if (stepper._steps[indexStep].classList.contains(ClassName.ACTIVE) || stepper._stepsContents[indexStep].classList.contains(ClassName.ACTIVE)) {
-      return;
-    }
-
-    var showEvent = createCustomEvent('show.bs-stepper', {
-      cancelable: true,
-      detail: {
-        from: stepper._currentIndex,
-        to: indexStep,
-        indexStep: indexStep
-      }
-    });
-    stepperNode.dispatchEvent(showEvent);
-
-    var activeStep = stepper._steps.filter(function (step) {
-      return step.classList.contains(ClassName.ACTIVE);
-    });
-
-    var activeContent = stepper._stepsContents.filter(function (content) {
-      return content.classList.contains(ClassName.ACTIVE);
-    });
-
-    if (showEvent.defaultPrevented) {
-      return;
-    }
-
-    if (activeStep.length) {
-      activeStep[0].classList.remove(ClassName.ACTIVE);
-    }
-
-    if (activeContent.length) {
-      activeContent[0].classList.remove(ClassName.ACTIVE);
-
-      if (!stepperNode.classList.contains(ClassName.VERTICAL) && !stepper.options.animation) {
-        activeContent[0].classList.remove(ClassName.BLOCK);
-      }
-    }
-
-    showStep(stepperNode, stepper._steps[indexStep], stepper._steps, options);
-    showContent(stepperNode, stepper._stepsContents[indexStep], stepper._stepsContents, activeContent, done);
-  };
-
-  var showStep = function showStep(stepperNode, step, stepList, options) {
-    stepList.forEach(function (step) {
-      var trigger = step.querySelector(options.selectors.trigger);
-      trigger.setAttribute('aria-selected', 'false'); // if stepper is in linear mode, set disabled attribute on the trigger
-
-      if (stepperNode.classList.contains(ClassName.LINEAR)) {
-        trigger.setAttribute('disabled', 'disabled');
-      }
-    });
-    step.classList.add(ClassName.ACTIVE);
-    var currentTrigger = step.querySelector(options.selectors.trigger);
-    currentTrigger.setAttribute('aria-selected', 'true'); // if stepper is in linear mode, remove disabled attribute on current
-
-    if (stepperNode.classList.contains(ClassName.LINEAR)) {
-      currentTrigger.removeAttribute('disabled');
-    }
-  };
-
-  var showContent = function showContent(stepperNode, content, contentList, activeContent, done) {
-    var stepper = stepperNode[customProperty];
-    var toIndex = contentList.indexOf(content);
-    var shownEvent = createCustomEvent('shown.bs-stepper', {
-      cancelable: true,
-      detail: {
-        from: stepper._currentIndex,
-        to: toIndex,
-        indexStep: toIndex
-      }
-    });
-
-    function complete() {
-      content.classList.add(ClassName.BLOCK);
-      content.removeEventListener(transitionEndEvent, complete);
-      stepperNode.dispatchEvent(shownEvent);
-      done();
-    }
-
-    if (content.classList.contains(ClassName.FADE)) {
-      content.classList.remove(ClassName.NONE);
-      var duration = getTransitionDurationFromElement(content);
-      content.addEventListener(transitionEndEvent, complete);
-
-      if (activeContent.length) {
-        activeContent[0].classList.add(ClassName.NONE);
-      }
-
-      content.classList.add(ClassName.ACTIVE);
-      emulateTransitionEnd(content, duration);
-    } else {
-      content.classList.add(ClassName.ACTIVE);
-      content.classList.add(ClassName.BLOCK);
-      stepperNode.dispatchEvent(shownEvent);
-      done();
-    }
-  };
-
-  var getTransitionDurationFromElement = function getTransitionDurationFromElement(element) {
-    if (!element) {
-      return 0;
-    } // Get transition-duration of the element
-
-
-    var transitionDuration = window.getComputedStyle(element).transitionDuration;
-    var floatTransitionDuration = parseFloat(transitionDuration); // Return 0 if element or transition duration is not found
-
-    if (!floatTransitionDuration) {
-      return 0;
-    } // If multiple durations are defined, take the first
-
-
-    transitionDuration = transitionDuration.split(',')[0];
-    return parseFloat(transitionDuration) * MILLISECONDS_MULTIPLIER;
-  };
-
-  var emulateTransitionEnd = function emulateTransitionEnd(element, duration) {
-    var called = false;
-    var durationPadding = 5;
-    var emulatedDuration = duration + durationPadding;
-
-    function listener() {
-      called = true;
-      element.removeEventListener(transitionEndEvent, listener);
-    }
-
-    element.addEventListener(transitionEndEvent, listener);
-    window.setTimeout(function () {
-      if (!called) {
-        element.dispatchEvent(WinEvent(transitionEndEvent));
-      }
-
-      element.removeEventListener(transitionEndEvent, listener);
-    }, emulatedDuration);
-  };
-
-  var detectAnimation = function detectAnimation(contentList, options) {
-    if (options.animation) {
-      contentList.forEach(function (content) {
-        content.classList.add(ClassName.FADE);
-        content.classList.add(ClassName.NONE);
-      });
-    }
-  };
-
-  var buildClickStepLinearListener = function buildClickStepLinearListener() {
-    return function clickStepLinearListener(event) {
-      event.preventDefault();
-    };
-  };
-
-  var buildClickStepNonLinearListener = function buildClickStepNonLinearListener(options) {
-    return function clickStepNonLinearListener(event) {
-      event.preventDefault();
-      var step = closest(event.target, options.selectors.steps);
-      var stepperNode = closest(step, options.selectors.stepper);
-      var stepper = stepperNode[customProperty];
-
-      var stepIndex = stepper._steps.indexOf(step);
-
-      show(stepperNode, stepIndex, options, function () {
-        stepper._currentIndex = stepIndex;
-      });
-    };
-  };
-
-  var DEFAULT_OPTIONS = {
-    linear: true,
-    animation: false,
-    selectors: {
-      steps: '.step',
-      trigger: '.step-trigger',
-      stepper: '.bs-stepper'
-    }
-  };
-
-  var Stepper =
-  /*#__PURE__*/
-  function () {
-    function Stepper(element, _options) {
-      var _this = this;
-
-      if (_options === void 0) {
-        _options = {};
-      }
-
-      this._element = element;
-      this._currentIndex = 0;
-      this._stepsContents = [];
-      this.options = _extends({}, DEFAULT_OPTIONS, {}, _options);
-      this.options.selectors = _extends({}, DEFAULT_OPTIONS.selectors, {}, this.options.selectors);
-
-      if (this.options.linear) {
-        this._element.classList.add(ClassName.LINEAR);
-      }
-
-      this._steps = [].slice.call(this._element.querySelectorAll(this.options.selectors.steps));
-
-      this._steps.filter(function (step) {
-        return step.hasAttribute('data-target');
-      }).forEach(function (step) {
-        _this._stepsContents.push(_this._element.querySelector(step.getAttribute('data-target')));
-      });
-
-      detectAnimation(this._stepsContents, this.options);
-
-      this._setLinkListeners();
-
-      Object.defineProperty(this._element, customProperty, {
-        value: this,
-        writable: true
-      });
-
-      if (this._steps.length) {
-        show(this._element, this._currentIndex, this.options, function () {});
-      }
-    } // Private
-
-
-    var _proto = Stepper.prototype;
-
-    _proto._setLinkListeners = function _setLinkListeners() {
-      var _this2 = this;
-
-      this._steps.forEach(function (step) {
-        var trigger = step.querySelector(_this2.options.selectors.trigger);
-
-        if (_this2.options.linear) {
-          _this2._clickStepLinearListener = buildClickStepLinearListener(_this2.options);
-          trigger.addEventListener('click', _this2._clickStepLinearListener);
-        } else {
-          _this2._clickStepNonLinearListener = buildClickStepNonLinearListener(_this2.options);
-          trigger.addEventListener('click', _this2._clickStepNonLinearListener);
-        }
-      });
-    } // Public
-    ;
-
-    _proto.next = function next() {
-      var _this3 = this;
-
-      var nextStep = this._currentIndex + 1 <= this._steps.length - 1 ? this._currentIndex + 1 : this._steps.length - 1;
-      show(this._element, nextStep, this.options, function () {
-        _this3._currentIndex = nextStep;
-      });
-    };
-
-    _proto.previous = function previous() {
-      var _this4 = this;
-
-      var previousStep = this._currentIndex - 1 >= 0 ? this._currentIndex - 1 : 0;
-      show(this._element, previousStep, this.options, function () {
-        _this4._currentIndex = previousStep;
-      });
-    };
-
-    _proto.to = function to(stepNumber) {
-      var _this5 = this;
-
-      var tempIndex = stepNumber - 1;
-      var nextStep = tempIndex >= 0 && tempIndex < this._steps.length ? tempIndex : 0;
-      show(this._element, nextStep, this.options, function () {
-        _this5._currentIndex = nextStep;
-      });
-    };
-
-    _proto.reset = function reset() {
-      var _this6 = this;
-
-      show(this._element, 0, this.options, function () {
-        _this6._currentIndex = 0;
-      });
-    };
-
-    _proto.destroy = function destroy() {
-      var _this7 = this;
-
-      this._steps.forEach(function (step) {
-        var trigger = step.querySelector(_this7.options.selectors.trigger);
-
-        if (_this7.options.linear) {
-          trigger.removeEventListener('click', _this7._clickStepLinearListener);
-        } else {
-          trigger.removeEventListener('click', _this7._clickStepNonLinearListener);
-        }
-      });
-
-      this._element[customProperty] = undefined;
-      this._element = undefined;
-      this._currentIndex = undefined;
-      this._steps = undefined;
-      this._stepsContents = undefined;
-      this._clickStepLinearListener = undefined;
-      this._clickStepNonLinearListener = undefined;
-    };
-
-    return Stepper;
-  }();
-
-  return Stepper;
-
-}));
-
-}(bsStepper));
-
-var Stepper = bsStepper.exports;
-
 var css_248z = "/*!\r\n * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)\r\n * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>\r\n * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)\r\n */.bs-stepper .step-trigger{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:20px;font-size:1rem;font-weight:700;line-height:1.5;color:#6c757d;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:none;border-radius:.25rem;transition:background-color .15s ease-out,color .15s ease-out}.bs-stepper .step-trigger:not(:disabled):not(.disabled){cursor:pointer}.bs-stepper .step-trigger.disabled,.bs-stepper .step-trigger:disabled{pointer-events:none;opacity:.65}.bs-stepper .step-trigger:focus{color:#007bff;outline:0}.bs-stepper .step-trigger:hover{text-decoration:none;background-color:rgba(0,0,0,.06)}@media (max-width:520px){.bs-stepper .step-trigger{-ms-flex-direction:column;flex-direction:column;padding:10px}}.bs-stepper-label{display:inline-block;margin:.25rem}.bs-stepper-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width:520px){.bs-stepper-header{margin:0 -10px;text-align:center}}.bs-stepper .line,.bs-stepper-line{-ms-flex:1 0 32px;flex:1 0 32px;min-width:1px;min-height:1px;margin:auto;background-color:rgba(0,0,0,.12)}@media (max-width:400px){.bs-stepper .line,.bs-stepper-line{-ms-flex-preferred-size:20px;flex-basis:20px}}.bs-stepper-circle{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;width:2em;height:2em;padding:.5em 0;margin:.25rem;line-height:1em;color:#fff;background-color:#6c757d;border-radius:1em}.active .bs-stepper-circle{background-color:#007bff}.bs-stepper-content{padding:0 20px 20px}@media (max-width:520px){.bs-stepper-content{padding:0}}.bs-stepper.vertical{display:-ms-flexbox;display:flex}.bs-stepper.vertical .bs-stepper-header{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;margin:0}.bs-stepper.vertical .bs-stepper-pane,.bs-stepper.vertical .content{display:block}.bs-stepper.vertical .bs-stepper-pane:not(.fade),.bs-stepper.vertical .content:not(.fade){display:block;visibility:hidden}.bs-stepper .content:not(.fade),.bs-stepper-pane:not(.fade){display:none}.bs-stepper .content.fade,.bs-stepper-pane.fade{visibility:hidden;transition-duration:.3s;transition-property:opacity}.bs-stepper .content.fade.active,.bs-stepper-pane.fade.active{visibility:visible;opacity:1}.bs-stepper .content.active:not(.fade),.bs-stepper-pane.active:not(.fade){display:block;visibility:visible}.bs-stepper .content.dstepper-block,.bs-stepper-pane.dstepper-block{display:block}.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,.bs-stepper:not(.vertical) .content.dstepper-none{display:none}.vertical .bs-stepper-pane.fade.dstepper-none,.vertical .content.fade.dstepper-none{visibility:hidden}";
 styleInject(css_248z);
 
 const Wizard = React$5.forwardRef((props, ref) => {
     // ** Props
-    const { steps, instance, className, headerClassName, contentClassName, contentWrapperClassName, options = {}, type = 'horizontal', separator = jsxRuntime.jsx(SvgChevronRight, { fontSize: 17 }) } = props;
-    // ** State
-    const [activeIndex, setActiveIndex] = React$5.useState(0);
-    // ** Vars
-    let stepper = null;
-    // ** Step change listener on mount
-    React$5.useEffect(() => {
-        stepper = new Stepper(ref.current, options);
-        ref.current.addEventListener('shown.bs-stepper', function (event) {
-            setActiveIndex(event.detail.indexStep);
-        });
-        if (instance) {
-            instance(stepper);
-        }
-    }, []);
+    const { steps, activeStep, setActiveStep, className = '', headerClassName = '', contentClassName = '', contentWrapperClassName = '', type = 'horizontal', separator = jsxRuntime.jsx(SvgChevronRight, { fontSize: 17 }) } = props;
     // ** Renders Wizard Header
     const renderHeader = () => {
         return steps.map((step, index) => {
             return (jsxRuntime.jsxs(React$5.Fragment, { children: [index !== 0 && index !== steps.length ? jsxRuntime.jsx("div", { className: 'line', children: separator }) : null, jsxRuntime.jsx("div", { className: classnames('step', {
-                            crossed: activeIndex > index,
-                            active: index === activeIndex
-                        }), "data-target": `#${step.id}`, children: jsxRuntime.jsxs("button", { type: 'button', className: 'step-trigger', children: [jsxRuntime.jsx("span", { className: 'bs-stepper-box', children: step.icon ? step.icon : index + 1 }), jsxRuntime.jsxs("span", { className: 'bs-stepper-label', children: [jsxRuntime.jsx("span", { className: 'bs-stepper-title', children: step.title }), step.subtitle ? jsxRuntime.jsx("span", { className: 'bs-stepper-subtitle', children: step.subtitle }) : null] })] }) })] }, step.id));
+                            crossed: step.isDone !== undefined ? step.isDone : activeStep > index,
+                            active: index === activeStep
+                        }), "data-target": `#${step.id}`, children: jsxRuntime.jsxs("button", { type: 'button', className: 'step-trigger', onClick: () => setActiveStep?.(index), children: [jsxRuntime.jsx("span", { className: 'bs-stepper-box', children: step.icon ? step.icon : index + 1 }), jsxRuntime.jsxs("span", { className: 'bs-stepper-label', children: [jsxRuntime.jsx("span", { className: 'bs-stepper-title', children: step.title }), step.subtitle ? jsxRuntime.jsx("span", { className: 'bs-stepper-subtitle', children: step.subtitle }) : null] })] }) })] }, step.id));
         });
     };
     // ** Renders Wizard Content
@@ -65529,7 +65080,7 @@ const Wizard = React$5.forwardRef((props, ref) => {
         return steps.map((step, index) => {
             return (jsxRuntime.jsx("div", { className: classnames('content', {
                     [contentClassName]: contentClassName,
-                    'active dstepper-block': activeIndex === index
+                    'active dstepper-block': activeStep === index
                 }), id: step.id, children: step.content }, step.id));
         });
     };
@@ -65542,12 +65093,10 @@ const Wizard = React$5.forwardRef((props, ref) => {
 });
 
 const ImportExcelComponent = (props) => {
-    const { setValue, getValues, control, errors, formatNumber, pageOptions, pageSizeDefault, watch, setStepper, windowSize, optionField, dataInvalid, dataValid, dataValidate, dataError, getExcelTemplate, headerValidateExcelColumns, headerHandleErrorExcelColumns } = props;
+    const { setValue, getValues, control, errors, formatNumber, pageOptions, pageSizeDefault, watch, windowSize, optionField, dataInvalid, dataValid, dataValidate, dataError, getExcelTemplate, headerValidateExcelColumns, headerHandleErrorExcelColumns } = props;
     const { t } = reactI18next.useTranslation();
     const ref = React$5.useRef(null);
-    return (jsxRuntime.jsx("div", { style: { marginTop: '-25px' }, className: 'modern-horizontal-wizard', children: jsxRuntime.jsx(Wizard, { instance: (el) => {
-                setStepper(el);
-            }, type: 'modern-horizontal', ref: ref, steps: [
+    return (jsxRuntime.jsx("div", { style: { marginTop: '-25px' }, className: 'modern-horizontal-wizard', children: jsxRuntime.jsx(Wizard, { activeStep: watch('step'), type: 'modern-horizontal', ref: ref, steps: [
                 {
                     id: 'upload-file',
                     title: t('Upload file'),
@@ -65568,9 +65117,7 @@ const ImportExcelComponent = (props) => {
                     title: t('Error result'),
                     content: jsxRuntime.jsx(TabHandleErrorImportExcel, { formatNumber: formatNumber, pageOptions: pageOptions, pageSizeDefault: pageSizeDefault, dataError: dataError, headerHandleErrorExcelColumns: headerHandleErrorExcelColumns, windowSize: windowSize })
                 }
-            ], options: {
-                linear: true
-            } }) }));
+            ] }) }));
 };
 
 exports.ExportExcelComponent = ExportExcelComponent;
@@ -65580,6 +65127,7 @@ exports.InputStyleComponent = InputStyleComponent;
 exports.SelectTable = SelectTable;
 exports.SelectTableTree = SelectTableTree;
 exports.TabsMenuComponent = TabsMenuComponent;
+exports.Wizard = Wizard;
 exports.checkDecimalSeparator = checkDecimalSeparator;
 exports.checkThousandSeparator = checkThousandSeparator;
 exports["default"] = TableEdit;