@luminati-io/uikit 3.4.4 → 3.4.6

package/dist/umd/uikit.development.js

@@ -28425,9 +28425,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _get_curve__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_curve */ "./src/chart/get_curve.js");
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
 /* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
-/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./split_props */ "./src/chart/split_props.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
-/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
+/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
 // LICENSE_CODE ZON
 
 
@@ -28454,7 +28453,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-
 var animationTrajectory = 'outside';
 var config = {
   x: {
@@ -28483,7 +28481,7 @@ var AreaChart = function AreaChart(props) {
     stacked = props.stacked,
     showTooltip = props.showTooltip,
     _props$tooltipContent = props.tooltipContent,
-    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_8__.DefaultTooltip : _props$tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_7__.DefaultTooltip : _props$tooltipContent,
     _props$curveType = props.curveType,
     curveType = _props$curveType === void 0 ? '' : _props$curveType,
     onPointerMove = props.onPointerMove,
@@ -28499,7 +28497,7 @@ var AreaChart = function AreaChart(props) {
     AreaSeries = _getAnimatedOrUnanima.AreaSeries,
     AreaStack = _getAnimatedOrUnanima.AreaStack,
     Tooltip = _getAnimatedOrUnanima.Tooltip;
-  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_9__.useChartTheme)(palette);
+  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_8__.useChartTheme)(palette);
   if (!data || !data.length) return null;
   var curve = (0,_get_curve__WEBPACK_IMPORTED_MODULE_4__.getCurve)(curveType);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
@@ -28572,7 +28570,7 @@ var AreaChart = function AreaChart(props) {
 };
 AreaChart.displayName = 'AreaChart';
 var Area = function Area(props) {
-  var _splitProps = (0,_split_props__WEBPACK_IMPORTED_MODULE_7__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'stacked', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
+  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'stacked', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     chartProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -28655,9 +28653,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
 /* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
-/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./split_props */ "./src/chart/split_props.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
-/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
+/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
 // LICENSE_CODE ZON
 
 
@@ -28684,7 +28681,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-
 var animationTrajectory = 'outside';
 var bandScaleConfig = {
   type: 'band',
@@ -28714,7 +28710,7 @@ var BarChart = function BarChart(props) {
     showAnnotations = props.showAnnotations,
     showTooltip = props.showTooltip,
     _props$tooltipContent = props.tooltipContent,
-    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_8__.DefaultTooltip : _props$tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_7__.DefaultTooltip : _props$tooltipContent,
     onPointerMove = props.onPointerMove,
     onPointerOut = props.onPointerOut,
     onPointerUp = props.onPointerUp,
@@ -28736,7 +28732,7 @@ var BarChart = function BarChart(props) {
     };
   }, [horizontal]);
   var Group = stacked ? BarStack : BarGroup;
-  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_9__.useChartTheme)(palette);
+  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_8__.useChartTheme)(palette);
   if (!data || !data.length) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
     theme: chartTheme,
@@ -28811,7 +28807,7 @@ var BarChart = function BarChart(props) {
 };
 BarChart.displayName = 'BarChart';
 var Bar = function Bar(props) {
-  var _splitProps = (0,_split_props__WEBPACK_IMPORTED_MODULE_7__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'horizontal', 'stacked', 'showAnnotations', 'showTooltip', 'tooltipContent', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
+  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'horizontal', 'stacked', 'showAnnotations', 'showTooltip', 'tooltipContent', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     chartProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -29710,9 +29706,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _get_curve__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_curve */ "./src/chart/get_curve.js");
 /* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
 /* harmony import */ var _glyph__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./glyph */ "./src/chart/glyph.js");
-/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./split_props */ "./src/chart/split_props.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
-/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
+/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
 // LICENSE_CODE ZON
 
 
@@ -29743,7 +29738,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var animationTrajectory = 'outside';
 var config = {
   x: {
@@ -29770,7 +29764,7 @@ var LineChart = function LineChart(props) {
     margin = props.margin,
     showTooltip = props.showTooltip,
     _props$tooltipContent = props.tooltipContent,
-    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_8__.DefaultTooltip : _props$tooltipContent,
+    tooltipContent = _props$tooltipContent === void 0 ? _tooltip__WEBPACK_IMPORTED_MODULE_7__.DefaultTooltip : _props$tooltipContent,
     _props$curveType = props.curveType,
     curveType = _props$curveType === void 0 ? '' : _props$curveType,
     onPointerMove = props.onPointerMove,
@@ -29785,7 +29779,7 @@ var LineChart = function LineChart(props) {
     Axis = _getAnimatedOrUnanima.Axis,
     LineSeries = _getAnimatedOrUnanima.LineSeries,
     Tooltip = _getAnimatedOrUnanima.Tooltip;
-  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_9__.useChartTheme)(palette);
+  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_8__.useChartTheme)(palette);
   if (!data || !data.length) return null;
   var xLabel = xAxis.label,
     _xAxis$numTicks = xAxis.numTicks,
@@ -29864,7 +29858,7 @@ var LineChart = function LineChart(props) {
 };
 LineChart.displayName = 'LineChart';
 var Line = function Line(props) {
-  var _splitProps = (0,_split_props__WEBPACK_IMPORTED_MODULE_7__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
+  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     chartProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -30014,36 +30008,6 @@ var NoDataWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div
 
 /***/ }),
 
-/***/ "./src/chart/split_props.js":
-/*!**********************************!*\
-  !*** ./src/chart/split_props.js ***!
-  \**********************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   splitProps: () => (/* binding */ splitProps)
-/* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/pick */ "./node_modules/lodash/pick.js");
-/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_pick__WEBPACK_IMPORTED_MODULE_1__);
-// LICENSE_CODE ZON
-
-
-/*jslint react:true*/
-
-
-var splitProps = function splitProps(props) {
-  for (var _len = arguments.length, names = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    names[_key - 1] = arguments[_key];
-  }
-  return [lodash_pick__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, [props].concat(names)), lodash_omit__WEBPACK_IMPORTED_MODULE_0___default().apply(void 0, [props].concat(names))];
-};
-
-/***/ }),
-
 /***/ "./src/chart/tooltip.js":
 /*!******************************!*\
   !*** ./src/chart/tooltip.js ***!
@@ -33203,10 +33167,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["label", "labelIcon", "required", "necessityIndicator", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "async", "isLoading", "loadOptions", "defaultOptions", "cacheOptions", "onCreateOption", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "autoFocus", "blurInputOnSelect", "onMenuOpen", "onMenuClose", "searchable", "openMenuOnFocus", "menuIsOpen"];
+var _excluded = ["id", "label", "labelIcon", "required", "necessityIndicator", "placeholder", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "hideSelectedOptions", "isOptionDisabled", "async", "searchable", "closeMenuOnSelect"];
 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; }
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
@@ -33221,54 +33191,31 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
-  var label = props.label,
-    labelIcon = props.labelIcon,
-    required = props.required,
-    necessityIndicator = props.necessityIndicator,
-    value = props.value,
-    defaultValue = props.defaultValue,
-    placeholder = props.placeholder,
-    options = props.options,
-    onChange = props.onChange,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    multiselect = props.multiselect,
-    creatable = props.creatable,
-    clearable = props.clearable,
-    disabled = props.disabled,
-    invalid = props.invalid,
-    helperText = props.helperText,
-    className = props.className,
-    classNamePrefix = props.classNamePrefix,
-    onChangeCapture = props.onChangeCapture,
-    menuPortalTarget = props.menuPortalTarget,
-    filterOption = props.filterOption,
-    formatOptionLabel = props.formatOptionLabel,
-    menuPlacement = props.menuPlacement,
-    hideSelectedOptions = props.hideSelectedOptions,
-    onInputChange = props.onInputChange,
-    getOptionValue = props.getOptionValue,
-    getOptionLabel = props.getOptionLabel,
-    isOptionDisabled = props.isOptionDisabled,
-    isOptionSelected = props.isOptionSelected,
-    async = props.async,
-    isLoading = props.isLoading,
-    loadOptions = props.loadOptions,
-    defaultOptions = props.defaultOptions,
-    cacheOptions = props.cacheOptions,
-    onCreateOption = props.onCreateOption,
-    formatCreateLabel = props.formatCreateLabel,
-    isValidNewOption = props.isValidNewOption,
-    getNewOptionData = props.getNewOptionData,
-    autoFocus = props.autoFocus,
-    blurInputOnSelect = props.blurInputOnSelect,
-    onMenuOpen = props.onMenuOpen,
-    onMenuClose = props.onMenuClose,
-    searchable = props.searchable,
-    openMenuOnFocus = props.openMenuOnFocus,
-    menuIsOpen = props.menuIsOpen,
-    rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(props.id);
+  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_8__.splitProps)(props, 'autoFocus', 'blurInputOnSelect', 'filterOption', 'formatOptionLabel', 'value', 'defaultValue', 'options', 'onChange', 'onFocus', 'onBlur', 'menuPortalTarget', 'onChangeCapture', 'menuPlacement', 'onInputChange', 'getOptionValue', 'getOptionLabel', 'isOptionSelected', 'isLoading', 'loadOptions', 'defaultOptions', 'cacheOptions', 'onCreateOption', 'formatCreateLabel', 'isValidNewOption', 'getNewOptionData', 'onMenuOpen', 'onMenuClose', 'openMenuOnFocus', 'menuIsOpen'),
+    _splitProps2 = _slicedToArray(_splitProps, 2),
+    selectProps = _splitProps2[0],
+    restProps = _splitProps2[1];
+  var id = restProps.id,
+    label = restProps.label,
+    labelIcon = restProps.labelIcon,
+    required = restProps.required,
+    necessityIndicator = restProps.necessityIndicator,
+    placeholder = restProps.placeholder,
+    multiselect = restProps.multiselect,
+    creatable = restProps.creatable,
+    clearable = restProps.clearable,
+    disabled = restProps.disabled,
+    invalid = restProps.invalid,
+    helperText = restProps.helperText,
+    className = restProps.className,
+    classNamePrefix = restProps.classNamePrefix,
+    hideSelectedOptions = restProps.hideSelectedOptions,
+    isOptionDisabled = restProps.isOptionDisabled,
+    async = restProps.async,
+    searchable = restProps.searchable,
+    closeMenuOnSelect = restProps.closeMenuOnSelect,
+    rest = _objectWithoutProperties(restProps, _excluded);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(id);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
   var styles = (0,_use_styles__WEBPACK_IMPORTED_MODULE_11__.useStyles)(props);
   var SelectComp = getComponent({
@@ -33295,24 +33242,17 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     label: label,
     labelIcon: labelIcon,
     required: required,
-    necessityIndicator: necessityIndicator
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SelectComp, {
-    autoFocus: autoFocus,
-    blurInputOnSelect: blurInputOnSelect,
-    filterOption: filterOption,
-    formatOptionLabel: formatOptionLabel,
+    necessityIndicator: necessityIndicator,
+    classNamePrefix: className
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SelectComp, _extends({}, selectProps, {
+    id: id,
     "aria-labelledby": label ? labelId : undefined,
     "aria-invalid": invalid,
-    value: value,
-    defaultValue: defaultValue,
     placeholder: t(placeholder),
-    options: options,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
     isMulti: multiselect,
     isClearable: clearable,
     isDisabled: disabled,
+    isSearchable: searchable,
     required: required,
     styles: styles,
     components: (0,_build_components__WEBPACK_IMPORTED_MODULE_10__.buildComponents)(props),
@@ -33320,30 +33260,10 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
       container: true
     }),
     classNamePrefix: classNamePrefix,
-    menuPortalTarget: menuPortalTarget,
-    onChangeCapture: onChangeCapture,
-    closeMenuOnSelect: !multiselect,
-    menuPlacement: menuPlacement,
+    closeMenuOnSelect: (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(closeMenuOnSelect, !multiselect),
     hideSelectedOptions: _hideSelectedOptions,
-    onInputChange: onInputChange,
-    getOptionValue: getOptionValue,
-    getOptionLabel: getOptionLabel,
-    isOptionDisabled: _isOptionDisabled,
-    isOptionSelected: isOptionSelected,
-    isLoading: isLoading,
-    loadOptions: loadOptions,
-    defaultOptions: defaultOptions,
-    cacheOptions: cacheOptions,
-    onCreateOption: onCreateOption,
-    formatCreateLabel: formatCreateLabel,
-    isValidNewOption: isValidNewOption,
-    getNewOptionData: getNewOptionData,
-    onMenuOpen: onMenuOpen,
-    onMenuClose: onMenuClose,
-    isSearchable: searchable,
-    openMenuOnFocus: openMenuOnFocus,
-    menuIsOpen: menuIsOpen
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
+    isOptionDisabled: _isOptionDisabled
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
     invalid: invalid
   }, helperText));
 });
@@ -33396,7 +33316,8 @@ Dropdown.propTypes = {
   onMenuClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   searchable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   openMenuOnFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  menuIsOpen: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  menuIsOpen: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  closeMenuOnSelect: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 Dropdown.defaultProps = {
   size: 'sm',
@@ -34535,6 +34456,7 @@ var InputLabel = function InputLabel(props) {
       labelText: true
     }, 'labelText--is-required', required)),
     id: id,
+    "data-role": "label",
     variant: variant,
     color: "gray-11-50"
   }, t(label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(NecessityIndicator, {
@@ -34652,9 +34574,11 @@ var HelperText = function HelperText(props) {
   var children = props.children,
     invalid = props.invalid;
   if (!children) return null;
+  var color = invalid ? 'red_11' : 'gray_11_50';
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
+    "data-role": "description",
     variant: "xs",
-    color: invalid ? 'red_11' : 'gray_11_50'
+    color: color
   }, children);
 };
 HelperText.displayName = 'HelperText';
@@ -34929,7 +34853,6 @@ var ButtonAddInput = function ButtonAddInput(props) {
   if (showInput) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_textbox__WEBPACK_IMPORTED_MODULE_3__.Textbox, {
       autofocus: true,
-      "data-name": "input",
       className: (0,_util__WEBPACK_IMPORTED_MODULE_2__.classNames)(className, {
         input: true
       }),
@@ -34942,7 +34865,8 @@ var ButtonAddInput = function ButtonAddInput(props) {
         return onInputValueChange(val);
       },
       inputProps: {
-        onKeyDown: onInputKeyDown
+        onKeyDown: onInputKeyDown,
+        'data-name': 'input'
       },
       error: error
     });
@@ -37572,9 +37496,9 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
+/* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
 /* harmony import */ var _expandable_rows__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./expandable_rows */ "./src/table/expandable_rows.js");
 /* harmony import */ var _select_rows__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./select_rows */ "./src/table/select_rows.js");
 // LICENSE_CODE ZON
