@luminati-io/uikit 1.7.26-beta.1 → 1.7.27-beta.0

package/dist/uikit.umd.js

@@ -17932,7 +17932,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "chartProps"];
+var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "chartProps", "hideLegend"];
 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; }
@@ -17956,6 +17956,7 @@ var ChartContainer = function ChartContainer(props) {
     loading = props.loading,
     Chart = props.Chart,
     chartProps = props.chartProps,
+    hideLegend = props.hideLegend,
     rest = _objectWithoutProperties(props, _excluded);
   var outerWidth = props.width ? Math.max(410, props.width) : undefined;
   var outerHeight = Math.max(176, props.height || 0);
@@ -17968,9 +17969,7 @@ var ChartContainer = function ChartContainer(props) {
   }, header), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: "sm",
     color: "gray_11_75"
-  }, description)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ChartWrapper, {
-    noActions: !actions
-  }, !!actions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, actions), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading__WEBPACK_IMPORTED_MODULE_8__["default"], null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_no_data__WEBPACK_IMPORTED_MODULE_9__["default"], null), !noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SvgWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_10__["default"], null, function (_ref) {
+  }, description)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ChartWrapper, null, !!actions && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, actions), !!loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading__WEBPACK_IMPORTED_MODULE_8__["default"], null), !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_no_data__WEBPACK_IMPORTED_MODULE_9__["default"], null), !noData && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_error_boundary__WEBPACK_IMPORTED_MODULE_6__["default"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SvgWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_10__["default"], null, function (_ref) {
     var width = _ref.width,
       height = _ref.height;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Chart, _extends({}, chartProps, {
@@ -17979,7 +17978,7 @@ var ChartContainer = function ChartContainer(props) {
       width: width,
       height: height
     }));
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  })), !hideLegend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__["default"], {
     data: data,
     palette: palette
   })))));
@@ -17997,12 +17996,13 @@ ChartContainer.propTypes = {
   height: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number.isRequired),
   palette: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'ghost'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'ghost']),
+  hideLegend: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var ChartContainerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ChartContainerWrapper",
   componentId: "sc-13xkdxv-0"
-})(["display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:", ";", " height:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["06"], function (props) {
+})(["display:flex;flex-direction:column;gap:", ";", " height:", ";", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["06"], function (props) {
   return props.width ? "width: ".concat((0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.width), ";") : undefined;
 }, function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(props.height);
@@ -18018,14 +18018,11 @@ var HeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div
 var ChartWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ChartWrapper",
   componentId: "sc-13xkdxv-2"
-})(["display:grid;gap:", ";grid-template-columns:1fr;", ""], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["05"], function (props) {
-  if (props.noActions) return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["grid-template-rows:minmax(0,1fr) auto;"]);
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["grid-template-rows:auto minmax(0,1fr) auto;"]);
-});
+})(["flex-grow:1;display:flex;flex-direction:column;gap:", ";"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].spacing["05"]);
 var SvgWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "SvgWrapper",
   componentId: "sc-13xkdxv-3"
-})(["overflow:hidden;svg{display:block;padding:0;margin:0;}"]);
+})(["flex-grow:1;overflow:hidden;svg{display:block;padding:0;margin:0;}"]);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ChartContainer);
 
 /***/ }),
@@ -18554,7 +18551,8 @@ Line.propTypes = {
     left: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
   }),
   xLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-  yLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
+  yLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  hideLegend: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Line);
 
@@ -18740,7 +18738,7 @@ var TooltipContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().di
 var TooltipItem = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "TooltipItem",
   componentId: "sc-a1je6y-3"
-})(["display:flex;gap:32px;"]);
+})(["display:flex;justify-content:space-between;gap:32px;"]);
 var Legend = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "Legend",
   componentId: "sc-a1je6y-4"
@@ -18848,7 +18846,7 @@ Code.propTypes = {
 var CodeWrapper = styled_components__WEBPACK_IMPORTED_MODULE_18___default().pre.withConfig({
   displayName: "CodeWrapper",
   componentId: "sc-1kleg7y-0"
-})(["&&&{padding:0 !important;font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;font-size:", ";line-height:", ";tab-size:4;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;color:", ";margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}", " .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].line_height.loose, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].color.gray_8, '' /* prism selectors below */);
+})(["&&&{padding:0 !important;font-family:", ";margin:0;border:none;background-color:transparent;width:100%;white-space:pre-wrap !important;font-size:", ";line-height:", ";tab-size:4;text-align:left;word-spacing:normal;word-break:break-word;word-wrap:normal;hyphens:none;max-height:none !important;code.content{all:inherit;color:", ";margin:0;padding:0;border:none;background-color:transparent;text-shadow:none;}", " .token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.token.namespace{opacity:.7;}.token.property,.token.tag,.token.boolean,.token.constant,.token.symbol,.token.deleted{color:#f8c555;}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#7ec699;}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#67cdcc;}.token.atrule,.token.attr-value,.token.keyword{color:#cc99cd;}.token.function,.token.number,.token.class-name{color:#f08d49;}.token.regex,.token.important,.token.variable{color:#e90;}.token.important,.token.bold{font-weight:bold;}.token.italic{font-style:italic;}.token.entity{cursor:help;}}"], _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_family.mono, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].line_height.loose, _theme__WEBPACK_IMPORTED_MODULE_19__["default"].color.gray_8, '' /* prism selectors below */);
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Code);
 
