@luminati-io/uikit 3.1.11 → 3.2.1

package/dist/umd/uikit.development.js

@@ -35101,6 +35101,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_19__);
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
@@ -35124,6 +35125,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 (prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default().manual) = true;
@@ -35131,7 +35133,8 @@ __webpack_require__.r(__webpack_exports__);
 // import 'prismjs/plugins/line-numbers/prism-line-numbers';
 
 var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
-  var text = props.text,
+  var className = props.className,
+    text = props.text,
     lang = props.lang,
     themeProp = props.theme,
     lineNumbers = props.lineNumbers;
@@ -35141,7 +35144,7 @@ var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(functi
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeWrapper, {
     ref: ref,
     $theme: themeProp,
-    className: "".concat(lineNumbers ? '' : 'no-', "line-numbers")
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_21__.classNames)(null, null, className, "".concat(lineNumbers ? '' : 'no-', "line-numbers"))
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("code", {
     className: "language-".concat(lang, " content")
   }, text));
@@ -37420,7 +37423,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["label", "labelIcon", "required", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "async", "isLoading", "loadOptions", "defaultOptions", "cacheOptions", "onCreateOption", "formatCreateLabel", "isValidNewOption", "getNewOptionData"];
+var _excluded = ["label", "labelIcon", "required", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement", "hideSelectedOptions", "onInputChange", "getOptionValue", "getOptionLabel", "isOptionDisabled", "isOptionSelected", "async", "isLoading", "loadOptions", "defaultOptions", "cacheOptions", "onCreateOption", "formatCreateLabel", "isValidNewOption", "getNewOptionData"];
 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; }
@@ -37454,7 +37457,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     disabled = props.disabled,
     invalid = props.invalid,
     helperText = props.helperText,
-    classNamePrefix = props.classNamePrefix,
+    className = props.className,
     onChangeCapture = props.onChangeCapture,
     menuPortalTarget = props.menuPortalTarget,
     filterOption = props.filterOption,
@@ -37493,7 +37496,8 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
   }, [props.autosize, hideSelectedOptions]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex, _extends({
     ref: forwardRef,
-    "data-testid": "dropdown"
+    "data-testid": "dropdown",
+    className: className
   }, (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getCommonProps)(rest), {
     flex_direction: "column",
     gap: "02"
@@ -37520,7 +37524,10 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     required: required,
     styles: styles,
     components: (0,_build_components__WEBPACK_IMPORTED_MODULE_10__.buildComponents)(props),
-    classNamePrefix: classNamePrefix,
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_8__.classNames)(className, {
+      container: true
+    }),
+    classNamePrefix: className,
     menuPortalTarget: menuPortalTarget,
     onChangeCapture: onChangeCapture,
     closeMenuOnSelect: !multiselect,
@@ -37564,7 +37571,7 @@ Dropdown.propTypes = {
   multiselect: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   clearable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   creatable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   menuPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['bottom', 'auto', 'top']),
   virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   autosize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -38446,7 +38453,7 @@ var VirtualizedListRowRenderer = function VirtualizedListRowRenderer(_ref7) {
       innerProps: thisProps.innerProps,
       formatOptionLabel: formatOptionLabel,
       tag: "div"
-    }));
+    }, thisProps.children));
   };
   Comp.displayName = 'VirtualizedListRowRendererComp';
   return Comp;
@@ -41131,8 +41138,8 @@ var Text = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography_
 "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 */   Cell: () => (/* binding */ Cell),