@@ -37704,7 +37628,7 @@ var Provider = function Provider(props) {
     getCellProps: getCellProps,
     getFooterProps: getFooterProps,
     ExpandHandleComp: ExpandHandleComp
-  }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_7__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_6__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_10__.useSelectRows].concat(_toConsumableArray(hooks)));
+  }, rest), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_8__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_7__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_10__.useSelectRows].concat(_toConsumableArray(hooks)));
   var _table$state = table.state,
     pageIndex = _table$state.pageIndex,
     _pageSize = _table$state.pageSize;
@@ -37816,7 +37740,7 @@ var useCanHideColumns = function useCanHideColumns(hooks) {
     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);
+      header.canHide = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(header.disableHiding === true ? false : undefined, disableHiding === true ? false : undefined, true);
     });
   });
 };
@@ -38075,7 +37999,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -38333,23 +38257,25 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   TableHeader: () => (/* binding */ TableHeader)
 /* 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 _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
-/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+/* 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 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 _theme__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _header_functions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./header_functions */ "./src/table/header_functions.js");
+/* harmony import */ var _sort_icon__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./sort_icon */ "./src/table/sort_icon.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."); }
@@ -38370,24 +38296,23 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var TableHeader = function TableHeader(props) {
   var className = props.className,
     compact = props.compact,
     left = props.left;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
     headerGroups = _useTableContext.headerGroups,
     hideHeader = _useTableContext.hideHeader;
   if (hideHeader) return null;
   var style = {};
-  if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_5__.toPixel)(-left);
+  if (typeof left != 'undefined') style.marginLeft = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(-left);
   var dataAttributes = {};
   if (!compact) dataAttributes['data-rowgroup-type'] = 'head';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({
     role: "rowgroup",
     style: style
   }, dataAttributes, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       tableHeader: true,
       'tableHeader--is-compact': compact
     })
