funda-ui 3.8.821 → 3.9.14

package/lib/cjs/Table/index.js

@@ -11,433 +11,6 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 109:
-/***/ (function(module, exports, __webpack_require__) {
-
-/* module decorator */ module = __webpack_require__.nmd(module);
-var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
-(function webpackUniversalModuleDefinition(root, factory) {
-  if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory(__webpack_require__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
-		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
-		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
-		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
-})(this, function (__WEBPACK_EXTERNAL_MODULE__787__) {
-  return (/******/function () {
-      // webpackBootstrap
-      /******/
-      "use strict";
-
-      /******/
-      var __webpack_modules__ = {
-        /***/787: /***/function _(module) {
-          module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-          /***/
-        }
-
-        /******/
-      };
-      /************************************************************************/
-      /******/ // The module cache
-      /******/
-      var __webpack_module_cache__ = {};
-      /******/
-      /******/ // The require function
-      /******/
-      function __nested_webpack_require_1471__(moduleId) {
-        /******/ // Check if module is in cache
-        /******/var cachedModule = __webpack_module_cache__[moduleId];
-        /******/
-        if (cachedModule !== undefined) {
-          /******/return cachedModule.exports;
-          /******/
-        }
-        /******/ // Create a new module (and put it into the cache)
-        /******/
-        var module = __webpack_module_cache__[moduleId] = {
-          /******/ // no module.id needed
-          /******/ // no module.loaded needed
-          /******/exports: {}
-          /******/
-        };
-        /******/
-        /******/ // Execute the module function
-        /******/
-        __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_1471__);
-        /******/
-        /******/ // Return the exports of the module
-        /******/
-        return module.exports;
-        /******/
-      }
-      /******/
-      /************************************************************************/
-      /******/ /* webpack/runtime/compat get default export */
-      /******/
-      (function () {
-        /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/__nested_webpack_require_1471__.n = function (module) {
-          /******/var getter = module && module.__esModule ? /******/function () {
-            return module['default'];
-          } : /******/function () {
-            return module;
-          };
-          /******/
-          __nested_webpack_require_1471__.d(getter, {
-            a: getter
-          });
-          /******/
-          return getter;
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/define property getters */
-      /******/
-      (function () {
-        /******/ // define getter functions for harmony exports
-        /******/__nested_webpack_require_1471__.d = function (exports, definition) {
-          /******/for (var key in definition) {
-            /******/if (__nested_webpack_require_1471__.o(definition, key) && !__nested_webpack_require_1471__.o(exports, key)) {
-              /******/Object.defineProperty(exports, key, {
-                enumerable: true,
-                get: definition[key]
-              });
-              /******/
-            }
-            /******/
-          }
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/hasOwnProperty shorthand */
-      /******/
-      (function () {
-        /******/__nested_webpack_require_1471__.o = function (obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-        /******/
-      })();
-      /******/
-      /******/ /* webpack/runtime/make namespace object */
-      /******/
-      (function () {
-        /******/ // define __esModule on exports
-        /******/__nested_webpack_require_1471__.r = function (exports) {
-          /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-            /******/Object.defineProperty(exports, Symbol.toStringTag, {
-              value: 'Module'
-            });
-            /******/
-          }
-          /******/
-          Object.defineProperty(exports, '__esModule', {
-            value: true
-          });
-          /******/
-        };
-        /******/
-      })();
-      /******/
-      /************************************************************************/
-      var __webpack_exports__ = {};
-      // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-      (function () {
-        __nested_webpack_require_1471__.r(__webpack_exports__);
-        /* harmony export */
-        __nested_webpack_require_1471__.d(__webpack_exports__, {
-          /* harmony export */"default": function _default() {
-            return __WEBPACK_DEFAULT_EXPORT__;
-          }
-          /* harmony export */
-        });
-        /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_1471__(787);
-        /* harmony import */
-        var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_1471__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-        function _typeof(obj) {
-          "@babel/helpers - typeof";
-
-          return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-            return typeof obj;
-          } : function (obj) {
-            return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-          }, _typeof(obj);
-        }
-        var _excluded = ["wrapperClassName", "itemSelectedClassName", "disabled", "required", "value", "label", "name", "id", "checked", "indeterminate", "style", "tabIndex", "onChange", "onBlur", "onFocus"];
-        function _extends() {
-          _extends = Object.assign ? Object.assign.bind() : 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);
-        }
-        function ownKeys(object, enumerableOnly) {
-          var keys = Object.keys(object);
-          if (Object.getOwnPropertySymbols) {
-            var symbols = Object.getOwnPropertySymbols(object);
-            enumerableOnly && (symbols = symbols.filter(function (sym) {
-              return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            })), keys.push.apply(keys, symbols);
-          }
-          return keys;
-        }
-        function _objectSpread(target) {
-          for (var i = 1; i < arguments.length; i++) {
-            var source = null != arguments[i] ? arguments[i] : {};
-            i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-              _defineProperty(target, key, source[key]);
-            }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-              Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-            });
-          }
-          return target;
-        }
-        function _defineProperty(obj, key, value) {
-          key = _toPropertyKey(key);
-          if (key in obj) {
-            Object.defineProperty(obj, key, {
-              value: value,
-              enumerable: true,
-              configurable: true,
-              writable: true
-            });
-          } else {
-            obj[key] = value;
-          }
-          return obj;
-        }
-        function _toPropertyKey(arg) {
-          var key = _toPrimitive(arg, "string");
-          return _typeof(key) === "symbol" ? key : String(key);
-        }
-        function _toPrimitive(input, hint) {
-          if (_typeof(input) !== "object" || input === null) return input;
-          var prim = input[Symbol.toPrimitive];
-          if (prim !== undefined) {
-            var res = prim.call(input, hint || "default");
-            if (_typeof(res) !== "object") return res;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-          }
-          return (hint === "string" ? String : Number)(input);
-        }
-        function _slicedToArray(arr, i) {
-          return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-        }
-        function _nonIterableRest() {
-          throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-        }
-        function _unsupportedIterableToArray(o, minLen) {
-          if (!o) return;
-          if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-          var n = Object.prototype.toString.call(o).slice(8, -1);
-          if (n === "Object" && o.constructor) n = o.constructor.name;
-          if (n === "Map" || n === "Set") return Array.from(o);
-          if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-        }
-        function _arrayLikeToArray(arr, len) {
-          if (len == null || len > arr.length) len = arr.length;
-          for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-          return arr2;
-        }
-        function _iterableToArrayLimit(arr, i) {
-          var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-          if (null != _i) {
-            var _s,
-              _e,
-              _x,
-              _r,
-              _arr = [],
-              _n = !0,
-              _d = !1;
-            try {
-              if (_x = (_i = _i.call(arr)).next, 0 === i) {
-                if (Object(_i) !== _i) return;
-                _n = !1;
-              } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-            } catch (err) {
-              _d = !0, _e = err;
-            } finally {
-              try {
-                if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-              } finally {
-                if (_d) throw _e;
-              }
-            }
-            return _arr;
-          }
-        }
-        function _arrayWithHoles(arr) {
-          if (Array.isArray(arr)) return arr;
-        }
-        function _objectWithoutProperties(source, excluded) {
-          if (source == null) return {};
-          var target = _objectWithoutPropertiesLoose(source, excluded);
-          var key, i;
-          if (Object.getOwnPropertySymbols) {
-            var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-            for (i = 0; i < sourceSymbolKeys.length; i++) {
-              key = sourceSymbolKeys[i];
-              if (excluded.indexOf(key) >= 0) continue;
-              if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-              target[key] = source[key];
-            }
-          }
-          return target;
-        }
-        function _objectWithoutPropertiesLoose(source, excluded) {
-          if (source == null) return {};
-          var target = {};
-          var sourceKeys = Object.keys(source);
-          var key, i;
-          for (i = 0; i < sourceKeys.length; i++) {
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            target[key] = source[key];
-          }
-          return target;
-        }
-        var Checkbox = /*#__PURE__*/(0, react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, _ref) {
-          var wrapperClassName = props.wrapperClassName,
-            itemSelectedClassName = props.itemSelectedClassName,
-            disabled = props.disabled,
-            required = props.required,
-            value = props.value,
-            label = props.label,
-            name = props.name,
-            id = props.id,
-            checked = props.checked,
-            indeterminate = props.indeterminate,
-            style = props.style,
-            tabIndex = props.tabIndex,
-            onChange = props.onChange,
-            onBlur = props.onBlur,
-            onFocus = props.onFocus,
-            attributes = _objectWithoutProperties(props, _excluded);
-          var uniqueID = (0, react__WEBPACK_IMPORTED_MODULE_0__.useId)();
-          var idRes = id || uniqueID;
-          var rootRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var valRef = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)( false || false),
-            _useState2 = _slicedToArray(_useState, 2),
-            val = _useState2[0],
-            setVal = _useState2[1]; // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
-
-          function handleFocus(event) {
-            var _rootRef$current;
-            (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
-
-            //
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-          }
-          function handleChange(event) {
-            var _rootRef$current2;
-            var _val = event.target.checked;
-            setVal(_val);
-
-            //----
-            //remove focus style
-            (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus');
-
-            //
-            if (typeof onChange === 'function') {
-              onChange(event, _val);
-            }
-          }
-          function handleBlur(event) {
-            var _rootRef$current3;
-            //----
-            //remove focus style
-            (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus');
-
-            //
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-          }
-          (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-            // default value
-            setVal(checked);
-
-            // Set a checkbox to indeterminate state
-            if (typeof indeterminate !== 'undefined') {
-              valRef.current.indeterminate = indeterminate;
-            }
-          }, [checked, indeterminate]);
-          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-            className: "".concat(wrapperClassName || wrapperClassName === '' ? wrapperClassName : "mb-3 position-relative", " ").concat(val ? itemSelectedClassName || 'item-selected' : ''),
-            ref: rootRef
-          }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-            className: "form-check"
-          }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
-            ref: function ref(node) {
-              valRef.current = node;
-              if (typeof _ref === 'function') {
-                _ref(node);
-              } else if (_ref) {
-                _ref.current = node;
-              }
-            },
-            tabIndex: tabIndex || 0,
-            type: "checkbox",
-            className: "form-check-input",
-            id: "label-".concat(idRes)
-
-            // Don't use "name", it's just a container to display the label
-            ,
-
-            "data-name": name !== null && name !== void 0 && name.match(/(\[.*?\])/gi) ? "".concat(name.split('[')[0], "-label[]") : "".concat(name, "-label"),
-            "data-checkbox": true,
-            "data-checked": val,
-            disabled: disabled || null,
-            required: required || null,
-            onChange: handleChange,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            defaultValue: value || '',
-            checked: val // component status will not change if defaultChecked is used
-            ,
-
-            style: _objectSpread({
-              cursor: 'pointer'
-            }, style)
-          }, attributes)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
-            type: "hidden",
-            id: idRes,
-            name: name,
-            value: val ? value || '' : '' // do not use `defaultValue`
-          }, attributes)), label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, typeof label === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-            htmlFor: "label-".concat(idRes),
-            className: "form-check-label",
-            dangerouslySetInnerHTML: {
-              __html: "".concat(label)
-            }
-          }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
-            htmlFor: "label-".concat(idRes),
-            className: "form-check-label"
-          }, label)) : null)));
-        });
-        /* harmony default export */
-        var __WEBPACK_DEFAULT_EXPORT__ = Checkbox;
-      })();
-
-      /******/
-      return __webpack_exports__;
-      /******/
-    }()
-  );
-});
-
-/***/ }),
-
 /***/ 426:
 /***/ ((module) => {
 
@@ -619,16 +192,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
 /******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
-/******/ 			loaded: false,
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
 /******/ 			exports: {}
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -675,15 +245,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/node module decorator */
-/******/ 	(() => {
-/******/ 		__webpack_require__.nmd = (module) => {
-/******/ 			module.paths = [];
-/******/ 			if (!module.children) module.children = [];
-/******/ 			return module;
-/******/ 		};
-/******/ 	})();
-/******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
 // This entry need to be wrapped in an IIFE because it need to be in strict mode.
@@ -745,12 +306,10 @@ var TableField = function TableField(props) {
   }, content));
 };
 /* harmony default export */ const src_TableField = (TableField);
-// EXTERNAL MODULE: ../Checkbox/dist/cjs/index.js
-var cjs = __webpack_require__(109);
-var cjs_default = /*#__PURE__*/__webpack_require__.n(cjs);
 // EXTERNAL MODULE: ./src/utils/dom.js
 var dom = __webpack_require__(426);
 ;// CONCATENATED MODULE: ./src/table-utils.ts
+
 var removeItemOnce = function removeItemOnce(arr, key) {
   return arr.filter(function (item) {
     return item.key !== key;
@@ -808,6 +367,11 @@ var setCheckboxCheckedData = function setCheckboxCheckedData(arr, key, val) {
     if (item.key === key) arr[index].checked = val;
   });
 };
+var getAllCheckboxInput = function getAllCheckboxInput(el) {
+  if (el === null) return [];
+  var _checkboxes = (0,dom.getChildren)(el.closest('table').querySelector('tbody'), '[type="checkbox"]');
+  return [].slice.call(_checkboxes);
+};
 ;// CONCATENATED MODULE: ./src/TableFieldRow.tsx
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -821,6 +385,8 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
+// HAS CHECKBOX
+
 
 
 
@@ -834,6 +400,7 @@ var TableFieldRow = function TableFieldRow(props) {
     _props$rowActiveClass = props.rowActiveClassName,
     rowActiveClassName = _props$rowActiveClass === void 0 ? 'active' : _props$rowActiveClass,
     fieldsChecked = props.fieldsChecked,
+    fieldsCheckedAct = props.fieldsCheckedAct,
     updateFirstInitCheckboxesClassName = props.updateFirstInitCheckboxesClassName,
     draggable = props.draggable,
     useRadio = props.useRadio,
@@ -864,6 +431,12 @@ var TableFieldRow = function TableFieldRow(props) {
     _useState2 = _slicedToArray(_useState, 2),
     firstInitCheckboxes = _useState2[0],
     setFirstInitCheckboxes = _useState2[1];
+
+  //
+  var _ref = fieldsCheckedAct || [null, null],
+    _ref2 = _slicedToArray(_ref, 2),
+    fieldsCheckedUpdateDataPrint = _ref2[0],
+    setFieldsCheckedUpdateDataPrint = _ref2[1];
   var rowIndex = rowKey === null || rowKey === void 0 ? void 0 : rowKey.replace('row-', '');
 
   // exposes the following methods
@@ -998,6 +571,24 @@ var TableFieldRow = function TableFieldRow(props) {
     var _checkedData = getCheckedData;
     var _res = getCheckedPrint;
 
+    // STEP 1:
+    // Update checked print from "fieldsChecked"
+    // !!! Only one time is allowed
+    //-----------
+    if (!fieldsCheckedUpdateDataPrint) {
+      if (Array.isArray(fieldsChecked)) {
+        var _checkboxes = getAllCheckboxInput(el);
+        _checkboxes.forEach(function (node, rowIndex) {
+          if (fieldsChecked[Number(rowIndex)] === true) {
+            _res.push(formatCheckboxControlVal(node));
+          }
+        });
+      }
+
+      //
+      setFieldsCheckedUpdateDataPrint(true);
+    }
+
     // STEP 1:
     // Current checkbox
     //-----------
@@ -1170,10 +761,15 @@ var TableFieldRow = function TableFieldRow(props) {
     cy: "12",
     r: "5.25",
     fill: "currentColor"
-  }))))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((cjs_default()), {
-    ref: checkboxRef,
-    wrapperClassName: "",
+  }))))) : /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    className: "form-check__wrapper"
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+    className: "form-check d-inline-block"
+  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", {
+    type: "checkbox",
+    className: "form-check-input",
     name: "checkbox-".concat(checkboxNamePrefix, "-").concat(rowIndex),