+/* harmony export */   StyledCell: () => (/* binding */ StyledCell)
 /* 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__);
@@ -41148,7 +41155,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /*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 _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 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; }
@@ -41162,7 +41168,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 var Cell = function Cell(props) {
-  var classNamePrefix = props.classNamePrefix,
+  var className = props.className,
     rowDensity = props.rowDensity,
     isLastRow = props.isLastRow,
     cell = props.cell;
@@ -41174,12 +41180,6 @@ var Cell = function Cell(props) {
     _column$type = column.type,
     type = _column$type === void 0 ? 'string' : _column$type,
     canEdit = column.canEdit;
-  var columnClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.classNamePrefix, {
-    cell: true
-  });
-  var cellClassName = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
-    tableCell: true
-  });
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
     columnStartEditing = _useTableContext.columnStartEditing,
     columnDoneEditing = _useTableContext.columnDoneEditing,
@@ -41198,16 +41198,18 @@ var Cell = function Cell(props) {
     $isEditing: isEditing,
     $isLastRow: isLastRow
   }, cell.getCellProps([getColumnProps(column), getCellProps(cell)]));
+  cellProps.className = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(column.className, {
+    cell: true
+  }), (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
+    tableCell: true
+  }), cellProps.className);
   if (canEdit) {
     cellProps.onClick = function (e) {
       e.stopPropagation();
       startEditing();
     };
   }
-  var className = (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(null, null, columnClassName, cellClassName, cellProps.className);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, _extends({}, cellProps, {
-    className: className
-  }), cell.render('Cell', {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledCell, cellProps, cell.render('Cell', {
     row: row,
     isEditing: isEditing,
     startEditing: startEditing,
@@ -41220,7 +41222,7 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
   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_6__["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_6__.TableRow, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_2, function (props) {
   if (props.$isFooter) return "border-top-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
   if (props.$isLastRow) return "border-bottom-color: ".concat(_theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.gray_3, ";");
 }, function (props) {
@@ -41244,7 +41246,6 @@ var StyledCell = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.wi
   }
 });
 StyledCell.displayName = 'StyledCell';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Cell);
 
 /***/ }),
 
@@ -41459,8 +41460,8 @@ Provider.propTypes = {
     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)
+    canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
   })),
   data: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
   columnsSort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
@@ -41477,7 +41478,7 @@ Provider.propTypes = {
   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),
+  canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -41492,7 +41493,7 @@ Provider.propTypes = {
   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),
-  classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -41839,9 +41840,9 @@ var useEditableInstance = function useEditableInstance(instance) {
 };
 var useEditableInstanceBeforeDimensions = function useEditableInstanceBeforeDimensions(instance) {
   var flatHeaders = instance.flatHeaders,
-    disableEditing = instance.disableEditing;
+    canEdit = instance.canEdit;
   flatHeaders.forEach(function (header) {
-    header.canEdit = (0,_util__WEBPACK_IMPORTED_MODULE_2__.firstDefined)(header.disableEditing === true ? false : undefined, disableEditing === true ? false : undefined, true);
+    header.canEdit = (0,_util__WEBPACK_IMPORTED_MODULE_2__.firstDefined)(header.canEdit, canEdit, false);
   });
 };
 var useEditableColumns = function useEditableColumns(hooks) {
@@ -41921,7 +41922,7 @@ useExpandHandle.pluginName = 'useExpandHandle';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   TableFooter: () => (/* binding */ TableFooter)
 /* 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__);
@@ -41947,7 +41948,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var TableFooter = function TableFooter(props) {
-  var classNamePrefix = props.classNamePrefix,
+  var className = props.className,
     rowDensity = props.rowDensity;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
     footerGroups = _useTableContext.footerGroups,
@@ -41960,7 +41961,7 @@ var TableFooter = function TableFooter(props) {
   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, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
       tableFooter: true
     })
   }, footerGroups.map(function (group) {
@@ -41971,7 +41972,7 @@ var TableFooter = function TableFooter(props) {
       key: key,
       role: "row"
     }, rest, {
-      className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+      className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
         footerRow: true
       })
     }), group.headers.map(function (column) {
@@ -41979,7 +41980,7 @@ var TableFooter = function TableFooter(props) {
         column: column,
         key: column.getFooterProps().key,
         rowDensity: rowDensity,
-        className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+        className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
           footerCell: true
         })
       });
@@ -41988,12 +41989,11 @@ var TableFooter = function TableFooter(props) {
 };
 TableFooter.displayName = 'TableFooter';
 var FooterCell = function FooterCell(props) {
-  var footerClassName = props.className,
+  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;
+    type = _column$type === void 0 ? 'string' : _column$type;
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_3__.useTableContext)(),
     getColumnProps = _useTableContext2.getColumnProps,
     getFooterProps = _useTableContext2.getFooterProps;
@@ -42002,17 +42002,14 @@ var FooterCell = function FooterCell(props) {
     $rowDensity: rowDensity,
     $isFooter: true
   }, column.getFooterProps([getColumnProps(column), getFooterProps(column)]));
-  var className = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+  footerProps.className = (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(column.className, {
     footer: true
-  }, footerClassName, footerProps.className);
+  }, className, footerProps.className);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.StyledCell, _extends({
     role: "cell"
-  }, footerProps, {
-    className: className
-  }), column.render('Footer'));
+  }, footerProps), column.render('Footer'));
 };
 FooterCell.displayName = 'FooterCell';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableFooter);
 
 /***/ }),
 