@@ -38395,20 +38320,20 @@ var TableHeader = function TableHeader(props) {
     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({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({
       key: key
     }, rest, {
-      className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
+      className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
         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, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCell, {
         compact: compact,
         isLast: isLast,
         key: header.getHeaderProps().key,
         header: header,
-        className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
+        className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
           headerCell: true,
           'headerCell--is-compact': compact,
           'headerCell--is-last': isLast
@@ -38428,14 +38353,14 @@ var HeaderCell = function HeaderCell(props) {
     on_sort = header.on_sort,
     isResizing = header.isResizing,
     getResizerProps = header.getResizerProps;
-  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
     getColumnProps = _useTableContext2.getColumnProps,
     getHeaderProps = _useTableContext2.getHeaderProps,
     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 () {
+  var handleSort = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
     if (on_sort) {
       on_sort(id, {
         asc: 'desc',
@@ -38445,14 +38370,14 @@ var HeaderCell = function HeaderCell(props) {
     }
   }, [id, sort, on_sort]);
   var canResize = header.canResize && !(fullWidth && isLast) && !compact;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     hovered = _useState2[0],
     setHovered = _useState2[1];
   var iconVisible = canSort && (['asc', 'desc'].includes(sort) || hovered);
   var headerCellProps = header.getHeaderProps([getColumnProps(header), getHeaderProps(header)]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellContent, _extends({}, headerCellProps, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.classNames)(header.className, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellContent, _extends({}, headerCellProps, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(header.className, {
       header: true
     }, className, headerCellProps.className),
     onMouseOver: function onMouseOver() {
@@ -38461,54 +38386,63 @@ var HeaderCell = function HeaderCell(props) {
     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, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellLeft, {
     $canSort: canSort,
     onClick: handleSort
-  }, !compact && (0,_util__WEBPACK_IMPORTED_MODULE_10__.renderCellContent)(header, 'Header', {
+  }, !compact && renderCellContent(header, 'Header', {
     compact: compact
-  }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
+  }), compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: "sm",
     color: "gray_11",
     no_wrap: true
-  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_9__.SortIcon, {
+  }, name || id), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_sort_icon__WEBPACK_IMPORTED_MODULE_10__.SortIcon, {
     visible: !!iconVisible,
     reverse: sort == 'desc'
-  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_8__.HeaderFunctions, {
+  })), !compact && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header_functions__WEBPACK_IMPORTED_MODULE_9__.HeaderFunctions, {
     header: header,
     visible: hovered,
     onItemClick: function onItemClick() {
       return setHovered(false);
     }
-  }), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
+  }), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
     $isResizing: isResizing
   }))));
 };
 HeaderCell.displayName = 'HeaderCell';
-var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+var HeaderCellContent = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "HeaderCellContent",
   componentId: "sc-8zg5t0-0"
-})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:", " !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.pinnedColumnHeader);
-var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+})(["background-color:", ";&:hover{background-color:", ";}border-bottom:1px solid ", ";&[data-pinned]{z-index:", " !important;}&[data-pinned-last]{box-shadow:2px 0px 4px -2px rgba(24,39,75,0.12),4px 0px 4px -2px rgba(24,39,75,0.08);}"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.gray_3, _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.pinnedColumnHeader);
+var HeaderCellWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___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({
+var HeaderCellLeft = styled_components__WEBPACK_IMPORTED_MODULE_2___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({
+var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_2___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:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.cellResizer, function (props) {
+})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.cellResizer, function (props) {
   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);
+    return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.blue_10);
   }
 });
 HeaderCellResizer.displayName = 'HeaderCellResizer';
