@luminati-io/uikit 3.4.16 → 3.5.1-beta.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/umd/uikit.development.js +349 -355
  2. package/dist/umd/uikit.development.js.map +1 -1
  3. package/dist/umd/uikit.production.min.js +1 -1
  4. package/package.json +1 -1
package/dist/umd/uikit.development.js CHANGED
@@ -37720,126 +37720,6 @@ var Text = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography_
37720
37720
 
37721
37721
  /***/ }),
37722
37722
 
37723
- /***/ "./src/table/cell.js":
37724
- /*!***************************!*\
37725
- !*** ./src/table/cell.js ***!
37726
- \***************************/
37727
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
37728
-
37729
- "use strict";
37730
- __webpack_require__.r(__webpack_exports__);
37731
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
37732
- /* harmony export */ Cell: () => (/* binding */ Cell),
37733
- /* harmony export */ StyledCell: () => (/* binding */ StyledCell)
37734
- /* harmony export */ });
37735
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
37736
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
37737
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
37738
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
37739
- /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
37740
- /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
37741
- /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
37742
- /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
37743
- /* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
37744
- // LICENSE_CODE ZON
37745
-
37746
-
37747
- /*jslint react:true*/
37748
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
37749
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
37750
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
37751
- 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; }
37752
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
37753
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
37754
-
37755
-
37756
-
37757
-
37758
-
37759
-
37760
-
37761
- var Cell = function Cell(props) {
37762
- var className = props.className,
37763
- rowDensity = props.rowDensity,
37764
- isLastRow = props.isLastRow,
37765
- cell = props.cell;
37766
- var row = cell.row,
37767
- column = cell.column,
37768
- isEditing = cell.isEditing;
37769
- var rowId = row.id;
37770
- var columnId = column.id,
37771
- _column$type = column.type,
37772
- type = _column$type === void 0 ? 'string' : _column$type,
37773
- canEdit = column.canEdit;
37774
- var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
37775
- columnStartEditing = _useTableContext.columnStartEditing,
37776
- columnDoneEditing = _useTableContext.columnDoneEditing,
37777
- getColumnProps = _useTableContext.getColumnProps,
37778
- getCellProps = _useTableContext.getCellProps;
37779
- var startEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
37780
- columnStartEditing(columnId, rowId);
37781
- }, [columnStartEditing, columnId, rowId]);
37782
- var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
37783
- columnDoneEditing(columnId, rowId);
37784
- }, [columnDoneEditing, columnId, rowId]);
37785
- var cellProps = _objectSpread({
37786
- $type: type,
37787
- $rowDensity: rowDensity,
37788
- $canEdit: canEdit,
37789
- $isEditing: isEditing,
37790
- $isLastRow: isLastRow
37791
- }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]));
37792
- cellProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.className, {
37793
- cell: true
37794
- }), (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
37795
- tableCell: true
37796
- }), cellProps.className);
37797
- if (canEdit) {
37798
- cellProps.onClick = function (e) {
37799
- e.stopPropagation();
37800
- startEditing();
37801
- };
37802
- }
37803
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, cellProps, cell.render('Cell', {
37804
- row: row,
37805
- isEditing: isEditing,
37806
- startEditing: startEditing,
37807
- doneEditing: doneEditing
37808
- }));
37809
- };
37810
- Cell.displayName = 'Cell';
37811
- var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
37812
- displayName: "StyledCell",
37813
- componentId: "sc-b034il-0"
37814
- })(["padding:5px 15px;overflow-x:clip;", " background-color:", ";border:1px solid ", ";", ":hover &{background-color:", ";border-left-color:", ";border-right-color:", ";}", " ", " &[data-pinned-last]{", "}", ""], function (props) {
37815
- return props.$type == 'number' ? 'text-align: right;' : null;
37816
- }, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_6__.TableRow, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
37817
- if (props.$isFooter) return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
37818
- if (props.$isLastRow) return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
37819
- }, function (props) {
37820
- if (props.$rowDensity == 'diamond_hand') {
37821
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:11px;padding-bottom:11px;"]);
37822
- }
37823
- if (props.$rowDensity == 'white_spaced') {
37824
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:25px;padding-bottom:25px;"]);
37825
- }
37826
- }, function (props) {
37827
- if (props.$canEdit && props.$isEditing) {
37828
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08),inset 0px 0px 0px 3px rgba(0,106,220,0.4);"]);
37829
- }
37830
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);"]);
37831
- }, function (props) {
37832
- if (props.$canEdit) {
37833
- if (props.$isEditing) {
37834
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);z-index:", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11, _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.editingCell);
37835
- }
37836
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:hover{border-color:", " !important;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9);
37837
- }
37838
- });
37839
- StyledCell.displayName = 'StyledCell';
37840
-
37841
- /***/ }),
37842
-
37843
37723
  /***/ "./src/table/context.js":
37844
37724
  /*!******************************!*\
37845
37725
  !*** ./src/table/context.js ***!
@@ -37853,28 +37733,31 @@ __webpack_require__.r(__webpack_exports__);
37853
37733
  /* harmony export */ defaultContextValue: () => (/* binding */ defaultContextValue),
37854
37734
  /* harmony export */ useTableContext: () => (/* binding */ useTableContext)
37855
37735
  /* harmony export */ });
37856
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
37857
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
37858
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
37859
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
37860
- /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-table */ "react-table");
37861
- /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_2__);
37862
- /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
37863
- /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
37864
- /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
37865
- /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
37866
- /* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
37867
- /* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
37868
- /* harmony import */ var _expandable_rows__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./expandable_rows */ "./src/table/expandable_rows.js");
37869
- /* harmony import */ var _select_rows__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./select_rows */ "./src/table/select_rows.js");
37870
- /* harmony import */ var _row_menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./row_menu */ "./src/table/row_menu.js");
37871
- /* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
37736
+ /* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
37737
+ /* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
37738
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
37739
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
37740
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
37741
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
37742
+ /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-table */ "react-table");
37743
+ /* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_3__);
37744
+ /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
37745
+ /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
37746
+ /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
37747
+ /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
37748
+ /* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
37749
+ /* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
37750
+ /* harmony import */ var _expandable_rows__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./expandable_rows */ "./src/table/expandable_rows.js");
37751
+ /* harmony import */ var _select_rows__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./select_rows */ "./src/table/select_rows.js");
37752
+ /* harmony import */ var _row_menu__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./row_menu */ "./src/table/row_menu.js");
37753
+ /* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
37872
37754
  // LICENSE_CODE ZON
37873
37755
 
37874
37756
 
37875
37757
  /*jslint react:true*/
