@luminati-io/uikit 1.9.1 → 1.9.2-beta.0

package/dist/uikit.table.umd.js

@@ -0,0 +1,2427 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("react-table"));
+	else if(typeof define === 'function' && define.amd)
+		define(["react-table"], factory);
+	else if(typeof exports === 'object')
+		exports["uikit"] = factory(require("react-table"));
+	else
+		root["uikit"] = factory(root["react-table"]);
+})(this, (__WEBPACK_EXTERNAL_MODULE_react_table__) => {
+return (this["webpackChunkuikit"] = this["webpackChunkuikit"] || []).push([["table"],{
+
+/***/ "./src/table/cell.js":
+/*!***************************!*\
+  !*** ./src/table/cell.js ***!
+  \***************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "StyledCell": () => (/* binding */ StyledCell),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+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); }
+
+
+
+
+
+var assign = Object.assign;
+var Cell = function Cell(props) {
+  var className = props.className,
+    rowDensity = props.rowDensity,
+    isLastRow = props.isLastRow,
+    isEditing = props.isEditing,
+    columnStartEditing = props.columnStartEditing,
+    columnDoneEditing = props.columnDoneEditing,
+    row = props.row,
+    column = props.column;
+  var columnId = column.id,
+    _column$type = column.type,
+    type = _column$type === void 0 ? 'string' : _column$type,
+    canEdit = column.canEdit,
+    classNamePrefix = column.classNamePrefix;
+  var rowId = row.id;
+  var startEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    columnStartEditing(columnId, rowId);
+  }, [columnStartEditing, columnId, rowId]);
+  var doneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    columnDoneEditing(columnId, rowId);
+  }, [columnDoneEditing, columnId, rowId]);
+  var cellProps = assign({
+    type: type,
+    rowDensity: rowDensity,
+    canEdit: canEdit,
+    isEditing: isEditing
+  }, {
+    border: isLastRow ? null : 'bottom'
+  }, props.getCellProps(), canEdit ? {
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      startEditing();
+    }
+  } : undefined);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+      cell: true
+    }, className)
+  }, cellProps), props.render('Cell', {
+    row: row,
+    isEditing: isEditing,
+    startEditing: startEditing,
+    doneEditing: doneEditing
+  }));
+};
+Cell.displayName = 'Cell';
+var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StyledCell",
+  componentId: "sc-b034il-0"
+})(["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) {
+  return props.type == 'number' ? 'text-align: right;' : null;
+}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_4__["default"], _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) {
+  if (props.border == 'top') return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
+  if (props.border == 'bottom') return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
+}, function (props) {
+  if (props.rowDensity == 'diamond_hand') {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:11px;padding-bottom:11px;"]);
+  }
+  if (props.rowDensity == 'white_spaced') {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-top:25px;padding-bottom:25px;"]);
+  }
+}, function (props) {
+  if (props.canEdit && props.isEditing) {
+    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);"]);
+  }
+  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);"]);
+}, function (props) {
+  if (props.canEdit) {
+    if (props.isEditing) {
+      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:1;"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_11);
+    }
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:hover{border-color:", " !important;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_9);
+  }
+});
+StyledCell.displayName = 'StyledCell';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cell);
+
+/***/ }),
+
+/***/ "./src/table/context.js":
+/*!******************************!*\
+  !*** ./src/table/context.js ***!
+  \******************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   "useTableContext": () => (/* binding */ useTableContext)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
+/* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["data", "columnsSort", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "isLoading", "onPageChange", "manualPagination", "totalCount"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+var assign = Object.assign;
+var TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createContext({});
+TableContext.displayName = 'TableContext';
+var Cell = function Cell(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Paragraph, {
+    variant: "sm",
+    color: "gray-11-50"
+  }, String(props.value));
+};
+var Provider = function Provider(props) {
+  var defaultColumn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return {
+      minWidth: 100,
+      Cell: Cell
+    };
+  }, []);
+  var _props$data = props.data,
+    data = _props$data === void 0 ? [] : _props$data,
+    _props$columnsSort = props.columnsSort,
+    columnsSort = _props$columnsSort === void 0 ? {} : _props$columnsSort,
+    pageSize = props.pageSize,
+    _props$pageSizes = props.pageSizes,
+    pageSizes = _props$pageSizes === void 0 ? [5, 10, 20, 30] : _props$pageSizes,
+    children = props.children,
+    stateManager = props.stateManager,
+    _props$hooks = props.hooks,
+    hooks = _props$hooks === void 0 ? [] : _props$hooks,
+    _props$NoDataComp = props.NoDataComp,
+    NoDataComp = _props$NoDataComp === void 0 ? NoDataBody : _props$NoDataComp,
+    _props$LoadingComp = props.LoadingComp,
+    LoadingComp = _props$LoadingComp === void 0 ? LoadingBody : _props$LoadingComp,
+    _props$isLoading = props.isLoading,
+    isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
+    onPageChange = props.onPageChange,
+    _props$manualPaginati = props.manualPagination,
+    manualPagination = _props$manualPaginati === void 0 ? false : _props$manualPaginati,
+    totalCount = props.totalCount,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    pageCount = _useState2[0],
+    setPageCount = _useState2[1];
+  var hiddenColumns = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('hiddenColumns')) || props.hiddenColumns;
+  var pinnedColumns = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('pinnedColumns')) || props.pinnedColumns;
+  var columnOrder = (stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('columnOrder')) || props.columnOrder;
+  var initialState = assign({}, pageSize && {
+    pageSize: pageSize
+  }, hiddenColumns && {
+    hiddenColumns: hiddenColumns
+  }, pinnedColumns && {
+    pinnedColumns: pinnedColumns
+  }, columnOrder && {
+    columnOrder: columnOrder
+  });
+  var table = react_table__WEBPACK_IMPORTED_MODULE_2__.useTable.apply(void 0, [_objectSpread({
+    data: data,
+    defaultColumn: defaultColumn,
+    initialState: initialState,
+    pageSizes: pageSizes,
+    manualPagination: manualPagination,
+    pageCount: pageCount,
+    totalCount: totalCount,
+    isLoading: isLoading
+  }, rest), useCanHideColumns, 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_7__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_6__.useEditableColumns].concat(_toConsumableArray(hooks)));
+  var _table$state = table.state,
+    pageIndex = _table$state.pageIndex,
+    _pageSize = _table$state.pageSize;
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    stateManager === null || stateManager === void 0 ? void 0 : stateManager.onStateChange(table.state);
+  }, [table.state]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    if (!manualPagination) return;
+    setPageCount(calcPageCount(totalCount, _pageSize));
+    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange({
+      pageIndex: pageIndex,
+      pageSize: _pageSize
+    });
+  }, [manualPagination, totalCount, pageIndex, _pageSize]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TableContext.Provider, {
+    value: _objectSpread({
+      columnsSort: columnsSort,
+      NoDataComp: NoDataComp,
+      LoadingComp: LoadingComp
+    }, table)
+  }, children);
+};
+Provider.displayName = 'Table.Provider';
+Provider.propTypes = {
+  columns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
+    id: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string.isRequired),
+    accessor: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+    type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['string', 'number']),
+    Header: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().element.isRequired),
+    Cell: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+    Footer: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().element),
+    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)]),
+    on_sort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+    disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    width: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+    minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+    maxWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+    disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    disableEditing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
+  })).isRequired,
+  data: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
+  columnsSort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  pageSize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  pageSizes: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)),
+  manualPagination: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  totalCount: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  onPageChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
+  pinnedColumns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
+  fullWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  disableEditing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  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)]),
+  scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+};
+var calcPageCount = function calcPageCount(totalCount, pageSize) {
+  return Math.ceil(totalCount / pageSize);
+};
+var useTableContext = function useTableContext() {
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(TableContext);
+};
+
+// can hide columns
+
+var useCanHideColumns = function useCanHideColumns(hooks) {
+  hooks.useInstanceBeforeDimensions.push(function (instance) {
+    var disableHiding = instance.disableHiding,
+      flatHeaders = instance.flatHeaders;
+    flatHeaders.forEach(function (header) {
+      header.canHide = (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(header.disableHiding === true ? false : undefined, disableHiding === true ? false : undefined, true);
+    });
+  });
+};
+useCanHideColumns.pluginName = 'useCanHideColumns';
+var EmptyBody = function EmptyBody(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
+    align_items: "center",
+    width: "100%",
+    padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["04"], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing["05"])
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
+    color: "gray_11_50"
+  }, children));
+};
+var NoDataBody = function NoDataBody() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(EmptyBody, null, "No data");
+};
+var LoadingBody = function LoadingBody() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(EmptyBody, null, "Loading...");
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Provider);
+
+/***/ }),
+
+/***/ "./src/table/customize_button.js":
+/*!***************************************!*\
+  !*** ./src/table/customize_button.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../input */ "./src/input/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+var CustomizeButton = function CustomizeButton(props) {
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_11__.useTableContext)(),
+    allColumns = _useTableContext.allColumns;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
+    return setSearch('');
+  }, [props.searchable]);
+  var columns = allColumns.filter(function (col) {
+    return col.canHide || col.canPin;
+  });
+  if (!columns.length) return null;
+  var filtered = columns.filter(searchColumn(search));
+  var items = filtered.map(function (c) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, _extends({
+      key: c.id
+    }, c));
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonWithPopover, {
+    popoverProps: _objectSpread(_objectSpread({}, props), {}, {
+      items: items,
+      search: search,
+      setSearch: setSearch
+    })
+  });
+};
+CustomizeButton.displayName = 'Table.CustomizeButton';
+CustomizeButton.defaultProps = {
+  maxMenuHeight: 300
+};
+CustomizeButton.propTypes = {
+  searchable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  maxMenuHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
+};
+var PopoverContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "PopoverContainer",
+  componentId: "sc-1uptv2h-0"
+})(["box-shadow:", ";background:white;border-radius:4px;padding:4px 0;min-width:168px;max-width:540px;"], _theme__WEBPACK_IMPORTED_MODULE_7__["default"].box_shadow.md);
+var Search = function Search(props) {
+  var search = props.search,
+    setSearch = props.setSearch;
+  var clearButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    variant: "ghost",
+    icon: "Close",
+    style: {
+      visibility: search ? 'visible' : 'hidden'
+    },
+    onClick: function onClick() {
+      return setSearch('');
+    }
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
+    style: {
+      padding: _theme__WEBPACK_IMPORTED_MODULE_7__["default"].spacing["03"]
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_input__WEBPACK_IMPORTED_MODULE_6__.Textbox, {
+    leftInnerContent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+      size: "xs",
+      name: "Search",
+      color: "gray_9"
+    }),
+    rightInnerContent: clearButton,
+    value: search,
+    onChange: setSearch
+  }));
+};
+Search.displayName = 'Search';
+var ItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "ItemsWrapper",
+  componentId: "sc-1uptv2h-1"
+})(["width:100%;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;", ""], function (props) {
+  if (props.maxMenuHeight > 0) {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["max-height:", ";overflow-y:auto;scrollbar-color:", " ", ";scrollbar-width:thin;&::-webkit-scrollbar{width:4px;height:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}"], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(props.maxMenuHeight), _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_6);
+  }
+});
+var CustomizeButtonPopover = function CustomizeButtonPopover(props) {
+  var searchable = props.searchable,
+    search = props.search,
+    setSearch = props.setSearch,
+    maxMenuHeight = props.maxMenuHeight,
+    items = props.items;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PopoverContainer, null, searchable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Search, {
+    search: search,
+    setSearch: setSearch
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ItemsWrapper, {
+    maxMenuHeight: maxMenuHeight
+  }, items));
+};
+CustomizeButtonPopover.displayName = 'CustomizeButtonPopover';
+var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    onClick: p.popover.toggle,
+    tooltip: "Customize columns",
+    icon: "Customize"
+  });
+}, CustomizeButtonPopover, {
+  placement: 'bottom'
+});
+var CustomizeButtonItem = function CustomizeButtonItem(props) {
+  var id = props.id,
+    name = props.name,
+    canPin = props.canPin,
+    isPinned = props.isPinned,
+    togglePinned = props.togglePinned,
+    canHide = props.canHide,
+    isVisible = props.isVisible,
+    toggleHidden = props.toggleHidden;
+  var handlePinned = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
+    togglePinned(!isPinned);
+  }, [isPinned, togglePinned]);
+  var handleHidden = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
+    toggleHidden(isVisible);
+  }, [isVisible, toggleHidden]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_9__.Label, {
+    variant: "sm",
+    color: isVisible ? 'gray_11_50' : 'gray_9',
+    "data-label": true
+  }, name || id), canPin && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemAction, {
+    icon: isPinned ? 'Unpin' : 'Pin',
+    onClick: handlePinned,
+    tooltip: "".concat(isPinned ? 'Unpin' : 'Pin', " column")
+  }), canHide && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemAction, {
+    icon: isVisible ? 'EyeOff' : 'EyeOn',
+    onClick: handleHidden,
+    tooltip: "".concat(isVisible ? 'Hide' : 'Show', " column")
+  }));
+};
+CustomizeButtonItem.displayName = 'CustomizeButtonItem';
+var CustomizeButtonItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "CustomizeButtonItemWrapper",
+  componentId: "sc-1uptv2h-2"
+})(["margin:0;padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:230px;div[data-label]{margin-right:auto;}&:hover{background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_2);
+var CustomizeButtonItemAction = function CustomizeButtonItemAction(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemActionWrapper, {
+    onClick: props.onClick
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_8__["default"], {
+    tooltip: props.tooltip,
+    tooltipPlacement: "top"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    name: props.icon,
+    size: "xs",
+    color: "gray_9"
+  })));
+};
+CustomizeButtonItemAction.displayName = 'CustomizeButtonItemAction';
+var CustomizeButtonItemActionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "CustomizeButtonItemActionWrapper",
+  componentId: "sc-1uptv2h-3"
+})(["cursor:pointer;visibility:hidden;", ":hover &{visibility:visible;}"], CustomizeButtonItemWrapper);
+var searchColumn = function searchColumn(search) {
+  return function (col) {
+    var name = col.name || col.id || '';
+    return !search || name.toLowerCase().includes(search.toLowerCase());
+  };
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomizeButton);
+
+/***/ }),
+
+/***/ "./src/table/editable_columns.js":
+/*!***************************************!*\
+  !*** ./src/table/editable_columns.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "useEditableColumns": () => (/* binding */ useEditableColumns)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+var assign = Object.assign;
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnStartEditing = 'columnStartEditing';
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnDoneEditing = 'columnDoneEditing';
+var prepareEditableRow = function prepareEditableRow(row, _ref) {
+  var instance = _ref.instance;
+  var columnEditing = instance.state.columnEditing;
+  row.cells.forEach(function (cell) {
+    cell.isEditing = columnEditing.rowId == row.id && columnEditing.columnId == cell.column.id;
+  });
+};
+var useEditableReducer = function useEditableReducer(state, action) {
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.init) return _objectSpread({
+    columnEditing: {}
+  }, state);
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnStartEditing) {
+    var columnId = action.columnId,
+      rowId = action.rowId;
+    return _objectSpread(_objectSpread({}, state), {}, {
+      columnEditing: {
+        columnId: columnId,
+        rowId: rowId
+      }
+    });
+  }
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnDoneEditing) return _objectSpread(_objectSpread({}, state), {}, {
+    columnEditing: {}
+  });
+};
+var useEditableInstance = function useEditableInstance(instance) {
+  var flatHeaders = instance.flatHeaders,
+    dispatch = instance.dispatch;
+  var columnStartEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (columnId, rowId) {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnStartEditing,
+      columnId: columnId,
+      rowId: rowId
+    });
+  }, [dispatch]);
+  var columnDoneEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (columnId, rowId) {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.columnDoneEditing,
+      columnId: columnId,
+      rowId: rowId
+    });
+  }, [dispatch]);
+  flatHeaders.forEach(function (column) {
+    column.startEditing = function (rowId) {
+      return columnStartEditing(column.id, rowId);
+    };
+    column.doneEditing = function (rowId) {
+      return columnDoneEditing(column.id, rowId);
+    };
+  });
+  assign(instance, {
+    columnStartEditing: columnStartEditing,
+    columnDoneEditing: columnDoneEditing
+  });
+};
+var useEditableInstanceBeforeDimensions = function useEditableInstanceBeforeDimensions(instance) {
+  var flatHeaders = instance.flatHeaders,
+    disableEditing = instance.disableEditing;
+  flatHeaders.forEach(function (header) {
+    header.canEdit = (0,_util__WEBPACK_IMPORTED_MODULE_2__.firstDefined)(header.disableEditing === true ? false : undefined, disableEditing === true ? false : undefined, true);
+  });
+};
+var useEditableColumns = function useEditableColumns(hooks) {
+  hooks.prepareRow.push(prepareEditableRow);
+  hooks.stateReducers.push(useEditableReducer);
+  hooks.useInstance.push(useEditableInstance);
+  hooks.useInstanceBeforeDimensions.push(useEditableInstanceBeforeDimensions);
+};
+useEditableColumns.pluginName = 'useEditableColumns';
+
+/***/ }),
+
+/***/ "./src/table/footer.js":
+/*!*****************************!*\
+  !*** ./src/table/footer.js ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cell */ "./src/table/cell.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["key"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+var TableFooter = function TableFooter(props) {
+  var classNamePrefix = props.classNamePrefix,
+    rowDensity = props.rowDensity;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
+    footerGroups = _useTableContext.footerGroups,
+    allColumns = _useTableContext.allColumns,
+    hideFooter = _useTableContext.hideFooter;
+  var isFooterHidden = hideFooter || allColumns.every(function (col) {
+    return !col.Footer;
+  });
+  if (isFooterHidden) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+    role: "rowgroup",
+    "data-rowgroup-type": "footer",
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+      tableFooter: true
+    })
+  }, footerGroups.map(function (group) {
+    var _group$getFooterGroup = group.getFooterGroupProps(),
+      key = _group$getFooterGroup.key,
+      rest = _objectWithoutProperties(_group$getFooterGroup, _excluded);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+      key: key,
+      role: "row"
+    }, rest, {
+      className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+        footerRow: true
+      })
+    }), group.headers.map(function (column) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FooterCell, {
+        column: column,
+        key: column.getFooterProps().key,
+        rowDensity: rowDensity,
+        className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+          footerCell: true
+        })
+      });
+    }));
+  }));
+};
+TableFooter.displayName = 'TableFooter';
+var FooterCell = function FooterCell(props) {
+  var className = props.className,
+    column = props.column,
+    rowDensity = props.rowDensity;
+  var _column$type = column.type,
+    type = _column$type === void 0 ? 'string' : _column$type,
+    classNamePrefix = column.classNamePrefix;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
+    type: type,
+    role: "cell",
+    rowDensity: rowDensity,
+    border: "top",
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+      footer: true
+    }, className)
+  }, column.getFooterProps()), column.render('Footer'));
+};
+FooterCell.displayName = 'FooterCell';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableFooter);
+
+/***/ }),
+
+/***/ "./src/table/header.js":
+/*!*****************************!*\
+  !*** ./src/table/header.js ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["key"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+var TableHeader = function TableHeader(props) {
+  var classNamePrefix = props.classNamePrefix,
+    compact = props.compact,
+    left = props.left;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
+    headerGroups = _useTableContext.headerGroups;
+  var style = {};
+  if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.toPixel)(-left);
+  var dataAttributes = {};
+  if (!compact) dataAttributes['data-rowgroup-type'] = 'head';
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    role: "rowgroup",
+    style: style
+  }, dataAttributes, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+      tableHeader: true,
+      'tableHeader--is-compact': compact
+    })
+  }), headerGroups.map(function (group) {
+    var _group$getHeaderGroup = group.getHeaderGroupProps(),
+      key = _group$getHeaderGroup.key,
+      rest = _objectWithoutProperties(_group$getHeaderGroup, _excluded);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+      key: key
+    }, rest, {
+      className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+        headerRow: true
+      })
+    }), group.headers.map(function (header, i, arr) {
+      var isLast = i == arr.length - 1;
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCell, {
+        compact: compact,
+        isLast: isLast,
+        key: header.getHeaderProps().key,
+        header: header,
+        className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+          headerCell: true,
+          'headerCell--is-compact': compact,
+          'headerCell--is-last': isLast
+        })
+      });
+    }));
+  }));
+};
+TableHeader.displayName = 'TableHeader';
+var HeaderCell = function HeaderCell(props) {
+  var className = props.className,
+    header = props.header,
+    compact = props.compact,
+    isLast = props.isLast;
+  var id = header.id,
+    name = header.name,
+    on_sort = header.on_sort,
+    isResizing = header.isResizing,
+    getHeaderProps = header.getHeaderProps,
+    getResizerProps = header.getResizerProps,
+    classNamePrefix = header.classNamePrefix;
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
+    columnsSort = _useTableContext2.columnsSort,
+    fullWidth = _useTableContext2.fullWidth;
+  var sort = columnsSort[id];
+  var canSort = header.can_sort && header.on_sort;
+  var handleSort = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    if (on_sort) {
+      on_sort(id, {
+        asc: 'desc',
+        desc: undefined,
+        none: 'asc'
+      }[sort || 'none']);
+    }
+  }, [id, sort, on_sort]);
+  var canResize = header.canResize && !(fullWidth && isLast) && !compact;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  var iconVisible = canSort && (['asc', 'desc'].includes(sort) || hovered);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellContent, _extends({
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+      header: true
+    }, className)
+  }, getHeaderProps(), {
+    onMouseOver: function onMouseOver() {
+      return setHovered(true);
+    },
+    onMouseOut: function onMouseOut() {
+      return setHovered(false);
+    }
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellLeft, {
+    $canSort: canSort,
+    onClick: handleSort
+  }, !compact && (0,_util__WEBPACK_IMPORTED_MODULE_8__.renderCellContent)(header, 'Header', {
+    compact: compact
+  }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
+    variant: "sm",
+    color: "gray_11",
+    no_wrap: true
+  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    visible: !!iconVisible,
+    reverse: sort == 'desc'
+  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_6__["default"], {
+    header: header,
+    visible: hovered,
+    onItemClick: function onItemClick() {
+      return setHovered(false);
+    }
+  }), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
+    isResizing: isResizing
+  }))));
+};
+HeaderCell.displayName = 'HeaderCell';
+var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "HeaderCellContent",
+  componentId: "sc-8zg5t0-0"
+})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:3 !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_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3);
+var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "HeaderCellWrapper",
+  componentId: "sc-8zg5t0-1"
+})(["display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;"]);
+HeaderCellWrapper.displayName = 'HeaderCellWrapper';
+var HeaderCellLeft = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "HeaderCellLeft",
+  componentId: "sc-8zg5t0-2"
+})(["display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;min-height:16px;overflow-x:clip;", ""], function (props) {
+  return props.$canSort ? 'cursor: pointer;' : null;
+});
+HeaderCellLeft.displayName = 'HeaderCellLeft';
+var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "HeaderCellResizer",
+  componentId: "sc-8zg5t0-3"
+})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:1;touch-action:none;", ""], function (props) {
+  if (props.isResizing) {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10);
+  }
+});
+HeaderCellResizer.displayName = 'HeaderCellResizer';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableHeader);
+
+/***/ }),
+
+/***/ "./src/table/header_functions.js":
+/*!***************************************!*\
+  !*** ./src/table/header_functions.js ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+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); }
+
+
+
+
+
+
+
+
+var HeaderFunctions = function HeaderFunctions(props) {
+  var header = props.header,
+    visible = props.visible,
+    onItemClick = props.onItemClick;
+  var id = header.id,
+    on_sort = header.on_sort,
+    canHide = header.canHide,
+    getToggleHiddenProps = header.getToggleHiddenProps,
+    canPin = header.canPin;
+  var canSort = header.can_sort && header.on_sort;
+  var items = [];
+  if (canSort) {
+    items.push({
+      id: 'sort_asc',
+      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortColumn, {
+        id: id,
+        onSort: on_sort,
+        sort: "asc"
+      })
+    }, {
+      id: 'sort_desc',
+      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SortColumn, {
+        id: id,
+        onSort: on_sort,
+        sort: "desc"
+      })
+    });
+  }
+  if (canSort && (canHide || canPin)) items.push({
+    id: 'sep',
+    separator: true
+  });
+  if (canPin) {
+    items.push({
+      id: 'pin',
+      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PinColumn, _extends({}, header, {
+        onClick: onItemClick
+      }))
+    });
+  }
+  if (canHide) {
+    items.push({
+      id: 'hide',
+      children: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HideColumn, getToggleHiddenProps())
+    });
+  }
+  if (!items.length) return null;
+  var menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Menu, null, items.map(function (item) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItem, _extends({
+      key: item.id
+    }, item));
+  }));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuPopover, {
+    visible: visible,
+    popoverProps: {
+      menu: menu
+    }
+  });
+};
+HeaderFunctions.displayName = 'HeaderFunctions';
+var MenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"]).attrs(function (props) {
+  return {
+    variant: 'ghost',
+    tooltip: 'Functions',
+    tooltipPlacement: 'top',
+    icon: 'DotsHorizontal',
+    onClick: props.popover.toggle,
+    style: {
+      visibility: props.visible ? 'visible' : 'hidden'
+    }
+  };
+}).withConfig({
+  displayName: "MenuButton",
+  componentId: "sc-1oo76mu-0"
+})(["cursor:pointer;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:2;width:16px;height:16px;background-color:", ";border-radius:4px;width:16px;height:16px;&:hover:not(:disabled){background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6);
+var MenuWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "MenuWrapper",
+  componentId: "sc-1oo76mu-1"
+})(["background:white;border-radius:4px;box-shadow:", ";"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].box_shadow.md);
+var MenuPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_2__.withPopover)(MenuButton, function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuWrapper, {
+    onClick: p.popover.hide
+  }, p.menu);
+}, {
+  placement: 'bottom'
+});
+var Menu = styled_components__WEBPACK_IMPORTED_MODULE_1___default().ul.withConfig({
+  displayName: "Menu",
+  componentId: "sc-1oo76mu-2"
+})(["margin:0;padding:4px 0;"]);
+var MenuItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default().li.withConfig({
+  displayName: "MenuItem",
+  componentId: "sc-1oo76mu-3"
+})(["list-style:none;&:hover{background-color:", ";}", ""], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_2, function (props) {
+  if (props.separator) {
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding:0;height:1px;background-color:", ";&:hover{background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_4, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_4);
+  }
+});
+var SortColumn = function SortColumn(props) {
+  var id = props.id,
+    sort = props.sort,
+    onSort = props.onSort;
+  var text = sort == 'asc' ? 'Sort A to Z' : 'Sort Z to A';
+  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+    onSort === null || onSort === void 0 ? void 0 : onSort(id, sort);
+  }, [id, sort, onSort]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
+    onClick: handleClick
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_7__["default"], {
+    color: "gray_9",
+    reverse: sort != 'asc'
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, text));
+};
+SortColumn.displayName = 'SortColumn';
+var PinColumn = function PinColumn(props) {
+  var isPinned = props.isPinned,
+    togglePinned = props.togglePinned,
+    onClick = props.onClick;
+  var text = isPinned ? 'Unpin column' : 'Pin column';
+  var handleClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
+    onClick === null || onClick === void 0 ? void 0 : onClick(evt);
+    togglePinned(!isPinned);
+  }, [isPinned, togglePinned, onClick]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
+    onClick: handleClick
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    name: isPinned ? 'Unpin' : 'Pin',
+    color: "gray_9",
+    size: "xs"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, text));
+};
+PinColumn.displayName = 'PinColumn';
+var HideColumn = function HideColumn(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(FunctionWrapper, {
+    as: "label",
+    onClick: function onClick(evt) {
+      return evt.stopPropagation();
+    }
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", _extends({
+    type: "checkbox"
+  }, props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    name: "EyeOff",
+    color: "gray_9",
+    size: "xs"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, "Hide column"));
+};
+HideColumn.displayName = 'HideColumn';
+var FunctionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "FunctionWrapper",
+  componentId: "sc-1oo76mu-4"
+})(["cursor:pointer;margin:0;padding:7px 12px;display:flex;align-items:center;gap:10px;min-width:180px;input[type=\"checkbox\"]{display:none;}"]);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (HeaderFunctions);
+
+/***/ }),
+
+/***/ "./src/table/index.js":
+/*!****************************!*\
+  !*** ./src/table/index.js ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Table": () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_3__["default"])
+/* harmony export */ });
+/* harmony import */ var _sticky_rows__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./sticky_rows */ "./src/table/sticky_rows.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _customize_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./customize_button */ "./src/table/customize_button.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table */ "./src/table/table.js");
+/* harmony import */ var _pagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pagination */ "./src/table/pagination.js");
+/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./plugin */ "./src/table/plugin.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+
+
+
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].Pagination = _pagination__WEBPACK_IMPORTED_MODULE_4__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
+_table__WEBPACK_IMPORTED_MODULE_3__["default"].plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
+
+
+/***/ }),
+
+/***/ "./src/table/pagination.js":
+/*!*********************************!*\
+  !*** ./src/table/pagination.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input */ "./src/input/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../link */ "./src/link/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["state", "totalCount", "manualPagination"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+
+
+var Pagination = function Pagination(props) {
+  var className = props.className,
+    onDownload = props.onDownload,
+    _props$downloadToolti = props.downloadTooltip,
+    downloadTooltip = _props$downloadToolti === void 0 ? 'Download' : _props$downloadToolti;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
+    state = _useTableContext.state,
+    totalCount = _useTableContext.totalCount,
+    manualPagination = _useTableContext.manualPagination,
+    rest = _objectWithoutProperties(_useTableContext, _excluded);
+  var rows = rest.rows,
+    pageSizes = rest.pageSizes;
+  var minPageSize = Math.min.apply(Math, _toConsumableArray(pageSizes));
+  var total = manualPagination ? totalCount : rows.length;
+  if (total <= minPageSize) return null;
+  var childProps = _objectSpread(_objectSpread(_objectSpread({}, state), rest), {}, {
+    total: total
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationWrapper, {
+    className: className
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationItems, childProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationControlsWrapper, null, !!onDownload && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_3__["default"], {
+    icon: "Download",
+    onClick: onDownload,
+    tooltip: downloadTooltip,
+    variant: "icon"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationControls, childProps)));
+};
+Pagination.displayName = 'Table.Pagination';
+Pagination.propTypes = {
+  onDownload: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  downloadTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
+};
+var PaginationWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "PaginationWrapper",
+  componentId: "sc-1rdn0jh-0"
+})(["display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;"]);
+var PaginationControlsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "PaginationControlsWrapper",
+  componentId: "sc-1rdn0jh-1"
+})(["margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:12px;"]);
+var PaginationControls = function PaginationControls(props) {
+  var pageIndex = props.pageIndex,
+    pageSize = props.pageSize,
+    pageSizes = props.pageSizes,
+    setPageSize = props.setPageSize,
+    total = props.total;
+  var handleChange = function handleChange(option) {
+    return setPageSize(+option.value);
+  };
+  var opts = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return pageSizes.map(function (o) {
+      return {
+        label: String(o),
+        value: o
+      };
+    });
+  }, [pageSizes]);
+  var sel = opts.find(function (o) {
+    return o.value == pageSize;
+  });
+  var from = pageIndex * pageSize + 1;
+  var to = Math.min((pageIndex + 1) * pageSize, total);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, opts.length > 1 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_input__WEBPACK_IMPORTED_MODULE_4__.Dropdown, {
+    classNamePrefix: "uikit-table-pagination",
+    value: sel,
+    options: opts,
+    onChange: handleChange,
+    menuPortalTarget: document.body
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, {
+    align_items: "center",
+    column_gap: "0.2em"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, from, "-", to), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, "of"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, total)));
+};
+PaginationControls.displayName = 'PaginationControls';
+var PaginationItems = function PaginationItems(props) {
+  var pageIndex = props.pageIndex,
+    canPreviousPage = props.canPreviousPage,
+    previousPage = props.previousPage,
+    canNextPage = props.canNextPage,
+    nextPage = props.nextPage,
+    gotoPage = props.gotoPage,
+    pageCount = props.pageCount;
+  var pages = usePages({
+    pageIndex: pageIndex,
+    gotoPage: gotoPage,
+    pageCount: pageCount
+  });
+  if (!pages) return null;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationItemsWrapper, null, canPreviousPage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PageLink, {
+    onClick: previousPage,
+    text: "Prev"
+  }), pages, canNextPage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PageLink, {
+    onClick: nextPage,
+    text: "Next"
+  }));
+};
+PaginationItems.displayName = 'PaginationItems';
+var PaginationItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "PaginationItemsWrapper",
+  componentId: "sc-1rdn0jh-2"
+})(["display:flex;flex-direction:row;align-items:center;gap:8px;"]);
+var PageLink = function PageLink(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_link__WEBPACK_IMPORTED_MODULE_6__["default"], {
+    as: "div",
+    variant: "secondary",
+    size: "sm",
+    onClick: props.onClick,
+    text: String(props.text),
+    style: {
+      cursor: 'pointer'
+    }
+  });
+};
+PageLink.displayName = 'PageLink';
+var PageLabel = function PageLabel(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+    variant: "sm",
+    color: "gray_11_50"
+  }, props.text);
+};
+PageLabel.displayName = 'PageLabel';
+var usePages = function usePages(opt) {
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    var pageIndex = opt.pageIndex,
+      _opt$button_count = opt.button_count,
+      button_count = _opt$button_count === void 0 ? 7 : _opt$button_count,
+      gotoPage = opt.gotoPage,
+      pageCount = opt.pageCount;
+    var currentPage = pageIndex + 1;
+    var ellipsis = function ellipsis(key) {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PageLabel, {
+        key: key,
+        text: "..."
+      });
+    };
+    var pageItem = function pageItem(page) {
+      if (page == currentPage) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PageLabel, {
+        key: page,
+        text: page
+      });
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PageLink, {
+        key: page,
+        onClick: function onClick() {
+          return gotoPage(page - 1);
+        },
+        text: page
+      });
+    };
+    if (pageCount <= 1) return null;
+    var pages;
+    if (pageCount < button_count) {
+      pages = new Array(pageCount);
+      for (var i = 1; i <= pageCount; i++) pages[i - 1] = pageItem(i);
+    } else {
+      pages = new Array(button_count);
+      var min, max, page_start;
+      if (currentPage < button_count - 2) {
+        page_start = 1;
+        min = 0;
+        max = button_count - 3;
+        pages[button_count - 2] = ellipsis('e2');
+        pages[button_count - 1] = pageItem(pageCount);
+      } else if (currentPage > pageCount - button_count + 3) {
+        page_start = pageCount - button_count + 3;
+        min = 2;
+        max = button_count - 1;
+        pages[1] = ellipsis('e1');
+        pages[0] = pageItem(1);
+      } else {
+        page_start = currentPage - (button_count - 4 >> 1);
+        min = 2;
+        max = button_count - 3;
+        pages[1] = ellipsis('e1');
+        pages[0] = pageItem(1);
+        pages[button_count - 2] = ellipsis('e2');
+        pages[button_count - 1] = pageItem(pageCount);
+      }
+      for (var _i = min; _i <= max; _i++, page_start++) pages[_i] = pageItem(page_start);
+    }
+    return pages;
+  }, [opt]);
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pagination);
+
+/***/ }),
+
+/***/ "./src/table/pinned_columns.js":
+/*!*************************************!*\
+  !*** ./src/table/pinned_columns.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "usePinnedColumns": () => (/* binding */ usePinnedColumns)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+
+var assign = Object.assign;
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.togglePinColumn = 'togglePinColumn';
+var checkPinnedErrors = function checkPinnedErrors(columns) {
+  var hasGroups = columns.some(function (col) {
+    return col.parent;
+  });
+  var withoutGroup = columns.filter(function (col) {
+    return col.pinned && !col.parent;
+  }).map(function (col) {
+    return "'".concat(col.Header, "'");
+  });
+  if (hasGroups && withoutGroup.length) {
+    throw new Error("WARNING usePinnedColumns:\nYour ReactTable has group and pinned columns outside groups, " + "and that will break UI.\nYou must place ".concat(withoutGroup.join(' and '), " columns into a group ") + "(even a group with an empty Header label)\n");
+  }
+  var bugWithUnderColumns = columns.find(function (parentCol) {
+    return !parentCol.pinned && parentCol.columns && parentCol.columns.some(function (col) {
+      return col.pinned;
+    });
+  });
+  if (!bugWithUnderColumns) return;
+  var childBugs = bugWithUnderColumns.columns.find(function (col) {
+    return col.pinned;
+  });
+  if (!childBugs) return;
+  throw new Error("WARNING usePinnedColumns:\nYour ReactTable contain columns group with at least one child columns pinned.\nWhen ReactTable has columns groups, only columns groups can be pinned\nYou must set pinned: 1 for the '".concat(bugWithUnderColumns.Header, "'\ncolumn, or remove the pinned property of '").concat(childBugs.Header, "' column."));
+};
+var getPinnedValue = function getPinnedValue(column) {
+  if (column.isPinned && column.isVisible) return true;
+  if (column.parent) return getPinnedValue(column.parent);
+  return false;
+};
+var columnIsLastPinned = function columnIsLastPinned(column_id, columns) {
+  var ind = columns.findIndex(function (col) {
+    return col.id == column_id;
+  });
+  var column = columns[ind];
+  var nextColumn = columns[ind + 1];
+  var columnIsPinned = getPinnedValue(column);
+  var nextColumnIsPinned = nextColumn && getPinnedValue(nextColumn);
+  return columnIsPinned && !nextColumnIsPinned;
+};
+var findHeadersSameLevel = function findHeadersSameLevel(header, flat_headers) {
+  return flat_headers.filter(function (h) {
+    return h.depth == header.depth;
+  });
+};
+var cellStylesPinned = {
+  position: 'sticky',
+  zIndex: 2
+};
+var getPinnedProps = function getPinnedProps(header, instance) {
+  var style = {};
+  var dataAttrs = {};
+  checkPinnedErrors(instance.columns);
+  if (getPinnedValue(header)) {
+    style = assign({}, cellStylesPinned);
+    dataAttrs['data-pinned'] = true;
+    var headers = findHeadersSameLevel(header, instance.flatHeaders);
+    style = _objectSpread(_objectSpread({}, style), {}, {
+      left: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(header.totalLeft)
+    });
+    if (columnIsLastPinned(header.id, headers)) dataAttrs['data-pinned-last'] = true;
+  }
+  return _objectSpread({
+    style: style
+  }, dataAttrs);
+};
+var usePinnedReducer = function usePinnedReducer(state, action) {
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.init) return _objectSpread({
+    pinnedColumns: []
+  }, state);
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.togglePinColumn) {
+    var should = typeof action.value != 'undefined' ? action.value : !state.pinnedColumns.includes(action.columnId);
+    var pinnedColumns = should ? [].concat(_toConsumableArray(state.pinnedColumns), [action.columnId]) : state.pinnedColumns.filter(function (d) {
+      return d != action.columnId;
+    });
+    return _objectSpread(_objectSpread({}, state), {}, {
+      pinnedColumns: pinnedColumns
+    });
+  }
+};
+var orderByPinned = function orderByPinned(columns, columnId, isPinned) {
+  var length = columns.length;
+  var result = new Array(length);
+  while (length--) {
+    var column = columns[length];
+    if (column.id == columnId) column = _objectSpread(_objectSpread({}, column), {}, {
+      isPinned: isPinned
+    });
+    result[length] = column;
+  }
+  result.sort(function (a, b) {
+    return +b.isPinned - +a.isPinned;
+  });
+  return result;
+};
+var usePinnedInstance = function usePinnedInstance(instance) {
+  var flatHeaders = instance.flatHeaders,
+    dispatch = instance.dispatch,
+    columns = instance.columns,
+    setColumnOrder = instance.setColumnOrder;
+  var togglePinColumn = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (columnId, value) {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.togglePinColumn,
+      columnId: columnId,
+      value: value
+    });
+    setColumnOrder(orderByPinned(columns, columnId, value).map(function (col) {
+      return col.id;
+    }));
+  }, [dispatch, columns, setColumnOrder]);
+  flatHeaders.forEach(function (column) {
+    column.togglePinned = function (value) {
+      return togglePinColumn(column.id, value);
+    };
+  });
+  assign(instance, {
+    togglePinColumn: togglePinColumn
+  });
+};
+var usePinnedInstanceBeforeDimensions = function usePinnedInstanceBeforeDimensions(instance) {
+  var disablePinning = instance.disablePinning,
+    flatHeaders = instance.flatHeaders,
+    pinnedColumns = instance.state.pinnedColumns;
+  flatHeaders.forEach(function (header) {
+    header.canPin = (0,_util__WEBPACK_IMPORTED_MODULE_3__.firstDefined)(header.disablePinning === true ? false : undefined, disablePinning === true ? false : undefined, header.parent ? false : undefined, true);
+    header.isPinned = pinnedColumns.includes(header.id);
+  });
+};
+var usePinnedColumns = function usePinnedColumns(hooks) {
+  hooks.getHeaderProps.push(function (props, _ref) {
+    var instance = _ref.instance,
+      column = _ref.column;
+    var nextProps = getPinnedProps(column, instance);
+    return [props, nextProps];
+  });
+  hooks.getCellProps.push(function (props, _ref2) {
+    var instance = _ref2.instance,
+      cell = _ref2.cell;
+    var nextProps = getPinnedProps(cell.column, instance);
+    return [props, nextProps];
+  });
+  hooks.getFooterProps.push(function (props, _ref3) {
+    var instance = _ref3.instance,
+      column = _ref3.column;
+    var nextProps = getPinnedProps(column, instance);
+    return [props, nextProps];
+  });
+  hooks.stateReducers.push(usePinnedReducer);
+  hooks.useInstance.push(usePinnedInstance);
+  hooks.useInstanceBeforeDimensions.push(usePinnedInstanceBeforeDimensions);
+};
+usePinnedColumns.pluginName = 'usePinnedColumns';
+
+/***/ }),
+
+/***/ "./src/table/plugin.js":
+/*!*****************************!*\
+  !*** ./src/table/plugin.js ***!
+  \*****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "plugins": () => (/* binding */ plugins),
+/* harmony export */   "withPlugins": () => (/* binding */ withPlugins)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+
+var assign = Object.assign;
+var withPlugins = function withPlugins() {
+  for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
+    plugins[_key] = arguments[_key];
+  }
+  var pluginProps = plugins.reduce(function (acc, plugin) {
+    var _plugin$props;
+    return assign(acc, (_plugin$props = plugin.props) === null || _plugin$props === void 0 ? void 0 : _plugin$props.call(plugin));
+  }, {});
+  var hooks = plugins.reduce(function (acc, plugin) {
+    var _plugin$hooks;
+    return acc.concat.apply(acc, _toConsumableArray(((_plugin$hooks = plugin.hooks) === null || _plugin$hooks === void 0 ? void 0 : _plugin$hooks.call(plugin)) || []));
+  }, []);
+  var ProviderWithPlugins = function ProviderWithPlugins(props) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({}, pluginProps, props, {
+      hooks: hooks
+    }));
+  };
+  ProviderWithPlugins.displayName = 'withPlugins(Table.Provider)';
+  return ProviderWithPlugins;
+};
+var plugins = {};
+
+/***/ }),
+
+/***/ "./src/table/render_row.js":
+/*!*********************************!*\
+  !*** ./src/table/render_row.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _cell__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./cell */ "./src/table/cell.js");
+/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var _excluded = ["classNamePrefix", "row", "onRowClick"],
+  _excluded2 = ["key"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+var renderRow = function renderRow(opt) {
+  var classNamePrefix = opt.classNamePrefix,
+    row = opt.row,
+    onRowClick = opt.onRowClick,
+    cellProps = _objectWithoutProperties(opt, _excluded);
+  var _row$getRowProps = row.getRowProps(),
+    key = _row$getRowProps.key,
+    rowProps = _objectWithoutProperties(_row$getRowProps, _excluded2);
+  var onClick = onRowClick ? function (evt) {
+    return onRowClick(row.original, evt);
+  } : undefined;
+  var cursor = onRowClick ? 'pointer' : undefined;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({
+    key: key,
+    onClick: onClick,
+    cursor: cursor
+  }, rowProps, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+      tableRow: true,
+      'tableRow--is-pinned': row.isPinned
+    })
+  }), row.cells.map(function (cell) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
+      key: cell.getCellProps().key
+    }, cellProps, cell, {
+      className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+        tableCell: true
+      })
+    }));
+  }));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (renderRow);
+
+/***/ }),
+
+/***/ "./src/table/sort_icon.js":
+/*!********************************!*\
+  !*** ./src/table/sort_icon.js ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var SortIcon = function SortIcon(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__["default"], {
+    size: "xs",
+    name: props.reverse ? 'SortDesc' : 'SortAsc',
+    color: props.color || 'blue_10',
+    style: {
+      visibility: props.visible ? 'visible' : 'hidden'
+    }
+  });
+};
+SortIcon.displayName = 'SortIcon';
+SortIcon.defaultProps = {
+  visible: true
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SortIcon);
+
+/***/ }),
+
+/***/ "./src/table/sticky_header.js":
+/*!************************************!*\
+  !*** ./src/table/sticky_header.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+
+
+
+var StickyHeader = function StickyHeader(props) {
+  var classNamePrefix = props.classNamePrefix,
+    top = props.top,
+    width = props.width,
+    left = props.left,
+    onRowClick = props.onRowClick,
+    rowDensity = props.rowDensity;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
+    prepareRow = _useTableContext.prepareRow,
+    columnStartEditing = _useTableContext.columnStartEditing,
+    columnDoneEditing = _useTableContext.columnDoneEditing,
+    _useTableContext$pinn = _useTableContext.pinnedRows,
+    pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn;
+  var style = {
+    top: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(top),
+    width: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(width)
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StickyHeaderWrapper, {
+    style: style,
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.classNames)(classNamePrefix, {
+      stickyHeader: true
+    })
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    left: left,
+    classNamePrefix: classNamePrefix,
+    compact: true
+  }), pinnedRows.map(function (row) {
+    prepareRow(row);
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_5__["default"])({
+      row: row,
+      columnStartEditing: columnStartEditing,
+      columnDoneEditing: columnDoneEditing,
+      rowDensity: rowDensity,
+      onRowClick: onRowClick,
+      classNamePrefix: classNamePrefix
+    });
+  }));
+};
+StickyHeader.displayName = 'StickyHeader';
+var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "StickyHeaderWrapper",
+  componentId: "sc-hh47bp-0"
+})(["position:fixed;z-index:3;overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"]);
+StickyHeaderWrapper.displayName = 'StickyHeaderWrapper';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StickyHeader);
+
+/***/ }),
+
+/***/ "./src/table/sticky_rows.js":
+/*!**********************************!*\
+  !*** ./src/table/sticky_rows.js ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon_button */ "./src/icon_button.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _plugin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./plugin */ "./src/table/plugin.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
+
+
+
+
+
+
+var assign = Object.assign;
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.resetPinnedRows = 'resetPinnedRows';
+react_table__WEBPACK_IMPORTED_MODULE_1__.actions.toggleRowPinned = 'toggleRowPinned';
+var useStickyRows = function useStickyRows(hooks) {
+  hooks.getCellProps.push(getStickyCellProps);
+  hooks.stateReducers.push(stickyRowsReducer);
+  hooks.useInstance.push(useStickyRowInstance);
+  hooks.prepareRow.push(prepareStickyRow);
+};
+useStickyRows.pluginName = 'useStickyRows';
+var rowMenuStyle = {
+  backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white,
+  display: 'flex',
+  alignItems: 'center',
+  position: 'sticky',
+  right: 0,
+  overflow: 'visible'
+};
+var getStickyCellProps = function getStickyCellProps(props, _ref) {
+  var cell = _ref.cell;
+  if (cell.column.id == 'row_menu') return [props, {
+    style: rowMenuStyle
+  }];
+  return props;
+};
+var stickyRowsReducer = function stickyRowsReducer(state, action, previousState, instance) {
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.init) return _objectSpread({
+    pinnedRowIds: {}
+  }, state);
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.resetPinnedRows) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      pinnedRowIds: instance.initialState.pinnedRowIds || {}
+    });
+  }
+  if (action.type == react_table__WEBPACK_IMPORTED_MODULE_1__.actions.toggleRowPinned) {
+    var id = action.id,
+      setPinned = action.value;
+    var rowsById = instance.rowsById;
+    var isPinned = state.pinnedRowIds[id];
+    var shouldExist = typeof setPinned != 'undefined' ? setPinned : !isPinned;
+    if (isPinned == shouldExist) return state;
+    var newPinnedRowIds = _objectSpread({}, state.pinnedRowIds);
+    var row = rowsById[id];
+    if (row && !row.isGrouped) {
+      if (shouldExist) newPinnedRowIds[id] = true;else delete newPinnedRowIds[id];
+    }
+    return _objectSpread(_objectSpread({}, state), {}, {
+      pinnedRowIds: newPinnedRowIds
+    });
+  }
+  return state;
+};
+var useStickyRowInstance = function useStickyRowInstance(instance) {
+  var data = instance.data,
+    rows = instance.rows,
+    pinnedRowIds = instance.state.pinnedRowIds,
+    dispatch = instance.dispatch;
+  var pinnedRows = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    var newRows = [];
+    rows.forEach(function (row) {
+      var isPinned = !!pinnedRowIds[row.id];
+      row.isPinned = !!isPinned;
+      if (isPinned) newRows.push(row);
+    });
+    return newRows;
+  }, [rows, pinnedRowIds]);
+  (0,react_table__WEBPACK_IMPORTED_MODULE_1__.useMountedLayoutEffect)(function () {
+    dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.resetPinnedRows
+    });
+  }, [dispatch, data]);
+  var toggleRowPinned = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (id, value) {
+    return dispatch({
+      type: react_table__WEBPACK_IMPORTED_MODULE_1__.actions.toggleRowPinned,
+      id: id,
+      value: value
+    });
+  }, [dispatch]);
+  assign(instance, {
+    pinnedRows: pinnedRows,
+    toggleRowPinned: toggleRowPinned
+  });
+};
+var prepareStickyRow = function prepareStickyRow(row, _ref2) {
+  var instance = _ref2.instance;
+  row.toggleRowPinned = function (set) {
+    return instance.toggleRowPinned(row.id, set);
+  };
+};
+var RowMenuCell = function RowMenuCell(props) {
+  var _props$row = props.row,
+    isPinned = _props$row.isPinned,
+    toggleRowPinned = _props$row.toggleRowPinned;
+  var items = [{
+    key: 'stick_row',
+    text: "".concat(isPinned ? 'Unpin' : 'Pin', " row"),
+    icon: isPinned ? 'Unpin' : 'Pin',
+    onClick: function onClick() {
+      return toggleRowPinned(!isPinned);
+    }
+  }];
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(RowMenuCellPopover, {
+    popoverProps: {
+      items: items
+    }
+  });
+};
+RowMenuCell.displayName = 'RowMenuCell';
+var RowMenuCellPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    onClick: p.popover.toggle,
+    icon: "DotsHorizontal",
+    variant: "ghost"
+  });
+}, function (p) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_5__["default"], {
+    items: p.items,
+    size: "sm"
+  });
+}, {
+  placement: 'left'
+});
+var RowMenuButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
+  displayName: "RowMenuButton",
+  componentId: "sc-u1g3r9-0"
+})(["box-sizing:border-box;min-width:180px;display:flex;align-items:center;padding:7px 12px;gap:10px;border:0 none;background-color:unset;white-space:nowrap;"]);
+RowMenuButton.displayName = 'RowMenuButton';
+var rowMenuColumn = {
+  id: 'row_menu',
+  name: ' ',
+  Cell: RowMenuCell,
+  disableHiding: true,
+  disableResizing: true,
+  disablePinning: true,
+  disableEditing: true,
+  width: 48,
+  minWidth: 48,
+  maxWidth: 48
+};
+_plugin__WEBPACK_IMPORTED_MODULE_7__.plugins.stickyRows = function () {
+  return {
+    hooks: function hooks() {
+      return [useStickyRows, function (hooks) {
+        hooks.visibleColumns.push(function (columns) {
+          return [].concat(_toConsumableArray(columns), [rowMenuColumn]);
+        });
+      }];
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/table/table.js":
+/*!****************************!*\
+  !*** ./src/table/table.js ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isObject */ "./node_modules/lodash/isObject.js");
+/* harmony import */ var lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isObject__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _footer__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./footer */ "./src/table/footer.js");
+/* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
+/* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
+/* harmony import */ var _sticky_header__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./sticky_header */ "./src/table/sticky_header.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+var Table = function Table(props) {
+  var className = props.className,
+    rowDensity = props.rowDensity,
+    onRowClick = props.onRowClick,
+    stickyHeader = props.stickyHeader,
+    scrollTarget = props.scrollTarget,
+    classNamePrefix = props.classNamePrefix;
+  var offsetTop = lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(stickyHeader) && stickyHeader.offsetTop || 0;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
+    getTableProps = _useTableContext.getTableProps,
+    getTableBodyProps = _useTableContext.getTableBodyProps,
+    prepareRow = _useTableContext.prepareRow,
+    page = _useTableContext.page,
+    _useTableContext$pinn = _useTableContext.pinnedRows,
+    pinnedRows = _useTableContext$pinn === void 0 ? [] : _useTableContext$pinn,
+    columnStartEditing = _useTableContext.columnStartEditing,
+    columnDoneEditing = _useTableContext.columnDoneEditing,
+    NoDataComp = _useTableContext.NoDataComp,
+    LoadingComp = _useTableContext.LoadingComp,
+    isLoading = _useTableContext.isLoading;
+  var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    left = _useState2[0],
+    setLeft = _useState2[1];
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useEventListener)(wrapperRef.current, {
+    event: 'scroll',
+    handler: function handler(evt) {
+      setLeft(evt.target.scrollLeft);
+    }
+  });
+  var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
+  var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showSticky = _useState6[0],
+    setShowSticky = _useState6[1];
+  var scroll = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useScroll)(scrollTarget);
+  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
+    if (!stickyHeader || !tableRef.current) return;
+    var rect = tableRef.current.getBoundingClientRect();
+    setWidth(rect.width);
+    var top = -rect.top + offsetTop;
+    setShowSticky(top > 0 && top - rect.height <= 0);
+  }, [scroll]);
+  var body = function () {
+    if (isLoading) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(LoadingComp, null);
+    if (!page.length) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(NoDataComp, null);
+    return page.map(function (row, i, arr) {
+      prepareRow(row);
+      if (row.isPinned) return null;
+      return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+        row: row,
+        columnStartEditing: columnStartEditing,
+        columnDoneEditing: columnDoneEditing,
+        rowDensity: rowDensity,
+        onRowClick: onRowClick,
+        isLastRow: i == arr.length - 1,
+        classNamePrefix: classNamePrefix
+      });
+    });
+  }();
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
+    ref: wrapperRef,
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.classNames)(classNamePrefix, {
+      container: true
+    }, className)
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledTable, _extends({
+    ref: tableRef
+  }, getTableProps(), {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.classNames)(classNamePrefix, {
+      table: true
+    })
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_9__["default"], {
+    classNamePrefix: classNamePrefix
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
+    "data-rowgroup-type": "body"
+  }, getTableBodyProps(), {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.classNames)(classNamePrefix, {
+      tableBody: true
+    })
+  }), pinnedRows.map(function (row) {
+    prepareRow(row);
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+      row: row,
+      columnStartEditing: columnStartEditing,
+      columnDoneEditing: columnDoneEditing,
+      rowDensity: rowDensity,
+      onRowClick: onRowClick,
+      classNamePrefix: classNamePrefix
+    });
+  }), body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__["default"], {
+    rowDensity: rowDensity,
+    classNamePrefix: classNamePrefix
+  }), showSticky && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_11__["default"], {
+    top: offsetTop,
+    width: width,
+    left: left,
+    onRowClick: onRowClick,
+    rowDensity: rowDensity,
+    classNamePrefix: classNamePrefix
+  })));
+};
+Table.displayName = 'Table';
+Table.defaultProps = {
+  rowDensity: 'busy_bee'
+};
+Table.propTypes = {
+  rowDensity: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['busy_bee', 'diamond_hand', 'white_spaced']),
+  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  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)]),
+  scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
+  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
+};
+var TableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+  displayName: "TableWrapper",
+  componentId: "sc-ebeoik-0"
+})(["width:100%;border:1px solid ", ";border-radius:4px;overflow-x:auto;scrollbar-color:", " ", ";scrollbar-width:thin;&::-webkit-scrollbar{width:4px;height:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:2px;}"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_6);
+TableWrapper.displayName = 'TableWrapper';
+var StyledTable = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+  displayName: "StyledTable",
+  componentId: "sc-ebeoik-1"
+})(["min-width:100%;border-spacing:0;border-collapse:separate;"]);
+StyledTable.displayName = 'StyledTable';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Table);
+
+/***/ }),
+
+/***/ "./src/table/table_row.js":
+/*!********************************!*\
+  !*** ./src/table/table_row.js ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+var TableRow = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
+  displayName: "TableRow",
+  componentId: "sc-es7xjx-0"
+})(["cursor:", ";"], function (props) {
+  return props.cursor;
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableRow);
+
+/***/ }),
+
+/***/ "./src/table/util.js":
+/*!***************************!*\
+  !*** ./src/table/util.js ***!
+  \***************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "firstDefined": () => (/* binding */ firstDefined),
+/* harmony export */   "renderCellContent": () => (/* binding */ renderCellContent)
+/* harmony export */ });
+/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isString */ "./node_modules/lodash/isString.js");
+/* harmony import */ var lodash_isString__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isString__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+var firstDefined = function firstDefined() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  for (var i = 0; i < args.length; i += 1) {
+    if (typeof args[i] != 'undefined') return args[i];
+  }
+};
+var renderCellContent = function renderCellContent(column, type, props) {
+  var content = column[type];
+  if (lodash_isString__WEBPACK_IMPORTED_MODULE_0___default()(content)) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
+      variant: "sm",
+      color: "gray_11",
+      no_wrap: true
+    }, content);
+  }
+  return column.render(type, props);
+};
+
+/***/ }),
+
+/***/ "./node_modules/lodash/_baseGetTag.js":
+/*!********************************************!*\
+  !*** ./node_modules/lodash/_baseGetTag.js ***!
+  \********************************************/
+/***/ ((module) => {
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+
+module.exports = objectToString;
+
+
+/***/ }),
+
+/***/ "./node_modules/lodash/isObjectLike.js":
+/*!*********************************************!*\
+  !*** ./node_modules/lodash/isObjectLike.js ***!
+  \*********************************************/
+/***/ ((module) => {
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && typeof value == 'object';
+}
+
+module.exports = isObjectLike;
+
+
+/***/ }),
+
+/***/ "./node_modules/lodash/isString.js":
+/*!*****************************************!*\
+  !*** ./node_modules/lodash/isString.js ***!
+  \*****************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var baseGetTag = __webpack_require__(/*! ./_baseGetTag */ "./node_modules/lodash/_baseGetTag.js"),
+    isArray = __webpack_require__(/*! ./isArray */ "./node_modules/lodash/isArray.js"),
+    isObjectLike = __webpack_require__(/*! ./isObjectLike */ "./node_modules/lodash/isObjectLike.js");
+
+/** `Object#toString` result references. */
+var stringTag = '[object String]';
+
+/**
+ * Checks if `value` is classified as a `String` primitive or object.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a string, else `false`.
+ * @example
+ *
+ * _.isString('abc');
+ * // => true
+ *
+ * _.isString(1);
+ * // => false
+ */
+function isString(value) {
+  return typeof value == 'string' ||
+    (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);
+}
+
+module.exports = isString;
+
+
+/***/ }),
+
+/***/ "react-table":
+/*!******************************!*\
+  !*** external "react-table" ***!
+  \******************************/
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE_react_table__;
+
+/***/ })
+
+},
+/******/ __webpack_require__ => { // webpackRuntimeModules
+/******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
+/******/ __webpack_require__.O(0, ["main"], () => (__webpack_exec__("./src/table/index.js")));
+/******/ var __webpack_exports__ = __webpack_require__.O();
+/******/ __webpack_exports__ = __webpack_exports__["default"];
+/******/ return __webpack_exports__;
+/******/ }
+]);
+});
+//# sourceMappingURL=uikit.table.umd.js.map