@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/cjs/Table.js

@@ -0,0 +1,896 @@
+'use strict';
+
+var _ConfigProvider = require('antd/lib/config-provider');
+var _Table = require('antd/lib/table');
+var _extends = require('./extends-1b35a664.js');
+var defineProperty = require('./defineProperty-ee86604b.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index$1 = require('./index-302c3d37.js');
+var neetoCist = require('@bigbinary/neeto-cist');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var ramda = require('ramda');
+var ReactDragListView = require('react-drag-listview');
+var reactRouterDom = require('react-router-dom');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+var index = require('./index-6e09c7bc.js');
+var useQueryParams = require('./useQueryParams-14f054b3.js');
+var Button = require('./Button.js');
+var Callout = require('./Callout.js');
+var Typography = require('./Typography.js');
+var toConsumableArray = require('./toConsumableArray-418424fc.js');
+var Dropdown = require('./Dropdown.js');
+var Popover = require('./Popover.js');
+var reactResizable = require('react-resizable');
+require('./toPropertyKey-bfa2e465.js');
+require('./createClass-80e17c6a.js');
+require('util');
+require('framer-motion');
+require('./index-773961dd.js');
+require('tippy.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _ConfigProvider__default = /*#__PURE__*/_interopDefaultLegacy(_ConfigProvider);
+var _Table__default = /*#__PURE__*/_interopDefaultLegacy(_Table);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactDragListView__default = /*#__PURE__*/_interopDefaultLegacy(ReactDragListView);
+
+var useTimeout = function useTimeout(callback, delay) {
+  var savedCallback = React.useRef(callback);
+  React.useEffect(function () {
+    savedCallback.current = callback;
+  }, [callback]);
+  React.useEffect(function () {
+    if (delay === null) {
+      return undefined;
+    }
+    var id = setTimeout(function () {
+      return savedCallback.current();
+    }, delay);
+    return function () {
+      return clearTimeout(id);
+    };
+  }, [delay]);
+};
+
+var SelectAllRowsCallout = function SelectAllRowsCallout(_ref) {
+  var calloutProps = _ref.calloutProps,
+    onBulkSelectAllRows = _ref.onBulkSelectAllRows,
+    selectAllRowButtonLabel = _ref.selectAllRowButtonLabel,
+    selectAllRowMessage = _ref.selectAllRowMessage;
+  return /*#__PURE__*/React__default["default"].createElement(Callout, _extends._extends({
+    className: "my-2"
+  }, calloutProps, {
+    "data-testid": "select-all-rows-callout"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex space-x-3"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography, {
+    style: "body2"
+  }, selectAllRowMessage), /*#__PURE__*/React__default["default"].createElement(Button, {
+    "data-testid": "select-all-rows-button",
+    label: selectAllRowButtonLabel,
+    style: "link",
+    onClick: onBulkSelectAllRows
+  })));
+};
+
+var URL_SORT_ORDERS = {
+  ascend: "asc",
+  descend: "desc"
+};
+var TABLE_SORT_ORDERS = {
+  asc: "ascend",
+  desc: "descend"
+};
+var COLUMN_ADD_DIRECTION = {
+  left: 0,
+  right: 1
+};
+
+var useReorderColumns = function useReorderColumns(_ref) {
+  var isEnabled = _ref.isEnabled,
+    columns = _ref.columns,
+    setColumns = _ref.setColumns,
+    onColumnUpdate = _ref.onColumnUpdate,
+    rowSelection = _ref.rowSelection;
+  if (!isEnabled) return {
+    dragProps: {},
+    columns: columns
+  };
+  var isColumnFixed = function isColumnFixed(column) {
+    return !!column.fixed;
+  };
+  var dragProps = {
+    onDragEnd: function onDragEnd(fromIndex, toIndex) {
+      var from = fromIndex;
+      var to = toIndex;
+      if (rowSelection) {
+        from = fromIndex - 1;
+        to = toIndex - 1;
+      }
+      if (isColumnFixed(columns[from]) || isColumnFixed(columns[to])) return;
+      var newColumns = ramda.move(from, to, columns);
+      setColumns(newColumns);
+      onColumnUpdate(newColumns);
+    },
+    nodeSelector: "th",
+    handleSelector: ".drag-handler",
+    ignoreSelector: ".react-resizable-handle"
+  };
+  return {
+    dragProps: dragProps,
+    columns: columns
+  };
+};
+
+var SortIcon = function SortIcon(_ref) {
+  var sortOrder = _ref.sortOrder;
+  if (sortOrder === TABLE_SORT_ORDERS.asc || sortOrder === URL_SORT_ORDERS.ascend) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoIcons.UpArrow, {
+      size: 14
+    });
+  }
+  if (sortOrder === TABLE_SORT_ORDERS.desc || sortOrder === URL_SORT_ORDERS.descend) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoIcons.DownArrow, {
+      size: 14
+    });
+  }
+  return null;
+};
+
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useResizableColumns = function useResizableColumns(_ref) {
+  var columns = _ref.columns,
+    setColumns = _ref.setColumns,
+    isEnabled = _ref.isEnabled,
+    isAddEnabled = _ref.isAddEnabled,
+    onColumnAdd = _ref.onColumnAdd,
+    onColumnUpdate = _ref.onColumnUpdate,
+    onColumnDelete = _ref.onColumnDelete,
+    handleSort = _ref.handleSort,
+    sortedInfo = _ref.sortedInfo,
+    onColumnHide = _ref.onColumnHide,
+    onMoreActionClick = _ref.onMoreActionClick,
+    tableOnChangeProps = _ref.tableOnChangeProps;
+  var handleResize = function handleResize(index) {
+    return function (_, _ref2) {
+      var size = _ref2.size;
+      var nextColumns = toConsumableArray._toConsumableArray(columns);
+      nextColumns[index] = _objectSpread$2(_objectSpread$2({}, nextColumns[index]), {}, {
+        width: size.width
+      });
+      setColumns(nextColumns);
+    };
+  };
+  var computedColumnsData = React.useMemo(function () {
+    return columns.map(function (col, index) {
+      var modifiedColumn = _objectSpread$2(_objectSpread$2({}, col), {}, {
+        onHeaderCell: function onHeaderCell(column) {
+          return {
+            width: column.width,
+            onResize: isEnabled ? handleResize(index) : neetoCist.noop,
+            onResizeStop: function onResizeStop() {
+              return isEnabled ? onColumnUpdate(columns) : neetoCist.noop;
+            },
+            isSortable: neetoCist.isPresent(col.sorter),
+            onSort: handleSort,
+            sortedInfo: sortedInfo,
+            onColumnHide: onColumnHide,
+            onMoreActionClick: onMoreActionClick,
+            isAddEnabled: isAddEnabled && !col.fixed,
+            onAddColumn: function onAddColumn(positionOffset) {
+              return onColumnAdd(index + positionOffset);
+            },
+            onColumnDelete: onColumnDelete,
+            isHidable: col.isHidable,
+            isDeletable: col.isDeletable,
+            moreActions: col.moreActions,
+            column: col
+          };
+        },
+        sortIcon: SortIcon,
+        sortOrder: sortedInfo.field === col.dataIndex || sortedInfo.field === col.key ? sortedInfo.order : null
+      });
+      if (!ramda.has("ellipsis", col)) {
+        modifiedColumn.ellipsis = true;
+      }
+      return modifiedColumn;
+    });
+  }, [columns, sortedInfo, tableOnChangeProps]);
+  return {
+    columns: computedColumnsData
+  };
+};
+
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useColumns = function useColumns(_ref) {
+  var columns = _ref.columns,
+    setColumns = _ref.setColumns,
+    isResizeEnabled = _ref.isResizeEnabled,
+    isReorderEnabled = _ref.isReorderEnabled,
+    isAddEnabled = _ref.isAddEnabled,
+    onColumnAdd = _ref.onColumnAdd,
+    onColumnUpdate = _ref.onColumnUpdate,
+    onColumnDelete = _ref.onColumnDelete,
+    rowSelection = _ref.rowSelection,
+    sortedInfo = _ref.sortedInfo,
+    setSortedInfo = _ref.setSortedInfo,
+    onColumnHide = _ref.onColumnHide,
+    onMoreActionClick = _ref.onMoreActionClick,
+    onTableChange = _ref.onTableChange,
+    tableOnChangeProps = _ref.tableOnChangeProps,
+    handleTableSortChange = _ref.handleTableSortChange,
+    isDefaultPageChangeHandler = _ref.isDefaultPageChangeHandler;
+  var _useReorderColumns = useReorderColumns({
+      isEnabled: isReorderEnabled,
+      columns: columns,
+      setColumns: setColumns,
+      onColumnUpdate: onColumnUpdate,
+      rowSelection: rowSelection
+    }),
+    dragProps = _useReorderColumns.dragProps;
+  var handleSort = function handleSort(sorter) {
+    var _tableOnChangeProps$c, _tableOnChangeProps$c2, _tableOnChangeProps$c3;
+    var newSortedInfo = _objectSpread$1({}, sorter);
+    if (ramda.equals(ramda.props(["field", "order"], newSortedInfo), ramda.props(["field", "order"], sortedInfo))) {
+      newSortedInfo = {
+        field: null,
+        order: null,
+        column: null,
+        columnKey: null
+      };
+    }
+    setSortedInfo(newSortedInfo);
+    onTableChange === null || onTableChange === void 0 || onTableChange(((_tableOnChangeProps$c = tableOnChangeProps.current) === null || _tableOnChangeProps$c === void 0 ? void 0 : _tableOnChangeProps$c.pagination) || {}, ((_tableOnChangeProps$c2 = tableOnChangeProps.current) === null || _tableOnChangeProps$c2 === void 0 ? void 0 : _tableOnChangeProps$c2.filters) || {}, _objectSpread$1({}, newSortedInfo));
+    isDefaultPageChangeHandler && handleTableSortChange(((_tableOnChangeProps$c3 = tableOnChangeProps.current) === null || _tableOnChangeProps$c3 === void 0 ? void 0 : _tableOnChangeProps$c3.pagination) || {}, newSortedInfo);
+  };
+  var _useResizableColumns = useResizableColumns({
+      columns: columns,
+      setColumns: setColumns,
+      isEnabled: isResizeEnabled,
+      isAddEnabled: isAddEnabled,
+      onColumnAdd: onColumnAdd,
+      onColumnUpdate: onColumnUpdate,
+      onColumnDelete: onColumnDelete,
+      handleSort: handleSort,
+      sortedInfo: sortedInfo,
+      onColumnHide: onColumnHide,
+      onMoreActionClick: onMoreActionClick,
+      tableOnChangeProps: tableOnChangeProps
+    }),
+    computedColumnsData = _useResizableColumns.columns;
+  return {
+    dragProps: dragProps,
+    columns: computedColumnsData
+  };
+};
+
+var getSortInfoFromQueryParams = function getSortInfoFromQueryParams(queryParams) {
+  var sortedInfo = {};
+  if (neetoCist.isPresent(queryParams.sort_by) && neetoCist.isPresent(queryParams.order_by) && neetoCist.isPresent(TABLE_SORT_ORDERS[queryParams.order_by])) {
+    sortedInfo.field = neetoCist.snakeToCamelCase(queryParams.sort_by);
+    sortedInfo.order = TABLE_SORT_ORDERS[queryParams.order_by];
+  }
+  return sortedInfo;
+};
+var useTableSort = function useTableSort() {
+  var queryParams = useQueryParams.useQueryParams();
+  var _useState = React.useState(function () {
+      return getSortInfoFromQueryParams(queryParams);
+    }),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    sortedInfo = _useState2[0],
+    setSortedInfo = _useState2[1];
+  React.useEffect(function () {
+    setSortedInfo(getSortInfoFromQueryParams(queryParams));
+  }, [queryParams === null || queryParams === void 0 ? void 0 : queryParams.sort_by, queryParams === null || queryParams === void 0 ? void 0 : queryParams.order_by]);
+  var history = reactRouterDom.useHistory();
+  var handleTableChange = function handleTableChange(pagination, sorter) {
+    var params = {
+      sort_by: sorter.order ? neetoCist.camelToSnakeCase(sorter.field) : undefined,
+      order_by: URL_SORT_ORDERS[sorter.order],
+      page: pagination.current
+    };
+    var pathname = window.location.pathname;
+    history.push(index.buildUrl(pathname, ramda.mergeLeft(params, queryParams)));
+  };
+  return {
+    handleTableChange: handleTableChange,
+    sortedInfo: sortedInfo,
+    setSortedInfo: setSortedInfo
+  };
+};
+
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+var HeaderCellMenu = function HeaderCellMenu(_ref) {
+  var onSort = _ref.onSort,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? {} : _ref$column,
+    sortedInfo = _ref.sortedInfo,
+    isSortable = _ref.isSortable,
+    isAddEnabled = _ref.isAddEnabled,
+    isColumnDeletable = _ref.isColumnDeletable,
+    isHidable = _ref.isHidable,
+    onColumnHide = _ref.onColumnHide,
+    onAddColumn = _ref.onAddColumn,
+    onColumnDelete = _ref.onColumnDelete,
+    hasMoreActions = _ref.hasMoreActions,
+    onMoreActionClick = _ref.onMoreActionClick,
+    _ref$columnTitle = _ref.columnTitle,
+    columnTitle = _ref$columnTitle === void 0 ? null : _ref$columnTitle,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions;
+  var columnInfoButtonReference = React.useRef();
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown, {
+    appendTo: function appendTo() {
+      return document.body;
+    },
+    className: "flex",
+    icon: neetoIcons.MenuHorizontal,
+    position: "auto",
+    strategy: "fixed",
+    buttonProps: {
+      className: "min-h-0 flex-shrink-0",
+      style: "text",
+      size: "medium",
+      "data-testid": "column-menu-button",
+      "data-dropdown-button-style": "more-dropdown"
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "cursor-auto",
+    onMouseDown: function onMouseDown(event) {
+      return event.preventDefault();
+    }
+  }, isSortable && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    className: "flex items-center justify-between",
+    onClick: function onClick() {
+      return onSort({
+        column: column,
+        columnKey: column.key,
+        field: column.dataIndex || column.key,
+        order: TABLE_SORT_ORDERS.asc
+      });
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, "Ascending"), sortedInfo.order === TABLE_SORT_ORDERS.asc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
+    className: "neeto-ui-text-success-500",
+    size: 20
+  })), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    className: "flex items-center justify-between",
+    onClick: function onClick() {
+      return onSort({
+        column: column,
+        columnKey: column.key,
+        field: column.dataIndex,
+        order: TABLE_SORT_ORDERS.desc
+      });
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, "Descending"), sortedInfo.order === TABLE_SORT_ORDERS.desc && sortedInfo.field === column.dataIndex && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
+    className: "neeto-ui-text-success-500",
+    size: 20
+  }))), isAddEnabled && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onAddColumn(COLUMN_ADD_DIRECTION.right);
+    }
+  }, "Insert column right"), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onAddColumn(COLUMN_ADD_DIRECTION.left);
+    }
+  }, "Insert column left")), neetoCist.isPresent(column === null || column === void 0 ? void 0 : column.description) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    ref: columnInfoButtonReference
+  }, "Column info"), /*#__PURE__*/React__default["default"].createElement(Popover, {
+    className: "cursor-auto",
+    hideOnClick: false,
+    interactiveDebounce: 20,
+    offset: [0, 15],
+    position: "right",
+    reference: columnInfoButtonReference,
+    strategy: "fixed"
+  }, columnTitle && /*#__PURE__*/React__default["default"].createElement(Popover.Title, null, columnTitle), /*#__PURE__*/React__default["default"].createElement(Typography, {
+    className: "w-72 max-w-full whitespace-normal normal-case",
+    lineHeight: "normal",
+    style: "body2",
+    weight: "normal"
+  }, column === null || column === void 0 ? void 0 : column.description))), isHidable && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onColumnHide(column);
+    }
+  }, "Hide column"), isColumnDeletable && /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    onClick: function onClick() {
+      return onColumnDelete(column.id);
+    }
+  }, "Delete column"), hasMoreActions && moreActions.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+      key: index,
+      onClick: function onClick() {
+        return onMoreActionClick(item.type, column);
+      }
+    }, item.label);
+  }))));
+};
+
+var _excluded$4 = ["children", "isSortable", "isAddEnabled", "sortedInfo", "onSort", "isHidable", "isDeletable", "onColumnHide", "onAddColumn", "onColumnDelete", "onMoreActionClick", "column", "moreActions"];
+var CellContent = function CellContent(_ref) {
+  var children = _ref.children,
+    isSortable = _ref.isSortable,
+    isAddEnabled = _ref.isAddEnabled,
+    sortedInfo = _ref.sortedInfo,
+    onSort = _ref.onSort,
+    _ref$isHidable = _ref.isHidable,
+    isHidable = _ref$isHidable === void 0 ? true : _ref$isHidable,
+    _ref$isDeletable = _ref.isDeletable,
+    isDeletable = _ref$isDeletable === void 0 ? false : _ref$isDeletable,
+    onColumnHide = _ref.onColumnHide,
+    onAddColumn = _ref.onAddColumn,
+    onColumnDelete = _ref.onColumnDelete,
+    onMoreActionClick = _ref.onMoreActionClick,
+    column = _ref.column,
+    _ref$moreActions = _ref.moreActions,
+    moreActions = _ref$moreActions === void 0 ? [] : _ref$moreActions,
+    headerProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$4);
+  var isColumnHidable = isHidable && neetoCist.isPresent(onColumnHide);
+  var isColumnDeletable = isDeletable && neetoCist.isPresent(onColumnDelete);
+  var hasMoreActions = !ramda.isEmpty(moreActions) && neetoCist.isPresent(onMoreActionClick);
+  var hasMoreMenu = isSortable || neetoCist.isPresent(column === null || column === void 0 ? void 0 : column.description) || isColumnHidable || isAddEnabled || hasMoreActions;
+  return /*#__PURE__*/React__default["default"].createElement("th", _extends._extends({}, headerProps, {
+    title: "",
+    onClick: isSortable ? neetoCist.noop : headerProps.onClick
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "min-w-0 flex-grow"
+  }, children), hasMoreMenu && /*#__PURE__*/React__default["default"].createElement(HeaderCellMenu, {
+    column: column,
+    hasMoreActions: hasMoreActions,
+    isAddEnabled: isAddEnabled,
+    isColumnDeletable: isColumnDeletable,
+    isSortable: isSortable,
+    moreActions: moreActions,
+    onAddColumn: onAddColumn,
+    onColumnDelete: onColumnDelete,
+    onColumnHide: onColumnHide,
+    onMoreActionClick: onMoreActionClick,
+    onSort: onSort,
+    sortedInfo: sortedInfo,
+    columnTitle: headerProps.title,
+    isHidable: isColumnHidable
+  })));
+};
+
+var _excluded$3 = ["onResize", "width", "onResizeStop", "className"];
+var HeaderCell = function HeaderCell(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    onResizeStop = props.onResizeStop,
+    className = props.className,
+    restProps = objectWithoutProperties._objectWithoutProperties(props, _excluded$3);
+  if (!width) {
+    return /*#__PURE__*/React__default["default"].createElement(CellContent, _extends._extends({}, restProps, {
+      className: index$1.classnames(className, "drag-handler")
+    }));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(reactResizable.Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
+    width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    height: 0,
+    handle: /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(CellContent, _extends._extends({}, restProps, {
+    className: index$1.classnames(className, "drag-handler")
+  })));
+};
+
+var _excluded$2 = ["onResize", "width", "onResizeStop"];
+var ResizableHeaderCell = function ResizableHeaderCell(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    onResizeStop = props.onResizeStop,
+    restProps = objectWithoutProperties._objectWithoutProperties(props, _excluded$2);
+  if (!width) {
+    return /*#__PURE__*/React__default["default"].createElement(CellContent, restProps);
+  }
+  return /*#__PURE__*/React__default["default"].createElement(reactResizable.Resizable, {
+    onResize: onResize,
+    onResizeStop: onResizeStop,
+    width: width,
+    draggableOpts: {
+      enableUserSelectHack: false
+    },
+    height: 0,
+    handle: /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      }
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(CellContent, restProps));
+};
+
+var _excluded$1 = ["className"];
+var ReorderableHeaderCell = function ReorderableHeaderCell(_ref) {
+  var className = _ref.className,
+    props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__default["default"].createElement(CellContent, _extends._extends({}, props, {
+    className: index$1.classnames(className, "drag-handler")
+  }));
+};
+
+var getHeaderCell = function getHeaderCell(_ref) {
+  var enableColumnResize = _ref.enableColumnResize,
+    enableColumnReorder = _ref.enableColumnReorder;
+  if (enableColumnReorder && enableColumnResize) return {
+    cell: HeaderCell
+  };
+  if (enableColumnResize) return {
+    cell: ResizableHeaderCell
+  };
+  if (enableColumnReorder) return {
+    cell: ReorderableHeaderCell
+  };
+  return {
+    cell: CellContent
+  };
+};
+var isIncludedIn = function isIncludedIn(array1, array2) {
+  return ramda.all(ramda.includes(ramda.__, array1), array2);
+};
+
+var _excluded = ["allowRowClick", "enableColumnResize", "enableColumnReorder", "enableAddColumn", "className", "columnData", "currentPageNumber", "defaultPageSize", "handlePageChange", "loading", "onRowClick", "onRowSelect", "rowData", "totalCount", "selectedRowKeys", "fixedHeight", "paginationProps", "rowKey", "scroll", "rowSelection", "shouldDynamicallyRenderRowSize", "bordered", "onColumnUpdate", "components", "onColumnHide", "onColumnAdd", "onColumnDelete", "onChange", "onMoreActionClick", "bulkSelectAllRowsProps"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var TABLE_PAGINATION_HEIGHT = 64;
+var TABLE_DEFAULT_HEADER_HEIGHT = 40;
+var TABLE_ROW_HEIGHT = 52;
+var Table = function Table(_ref) {
+  var _ref$allowRowClick = _ref.allowRowClick,
+    allowRowClick = _ref$allowRowClick === void 0 ? true : _ref$allowRowClick,
+    _ref$enableColumnResi = _ref.enableColumnResize,
+    enableColumnResize = _ref$enableColumnResi === void 0 ? false : _ref$enableColumnResi,
+    _ref$enableColumnReor = _ref.enableColumnReorder,
+    enableColumnReorder = _ref$enableColumnReor === void 0 ? false : _ref$enableColumnReor,
+    _ref$enableAddColumn = _ref.enableAddColumn,
+    enableAddColumn = _ref$enableAddColumn === void 0 ? false : _ref$enableAddColumn,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$columnData = _ref.columnData,
+    columnData = _ref$columnData === void 0 ? [] : _ref$columnData,
+    _ref$currentPageNumbe = _ref.currentPageNumber,
+    currentPageNumber = _ref$currentPageNumbe === void 0 ? 1 : _ref$currentPageNumbe,
+    _ref$defaultPageSize = _ref.defaultPageSize,
+    defaultPageSize = _ref$defaultPageSize === void 0 ? 30 : _ref$defaultPageSize,
+    _ref$handlePageChange = _ref.handlePageChange,
+    handlePageChange = _ref$handlePageChange === void 0 ? index.noop : _ref$handlePageChange,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    onRowClick = _ref.onRowClick,
+    onRowSelect = _ref.onRowSelect,
+    _ref$rowData = _ref.rowData,
+    rowData = _ref$rowData === void 0 ? [] : _ref$rowData,
+    _ref$totalCount = _ref.totalCount,
+    totalCount = _ref$totalCount === void 0 ? 0 : _ref$totalCount,
+    _ref$selectedRowKeys = _ref.selectedRowKeys,
+    initialSelectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
+    _ref$fixedHeight = _ref.fixedHeight,
+    fixedHeight = _ref$fixedHeight === void 0 ? false : _ref$fixedHeight,
+    _ref$paginationProps = _ref.paginationProps,
+    paginationProps = _ref$paginationProps === void 0 ? {} : _ref$paginationProps,
+    _ref$rowKey = _ref.rowKey,
+    rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
+    scroll = _ref.scroll,
+    rowSelection = _ref.rowSelection,
+    _ref$shouldDynamicall = _ref.shouldDynamicallyRenderRowSize,
+    shouldDynamicallyRenderRowSize = _ref$shouldDynamicall === void 0 ? false : _ref$shouldDynamicall,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? true : _ref$bordered,
+    _ref$onColumnUpdate = _ref.onColumnUpdate,
+    onColumnUpdate = _ref$onColumnUpdate === void 0 ? index.noop : _ref$onColumnUpdate,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? {} : _ref$components,
+    onColumnHide = _ref.onColumnHide,
+    _ref$onColumnAdd = _ref.onColumnAdd,
+    onColumnAdd = _ref$onColumnAdd === void 0 ? index.noop : _ref$onColumnAdd,
+    onColumnDelete = _ref.onColumnDelete,
+    onChange = _ref.onChange,
+    onMoreActionClick = _ref.onMoreActionClick,
+    bulkSelectAllRowsProps = _ref.bulkSelectAllRowsProps,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(null),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    containerHeight = _useState2[0],
+    setContainerHeight = _useState2[1];
+  var _useState3 = React.useState(TABLE_DEFAULT_HEADER_HEIGHT),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    headerHeight = _useState4[0],
+    setHeaderHeight = _useState4[1];
+  var _useState5 = React.useState(columnData),
+    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    columns = _useState6[0],
+    setColumns = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+    bulkSelectedAllRows = _useState8[0],
+    setBulkSelectedAllRows = _useState8[1];
+  var _useTableSort = useTableSort(),
+    handleTableSortChange = _useTableSort.handleTableChange,
+    sortedInfo = _useTableSort.sortedInfo,
+    setSortedInfo = _useTableSort.setSortedInfo;
+  var _ref2 = bulkSelectAllRowsProps !== null && bulkSelectAllRowsProps !== void 0 ? bulkSelectAllRowsProps : {},
+    handleSetBulkSelectedAllRows = _ref2.setBulkSelectedAllRows;
+  var isDefaultPageChangeHandler = handlePageChange === index.noop;
+  var history = reactRouterDom.useHistory();
+  var headerRef = React.useRef();
+  var tableOnChangeProps = React.useRef({});
+  var resizeObserver = React.useRef(new ResizeObserver(function (_ref3) {
+    var _ref4 = slicedToArray._slicedToArray(_ref3, 1),
+      entry = _ref4[0];
+    return setContainerHeight(entry.contentRect.height);
+  }));
+  var tableRef = React.useCallback(function (table) {
+    if (!fixedHeight) return;
+    var observer = resizeObserver.current;
+    if (table !== null) {
+      observer.observe(table === null || table === void 0 ? void 0 : table.parentNode);
+    } else if (observer) {
+      observer.disconnect();
+    }
+  }, [resizeObserver.current, fixedHeight]);
+  useTimeout(function () {
+    var headerHeight = headerRef.current ? headerRef.current.offsetHeight : TABLE_DEFAULT_HEADER_HEIGHT;
+    setHeaderHeight(headerHeight);
+  }, 10);
+  var _useColumns = useColumns({
+      isReorderEnabled: enableColumnReorder,
+      isResizeEnabled: enableColumnResize,
+      isAddEnabled: enableAddColumn,
+      onTableChange: onChange,
+      columns: columns,
+      setColumns: setColumns,
+      onColumnUpdate: onColumnUpdate,
+      rowSelection: rowSelection,
+      sortedInfo: sortedInfo,
+      setSortedInfo: setSortedInfo,
+      onColumnHide: onColumnHide,
+      onMoreActionClick: onMoreActionClick,
+      onColumnAdd: onColumnAdd,
+      onColumnDelete: onColumnDelete,
+      tableOnChangeProps: tableOnChangeProps,
+      handleTableSortChange: handleTableSortChange,
+      isDefaultPageChangeHandler: isDefaultPageChangeHandler
+    }),
+    dragProps = _useColumns.dragProps,
+    curatedColumnsData = _useColumns.columns;
+  var queryParams = useQueryParams.useQueryParams();
+  var setSortFromURL = function setSortFromURL(columnData) {
+    var _queryParams$sort_by;
+    return neetoCist.modifyBy({
+      dataIndex: neetoCist.snakeToCamelCase((_queryParams$sort_by = queryParams.sort_by) !== null && _queryParams$sort_by !== void 0 ? _queryParams$sort_by : "")
+    }, ramda.assoc("sortOrder", TABLE_SORT_ORDERS[queryParams.order_by]), columnData);
+  };
+  var sortedColumns = isDefaultPageChangeHandler ? setSortFromURL(curatedColumnsData) : curatedColumnsData;
+  var locale = {
+    emptyText: /*#__PURE__*/React__default["default"].createElement(Typography, {
+      style: "body2"
+    }, "No Data")
+  };
+  var sortedColumnsWithAlignment = sortedColumns.map(function (sortedColumn) {
+    return _objectSpread(_objectSpread({}, sortedColumn), {}, {
+      onHeaderCell: function onHeaderCell(column) {
+        var _sortedColumn$onHeade;
+        return _objectSpread(_objectSpread({}, (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column)), {}, {
+          "data-text-align": column.align
+        });
+      }
+    });
+  });
+  var selectedRowKeys = bulkSelectedAllRows ? ramda.pluck(rowKey, rowData) : initialSelectedRowKeys;
+  var showBulkSelectionCallout = React.useMemo(function () {
+    return isIncludedIn(selectedRowKeys, ramda.pluck(rowKey, rowData)) && selectedRowKeys.length !== totalCount && !bulkSelectedAllRows;
+  }, [selectedRowKeys, rowKey, rowData, totalCount, bulkSelectedAllRows]);
+  var handleRowChange = function handleRowChange(selectedRowKeys, selectedRows) {
+    if (selectedRowKeys.length !== defaultPageSize) {
+      setBulkSelectedAllRows(false);
+      handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(false);
+    }
+    onRowSelect === null || onRowSelect === void 0 || onRowSelect(selectedRowKeys, selectedRows);
+  };
+  var rowSelectionProps = rowSelection ? _objectSpread(_objectSpread({
+    type: "checkbox",
+    preserveSelectedRowKeys: true
+  }, rowSelection), {}, {
+    onChange: handleRowChange,
+    selectedRowKeys: selectedRowKeys
+  }) : false;
+
+  // eslint-disable-next-line @bigbinary/neeto/no-excess-function-arguments
+  var handleTableChange = function handleTableChange(pagination, filters, sorter, extras) {
+    setSortedInfo(sorter);
+    isDefaultPageChangeHandler && handleTableSortChange(pagination, sorter);
+    onChange === null || onChange === void 0 || onChange(pagination, filters, sorter, extras);
+    tableOnChangeProps.current = {
+      pagination: pagination,
+      filters: filters
+    };
+  };
+  var componentOverrides = _objectSpread(_objectSpread({}, components), {}, {
+    header: getHeaderCell({
+      enableColumnResize: enableColumnResize,
+      enableColumnReorder: enableColumnReorder
+    })
+  });
+  var calculateRowsPerPage = function calculateRowsPerPage() {
+    var viewportHeight = window.innerHeight;
+    var rowsPerPage = Math.floor((viewportHeight - TABLE_PAGINATION_HEIGHT) / TABLE_ROW_HEIGHT * 3);
+    return Math.ceil(rowsPerPage / 10) * 10;
+  };
+  var pageSize = shouldDynamicallyRenderRowSize ? calculateRowsPerPage() : paginationProps.pageSize || defaultPageSize;
+  var calculateTableContainerHeight = function calculateTableContainerHeight() {
+    var isPaginationVisible = otherProps.pagination !== false && rowData.length > pageSize;
+    return containerHeight - headerHeight - (isPaginationVisible ? TABLE_PAGINATION_HEIGHT : 0);
+  };
+  var calculatePageSizeOptions = function calculatePageSizeOptions() {
+    return neetoCist.dynamicArray(5, function (index) {
+      return (index + 1) * pageSize;
+    });
+  };
+  var itemRender = function itemRender(_, type, originalElement) {
+    var commonProps = {
+      size: "small",
+      style: "text"
+    };
+    if (type === "prev") return /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+      icon: neetoIcons.Left
+    }, commonProps));
+    if (type === "next") return /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+      icon: neetoIcons.Right
+    }, commonProps));
+    if (type === "jump-prev" || type === "jump-next") {
+      return /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+        icon: neetoIcons.MenuHorizontal
+      }, commonProps));
+    }
+    return originalElement;
+  };
+  React.useEffect(function () {
+    if (neetoCist.isNotEmpty(initialSelectedRowKeys)) return;
+    setBulkSelectedAllRows(false);
+    handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(false);
+  }, [handleSetBulkSelectedAllRows, initialSelectedRowKeys]);
+  React.useEffect(function () {
+    var shouldNavigateToLastPage = ramda.isEmpty(rowData) && !loading && currentPageNumber !== 1;
+    if (!shouldNavigateToLastPage) return;
+    var lastPage = Math.ceil(totalCount / pageSize);
+    var page = Math.max(1, lastPage);
+    var pathname = window.location.pathname;
+    isDefaultPageChangeHandler ? history.push(index.buildUrl(pathname, ramda.mergeLeft({
+      page: page
+    }, queryParams))) : handlePageChange(page, pageSize);
+  }, [rowData]);
+  React.useEffect(function () {
+    return setColumns(columnData);
+  }, [columnData]);
+  var neetoUIFontBold = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--neeto-ui-font-bold"), 10);
+  var renderTable = function renderTable() {
+    return /*#__PURE__*/React__default["default"].createElement(_ConfigProvider__default["default"], {
+      theme: {
+        token: _objectSpread({}, index.ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES),
+        components: {
+          Pagination: {
+            itemActiveBg: "rgb(var(--neeto-ui-primary-500))",
+            itemActiveBgDisabled: "rgb(var(--neeto-ui-gray-100))",
+            itemActiveColorDisabled: "rgb(var(--neeto-ui-gray-300))",
+            itemBg: "rgb(var(--neeto-ui-white))",
+            itemInputBg: "rgb(var(--neeto-ui-white))",
+            itemLinkBg: "rgb(var(--neeto-ui-white))",
+            // Global overrides
+            colorBgContainer: "rgb(var(--neeto-ui-primary-500))",
+            colorPrimary: "rgb(var(--neeto-ui-white))",
+            colorPrimaryHover: "rgb(var(--neeto-ui-white))",
+            colorBgTextHover: "rgb(var(--neeto-ui-gray-200))",
+            borderRadius: 6
+          },
+          Table: {
+            headerBorderRadius: 0,
+            bodySortBg: "rgb(var(--neeto-ui-gray-100))",
+            borderColor: "rgb(var(--neeto-ui-gray-300))",
+            expandIconBg: "rgb(var(--neeto-ui-white))",
+            filterDropdownBg: "rgb(var(--neeto-ui-white))",
+            filterDropdownMenuBg: "rgb(var(--neeto-ui-white))",
+            fixedHeaderSortActiveBg: "rgb(var(--neeto-ui-gray-200))",
+            footerBg: "rgb(var(--neeto-ui-gray-100))",
+            footerColor: "rgb(var(--neeto-ui-gray-800))",
+            headerBg: "rgb(var(--neeto-ui-gray-100))",
+            headerColor: "rgb(var(--neeto-ui-gray-700))",
+            headerFilterHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            headerSortActiveBg: "rgb(var(--neeto-ui-gray-200))",
+            headerSortHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            headerSplitColor: "rgb(var(--neeto-ui-gray-200))",
+            rowExpandedBg: "rgb(var(--neeto-ui-gray-200))",
+            rowHoverBg: "rgb(var(--neeto-ui-gray-100))",
+            rowSelectedBg: "rgb(var(--neeto-ui-primary-100))",
+            rowSelectedHoverBg: "rgb(var(--neeto-ui-pastel-purple))",
+            stickyScrollBarBg: "rgb(var(--neeto-ui-primary-100))",
+            cellPaddingBlock: 10,
+            // Global overrides
+            colorPrimary: "rgb(var(--neeto-ui-primary-500))",
+            fontSize: 14,
+            fontWeightStrong: neetoUIFontBold,
+            paddingContentVerticalLG: 10
+          }
+        }
+      }
+    }, bulkSelectAllRowsProps && showBulkSelectionCallout && /*#__PURE__*/React__default["default"].createElement(SelectAllRowsCallout, _extends._extends({}, bulkSelectAllRowsProps, {
+      onBulkSelectAllRows: function onBulkSelectAllRows() {
+        setBulkSelectedAllRows(true);
+        handleSetBulkSelectedAllRows === null || handleSetBulkSelectedAllRows === void 0 || handleSetBulkSelectedAllRows(true);
+      }
+    })), /*#__PURE__*/React__default["default"].createElement(_Table__default["default"], _extends._extends({
+      bordered: bordered,
+      loading: loading,
+      locale: locale,
+      rowKey: rowKey,
+      columns: sortedColumnsWithAlignment,
+      components: componentOverrides,
+      dataSource: rowData,
+      ref: tableRef,
+      rowSelection: rowSelectionProps,
+      showSorterTooltip: false,
+      pagination: _objectSpread(_objectSpread({
+        hideOnSinglePage: true
+      }, paginationProps), {}, {
+        showSizeChanger: false,
+        total: totalCount !== null && totalCount !== void 0 ? totalCount : 0,
+        current: currentPageNumber,
+        defaultPageSize: pageSize,
+        pageSizeOptions: calculatePageSizeOptions(),
+        onChange: handlePageChange,
+        itemRender: itemRender
+      }),
+      rowClassName: index$1.classnames("neeto-ui-table--row", {
+        "neeto-ui-table--row_hover": allowRowClick
+      }, [className]),
+      scroll: _objectSpread({
+        x: "max-content",
+        y: calculateTableContainerHeight()
+      }, scroll),
+      onChange: handleTableChange,
+      onHeaderRow: function onHeaderRow() {
+        return {
+          ref: headerRef,
+          className: index$1.classnames("neeto-ui-table__header", {
+            "neeto-ui-table-reorderable": enableColumnReorder
+          }),
+          id: "neeto-ui-table__header"
+        };
+      },
+      onRow: function onRow(record, rowIndex) {
+        return {
+          onClick: function onClick(event) {
+            return allowRowClick && onRowClick && onRowClick(event, record, rowIndex);
+          }
+        };
+      }
+    }, otherProps)));
+  };
+  return enableColumnReorder ? /*#__PURE__*/React__default["default"].createElement(ReactDragListView__default["default"].DragColumn, dragProps, renderTable()) : renderTable();
+};
+
+module.exports = Table;
+//# sourceMappingURL=Table.js.map