@skedulo/sked-ui 21.5.1 → 21.6.0

package/dist/components/dynamic-table/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { ColumnInterface, ColumnInstance, UseTableCellProps, Row, ColumnInterfaceBasedOnValue } from 'react-table';
+import { ColumnInterface, ColumnInstance, UseTableCellProps, Row, ColumnInterfaceBasedOnValue, HeaderProps, Renderer } from 'react-table';
 export interface UseRowClickOptions<D extends object> {
     /**
      * This will add row click behaviour. Whenever a cell is clicked within a row,
@@ -20,7 +20,7 @@ declare module 'react-table' {
         emptyCellText?: string;
     }
     interface ColumnInstance<D extends object = {}> extends UseSortByColumnProps<D>, UseRowSelectRowProps<D> {
-        Header?: string;
+        Header?: Renderer<HeaderProps<D>> | undefined;
     }
     interface Row<D extends object = {}> extends UseRowSelectRowProps<D> {
     }
@@ -33,7 +33,7 @@ declare module 'react-table' {
  * for empty values.
  */
 export interface IDynamicTableColumn<T extends object> extends Omit<ColumnInterface<T>, 'Header'>, ColumnInterfaceBasedOnValue<T> {
-    Header?: string;
+    Header?: Renderer<HeaderProps<T>> | undefined;
 }
 export declare type ControlStates = 'controlled' | 'uncontrolled' | 'disabled';
 export declare type RowControlStates = 'rowOnly' | 'allRows' | 'disabled';

package/dist/index.js

@@ -59189,18 +59189,10 @@ var CellContentRenderer = function CellContentRenderer(props) {
       id = props.id,
       value = props.value,
       children = props.children;
-  return isEmptyCell(value, id) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](EmptyCell, {
-    emptyCellText: emptyCellText,
-    headerName: Header
-  }) || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null, children);
-};
-
-var EmptyCell = function EmptyCell(_ref5) {
-  var emptyCellText = _ref5.emptyCellText,
-      headerName = _ref5.headerName;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
+  var emptyText = typeof Header === 'string' ? "No ".concat(Header.toLowerCase()) : '';
+  return isEmptyCell(value, id) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("span", {
     className: "sk-text-neutral-500"
-  }, emptyCellText || "No ".concat(headerName.toLowerCase()));
+  }, emptyCellText || emptyText) || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"](react__WEBPACK_IMPORTED_MODULE_3__["Fragment"], null, children);
 };
 
 var ExpandedTableCell = function ExpandedTableCell(props) {
@@ -59256,9 +59248,9 @@ var DefaultRenderer = function DefaultRenderer(instance) {
   }, value);
 };
 var DefaultWrapper = function DefaultWrapper(wrapperClassName) {
-  return function (_ref6) {
-    var getWrapperProps = _ref6.getWrapperProps,
-        children = _ref6.children;
+  return function (_ref5) {
+    var getWrapperProps = _ref5.getWrapperProps,
+        children = _ref5.children;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3__["createElement"]("div", getWrapperProps(wrapperClassName), children);
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skedulo/sked-ui",
-  "version": "21.5.1",
+  "version": "21.6.0",
   "license": "UNLICENSED",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",