37876
37758
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
37877
- var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions"];
37759
+
37760
+ var _excluded = ["data", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "onColumnSortChanged"];
37878
37761
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
37879
37762
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
37880
37763
  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; }
@@ -37910,48 +37793,37 @@ var defaultPropGetter = function defaultPropGetter() {
37910
37793
  return {};
37911
37794
  };
37912
37795
  var defaultContextValue = {};
37913
- var TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createContext(defaultContextValue);
37796
+ var TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(defaultContextValue);
37914
37797
  TableContext.displayName = 'TableContext';
37915
37798
  var Cell = function Cell(props) {
37916
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Paragraph, {
37799
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Paragraph, {
37917
37800
  variant: "sm",
37918
37801
  color: "gray-11-50"
37919
37802
  }, String(props.value));
37920
37803
  };
37921
37804
  var Provider = function Provider(props) {
37922
- var defaultColumn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
37805
+ var defaultColumn = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
37923
37806
  return {
37924
37807
  minWidth: 100,
37925
37808
  Cell: Cell
37926
37809
  };
37927
37810
  }, []);
37928
- var _props$data = props.data,
37929
- data = _props$data === void 0 ? [] : _props$data,
37930
- _props$columnsSort = props.columnsSort,
37931
- columnsSort = _props$columnsSort === void 0 ? {} : _props$columnsSort,
37811
+ var data = props.data,
37932
37812
  pageSize = props.pageSize,
37933
- _props$pageSizes = props.pageSizes,
37934
- pageSizes = _props$pageSizes === void 0 ? [5, 10, 20, 30] : _props$pageSizes,
37813
+ pageSizes = props.pageSizes,
37935
37814
  children = props.children,
37936
37815
  stateManager = props.stateManager,
37937
- _props$hooks = props.hooks,
37938
- hooks = _props$hooks === void 0 ? [] : _props$hooks,
37816
+ hooks = props.hooks,
37939
37817
  NoDataComp = props.NoDataComp,
37940
37818
  LoadingComp = props.LoadingComp,
37941
- _props$ExpandHandleCo = props.ExpandHandleComp,
37942
- ExpandHandleComp = _props$ExpandHandleCo === void 0 ? _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.ExpandHandle : _props$ExpandHandleCo,
37943
- _props$noDataText = props.noDataText,
37944
- noDataText = _props$noDataText === void 0 ? 'No data' : _props$noDataText,
37945
- _props$loadingText = props.loadingText,
37946
- loadingText = _props$loadingText === void 0 ? 'Loading...' : _props$loadingText,
37947
- _props$isLoading = props.isLoading,
37948
- isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
37819
+ ExpandHandleComp = props.ExpandHandleComp,
37820
+ noDataText = props.noDataText,
37821
+ loadingText = props.loadingText,
37822
+ isLoading = props.isLoading,
37949
37823
  onPageChange = props.onPageChange,
37950
- _props$manualPaginati = props.manualPagination,
37951
- manualPagination = _props$manualPaginati === void 0 ? false : _props$manualPaginati,
37824
+ manualPagination = props.manualPagination,
37952
37825
  totalCount = props.totalCount,
37953
- _props$paginateExpand = props.paginateExpandedRows,
37954
- paginateExpandedRows = _props$paginateExpand === void 0 ? false : _props$paginateExpand,
37826
+ paginateExpandedRows = props.paginateExpandedRows,
37955
37827
  _props$getHeaderProps = props.getHeaderProps,
37956
37828
  getHeaderProps = _props$getHeaderProps === void 0 ? defaultPropGetter : _props$getHeaderProps,
37957
37829
  _props$getColumnProps = props.getColumnProps,
