@commercetools-uikit/data-table 12.2.5 → 12.2.6

package/README.md

@@ -112,7 +112,7 @@ export default Example;
    *
    * @@defaultValue@@: auto
    */
-  width?: number;
+  width?: string;
   /**
    * Use this to override the table's own `horizontalCellAlignment` prop for this specific column.
    */

package/dist/commercetools-uikit-data-table.cjs.dev.js

@@ -529,14 +529,6 @@ var HeaderCellWrapper = function HeaderCellWrapper(props) {
   });
 };
 
-HeaderCellWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt__default["default"].node.isRequired,
-  columnKey: _pt__default["default"].string.isRequired,
-  columnWidth: _pt__default["default"].number,
-  disableResizing: _pt__default["default"].bool,
-  onColumnResized: _pt__default["default"].func,
-  disableHeaderStickiness: _pt__default["default"].bool
-} : {};
 HeaderCellWrapper.displayName = 'HeaderCellWrapper';
 var defaultProps$3 = {
   sortDirection: 'desc',
@@ -599,7 +591,7 @@ HeaderCell.propTypes = process.env.NODE_ENV !== "production" ? {
   sortedBy: _pt__default["default"].string,
   children: _pt__default["default"].node.isRequired,
   columnKey: _pt__default["default"].string.isRequired,
-  columnWidth: _pt__default["default"].number,
+  columnWidth: _pt__default["default"].string,
   shouldWrap: _pt__default["default"].bool,
   isSortable: _pt__default["default"].bool,
   isCondensed: _pt__default["default"].bool,
@@ -894,7 +886,7 @@ var useManualColumnResizing = function useManualColumnResizing(tableRef) {
       var newColumnsSizes = setColumnWidth(state.sizes, columnIndex, width);
       if (!((_state$tableRef2 = state.tableRef) !== null && _state$tableRef2 !== void 0 && _state$tableRef2.current)) return;
       state.tableRef.current.style.gridTemplateColumns = getGridTemplateColumnsStyle(_mapInstanceProperty__default["default"](newColumnsSizes).call(newColumnsSizes, function (newColumnsSize) {
-        return newColumnsSize.width;
+        return newColumnsSize.width.toString();
       }));
     });
   };
@@ -1083,7 +1075,7 @@ DataTable.propTypes = process.env.NODE_ENV !== "production" ? {
   columns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
     key: _pt__default["default"].string.isRequired,
     label: _pt__default["default"].node.isRequired,
-    width: _pt__default["default"].number,
+    width: _pt__default["default"].string,
     align: _pt__default["default"].oneOf(['left', 'center', 'right']),
     onClick: _pt__default["default"].func,
     renderItem: _pt__default["default"].func,
@@ -1114,7 +1106,7 @@ DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "12.2.5";
+var version = "12.2.6";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,

package/dist/commercetools-uikit-data-table.cjs.prod.js

@@ -402,7 +402,6 @@ var HeaderCellWrapper = function HeaderCellWrapper(props) {
   });
 };
 
-HeaderCellWrapper.propTypes = {};
 HeaderCellWrapper.displayName = 'HeaderCellWrapper';
 var defaultProps$3 = {
   sortDirection: 'desc',
@@ -722,7 +721,7 @@ var useManualColumnResizing = function useManualColumnResizing(tableRef) {
       var newColumnsSizes = setColumnWidth(state.sizes, columnIndex, width);
       if (!((_state$tableRef2 = state.tableRef) !== null && _state$tableRef2 !== void 0 && _state$tableRef2.current)) return;
       state.tableRef.current.style.gridTemplateColumns = getGridTemplateColumnsStyle(_mapInstanceProperty__default["default"](newColumnsSizes).call(newColumnsSizes, function (newColumnsSize) {
-        return newColumnsSize.width;
+        return newColumnsSize.width.toString();
       }));
     });
   };
@@ -910,7 +909,7 @@ DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "12.2.5";
+var version = "12.2.6";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,

package/dist/commercetools-uikit-data-table.esm.js

@@ -504,14 +504,6 @@ var HeaderCellWrapper = function HeaderCellWrapper(props) {
   });
 };
 
-HeaderCellWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt.node.isRequired,
-  columnKey: _pt.string.isRequired,
-  columnWidth: _pt.number,
-  disableResizing: _pt.bool,
-  onColumnResized: _pt.func,
-  disableHeaderStickiness: _pt.bool
-} : {};
 HeaderCellWrapper.displayName = 'HeaderCellWrapper';
 var defaultProps$3 = {
   sortDirection: 'desc',
@@ -574,7 +566,7 @@ HeaderCell.propTypes = process.env.NODE_ENV !== "production" ? {
   sortedBy: _pt.string,
   children: _pt.node.isRequired,
   columnKey: _pt.string.isRequired,
-  columnWidth: _pt.number,
+  columnWidth: _pt.string,
   shouldWrap: _pt.bool,
   isSortable: _pt.bool,
   isCondensed: _pt.bool,
@@ -869,7 +861,7 @@ var useManualColumnResizing = function useManualColumnResizing(tableRef) {
       var newColumnsSizes = setColumnWidth(state.sizes, columnIndex, width);
       if (!((_state$tableRef2 = state.tableRef) !== null && _state$tableRef2 !== void 0 && _state$tableRef2.current)) return;
       state.tableRef.current.style.gridTemplateColumns = getGridTemplateColumnsStyle(_mapInstanceProperty(newColumnsSizes).call(newColumnsSizes, function (newColumnsSize) {
-        return newColumnsSize.width;
+        return newColumnsSize.width.toString();
       }));
     });
   };
@@ -1058,7 +1050,7 @@ DataTable.propTypes = process.env.NODE_ENV !== "production" ? {
   columns: _pt.arrayOf(_pt.shape({
     key: _pt.string.isRequired,
     label: _pt.node.isRequired,
-    width: _pt.number,
+    width: _pt.string,
     align: _pt.oneOf(['left', 'center', 'right']),
     onClick: _pt.func,
     renderItem: _pt.func,
@@ -1089,6 +1081,6 @@ DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "12.2.5";
+var version = "12.2.6";
 
 export { DataTable$1 as default, version };

package/dist/declarations/src/data-table.d.ts

@@ -5,7 +5,7 @@ export interface TRow {
 export declare type TColumn<Row extends TRow = TRow> = {
     key: string;
     label: ReactNode;
-    width?: number;
+    width?: string;
     align?: 'left' | 'center' | 'right';
     onClick?: (event: MouseEventHandler) => void;
     renderItem?: (row: Row, isRowCollapsed: boolean) => ReactNode;

package/dist/declarations/src/header-cell.d.ts

@@ -5,7 +5,7 @@ export declare type THeaderCell = {
     sortedBy?: string;
     children: ReactNode;
     columnKey: string;
-    columnWidth?: number;
+    columnWidth?: string;
     shouldWrap?: boolean;
     isSortable?: boolean;
     isCondensed?: boolean;

package/dist/declarations/src/header-cell.styles.d.ts

@@ -6,7 +6,7 @@ declare type TGetSortableHeaderStyles = {
 declare const HeaderCellInner: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Pick<THeaderCell, "isCondensed" | "horizontalCellAlignment" | "shouldWrap" | "isSortable"> & TGetSortableHeaderStyles, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & Pick<THeaderCell, "isCondensed" | "horizontalCellAlignment" | "isSortable" | "shouldWrap"> & TGetSortableHeaderStyles, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare type TBaseHeaderCell = {
     disableHeaderStickiness?: boolean;
     shouldClipContent?: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/data-table",
   "description": "A component for rendering tabular data.",
-  "version": "12.2.5",
+  "version": "12.2.6",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -9,12 +9,7 @@
     "directory": "packages/components/data-table"
   },
   "homepage": "https://uikit.commercetools.com",
-  "keywords": [
-    "javascript",
-    "design system",
-    "react",
-    "uikit"
-  ],
+  "keywords": ["javascript", "design system", "react", "uikit"],
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -22,16 +17,14 @@
   "sideEffects": false,
   "main": "dist/commercetools-uikit-data-table.cjs.js",
   "module": "dist/commercetools-uikit-data-table.esm.js",
-  "files": [
-    "dist"
-  ],
+  "files": ["dist"],
   "dependencies": {
     "@babel/runtime": "7.16.3",
     "@babel/runtime-corejs3": "7.16.3",
     "@commercetools-uikit/accessible-button": "12.2.5",
     "@commercetools-uikit/design-system": "12.2.5",
     "@commercetools-uikit/hooks": "12.2.5",
-    "@commercetools-uikit/icons": "12.2.5",
+    "@commercetools-uikit/icons": "12.2.6",
     "@commercetools-uikit/secondary-icon-button": "12.2.5",
     "@commercetools-uikit/utils": "12.2.5",
     "@emotion/react": "^11.4.0",