react-table-edit 1.4.1 → 1.4.3

package/dist/index.mjs

@@ -43178,13 +43178,11 @@ const TableEdit = 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 && jsx(Fragment$1, { children: jsx("tr", { className: classnames('r-row'), children: contentColumns.map((col, indexCol) => renderContentCol(col, row, indexRow, indexCol, isSelected)) }, `row-${indexRow}`) }));
             }
         }));
@@ -65034,466 +65032,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 = forwardRef((props, ref) => {
     // ** Props
-    const { steps, instance, className, headerClassName, contentClassName, contentWrapperClassName, options = {}, type = 'horizontal', separator = jsx(SvgChevronRight, { fontSize: 17 }) } = props;
-    // ** State
-    const [activeIndex, setActiveIndex] = useState(0);
-    // ** Vars
-    let stepper = null;
-    // ** Step change listener on mount
-    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 = jsx(SvgChevronRight, { fontSize: 17 }) } = props;
     // ** Renders Wizard Header
     const renderHeader = () => {
         return steps.map((step, index) => {
             return (jsxs(Fragment, { children: [index !== 0 && index !== steps.length ? jsx("div", { className: 'line', children: separator }) : null, jsx("div", { className: classnames('step', {
-                            crossed: activeIndex > index,
-                            active: index === activeIndex
-                        }), "data-target": `#${step.id}`, children: jsxs("button", { type: 'button', className: 'step-trigger', children: [jsx("span", { className: 'bs-stepper-box', children: step.icon ? step.icon : index + 1 }), jsxs("span", { className: 'bs-stepper-label', children: [jsx("span", { className: 'bs-stepper-title', children: step.title }), step.subtitle ? 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: jsxs("button", { type: 'button', className: 'step-trigger', onClick: () => setActiveStep?.(index), children: [jsx("span", { className: 'bs-stepper-box', children: step.icon ? step.icon : index + 1 }), jsxs("span", { className: 'bs-stepper-label', children: [jsx("span", { className: 'bs-stepper-title', children: step.title }), step.subtitle ? jsx("span", { className: 'bs-stepper-subtitle', children: step.subtitle }) : null] })] }) })] }, step.id));
         });
     };
     // ** Renders Wizard Content
@@ -65501,7 +65052,7 @@ const Wizard = forwardRef((props, ref) => {
         return steps.map((step, index) => {
             return (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));
         });
     };
@@ -65514,12 +65065,10 @@ const Wizard = 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 } = useTranslation();
     const ref = useRef(null);
-    return (jsx("div", { style: { marginTop: '-25px' }, className: 'modern-horizontal-wizard', children: jsx(Wizard, { instance: (el) => {
-                setStepper(el);
-            }, type: 'modern-horizontal', ref: ref, steps: [
+    return (jsx("div", { style: { marginTop: '-25px' }, className: 'modern-horizontal-wizard', children: jsx(Wizard, { activeStep: watch('step'), type: 'modern-horizontal', ref: ref, steps: [
                 {
                     id: 'upload-file',
                     title: t('Upload file'),
@@ -65540,10 +65089,8 @@ const ImportExcelComponent = (props) => {
                     title: t('Error result'),
                     content: jsx(TabHandleErrorImportExcel, { formatNumber: formatNumber, pageOptions: pageOptions, pageSizeDefault: pageSizeDefault, dataError: dataError, headerHandleErrorExcelColumns: headerHandleErrorExcelColumns, windowSize: windowSize })
                 }
-            ], options: {
-                linear: true
-            } }) }));
+            ] }) }));
 };
 
-export { ExportExcelComponent, FindNodeByPath, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined$1 as isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
+export { ExportExcelComponent, FindNodeByPath, ImportExcelComponent, InputStyleComponent, SelectTable, SelectTableTree, TabsMenuComponent, Wizard, checkDecimalSeparator, checkThousandSeparator, TableEdit as default, formartNumberic, formatDateTime, generateUUID, isNullOrUndefined$1 as isNullOrUndefined, messageBoxConfirm, messageBoxConfirm2, messageBoxConfirmDelete, messageBoxError, messageHtmlBoxConfirm, messageHtmlBoxError, notificationError, notificationSuccess, roundNumber, useOnClickOutside };
 //# sourceMappingURL=index.mjs.map