@@ -37963,18 +37835,18 @@ var Provider = function Provider(props) {
37963
37835
  _props$getFooterProps = props.getFooterProps,
37964
37836
  getFooterProps = _props$getFooterProps === void 0 ? defaultPropGetter : _props$getFooterProps,
37965
37837
  selectedRowIds = props.selectedRowIds,
37966
- _props$canOrderColumn = props.canOrderColumns,
37967
- canOrderColumns = _props$canOrderColumn === void 0 ? false : _props$canOrderColumn,
37838
+ canOrderColumns = props.canOrderColumns,
37968
37839
  rowActions = props.rowActions,
37840
+ onColumnSortChanged = props.onColumnSortChanged,
37969
37841
  rest = _objectWithoutProperties(props, _excluded);
37970
- var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
37842
+ var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
37971
37843
  _useState2 = _slicedToArray(_useState, 2),
37972
37844
  pageCount = _useState2[0],
37973
37845
  setPageCount = _useState2[1];
37974
- var hiddenColumns = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('hiddenColumns')) || props.hiddenColumns;
37975
- var pinnedColumns = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('pinnedColumns')) || props.pinnedColumns;
37976
- var columnOrder = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('columnOrder')) || props.columnOrder;
37977
- var initialState = assign({}, pageSize && {
37846
+ var hiddenColumns = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('hiddenColumns'), props.hiddenColumns);
37847
+ var pinnedColumns = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('pinnedColumns'), props.pinnedColumns);
37848
+ var columnOrder = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('columnOrder'), props.columnOrder);
37849
+ var initialState = assign({}, props.initialState, pageSize && {
37978
37850
  pageSize: pageSize
37979
37851
  }, hiddenColumns && {
37980
37852
  hiddenColumns: hiddenColumns
@@ -37985,7 +37857,8 @@ var Provider = function Provider(props) {
37985
37857
  }, selectedRowIds && {
37986
37858
  selectedRowIds: selectedRowIds
37987
37859
  });
37988
- var table = react_table__WEBPACK_IMPORTED_MODULE_2__.useTable.apply(void 0, [_objectSpread({
37860
+ var columnSort = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(props.columnSort, props.columnsSort);
37861
+ var table = react_table__WEBPACK_IMPORTED_MODULE_3__.useTable.apply(void 0, [_objectSpread({
37989
37862
  data: data,
37990
37863
  defaultColumn: defaultColumn,
37991
37864
  initialState: initialState,
@@ -38001,14 +37874,14 @@ var Provider = function Provider(props) {
38001
37874
  getCellProps: getCellProps,
38002
37875
  getFooterProps: getFooterProps,
38003
37876
  ExpandHandleComp: ExpandHandleComp
38004
- }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_8__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_7__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_10__.useSelectRows].concat(_toConsumableArray(rowActions !== null && rowActions !== void 0 && rowActions.length ? [_row_menu__WEBPACK_IMPORTED_MODULE_11__.useRowMenu] : []), _toConsumableArray(hooks)));
37877
+ }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'initialState', 'hiddenColumns', 'pinnedColumns', 'columnOrder', 'columnSort', 'columnsSort')), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_10__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_3__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_3__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_3__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_3__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_9__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_8__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_11__.useSelectRows].concat(_toConsumableArray(rowActions !== null && rowActions !== void 0 && rowActions.length ? [_row_menu__WEBPACK_IMPORTED_MODULE_12__.useRowMenu] : []), _toConsumableArray(hooks)));
38005
37878
  var _table$state = table.state,
38006
37879
  pageIndex = _table$state.pageIndex,
38007
37880
  _pageSize = _table$state.pageSize;
38008
- (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
37881
+ (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
38009
37882
  stateManager === null || stateManager === void 0 || stateManager.onStateChange(table.state);
38010
37883
  }, [table.state]);
38011
- (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
37884
+ (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
38012
37885
  if (!manualPagination) return;
38013
37886
  setPageCount(calcPageCount(totalCount, _pageSize));
38014
37887
  onPageChange === null || onPageChange === void 0 || onPageChange({
@@ -38018,9 +37891,10 @@ var Provider = function Provider(props) {
38018
37891
  }, [manualPagination, totalCount, pageIndex, _pageSize]);
38019
37892
  var _LoadingComp = useComp(loadingText, LoadingComp);
38020
37893
  var _NoDataComp = useComp(noDataText, NoDataComp);
38021
- var orderLogic = (0,_order_logic__WEBPACK_IMPORTED_MODULE_12__.useOrderLogic)(table);
37894
+ var orderLogic = (0,_order_logic__WEBPACK_IMPORTED_MODULE_13__.useOrderLogic)(table);
38022
37895
  var value = _objectSpread(_objectSpread({
38023
- columnsSort: columnsSort
37896
+ columnSort: columnSort,
37897
+ onColumnSortChanged: onColumnSortChanged
38024
37898
  }, table), {}, {
38025
37899
  canOrderColumns: canOrderColumns,
38026
37900
  orderLogic: orderLogic,
@@ -38028,17 +37902,17 @@ var Provider = function Provider(props) {
38028
37902
  NoDataComp: _NoDataComp,
38029
37903
  rowActions: rowActions
38030
37904
  });
38031
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TableContext.Provider, {
37905
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableContext.Provider, {
38032
37906
  value: value
38033
37907
  }, children);
38034
37908
  };
38035
37909
  Provider.displayName = 'Table.Provider';
38036
37910
  Provider.defaultProps = {
38037
37911
  data: [],
38038
- columnsSort: {},
37912
+ columnSort: {},
38039
37913
  pageSizes: [5, 10, 20, 30],
38040
37914
  hooks: [],
38041
- ExpandHandleComp: _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.ExpandHandle,
37915
+ ExpandHandleComp: _expandable_rows__WEBPACK_IMPORTED_MODULE_10__.ExpandHandle,
38042
37916
  noDataText: 'No data',
38043
37917
  loadingText: 'Loading...',
38044
37918
  isLoading: false,
@@ -38053,66 +37927,67 @@ Provider.defaultProps = {
38053
37927
  canOrderColumns: false
38054
37928
  };
38055
37929
  Provider.propTypes = {
38056
- columns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
38057
- id: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
38058
- accessor: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
38059
- type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['string', 'number']),
38060
- Header: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]).isRequired,
38061
- Cell: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38062
- Footer: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
38063
- can_sort: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)]),
38064
- on_sort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38065
- disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38066
- width: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
38067
- minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
38068
- maxWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
38069
- disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38070
- disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38071
- canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38072
- className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
37930
+ columns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
37931
+ id: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
37932
+ accessor: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
37933
+ type: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['string', 'number']),
37934
+ Header: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
37935
+ Cell: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37936
+ Footer: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
37937
+ canSort: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37938
+ disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37939
+ width: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
37940
+ minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
37941
+ maxWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
37942
+ disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37943
+ disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37944
+ canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37945
+ className: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
38073
37946
  })),
38074
- data: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
38075
- columnsSort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
38076
- pageSize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
38077
- pageSizes: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)),
38078
- manualPagination: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38079
- totalCount: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
38080
- paginateExpandedRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38081
- onPageChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38082
- isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38083
- hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
38084
- pinnedColumns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
38085
- fullWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38086
- disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38087
- disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38088
- disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38089
- canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38090
- hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38091
- hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38092
- getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38093
- getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38094
- getRowProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38095
- getCellProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38096
- getFooterProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38097
- noDataText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
38098
- loadingText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
38099
- renderRowSubComponent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38100
- rowDensity: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['busy_bee', 'diamond_hand', 'white_spaced']),
38101
- onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38102
- stickyHeader: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)]),
38103
- scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
38104
- className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
38105
- onSelectRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
38106
- canOrderColumns: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38107
- rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
38108
- scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
38109
- scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
37947
+ data: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
37948
+ columnSort: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
37949
+ onColumnSortChanged: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37950
+ pageSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
37951
+ pageSizes: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)),
37952
+ manualPagination: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37953
+ totalCount: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
37954
+ paginateExpandedRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37955
+ onPageChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37956
+ isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37957
+ hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
37958
+ pinnedColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
37959
+ fullWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37960
+ disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37961
+ disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37962
+ disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37963
+ canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37964
+ isCellEditable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37965
+ hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37966
+ hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37967
+ getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37968
+ getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37969
+ getRowProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37970
+ getCellProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37971
+ getFooterProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37972
+ noDataText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
37973
+ loadingText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
37974
+ renderRowSubComponent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37975
+ rowDensity: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['busy_bee', 'diamond_hand', 'white_spaced']),
37976
+ onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37977
+ stickyHeader: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)]),
37978
+ scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
37979
+ className: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
37980
+ onSelectRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
37981
+ canOrderColumns: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37982
+ rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
37983
+ scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
37984
+ scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
38110
37985
  };
38111
37986
  var calcPageCount = function calcPageCount(totalCount, pageSize) {
38112
37987
  return Math.ceil(totalCount / pageSize);
38113
37988
  };