@@ -19829,7 +19827,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["variant", "disabled", "icon", "tooltip", "tooltipPlacement"];
+var _excluded = ["variant", "disabled", "active", "icon", "tooltip", "tooltipPlacement"];
 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; }
@@ -19843,6 +19841,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var variant = props.variant,
     disabled = props.disabled,
+    active = props.active,
     icon = props.icon,
     tooltip = props.tooltip,
     tooltipPlacement = props.tooltipPlacement,
@@ -19854,7 +19853,8 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
     ref: ref
   }, rest, {
     variant: variant,
-    disabled: disabled
+    disabled: disabled,
+    active: active
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__["default"], {
     name: icon,
     size: "sm"
@@ -19868,6 +19868,7 @@ IconButton.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['icon', 'icon-button', 'ghost']),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.iconNames).isRequired,
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
+  active: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
   tooltipPlacement: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.tooltipPlacements)
 };
@@ -19875,7 +19876,7 @@ var StyledIconButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
   displayName: "StyledIconButton",
   componentId: "sc-114c1w5-0"
 })(["display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;cursor:pointer;", " ", ""], function (props) {
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";border:", ";[data-icon]{color:", ";}&:hover:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:active:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:disabled{border:", ";[data-icon]{color:", ";}cursor:not-allowed;}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_8), props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["", " &:hover:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:active:not(:disabled){background-color:", ";border:", ";[data-icon]{color:", ";}}&:disabled{border:", ";cursor:not-allowed;[data-icon]{color:", ";}}"], props.active ? "\n        background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, ";\n        border: ").concat(props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4), ";\n        [data-icon] {\n          color: ").concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, ";\n        }\n      ") : "\n        background-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white, ";\n        border: ").concat(props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6), ";\n        [data-icon] {\n          color: ").concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, ";\n        }\n      "), props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_8), props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11 : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9, props.variant == 'ghost' ? _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white : _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_4), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11, props.variant == 'icon' || props.variant == 'ghost' ? '0 none;' : "1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7), _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7);
 }, function (props) {
   return (0,_utils__WEBPACK_IMPORTED_MODULE_3__.toSize)(props.variant == 'icon' || props.variant == 'ghost' ? 24 : 36);
 });
@@ -22928,8 +22929,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
-/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
+/* harmony import */ var _table_row__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./table_row */ "./src/table/table_row.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
 // LICENSE_CODE ZON
 
 
@@ -22976,7 +22977,7 @@ var Cell = function Cell(props) {
     }
   } : undefined);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
       cell: true
     }, className)
   }, cellProps), props.render('Cell', {
@@ -22990,9 +22991,9 @@ 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]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}", ""], function (props) {
+})(["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) {
+}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _table_row__WEBPACK_IMPORTED_MODULE_3__["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) {
@@ -23002,10 +23003,15 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
   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:0px 0px 0px 2px 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)(["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);
   }
@@ -24169,7 +24175,7 @@ var PaginationControls = function PaginationControls(props) {
   var opts = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return pageSizes.map(function (o) {
       return {
-        label: o,
+        label: String(o),
         value: o
       };
     });
@@ -24960,8 +24966,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _footer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./footer */ "./src/table/footer.js");
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./header */ "./src/table/header.js");
 /* harmony import */ var _render_row__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./render_row */ "./src/table/render_row.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
-/* harmony import */ var _sticky_header__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./sticky_header */ "./src/table/sticky_header.js");
+/* harmony import */ var _sticky_header__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./sticky_header */ "./src/table/sticky_header.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
 // LICENSE_CODE ZON
 
 
@@ -25052,13 +25058,13 @@ var Table = function Table(props) {
   }();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
     ref: wrapperRef,
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_11__.classNames)(classNamePrefix, {
       container: true
     }, className)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledTable, _extends({
     ref: tableRef
   }, getTableProps(), {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_11__.classNames)(classNamePrefix, {
       table: true
     })
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_header__WEBPACK_IMPORTED_MODULE_8__["default"], {
@@ -25066,7 +25072,7 @@ var Table = function Table(props) {
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
     "data-rowgroup-type": "body"
   }, getTableBodyProps(), {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.classNames)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_11__.classNames)(classNamePrefix, {
       tableBody: true
     })
   }), pinnedRows.map(function (row) {
@@ -25082,7 +25088,7 @@ var Table = function Table(props) {
   }), body), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_7__["default"], {
     rowDensity: rowDensity,
     classNamePrefix: classNamePrefix
-  }), showSticky && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_11__["default"], {
+  }), showSticky && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_10__["default"], {
     top: offsetTop,
     width: width,
     left: left,
@@ -25105,7 +25111,7 @@ Table.propTypes = {
 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;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);
+})(["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",