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

package/dist/umd/uikit.development.js

@@ -33478,14 +33478,7 @@ var BarChart = function BarChart(props) {
       xAccessor: lineData.accessors[horizontal ? 'yAccessor' : 'xAccessor'],
       yAccessor: lineData.accessors[horizontal ? 'xAccessor' : 'yAccessor'],
       colorAccessor: lineData.accessors.colorAccessor
-    }, lineData.barProps, {
-      onFocus: function onFocus() {
-        for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-          args[_key] = arguments[_key];
-        }
-        return console.log(args);
-      }
-    }));
+    }, lineData.barProps));
   })), !!showAnnotations && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_bar_annotation__WEBPACK_IMPORTED_MODULE_3__.AnnotationGroup, null, data.map(function (lineData) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_bar_annotation__WEBPACK_IMPORTED_MODULE_3__.Annotation, {
       key: lineData.name,
@@ -36156,18 +36149,20 @@ var useStateWithCallback = function useStateWithCallback(initialValue, callback)
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   useDebouncedCallback: () => (/* reexport safe */ _use_debounced_callback__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   useEventListener: () => (/* reexport safe */ _use_event_listener__WEBPACK_IMPORTED_MODULE_1__["default"]),
-/* harmony export */   useLabelId: () => (/* reexport safe */ _use_label_id__WEBPACK_IMPORTED_MODULE_2__["default"]),
-/* harmony export */   useOutsideClick: () => (/* reexport safe */ _use_outside_click__WEBPACK_IMPORTED_MODULE_3__["default"]),
-/* harmony export */   useResize: () => (/* reexport safe */ _use_resize__WEBPACK_IMPORTED_MODULE_4__.useResize),
-/* harmony export */   useScroll: () => (/* reexport safe */ _use_scroll__WEBPACK_IMPORTED_MODULE_5__["default"])
+/* harmony export */   useDidUpdate: () => (/* reexport safe */ _use_did_update__WEBPACK_IMPORTED_MODULE_1__.useDidUpdate),
+/* harmony export */   useEventListener: () => (/* reexport safe */ _use_event_listener__WEBPACK_IMPORTED_MODULE_2__["default"]),
+/* harmony export */   useLabelId: () => (/* reexport safe */ _use_label_id__WEBPACK_IMPORTED_MODULE_3__["default"]),
+/* harmony export */   useOutsideClick: () => (/* reexport safe */ _use_outside_click__WEBPACK_IMPORTED_MODULE_4__["default"]),
+/* harmony export */   useResize: () => (/* reexport safe */ _use_resize__WEBPACK_IMPORTED_MODULE_5__.useResize),
+/* harmony export */   useScroll: () => (/* reexport safe */ _use_scroll__WEBPACK_IMPORTED_MODULE_6__["default"])
 /* harmony export */ });
 /* harmony import */ var _use_debounced_callback__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use_debounced_callback */ "./src/hooks/use_debounced_callback.js");
-/* harmony import */ var _use_event_listener__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use_event_listener */ "./src/hooks/use_event_listener.js");
-/* harmony import */ var _use_label_id__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use_label_id */ "./src/hooks/use_label_id.js");
-/* harmony import */ var _use_outside_click__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use_outside_click */ "./src/hooks/use_outside_click.js");
-/* harmony import */ var _use_resize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use_resize */ "./src/hooks/use_resize.js");
-/* harmony import */ var _use_scroll__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use_scroll */ "./src/hooks/use_scroll.js");
+/* harmony import */ var _use_did_update__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use_did_update */ "./src/hooks/use_did_update.js");
+/* harmony import */ var _use_event_listener__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use_event_listener */ "./src/hooks/use_event_listener.js");
+/* harmony import */ var _use_label_id__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use_label_id */ "./src/hooks/use_label_id.js");
+/* harmony import */ var _use_outside_click__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use_outside_click */ "./src/hooks/use_outside_click.js");
+/* harmony import */ var _use_resize__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use_resize */ "./src/hooks/use_resize.js");
+/* harmony import */ var _use_scroll__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./use_scroll */ "./src/hooks/use_scroll.js");
 // LICENSE_CODE ZON
 
 
@@ -36180,6 +36175,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /***/ }),
 
 /***/ "./src/hooks/use_debounced_callback.js":
@@ -36217,6 +36213,40 @@ var useDebouncedCallback = function useDebouncedCallback(callback) {
 
 /***/ }),
 
+/***/ "./src/hooks/use_did_update.js":
+/*!*************************************!*\
+  !*** ./src/hooks/use_did_update.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useDidUpdate: () => (/* binding */ useDidUpdate)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+var useDidUpdate = function useDidUpdate(fn, dependencies) {
+  var mounted = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(false);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    return function () {
+      mounted.current = false;
+    };
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (mounted.current) return fn();
+    mounted.current = true;
+    return undefined;
+  }, dependencies);
+};
+
+/***/ }),
+
 /***/ "./src/hooks/use_event_listener.js":
 /*!*****************************************!*\
   !*** ./src/hooks/use_event_listener.js ***!
@@ -43458,12 +43488,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input */ "./src/input/index.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["indeterminate"];
+var _excluded = ["onChange"];
 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."); }
 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); }
@@ -43475,36 +43509,56 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 WIDTH = 54;
-var IndeterminateCheckbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
-  var indeterminate = _ref.indeterminate,
+var IndeterminateCheckbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {
+  var onChange = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var defaultRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef();
-  var resolvedRef = ref || defaultRef;
-  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
-    resolvedRef.current.indeterminate = indeterminate;
-  }, [resolvedRef, indeterminate]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
-    type: "checkbox",
-    ref: resolvedRef
+  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
+      }
+    });
+  }, [onChange]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_input__WEBPACK_IMPORTED_MODULE_4__.Checkbox, _extends({
+    ref: ref,
+    onChange: handleChange
   }, 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,
-    state = instance.state;
-  react__WEBPACK_IMPORTED_MODULE_0___default().useEffect(function () {
-    if (onSelectRows) onSelectRows(state.selectedRowIds);
-  }, [onSelectRows, state.selectedRowIds]);
+  var dispatch = instance.dispatch,
+    initialState = instance.initialState;
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useDidUpdate)(function () {
+    console.log('did update', initialState.selectedRowIds);
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.resetSelectedRows
+    });
+  }, [initialState.selectedRowIds]);
 };
-var getCellProps = function getCellProps(header, instance) {
+var getCellProps = function getCellProps(header) {
   var style = {};
   if (header.id == 'selection') {
     style = {
       position: 'sticky',
       width: "".concat(WIDTH, "px"),
       left: '0',
-      zIndex: _constants__WEBPACK_IMPORTED_MODULE_1__.Z_INDEX.pinnedColumnHeader + 1
+      zIndex: _constants__WEBPACK_IMPORTED_MODULE_2__.Z_INDEX.pinnedColumnHeader + 1
     };
   }
   return {
@@ -43515,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',
@@ -43532,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,
@@ -43544,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,