38114
37989
  var useTableContext = function useTableContext() {
38115
- return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(TableContext);
37990
+ return (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(TableContext);
38116
37991
  };
38117
37992
 
38118
37993
  // can hide columns
@@ -38122,25 +37997,25 @@ var useCanHideColumns = function useCanHideColumns(hooks) {
38122
37997
  var disableHiding = instance.disableHiding,
38123
37998
  flatHeaders = instance.flatHeaders;
38124
37999
  flatHeaders.forEach(function (header) {
38125
- header.canHide = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(header.disableHiding === true ? false : undefined, disableHiding === true ? false : undefined, true);
38000
+ header.canHide = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(header.disableHiding === true ? false : undefined, disableHiding === true ? false : undefined, true);
38126
38001
  });
38127
38002
  });
38128
38003
  };
38129
38004
  useCanHideColumns.pluginName = 'useCanHideColumns';
38130
38005
  var useComp = function useComp(text, Comp) {
38131
- return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
38006
+ return (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
38132
38007
  if (Comp) return Comp;
38133
38008
  if (!text || typeof text != 'string' || text.trim() == '') return text;
38134
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(EmptyBody, null, text);
38009
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(EmptyBody, null, text);
38135
38010
  }, [text, Comp]);
38136
38011
  };
38137
38012
  var EmptyBody = function EmptyBody(_ref) {
38138
38013
  var children = _ref.children;
38139
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
38014
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
38140
38015
  align_items: "center",
38141
38016
  width: "100%",
38142
- padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['04'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['05'])
38143
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
38017
+ padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['04'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['05'])
38018
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
38144
38019
  color: "gray_11_50"
38145
38020
  }, children));
38146
38021
  };
@@ -38626,9 +38501,11 @@ __webpack_require__.r(__webpack_exports__);
38626
38501
  /* harmony export */ });
38627
38502
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
38628
38503
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
38629
- /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
38630
- /* harmony import */ var _cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cell */ "./src/table/cell.js");
38631
- /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
38504
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
38505
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
38506
+ /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
38507
+ /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
38508
+ /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
38632
38509
  // LICENSE_CODE ZON
38633
38510
 
38634
38511
 
@@ -38647,11 +38524,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
38647
38524
 
38648
38525
 
38649
38526
 
38527
+
38650
38528
  var TableFooter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
38651
38529
  var className = props.className,
38652
38530
  style = props.style,
38653
38531
  rowDensity = props.rowDensity;
38654
- var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
38532
+ var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
38655
38533
  footerGroups = _useTableContext.footerGroups,
38656
38534
  allColumns = _useTableContext.allColumns,
38657
38535
  hideFooter = _useTableContext.hideFooter;
@@ -38663,7 +38541,7 @@ var TableFooter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
38663
38541
  ref: ref,
38664
38542
  role: "rowgroup",
38665
38543
  "data-rowgroup-type": "footer",
38666
- className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
38544
+ className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
38667
38545
  tableFooter: true
38668
38546
  }),
38669
38547
  style: style
@@ -38671,11 +38549,11 @@ var TableFooter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
38671
38549
  var _group$getFooterGroup = group.getFooterGroupProps(),
38672
38550
  key = _group$getFooterGroup.key,
38673
38551
  rest = _objectWithoutProperties(_group$getFooterGroup, _excluded);
38674
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
38552
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableFooterRow, _extends({
38675
38553
  key: key,
38676
38554
  role: "row"
38677
38555
  }, rest, {
38678
- className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
38556
+ className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
38679
38557
  footerRow: true
38680
38558
  })
38681
38559
  }), group.headers.map(function (column) {
@@ -38683,7 +38561,7 @@ var TableFooter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
38683
38561
  column: column,
38684
38562
  key: column.getFooterProps().key,
38685
38563
  rowDensity: rowDensity,
38686
- className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
38564
+ className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
38687
38565
  footerCell: true
38688
38566
  })
38689
38567
  });
@@ -38691,28 +38569,47 @@ var TableFooter = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
38691
38569
  }));
38692
38570
  });
38693
38571
  TableFooter.displayName = 'TableFooter';
38572
+ var TableFooterRow = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
38573
+ displayName: "TableFooterRow",
38574
+ componentId: "sc-12b7s5j-0"
38575
+ })(["border-top:1px solid ", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3);
38694
38576
  var FooterCell = function FooterCell(props) {
38695
38577
  var className = props.className,
38696
38578
  column = props.column,
38697
38579
  rowDensity = props.rowDensity;
38698
38580
  var _column$type = column.type,
38699
- type = _column$type === void 0 ? 'string' : _column$type;
38700
- var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
38581
+ type = _column$type === void 0 ? 'string' : _column$type,
38582
+ isLastPinned = column.isLastPinned;
38583
+ var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
38701
38584
  getColumnProps = _useTableContext2.getColumnProps,
38702
38585
  getFooterProps = _useTableContext2.getFooterProps;
38703
38586
  var footerProps = _objectSpread({
38704
38587
  $type: type,
38705
- $rowDensity: rowDensity,
38706
- $isFooter: true
38588
+ $rowDensity: rowDensity
38707
38589
  }, column.getFooterProps([getColumnProps(column), getFooterProps(column)]));
38708
- footerProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(column.className, {
38590
+ footerProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.className, {
38709
38591
  footer: true
38710
38592
  }, className, footerProps.className);
38711
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
38593
+ footerProps.$isLastPinned = isLastPinned;
38594
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FooterCellContent, _extends({
38712
38595
  role: "cell"
38713
38596
  }, footerProps), column.render('Footer'));
38714
38597
  };
38715
- FooterCell.displayName = 'FooterCell';
38598
+ var FooterCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
38599
+ displayName: "FooterCellContent",
38600
+ componentId: "sc-12b7s5j-1"
38601
+ })(["padding:5px 15px;overflow-x:clip;", " background-color:", ";", " border-right:", ";"], function (props) {
38602
+ return props.$type == 'number' ? 'text-align: right;' : null;
38603
+ }, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, function (props) {
38604
+ if (props.$rowDensity == 'diamond_hand') {
38605
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:11px;padding-bottom:11px;"]);
38606
+ }
38607
+ if (props.$rowDensity == 'white_spaced') {
38608
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:25px;padding-bottom:25px;"]);
38609
+ }
38610
+ }, function (props) {
38611
+ return props.$isLastPinned ? "2px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3) : 'none';
38612
+ });
38716
38613
 
38717
38614
  /***/ }),
38718
38615
 
@@ -38746,7 +38643,6 @@ __webpack_require__.r(__webpack_exports__);
38746
38643
 