+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_4__.Label, {
+    variant: "sm",
+    color: "gray_11",
+    no_wrap: true
+  }, content);
+  return column.render(type, props);
+};
 
 /***/ }),
 
@@ -39007,7 +38941,7 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/table/util.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -39825,7 +39759,6 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _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
 
 
@@ -39845,7 +39778,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var Table = function Table(props) {
   var context = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)();
   // not under context
@@ -39860,11 +39792,11 @@ var InnerTable = function InnerTable(props) {
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getTableProps = _useTableContext.getTableProps,
     context = _objectWithoutProperties(_useTableContext, _excluded);
-  var className = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.className, context.className);
-  var rowDensity = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.rowDensity, context.rowDensity);
-  var onRowClick = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.onRowClick, context.onRowClick);
-  var stickyHeader = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.stickyHeader, context.stickyHeader);
-  var scrollTarget = (0,_util__WEBPACK_IMPORTED_MODULE_11__.firstDefined)(props.scrollTarget, context.scrollTarget);
+  var className = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.className, context.className);
+  var rowDensity = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.rowDensity, context.rowDensity);
+  var onRowClick = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.onRowClick, context.onRowClick);
+  var stickyHeader = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.stickyHeader, context.stickyHeader);
+  var scrollTarget = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(props.scrollTarget, context.scrollTarget);
   var offsetTop = lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(stickyHeader) && stickyHeader.offsetTop || 0;
   var wrapperRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
   var tableRef = (0,react__WEBPACK_IMPORTED_MODULE_2__.useRef)();