@@ -42025,7 +42022,7 @@ FooterCell.displayName = 'FooterCell';
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* 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__);
@@ -42064,7 +42061,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var TableHeader = function TableHeader(props) {
-  var classNamePrefix = props.classNamePrefix,
+  var className = props.className,
     compact = props.compact,
     left = props.left;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
@@ -42079,7 +42076,7 @@ var TableHeader = function TableHeader(props) {
     role: "rowgroup",
     style: style
   }, dataAttributes, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
       tableHeader: true,
       'tableHeader--is-compact': compact
     })
@@ -42090,7 +42087,7 @@ var TableHeader = function TableHeader(props) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
       key: key
     }, rest, {
-      className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+      className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
         headerRow: true
       })
     }), group.headers.map(function (header, i, arr) {
@@ -42100,7 +42097,7 @@ var TableHeader = function TableHeader(props) {
         isLast: isLast,
         key: header.getHeaderProps().key,
         header: header,
-        className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+        className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(className, {
           headerCell: true,
           'headerCell--is-compact': compact,
           'headerCell--is-last': isLast
@@ -42119,8 +42116,7 @@ var HeaderCell = function HeaderCell(props) {
     name = header.name,
     on_sort = header.on_sort,
     isResizing = header.isResizing,
-    getResizerProps = header.getResizerProps,
-    classNamePrefix = header.classNamePrefix;
+    getResizerProps = header.getResizerProps;
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_6__.useTableContext)(),
     getColumnProps = _useTableContext2.getColumnProps,
     getHeaderProps = _useTableContext2.getHeaderProps,
@@ -42145,7 +42141,7 @@ var HeaderCell = function HeaderCell(props) {
   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,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.classNames)(header.className, {
       header: true
     }, className, headerCellProps.className),
     onMouseOver: function onMouseOver() {
@@ -42202,7 +42198,6 @@ var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()
   }
 });
 HeaderCellResizer.displayName = 'HeaderCellResizer';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableHeader);
 
 /***/ }),
 