38747
38644
  /*jslint react:true*/
38748
38645
 
38749
- var _excluded = ["key"];
38750
38646
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
38751
38647
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
38752
38648
  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."); }
@@ -38755,8 +38651,6 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
38755
38651
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
38756
38652
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
38757
38653
  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); }
38758
- 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; }
38759
- 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; }
38760
38654
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
38761
38655
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
38762
38656
  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; }
@@ -38775,7 +38669,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
38775
38669
  var TableHeader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
38776
38670
  var className = props.className,
38777
38671
  compact = props.compact,
38778
- left = props.left;
38672
+ left = props.left,
38673
+ hideLastRowBorder = props.hideLastRowBorder;
38779
38674
  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
38780
38675
  headerGroups = _useTableContext.headerGroups,
38781
38676
  hideHeader = _useTableContext.hideHeader;
@@ -38793,18 +38688,16 @@ var TableHeader = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
38793
38688
  tableHeader: true,
38794
38689
  'tableHeader--is-compact': compact
38795
38690
  })
38796
- }), headerGroups.map(function (group) {
38797
- var _group$getHeaderGroup = group.getHeaderGroupProps(),
38798
- key = _group$getHeaderGroup.key,
38799
- rest = _objectWithoutProperties(_group$getHeaderGroup, _excluded);
38800
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({
38801
- key: key
38802
- }, rest, {
38691
+ }), headerGroups.map(function (group, n) {
38692
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TableHeaderRow, _extends({
38693
+ key: group.getHeaderGroupProps().key
38694
+ }, group.getHeaderGroupProps(), {
38803
38695
  className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
38804
38696
  headerRow: true
38805
- })
38806
- }), group.headers.map(function (header, i, arr) {
38807
- var isLast = i == arr.length - 1;
38697
+ }),
38698
+ $isLast: hideLastRowBorder && n == headerGroups.length - 1
38699
+ }), group.headers.map(function (header, i) {
38700
+ var isLast = i == group.length - 1;
38808
38701
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCell, {
38809
38702
  compact: compact,
38810
38703
  isLast: isLast,
@@ -38827,27 +38720,28 @@ var HeaderCell = function HeaderCell(props) {
38827
38720
  isLast = props.isLast;
38828
38721
  var id = header.id,
38829
38722
  name = header.name,
38830
- on_sort = header.on_sort,
38831
38723
  isResizing = header.isResizing,
38832
- getResizerProps = header.getResizerProps;
38724
+ getResizerProps = header.getResizerProps,
38725
+ isPinned = header.isPinned,
38726
+ isLastPinned = header.isLastPinned;
38833
38727
  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
38834
38728
  getColumnProps = _useTableContext2.getColumnProps,
38835
38729
  getHeaderProps = _useTableContext2.getHeaderProps,
38836
- columnsSort = _useTableContext2.columnsSort,
38730
+ columnSort = _useTableContext2.columnSort,
38837
38731
  fullWidth = _useTableContext2.fullWidth,
38838
38732
  canOrderColumns = _useTableContext2.canOrderColumns,
38839
- orderLogic = _useTableContext2.orderLogic;
38840
- var sort = columnsSort[id];
38841
- var canSort = header.can_sort && header.on_sort;
38842
- var handleSort = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
38843
- if (on_sort) {
38844
- on_sort(id, {
38845
- asc: 'desc',
38846
- desc: undefined,
38847
- none: 'asc'
38848
- }[sort || 'none']);
38849
- }
38850
- }, [id, sort, on_sort]);
38733
+ orderLogic = _useTableContext2.orderLogic,
38734
+ onColumnSortChanged = _useTableContext2.onColumnSortChanged;
38735
+ var sort = columnSort[id];
38736
+ var onSortChanged = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(onColumnSortChanged, header.on_sort);
38737
+ var canSort = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(header.canSort, header.can_sort) && !!onSortChanged;
38738
+ var onSort = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
38739
+ onSortChanged === null || onSortChanged === void 0 || onSortChanged(id, {
38740
+ asc: 'desc',
38741
+ desc: undefined,
38742
+ none: 'asc'
38743
+ }[sort || 'none']);
38744
+ }, [id, sort, onSortChanged]);
38851
38745
  var canResize = header.canResize && !(fullWidth && isLast) && !compact;
38852
38746
  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
38853
38747
  _useState2 = _slicedToArray(_useState, 2),
@@ -38855,6 +38749,12 @@ var HeaderCell = function HeaderCell(props) {
38855
38749
  setHovered = _useState2[1];
38856
38750
  var iconVisible = canSort && (['asc', 'desc'].includes(sort) || hovered);
38857
38751
  var headerCellProps = header.getHeaderProps([getColumnProps(header), getHeaderProps(header)]);
38752
+ if (isPinned) {
38753
+ headerCellProps.style = _objectSpread(_objectSpread({}, headerCellProps.style), {}, {
38754
+ zIndex: _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.pinnedColumnHeader
38755
+ });
38756
+ }
38757
+ headerCellProps.$isLastPinned = isLastPinned;
38858
38758
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellContent, _extends({}, headerCellProps, {
38859
38759
  className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(header.className, {
38860
38760
  header: true
@@ -38866,54 +38766,60 @@ var HeaderCell = function HeaderCell(props) {
38866
38766
  return setHovered(false);
38867
38767
  }
38868
38768
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellLeft, {
38869
- $canSort: canSort,
38870
- onClick: handleSort
38769
+ style: canSort ? {
38770
+ cursor: 'pointer'
38771
+ } : undefined,
38772
+ onClick: onSort
38871
38773
  }, !compact && renderCellContent(header, 'Header', {
38872
38774
  compact: compact
38873
38775
  }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
38874
38776
  variant: "sm",
38875
38777
  color: "gray_11",
38876
38778
  no_wrap: true
38877
- }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_10__.SortIcon, {
38779
+ }, name || id), canSort && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_10__.SortIcon, {
38878
38780
  visible: !!iconVisible,
38879
38781
  reverse: sort == 'desc'
38880
38782
  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_9__.HeaderFunctions, {
38881
38783
  header: header,
38882
38784
  visible: hovered,
38785
+ canSort: canSort,
38883
38786
  onItemClick: function onItemClick() {
38884
38787
  return setHovered(false);
38885
38788
  },
38886
- orderLogic: canOrderColumns && orderLogic
38887
- }), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
38789
+ orderLogic: canOrderColumns && orderLogic,
38790
+ onSortChanged: onSortChanged
38791
+ })), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
38888
38792
  $isResizing: isResizing
38889
- }))));
38793
+ })));
38890
38794
  };
