@luminati-io/uikit 3.3.5-beta.1 → 3.3.5-beta.2

package/dist/umd/uikit.development.js

@@ -43516,7 +43516,9 @@ var WIDTH = 54;
 var IndeterminateCheckbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {
   var onChange = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (checked) {
+  var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (checked, evt) {
+    evt.preventDefault();
+    evt.stopPropagation();
     onChange === null || onChange === void 0 ? void 0 : onChange({
       target: {
         checked: checked
@@ -43529,16 +43531,21 @@ var IndeterminateCheckbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.f
   }, rest));
 });
 IndeterminateCheckbox.displayName = 'IndeterminateCheckbox';
+function reducer(state, action, _previousState, instance) {
+  var onSelectRows = instance.onSelectRows;
+  if (onSelectRows) {
+    // if (action.type === actions.resetSelectedRows)
+    if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.toggleAllRowsSelected || action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.toggleRowSelected || action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.toggleAllPageRowsSelected) {
+      onSelectRows(state.selectedRowIds);
+    }
+  }
+  return state;
+}
 var useInstance = function useInstance(instance) {
-  var onSelectRows = instance.onSelectRows,
-    dispatch = instance.dispatch,
-    state = instance.state,
+  var dispatch = instance.dispatch,
     initialState = instance.initialState;
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (onSelectRows) onSelectRows(state.selectedRowIds);
-  }, [onSelectRows, state.selectedRowIds]);
   (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useDidUpdate)(function () {
-    console.log('ch', initialState.selectedRowIds);
+    console.log('did update', initialState.selectedRowIds);
     dispatch({
       type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.resetSelectedRows
     });
@@ -43562,10 +43569,6 @@ var useSelectRows = function useSelectRows(hooks) {
   hooks.visibleColumns.push(function (columns, _ref2) {
     var instance = _ref2.instance;
     if (!instance.onSelectRows) return columns;
-    var onClick = function onClick(e) {
-      //     e.preventDefault();
-      e.stopPropagation();
-    };
     // Let's make a column for selection
     return [{
       id: 'selection',
@@ -43579,9 +43582,7 @@ var useSelectRows = function useSelectRows(hooks) {
       // method to the render a checkbox
       Cell: function Cell(_ref4) {
         var row = _ref4.row;
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-          onClick: onClick
-        }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(IndeterminateCheckbox, row.getToggleRowSelectedProps()));
+        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(IndeterminateCheckbox, row.getToggleRowSelectedProps());
       },
       disableResizing: true,
       disableHiding: true,
@@ -43591,6 +43592,7 @@ var useSelectRows = function useSelectRows(hooks) {
       minWidth: WIDTH
     }].concat(_toConsumableArray(columns));
   });
+  hooks.stateReducers.push(reducer);
   hooks.useInstance.push(useInstance);
   hooks.getHeaderProps.push(function (props, _ref5) {
     var instance = _ref5.instance,