@@ -42941,7 +42936,7 @@ var plugins = {};
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   renderRow: () => (/* binding */ renderRow)
 /* 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__);
@@ -42952,48 +42947,53 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*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 renderRow = function renderRow(opt) {
-  var classNamePrefix = opt.classNamePrefix,
+  var className = opt.className,
     row = opt.row,
     onRowClick = opt.onRowClick,
     getRowProps = opt.getRowProps,
     rowDensity = opt.rowDensity,
-    isLastRow = opt.isLastRow;
-  var _row$getRowProps = row.getRowProps(getRowProps === null || getRowProps === void 0 ? void 0 : getRowProps(row)),
-    key = _row$getRowProps.key,
-    rowProps = _objectWithoutProperties(_row$getRowProps, _excluded);
+    isLastRow = opt.isLastRow,
+    renderRowSubComponent = opt.renderRowSubComponent;
+  var rowProps = row.getRowProps(getRowProps === null || getRowProps === void 0 ? void 0 : getRowProps(row));
   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
-  }, rowProps, {
+  var tableRow = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, rowProps, {
     onClick: onClick,
-    cursor: cursor,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
       tableRow: true,
       'tableRow--is-pinned': row.isPinned
-    }, rowProps.className)
+    }, rowProps.className),
+    $cursor: cursor
   }), row.cells.map(function (cell) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_cell__WEBPACK_IMPORTED_MODULE_2__.Cell, {
       key: cell.getCellProps().key,
       cell: cell,
-      classNamePrefix: classNamePrefix,
+      className: className,
       rowDensity: rowDensity,
       isLastRow: isLastRow
     });
   }));
+  if (!row.isExpanded || !renderRowSubComponent) return tableRow;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+    key: "".concat(rowProps.key, "_fragment")
+  }, tableRow, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_table_row__WEBPACK_IMPORTED_MODULE_3__.TableRow, _extends({}, rowProps, {
+    key: "".concat(rowProps.key, "_subcomponent"),
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_1__.classNames)(className, {
+      rowSubComponent: true
+    }, rowProps.className)
+  }), renderRowSubComponent({
+    row: row,
+    rowProps: rowProps
+  })));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (renderRow);
 
 /***/ }),
 
@@ -43043,7 +43043,7 @@ SortIcon.defaultProps = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   StickyHeader: () => (/* binding */ StickyHeader)
 /* harmony export */ });
 /* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/throttle */ "./node_modules/lodash/throttle.js");
 /* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_0__);
@@ -43077,7 +43077,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 var StickyHeader = function StickyHeader(props) {
-  var classNamePrefix = props.classNamePrefix,
+  var className = props.className,
     offsetTop = props.offsetTop,
     onRowClick = props.onRowClick,
     rowDensity = props.rowDensity,
@@ -43125,22 +43125,22 @@ var StickyHeader = function StickyHeader(props) {
   if (!showSticky) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StickyHeaderWrapper, {
     style: style,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_3__.classNames)(className, {
       stickyHeader: true
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_header__WEBPACK_IMPORTED_MODULE_7__.TableHeader, {
     left: left,
-    classNamePrefix: classNamePrefix,
+    className: className,
     compact: true
   }), pinnedRows.map(function (row) {
     prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_8__["default"])({
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_8__.renderRow)({
       row: row,
       columnStartEditing: columnStartEditing,
       columnDoneEditing: columnDoneEditing,
       rowDensity: rowDensity,
       onRowClick: onRowClick,
-      classNamePrefix: classNamePrefix
+      className: className
     });
   }));
 };
@@ -43150,7 +43150,6 @@ var StickyHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
   componentId: "sc-hh47bp-0"
 })(["position:fixed;z-index:", ";overflow-x:hidden;box-shadow:0px 2px 4px -2px rgba(24,39,75,0.12);"], _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.stickyHeader);
 StickyHeaderWrapper.displayName = 'StickyHeaderWrapper';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StickyHeader);
 
 /***/ }),
 
@@ -43331,7 +43330,7 @@ var rowMenuColumn = {
   disableHiding: true,
   disableResizing: true,
   disablePinning: true,
-  disableEditing: true,
+  canEdit: false,
   width: 48,
   minWidth: 48,
   maxWidth: 48
@@ -43418,38 +43417,34 @@ var InnerTable = function InnerTable(props) {
   var onRowClick = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.onRowClick, context.onRowClick);
   var stickyHeader = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.stickyHeader, context.stickyHeader);
   var scrollTarget = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.scrollTarget, context.scrollTarget);