38891
- HeaderCell.displayName = 'HeaderCell';
38795
+ var TableHeaderRow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
38796
+ displayName: "TableHeaderRow",
38797
+ componentId: "sc-8zg5t0-0"
38798
+ })(["border-bottom:", ";"], function (props) {
38799
+ return props.$isLast ? 'none' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_3);
38800
+ });
38892
38801
  var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
38893
38802
  displayName: "HeaderCellContent",
38894
- componentId: "sc-8zg5t0-0"
38895
- })(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:", " !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_3, _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.pinnedColumnHeader);
38803
+ componentId: "sc-8zg5t0-1"
38804
+ })(["background-color:", ";&:hover{background-color:", ";}border-right:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2, function (props) {
38805
+ return props.$isLastPinned ? "2px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_3) : 'none';
38806
+ });
38896
38807
  var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
38897
38808
  displayName: "HeaderCellWrapper",
38898
- componentId: "sc-8zg5t0-1"
38809
+ componentId: "sc-8zg5t0-2"
38899
38810
  })(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;"]);
38900
- HeaderCellWrapper.displayName = 'HeaderCellWrapper';
38901
38811
  var HeaderCellLeft = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
38902
38812
  displayName: "HeaderCellLeft",
38903
- componentId: "sc-8zg5t0-2"
38904
- })(["display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;min-height:16px;overflow-x:clip;", ""], function (props) {
38905
- return props.$canSort ? 'cursor: pointer;' : null;
38906
- });
38907
- HeaderCellLeft.displayName = 'HeaderCellLeft';
38813
+ componentId: "sc-8zg5t0-3"
38814
+ })(["display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;min-height:16px;overflow-x:clip;"]);
38908
38815
  var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
38909
38816
  displayName: "HeaderCellResizer",
38910
- componentId: "sc-8zg5t0-3"
38817
+ componentId: "sc-8zg5t0-4"
38911
38818
  })(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.cellResizer, function (props) {
38912
38819
  if (props.$isResizing) {
38913
- return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_10);
38820
+ return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["&:after{content:\" \";display:block;width:2px;height:100%;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_10);
38914
38821
  }
38915
38822
  });
38916
- HeaderCellResizer.displayName = 'HeaderCellResizer';
38917
38823
  var renderCellContent = function renderCellContent(column, type, props) {
38918
38824
  var content = column[type];
38919
38825
  if (lodash_isString__WEBPACK_IMPORTED_MODULE_0___default()(content)) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
@@ -38968,14 +38874,14 @@ var HeaderFunctions = function HeaderFunctions(props) {
38968
38874
  var header = props.header,
38969
38875
  visible = props.visible,
38970
38876
  onItemClick = props.onItemClick,
38971
- orderLogic = props.orderLogic;
38877
+ orderLogic = props.orderLogic,
38878
+ canSort = props.canSort,
38879
+ onSortChanged = props.onSortChanged;
38972
38880
  if ((0,_order_logic__WEBPACK_IMPORTED_MODULE_9__.isSysColumn)(header.id)) return null;
38973
38881
  var id = header.id,
38974
- on_sort = header.on_sort,
38975
38882
  canHide = header.canHide,
38976
- getToggleHiddenProps = header.getToggleHiddenProps,
38977
- canPin = header.canPin;
38978
- var canSort = header.can_sort && header.on_sort;
38883
+ canPin = header.canPin,
38884
+ getToggleHiddenProps = header.getToggleHiddenProps;
38979
38885
  var items = [];
38980
38886
  if (orderLogic) {
38981
38887
  var firsts = orderLogic.firsts,
@@ -39014,14 +38920,14 @@ var HeaderFunctions = function HeaderFunctions(props) {
39014
38920
  id: 'sort_asc',
39015
38921
  children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortColumn, {
39016
38922
  id: id,
39017
- onSort: on_sort,
38923
+ onSort: onSortChanged,
39018
38924
  sort: "asc"
39019
38925
  })
39020
38926
  }, {
39021
38927
  id: 'sort_desc',
39022
38928
  children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortColumn, {
39023
38929
  id: id,
39024
- onSort: on_sort,
38930
+ onSort: onSortChanged,
39025
38931
  sort: "desc"
39026
38932
  })
39027
38933
  });
@@ -39705,20 +39611,13 @@ var cellStylesPinned = {
39705
39611
  };
39706
39612
  var getPinnedProps = function getPinnedProps(header, instance) {
39707
39613
  var style = {};
39708
- var dataAttrs = {};
39709
39614
  checkPinnedErrors(instance.columns);
39710
- if (getPinnedValue(header)) {
39711
- style = assign({}, cellStylesPinned);
39712
- dataAttrs['data-pinned'] = true;
39713
- var headers = findHeadersSameLevel(header, instance.flatHeaders);
39714
- style = _objectSpread(_objectSpread({}, style), {}, {
39715
- left: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(header.totalLeft)
39716
- });
39717
- if (columnIsLastPinned(header.id, headers)) dataAttrs['data-pinned-last'] = true;
39718
- }
39719
- return _objectSpread({
39615
+ if (getPinnedValue(header)) style = assign({}, cellStylesPinned, {
39616
+ left: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(header.totalLeft)
39617
+ });
39618
+ return {
39720
39619
  style: style
39721
- }, dataAttrs);
39620
+ };
39722
39621
  };
39723
39622
  var usePinnedReducer = function usePinnedReducer(state, action) {
39724
39623
  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.init) return _objectSpread({
@@ -39764,10 +39663,12 @@ var usePinnedInstance = function usePinnedInstance(instance) {
39764
39663
  return col.id;
39765
39664
  }));
39766
39665
  }, [dispatch, columns, setColumnOrder]);
