@luminati-io/uikit 3.5.11 → 3.5.13-beta.1

package/dist/umd/uikit.development.js

@@ -38412,6 +38412,7 @@ Provider.defaultProps = {
   getFooterProps: defaultPropGetter,
   rowDensity: 'busy_bee',
   canOrderColumns: false,
+  enableIndentation: false,
   isCellEditable: function isCellEditable(_ref) {
     var column = _ref.column;
     return column.canEdit;
@@ -38474,7 +38475,8 @@ Provider.propTypes = {
   rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
   scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  expandColumnId: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
+  expandColumnId: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
+  enableIndentation: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
@@ -41191,7 +41193,8 @@ var TableCell = function TableCell(props) {
     getCellProps = _useTableContext.getCellProps,
     isCellEditable = _useTableContext.isCellEditable,
     onStartEdit = _useTableContext.onStartEdit,
-    expandColumnId = _useTableContext.expandColumnId;
+    expandColumnId = _useTableContext.expandColumnId,
+    enableIndentation = _useTableContext.enableIndentation;
   var isEditable = canEdit && isCellEditable(cell);
   var startEditing = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     columnStartEditing(columnId, rowId);
@@ -41220,8 +41223,10 @@ var TableCell = function TableCell(props) {
   }), cellProps.className);
   var Wrapper = expandColumnId == columnId && (canExpand && isExpanded || depth > 0) ? ExpandedTableCellContent : TableCellContent;
   var Content = isEditable ? EditableCellContent : CellContent;
+  var indentation = enableIndentation && depth > 0 ? depth : 0;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Wrapper, _extends({}, cellProps, {
-    $isLastPinned: isLastPinned
+    $isLastPinned: isLastPinned,
+    $indentation: indentation
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Content, {
     $type: type,
     $isEditing: isEditing,
@@ -41242,7 +41247,9 @@ var TableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().
 var ExpandedTableCellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(TableCellContent).withConfig({
   displayName: "ExpandedTableCellContent",
   componentId: "sc-1gdt4qg-1"
-})(["position:relative;&::before{content:'';position:absolute;left:0;top:0;height:calc(100% + 1px);border-left:4px solid ", ";}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_6);
+})(["position:relative;", " &::before{content:'';position:absolute;left:0;top:0;height:calc(100% + 1px);border-left:4px solid ", ";}"], function (props) {
+  return props.$indentation ? (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["padding-left:", "px;&::after{content:'';position:absolute;left ", "px;top:0;height:calc(100% + 1px);border-left:2px solid ", ";}"], props.$indentation * 15, props.$indentation * 15, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_6) : undefined;
+}, _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_6);
 var CellContent = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "CellContent",
   componentId: "sc-1gdt4qg-2"