-  var classNamePrefix = (0,_util__WEBPACK_IMPORTED_MODULE_12__.firstDefined)(props.classNamePrefix, context.classNamePrefix);
   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)();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableWrapper, {
     ref: wrapperRef,
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       container: true
     }, className)
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledTable, _extends({
     ref: tableRef
   }, getTableProps(), {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       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(_header__WEBPACK_IMPORTED_MODULE_9__.TableHeader, {
+    className: className
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableBody, {
-    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
-      tableBody: true
-    }),
     rowDensity: rowDensity,
-    onRowClick: onRowClick,
-    classNamePrefix: classNamePrefix
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__["default"], {
+    className: className,
+    onRowClick: onRowClick
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_footer__WEBPACK_IMPORTED_MODULE_8__.TableFooter, {
     rowDensity: rowDensity,
-    classNamePrefix: classNamePrefix
-  }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_11__["default"], {
+    className: className
+  }), !!stickyHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_sticky_header__WEBPACK_IMPORTED_MODULE_11__.StickyHeader, {
     offsetTop: offsetTop,
     onRowClick: onRowClick,
     rowDensity: rowDensity,
-    classNamePrefix: classNamePrefix,
+    className: className,
     tableRef: tableRef,
     scrollTarget: scrollTarget,
     wrapperRef: wrapperRef
@@ -43469,8 +43464,7 @@ StyledTable.displayName = 'StyledTable';
 var TableBody = function TableBody(props) {
   var className = props.className,
     rowDensity = props.rowDensity,
-    onRowClick = props.onRowClick,
-    classNamePrefix = props.classNamePrefix;
+    onRowClick = props.onRowClick;
   var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
     getTableBodyProps = _useTableContext2.getTableBodyProps,
     prepareRow = _useTableContext2.prepareRow,
@@ -43480,35 +43474,40 @@ var TableBody = function TableBody(props) {
     NoDataComp = _useTableContext2.NoDataComp,
     LoadingComp = _useTableContext2.LoadingComp,
     isLoading = _useTableContext2.isLoading,
-    getRowProps = _useTableContext2.getRowProps;
+    getRowProps = _useTableContext2.getRowProps,
+    renderRowSubComponent = _useTableContext2.renderRowSubComponent;
   var body = function () {
     if (isLoading) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(LoadingComp);
     if (!page.length) return (0,_util_flex_renderer__WEBPACK_IMPORTED_MODULE_6__.flexRender)(NoDataComp);
     return page.map(function (row, i, arr) {
       prepareRow(row);
       if (row.isPinned) return null;
-      return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+      return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__.renderRow)({
         row: row,
         rowDensity: rowDensity,
         onRowClick: onRowClick,
         isLastRow: i == arr.length - 1,
-        classNamePrefix: classNamePrefix,
-        getRowProps: getRowProps
+        className: className,
+        getRowProps: getRowProps,
+        renderRowSubComponent: renderRowSubComponent
       });
     });
   }();
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", _extends({
     "data-rowgroup-type": "body"
   }, getTableBodyProps(), {
-    className: className
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+      tableBody: true
+    })
   }), pinnedRows.map(function (row) {
     prepareRow(row);
-    return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__["default"])({
+    return (0,_render_row__WEBPACK_IMPORTED_MODULE_10__.renderRow)({
       row: row,
       rowDensity: rowDensity,
       onRowClick: onRowClick,
-      classNamePrefix: classNamePrefix,
-      getRowProps: getRowProps
+      className: className,
+      getRowProps: getRowProps,
+      renderRowSubComponent: renderRowSubComponent
     });
   }), body);
 };
@@ -43525,7 +43524,7 @@ var TableBody = function TableBody(props) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   TableRow: () => (/* binding */ TableRow)
 /* 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__);
@@ -43538,9 +43537,8 @@ var TableRow = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.with
   displayName: "TableRow",
   componentId: "sc-es7xjx-0"
 })(["cursor:", ";"], function (props) {
-  return props.cursor;
+  return props.$cursor;
 });
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TableRow);
 
 /***/ }),