39767
- flatHeaders.forEach(function (column) {
39768
- column.togglePinned = function (value) {
39769
- return togglePinColumn(column.id, value);
39666
+ flatHeaders.forEach(function (header) {
39667
+ header.togglePinned = function (value) {
39668
+ return togglePinColumn(header.id, value);
39770
39669
  };
39670
+ var headers = findHeadersSameLevel(header, flatHeaders);
39671
+ header.isLastPinned = columnIsLastPinned(header.id, headers);
39771
39672
  });
39772
39673
  assign(instance, {
39773
39674
  togglePinColumn: togglePinColumn
@@ -39873,9 +39774,11 @@ __webpack_require__.r(__webpack_exports__);
39873
39774
  /* harmony export */ });
39874
39775
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
39875
39776
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
39876
- /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
39877
- /* harmony import */ var _cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cell */ "./src/table/cell.js");
39878
- /* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
39777
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
39778
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
39779
+ /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
39780
+ /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
39781
+ /* harmony import */ var _table_cell__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table_cell */ "./src/table/table_cell.js");
39879
39782
  // LICENSE_CODE ZON
39880
39783
 
39881
39784
 
@@ -39885,6 +39788,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
39885
39788
 
39886
39789
 
39887
39790
 
39791
+
39888
39792
  var preventOnClickClass = 'tableCell--preventOnClick';
39889
39793
  var renderRow = function renderRow(opt) {
39890
39794
  var className = opt.className,
@@ -39892,35 +39796,36 @@ var renderRow = function renderRow(opt) {
39892
39796
  onRowClick = opt.onRowClick,
39893
39797
  getRowProps = opt.getRowProps,
39894
39798
  rowDensity = opt.rowDensity,
39895
- isLastRow = opt.isLastRow,
39799
+ isLast = opt.isLast,
39896
39800
  renderRowSubComponent = opt.renderRowSubComponent;
39897
39801
  var rowProps = row.getRowProps(getRowProps === null || getRowProps === void 0 ? void 0 : getRowProps(row));
39898
39802
  var onClick = onRowClick ? function (evt) {
39899
39803
  if (!evt.target.matches(".".concat(preventOnClickClass, " *"))) onRowClick(row.original, evt);
39900
39804
  } : undefined;
39901
39805
  var cursor = onRowClick ? 'pointer' : undefined;
39902
- var tableRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, rowProps, {
39806
+ var tableRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableRow, _extends({}, rowProps, {
39903
39807
  onClick: onClick,
39904
- className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
39808
+ className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
39905
39809
  tableRow: true,
39906
- 'tableRow--is-pinned': row.isPinned
39810
+ 'tableRow--is-pinned': row.isPinned,
39811
+ 'tableRow--is-last': isLast
39907
39812
  }, rowProps.className),
39908
- $cursor: cursor
39813
+ $cursor: cursor,
39814
+ $isLast: isLast,
39815
+ $rowDensity: rowDensity
39909
39816
  }), row.cells.map(function (cell) {
39910
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.Cell, {
39817
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_cell__WEBPACK_IMPORTED_MODULE_4__.TableCell, {
39911
39818
  key: cell.getCellProps().key,
39912
39819
  cell: cell,
39913
- className: className,
39914
- rowDensity: rowDensity,
39915
- isLastRow: isLastRow
39820
+ className: className
39916
39821
  });
39917
39822
  }));
39918
39823
  if (!row.isExpanded || !renderRowSubComponent) return tableRow;
39919
39824
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
39920
39825
  key: "".concat(rowProps.key, "_fragment")
39921
- }, tableRow, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, rowProps, {
39826
+ }, tableRow, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableRow, _extends({}, rowProps, {
39922
39827
  key: "".concat(rowProps.key, "_subcomponent"),
39923
- className: (0,_util__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
39828
+ className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
39924
39829
  rowSubComponent: true
39925
39830
  }, rowProps.className)
39926
39831
  }), renderRowSubComponent({
@@ -39928,6 +39833,19 @@ var renderRow = function renderRow(opt) {
39928
39833
  rowProps: rowProps
39929
39834
  })));
39930
39835
  };
39836
+ var TableRow = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
39837
+ displayName: "TableRow",
39838
+ componentId: "sc-vrm5bg-0"
39839
+ })(["cursor:", ";border-bottom:", ";& ", "{height:", "px;}&:hover ", "{background-color:", ";}"], function (props) {
39840
+ return props.$cursor;
39841
+ }, function (props) {
39842
+ return props.$isLast ? 'none' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3);
39843
+ }, _table_cell__WEBPACK_IMPORTED_MODULE_4__.CellContent, function (props) {
39844
+ return {
39845
+ diamond_hand: '44',
39846
+ white_spaced: '72'
39847
+ }[props.$rowDensity] || '32';
39848
+ }, _table_cell__WEBPACK_IMPORTED_MODULE_4__.TableCellContent, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2);
39931
39849
 
39932
39850
  /***/ }),
39933
39851
 
@@ -40364,11 +40282,13 @@ var StickyHeader = function StickyHeader(props) {
40364
40282
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header__WEBPACK_IMPORTED_MODULE_8__.TableHeader, {
40365
40283
  left: left,
40366
40284
  className: className,
40367
- compact: true
40368
- }), pinnedRows.map(function (row) {
40285
+ compact: true,
40286
+ hideLastRowBorder: pinnedRows.length == 0
40287
+ }), pinnedRows.map(function (row, i) {
40369
40288
  prepareRow(row);
40370
40289
  return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__.renderRow)({
40371
40290
  row: row,
40291
+ isLast: i == pinnedRows.length - 1,
40372
40292
  columnStartEditing: columnStartEditing,
40373
40293
  columnDoneEditing: columnDoneEditing,
40374
40294
  rowDensity: rowDensity,
@@ -40377,12 +40297,10 @@ var StickyHeader = function StickyHeader(props) {
40377
40297
  });
40378
40298
  }));
40379
40299
  };
40380
- StickyHeader.displayName = 'StickyHeader';
40381
40300
  var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
40382
40301
  displayName: "StickyHeaderWrapper",
40383
40302
  componentId: "sc-hh47bp-0"
40384
40303
  })(["position:fixed;z-index:", ";overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.stickyHeader);
40385
- StickyHeaderWrapper.displayName = 'StickyHeaderWrapper';
40386
40304
 
40387
40305
  /***/ }),
40388
40306
 
@@ -40636,12 +40554,10 @@ var TableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.
40636
40554
  displayName: "TableWrapper",
40637
40555
  componentId: "sc-ebeoik-0"
40638
40556
  })(["width:100%;border:1px solid ", ";border-radius:4px;overflow-x:auto;", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_3, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin);
40639
- TableWrapper.displayName = 'TableWrapper';
40640
40557
  var StyledTable = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
40641
40558
  displayName: "StyledTable",
40642
40559
  componentId: "sc-ebeoik-1"
40643
40560
  })(["min-width:100%;border-spacing:0;border-collapse:separate;"]);