+    ref: checkboxRef,
     tabIndex: -1,
     "data-index": "".concat(rowIndex),
     "data-key": "".concat(rowKey),
@@ -1181,10 +777,13 @@ var TableFieldRow = function TableFieldRow(props) {
     checked: (_latestCheckedData$fi = latestCheckedData().filter(function (cur) {
       return cur.key === rowKey;
     })[0]) === null || _latestCheckedData$fi === void 0 ? void 0 : _latestCheckedData$fi.checked,
-    onChange: function onChange(e, val) {
-      checkedAct(e.target, val);
+    onChange: function onChange(e) {
+      var _latestCheckedData$fi2;
+      checkedAct(e.target, !((_latestCheckedData$fi2 = latestCheckedData().filter(function (cur) {
+        return cur.key === rowKey;
+      })[0]) !== null && _latestCheckedData$fi2 !== void 0 && _latestCheckedData$fi2.checked));
     }
-  }))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+  }))))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
     ref: contentRef
   }, content)));
 };
@@ -1211,6 +810,7 @@ var TableRow = function TableRow(props) {
     _props$rowActiveClass = props.rowActiveClassName,
     rowActiveClassName = _props$rowActiveClass === void 0 ? 'active' : _props$rowActiveClass,
     fieldsChecked = props.fieldsChecked,
+    fieldsCheckedAct = props.fieldsCheckedAct,
     index = props.index,
     data = props.data,
     headerLabel = props.headerLabel,
@@ -1293,6 +893,7 @@ var TableRow = function TableRow(props) {
         tableCheckRef: tableCheckRef,
         rowActiveClassName: rowActiveClassName,
         fieldsChecked: fieldsChecked,
+        fieldsCheckedAct: fieldsCheckedAct,
         updateFirstInitCheckboxesClassName: setFirstInitCheckboxesClassName,
         useRadio: useRadio,
         columnHeader: typeof headerItem.content === 'string' ? headerItem.content.replace(/(<([^>]+)>)/ig, '') : headerItem.content,
@@ -1339,6 +940,7 @@ var TableRow = function TableRow(props) {
 ;// CONCATENATED MODULE: ./src/TableHeaders.tsx
 
 
+// HAS CHECKBOX
 
 
 
@@ -1385,8 +987,8 @@ var TableHeaders = function TableHeaders(props) {
     // STEP 2:
     // All child checkboxes
     //-----------
-    var _checkboxes = (0,dom.getChildren)(el.closest('table').querySelector('tbody'), '[type="checkbox"]');
-    [].slice.call(_checkboxes).forEach(function (node) {
+    var _checkboxes = getAllCheckboxInput(el);
+    _checkboxes.forEach(function (node) {
       if (val === true) {
         setCheckboxCheckedData(_checkedData, node.dataset.key, true);
         _res.push(formatCheckboxControlVal(node));
@@ -1450,18 +1052,26 @@ var TableHeaders = function TableHeaders(props) {
       style: {
         visibility: useRadio ? 'hidden' : 'visible'
       }
-    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((cjs_default()), {
-      wrapperClassName: "",
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+      className: "form-check__wrapper"
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
+      className: "form-check d-inline-block"
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", {
+      type: "checkbox",
+      className: "form-check-input",
       name: "checkbox-".concat(checkboxNamePrefix, "-all"),
       tabIndex: -1,
       value: "row-all",
       checked: (_filter$ = getCheckedRootData.filter(function (cur) {
         return cur.key === 'row-all';
       })[0]) === null || _filter$ === void 0 ? void 0 : _filter$.checked,
-      onChange: function onChange(e, val) {
-        checkedAct(e.target, val);
+      onChange: function onChange(e) {
+        var _filter$2;
+        checkedAct(e.target, !((_filter$2 = getCheckedRootData.filter(function (cur) {
+          return cur.key === 'row-all';
+        })[0]) !== null && _filter$2 !== void 0 && _filter$2.checked));
       }
-    })) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+    })))) : null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
       dangerouslySetInnerHTML: {
         __html: "".concat(item.content)
       }
@@ -1593,12 +1203,18 @@ var Table = function Table(props) {
     _useState10 = src_slicedToArray(_useState9, 2),
     mainUpdate = _useState10[0],
     setMainUpdate = _useState10[1];
+  var _useState11 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState12 = src_slicedToArray(_useState11, 2),
+    fieldsCheckedUpdateDataPrint = _useState12[0],
+    setFieldsCheckedUpdateDataPrint = _useState12[1];
   var windowResizeUpdate = (0,performance.debounce)(handleWindowUpdate, 50);
   var _headers = data.hasOwnProperty('headers') ? data.headers : false;
   var _summaries = data.hasOwnProperty('summaries') ? data.summaries : false;
   var _fieldsChecked = data.hasOwnProperty('fieldsChecked') ? data.fieldsChecked : false;
   var windowWidth = typeof window !== 'undefined' ? window.innerWidth : 0;
 
+  //
+
   //Set the class names of different styles
   //
   var tableClasses = '';
@@ -1684,6 +1300,18 @@ var Table = function Table(props) {
     if (w <= 768 && tbodyRef.current.querySelector('tr') !== null) {
       var _loop = function _loop() {
         var tbodyRows = rootRef.current.querySelectorAll("tbody tr [data-table-col=\"".concat(i, "\"]"));
+        var curColDisplay = window.getComputedStyle(tbodyRows, null).display;
+
+        // default display attribute
+        var curColDisplayVal = curColDisplay;
+        if (typeof tbodyRows.dataset.show === 'undefined') {
+          tbodyRows.dataset.show = curColDisplay;
+        } else {
+          curColDisplayVal = tbodyRows.dataset.show;
+        }
+        tbodyRows.style.display = curColDisplayVal;
+
+        //
         var maxHeight = maxDimension(tbodyRows).height;
         [].slice.call(tbodyRows).forEach(function (row) {
           row.style.height = maxHeight + 'px';
@@ -1701,7 +1329,19 @@ var Table = function Table(props) {
       }
     } else {
       [].slice.call(rootRef.current.querySelectorAll('tbody td, tbody th, thead th')).forEach(function (node, i) {
-        node.removeAttribute('style');
+        var curColDisplay = window.getComputedStyle(node, null).display;
+
+        // default display attribute
+        var curColDisplayVal = curColDisplay;
+        if (typeof node.dataset.show === 'undefined') {
+          node.dataset.show = curColDisplay;
+        } else {
+          curColDisplayVal = node.dataset.show;
+        }
+        node.style.display = curColDisplayVal;
+
+        //
+        node.style.removeProperty('height');
       });
     }
   }
@@ -1998,6 +1638,7 @@ var Table = function Table(props) {
       tableCheckRef: tableCheckRef,
       rowActiveClassName: rowActiveClassName,
       fieldsChecked: _fieldsChecked,
+      fieldsCheckedAct: [fieldsCheckedUpdateDataPrint, setFieldsCheckedUpdateDataPrint],
       rowKey: "row-".concat(i),
       headerLabel: _headers,
       data: item,