@@ -39990,50 +39922,6 @@ var TableRow = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.with
 
 /***/ }),
 
-/***/ "./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);
-};
-
-/***/ }),
-
 /***/ "./src/tag/base.js":
 /*!*************************!*\
   !*** ./src/tag/base.js ***!
@@ -41332,6 +41220,32 @@ var applyPrefixToName = function applyPrefixToName(prefix, name) {
 
 /***/ }),
 
+/***/ "./src/util/first_defined.js":
+/*!***********************************!*\
+  !*** ./src/util/first_defined.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 */ });
+// 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];
+  }
+};
+
+/***/ }),
+
 /***/ "./src/util/flex_renderer.js":
 /*!***********************************!*\
   !*** ./src/util/flex_renderer.js ***!
@@ -41515,27 +41429,31 @@ var getStyleProps = function getStyleProps(props, name, classNamesState) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   OFFSET: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.OFFSET),
-/* harmony export */   VirtualizedListFactory: () => (/* reexport safe */ _virtualized_list__WEBPACK_IMPORTED_MODULE_4__.VirtualizedListFactory),
+/* harmony export */   OFFSET: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.OFFSET),
+/* harmony export */   VirtualizedListFactory: () => (/* reexport safe */ _virtualized_list__WEBPACK_IMPORTED_MODULE_6__.VirtualizedListFactory),
 /* harmony export */   classNames: () => (/* reexport safe */ _class_names__WEBPACK_IMPORTED_MODULE_0__.classNames),