40644
- StyledTable.displayName = 'StyledTable';
40645
40561
  var TableBody = function TableBody(props) {
40646
40562
  var className = props.className,
40647
40563
  rowDensity = props.rowDensity,
@@ -40661,14 +40577,14 @@ var TableBody = function TableBody(props) {
40661
40577
  var body = function () {
40662
40578
  if (isLoading) return (0,_util__WEBPACK_IMPORTED_MODULE_5__.flexRender)(LoadingComp);
40663
40579
  if (!page.length) return (0,_util__WEBPACK_IMPORTED_MODULE_5__.flexRender)(NoDataComp);
40664
- return page.map(function (row, i, arr) {
40580
+ return page.map(function (row, i) {
40665
40581
  prepareRow(row);
40666
40582
  if (row.isPinned) return null;
40667
40583
  return (0,_render_row__WEBPACK_IMPORTED_MODULE_9__.renderRow)({
40668
40584
  row: row,
40669
40585
  rowDensity: rowDensity,
40670
40586
  onRowClick: onRowClick,
40671
- isLastRow: i == arr.length - 1,
40587
+ isLast: i == page.length - 1,
40672
40588
  className: className,
40673
40589
  getRowProps: getRowProps,
40674
40590
  renderRowSubComponent: renderRowSubComponent
@@ -40704,29 +40620,107 @@ var TableBodyRowGroup = styled_components__WEBPACK_IMPORTED_MODULE_3___default()
40704
40620
 
40705
40621
  /***/ }),
40706
40622
 
40707
- /***/ "./src/table/table_row.js":
40708
- /*!********************************!*\
40709
- !*** ./src/table/table_row.js ***!
40710
- \********************************/
40623
+ /***/ "./src/table/table_cell.js":
40624
+ /*!*********************************!*\
40625
+ !*** ./src/table/table_cell.js ***!
40626
+ \*********************************/
40711
40627
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
40712
40628
 
40713
40629
  "use strict";
40714
40630
  __webpack_require__.r(__webpack_exports__);
40715
40631
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
40716
- /* harmony export */ TableRow: () => (/* binding */ TableRow)
40632
+ /* harmony export */ CellContent: () => (/* binding */ CellContent),
40633
+ /* harmony export */ EditableCellContent: () => (/* binding */ EditableCellContent),
40634
+ /* harmony export */ TableCell: () => (/* binding */ TableCell),
40635
+ /* harmony export */ TableCellContent: () => (/* binding */ TableCellContent)
40717
40636
  /* harmony export */ });
40718
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
40719
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
40637
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
40638
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
40639
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
40640
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
40641
+ /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
40642
+ /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
40643
+ /* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
40720
40644
  // LICENSE_CODE ZON
40721
40645
 
40722
40646
 
40723
40647
  /*jslint react:true*/
40648
+ 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); }
40724
40649
 
40725
- var TableRow = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
40726
- displayName: "TableRow",
40727
- componentId: "sc-es7xjx-0"
40728
- })(["cursor:", ";"], function (props) {
40729
- return props.$cursor;
40650
+
40651
+
40652
+
40653
+
40654
+ var TableCell = function TableCell(props) {
40655
+ var className = props.className,
40656
+ cell = props.cell;
40657
+ var row = cell.row,
40658
+ column = cell.column,
40659
+ isEditing = cell.isEditing;
40660
+ var rowId = row.id;
40661
+ var columnId = column.id,
40662
+ _column$type = column.type,
40663
+ type = _column$type === void 0 ? 'string' : _column$type,
40664
+ canEdit = column.canEdit,
40665
+ isLastPinned = column.isLastPinned;
40666
+ var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
40667
+ columnStartEditing = _useTableContext.columnStartEditing,
40668
+ columnDoneEditing = _useTableContext.columnDoneEditing,
40669
+ getColumnProps = _useTableContext.getColumnProps,
40670
+ getCellProps = _useTableContext.getCellProps,
40671
+ isCellEditable = _useTableContext.isCellEditable;
40672
+ var cellEditable = canEdit && (isCellEditable ? isCellEditable(cell) : true);
40673
+ var startEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
40674
+ columnStartEditing(columnId, rowId);
40675
+ }, [columnStartEditing, columnId, rowId]);
40676
+ var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
40677
+ columnDoneEditing(columnId, rowId);
40678
+ }, [columnDoneEditing, columnId, rowId]);
40679
+ var onClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
40680
+ if (cellEditable) {
40681
+ evt.stopPropagation();
40682
+ startEditing();
40683
+ }
40684
+ }, [cellEditable, startEditing]);
40685
+ var cellProps = cell.getCellProps([getColumnProps(column), getCellProps(cell)]);
40686
+ cellProps.className = (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.className, {
40687
+ cell: true
40688
+ }), (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
40689
+ tableCell: true
40690
+ }), (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
40691
+ 'tableCell--is-editable': cellEditable
40692
+ }), cellProps.className);
40693
+ var Comp = cellEditable ? EditableCellContent : CellContent;
40694
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(TableCellContent, _extends({
40695
+ $isLastPinned: isLastPinned
40696
+ }, cellProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, {
40697
+ $type: type,
40698
+ $isEditing: isEditing,
40699
+ onClick: onClick
40700
+ }, cell.render('Cell', {
40701
+ row: row,
40702
+ isEditing: isEditing,
40703
+ startEditing: startEditing,
40704
+ doneEditing: doneEditing
40705
+ })));
40706
+ };
40707
+ var TableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
40708
+ displayName: "TableCellContent",
40709
+ componentId: "sc-1gdt4qg-0"
40710
+ })(["background-color:", ";border-right:", ";"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, function (props) {
40711
+ return props.$isLastPinned ? "2px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3) : 'none';
40712
+ });
40713
+ var CellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
40714
+ displayName: "CellContent",
40715
+ componentId: "sc-1gdt4qg-1"
40716
+ })(["box-sizing:border-box;display:flex;align-items:center;padding:0 15px;overflow:clip;", ""], function (props) {
40717
+ return props.$type == 'number' ? 'text-align: right;' : null;
40718
+ });
40719
+ var EditableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(CellContent).withConfig({
40720
+ displayName: "EditableCellContent",
40721
+ componentId: "sc-1gdt4qg-2"
40722
+ })(["padding:0 14px;border:1px solid transparent;&:hover{background-color:", ";border-color:", ";}", ""], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9, function (props) {
40723
+ return props.$isEditing ? (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:1px solid ", " !important;box-shadow:inset 0px 0px 0px 3px rgba(0,106,220,0.4);"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11) : undefined;
40730
40724
  });
40731
40725
 
40732
40726
  /***/ }),