-/* harmony export */   flexRender: () => (/* reexport safe */ _flex_renderer__WEBPACK_IMPORTED_MODULE_1__.flexRender),
-/* harmony export */   getAriaProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_2__.getAriaProps),
-/* harmony export */   getCommonProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_2__.getCommonProps),
-/* harmony export */   getDataProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_2__.getDataProps),
-/* harmony export */   getGroupRowHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getGroupRowHeight),
-/* harmony export */   getListHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getListHeight),
-/* harmony export */   getNextRowIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getNextRowIndex),
-/* harmony export */   getScrollIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getScrollIndex),
-/* harmony export */   getStyleProps: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.getStyleProps),
-/* harmony export */   isGroupHeader: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_3__.isGroupHeader),
-/* harmony export */   withUserStyles: () => (/* reexport safe */ _with_user_styles__WEBPACK_IMPORTED_MODULE_5__.withUserStyles)
+/* harmony export */   firstDefined: () => (/* reexport safe */ _first_defined__WEBPACK_IMPORTED_MODULE_1__.firstDefined),
+/* harmony export */   flexRender: () => (/* reexport safe */ _flex_renderer__WEBPACK_IMPORTED_MODULE_2__.flexRender),
+/* harmony export */   getAriaProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_3__.getAriaProps),
+/* harmony export */   getCommonProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_3__.getCommonProps),
+/* harmony export */   getDataProps: () => (/* reexport safe */ _get_props__WEBPACK_IMPORTED_MODULE_3__.getDataProps),
+/* harmony export */   getGroupRowHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getGroupRowHeight),
+/* harmony export */   getListHeight: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getListHeight),
+/* harmony export */   getNextRowIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getNextRowIndex),
+/* harmony export */   getScrollIndex: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getScrollIndex),
+/* harmony export */   getStyleProps: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.getStyleProps),
+/* harmony export */   isGroupHeader: () => (/* reexport safe */ _getters__WEBPACK_IMPORTED_MODULE_4__.isGroupHeader),
+/* harmony export */   splitProps: () => (/* reexport safe */ _split_props__WEBPACK_IMPORTED_MODULE_5__.splitProps),
+/* harmony export */   withUserStyles: () => (/* reexport safe */ _with_user_styles__WEBPACK_IMPORTED_MODULE_7__.withUserStyles)
 /* harmony export */ });
 /* harmony import */ var _class_names__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./class_names */ "./src/util/class_names.js");
-/* harmony import */ var _flex_renderer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./flex_renderer */ "./src/util/flex_renderer.js");
-/* harmony import */ var _get_props__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./get_props */ "./src/util/get_props.js");
-/* harmony import */ var _getters__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./getters */ "./src/util/getters.js");
-/* harmony import */ var _virtualized_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./virtualized_list */ "./src/util/virtualized_list.js");
-/* harmony import */ var _with_user_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./with_user_styles */ "./src/util/with_user_styles.js");
+/* harmony import */ var _first_defined__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./first_defined */ "./src/util/first_defined.js");
+/* harmony import */ var _flex_renderer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./flex_renderer */ "./src/util/flex_renderer.js");
+/* harmony import */ var _get_props__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get_props */ "./src/util/get_props.js");
+/* harmony import */ var _getters__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./getters */ "./src/util/getters.js");
+/* harmony import */ var _split_props__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./split_props */ "./src/util/split_props.js");
+/* harmony import */ var _virtualized_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./virtualized_list */ "./src/util/virtualized_list.js");
+/* harmony import */ var _with_user_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./with_user_styles */ "./src/util/with_user_styles.js");
 // LICENSE_CODE ZON
 
 
@@ -41547,6 +41465,38 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+/***/ }),
+
+/***/ "./src/util/split_props.js":
+/*!*********************************!*\
+  !*** ./src/util/split_props.js ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   splitProps: () => (/* binding */ splitProps)
+/* harmony export */ });
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
+/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/pick */ "./node_modules/lodash/pick.js");
+/* harmony import */ var lodash_pick__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_pick__WEBPACK_IMPORTED_MODULE_1__);
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+var splitProps = function splitProps(props) {
+  for (var _len = arguments.length, names = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    names[_key - 1] = arguments[_key];
+  }
+  return [lodash_pick__WEBPACK_IMPORTED_MODULE_1___default().apply(void 0, [props].concat(names)), lodash_omit__WEBPACK_IMPORTED_MODULE_0___default().apply(void 0, [props].concat(names))];
+};
+
 /***/ }),
 
 /***/ "./src/util/virtualized_list.js":