@commercetools-uikit/data-table 16.11.0 → 16.12.1

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

@@ -735,7 +735,7 @@ const useManualColumnResizing = tableRef => {
   if ((_state$tableRef = state.tableRef) !== null && _state$tableRef !== void 0 && _state$tableRef.current && !state.sizes) {
     var _context;
     const renderedColumnMeasurements = [];
-    _forEachInstanceProperty__default["default"](_context = state.tableRef.current.querySelectorAll('th')).call(_context, header => {
+    _forEachInstanceProperty__default["default"](_context = state.tableRef.current.querySelectorAll(':scope > thead > tr > th')).call(_context, header => {
       renderedColumnMeasurements.push({
         key: header.getAttribute('data-id'),
         width: header.getBoundingClientRect().width
@@ -947,7 +947,7 @@ DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,

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

@@ -569,7 +569,7 @@ const useManualColumnResizing = tableRef => {
   if ((_state$tableRef = state.tableRef) !== null && _state$tableRef !== void 0 && _state$tableRef.current && !state.sizes) {
     var _context;
     const renderedColumnMeasurements = [];
-    _forEachInstanceProperty__default["default"](_context = state.tableRef.current.querySelectorAll('th')).call(_context, header => {
+    _forEachInstanceProperty__default["default"](_context = state.tableRef.current.querySelectorAll(':scope > thead > tr > th')).call(_context, header => {
       renderedColumnMeasurements.push({
         key: header.getAttribute('data-id'),
         width: header.getBoundingClientRect().width
@@ -750,7 +750,7 @@ DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 Object.defineProperty(exports, 'useRowSelection', {
   enumerable: true,

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

@@ -711,7 +711,7 @@ const useManualColumnResizing = tableRef => {
   if ((_state$tableRef = state.tableRef) !== null && _state$tableRef !== void 0 && _state$tableRef.current && !state.sizes) {
     var _context;
     const renderedColumnMeasurements = [];
-    _forEachInstanceProperty(_context = state.tableRef.current.querySelectorAll('th')).call(_context, header => {
+    _forEachInstanceProperty(_context = state.tableRef.current.querySelectorAll(':scope > thead > tr > th')).call(_context, header => {
       renderedColumnMeasurements.push({
         key: header.getAttribute('data-id'),
         width: header.getBoundingClientRect().width
@@ -923,6 +923,6 @@ DataTable.displayName = 'DataTable';
 var DataTable$1 = DataTable;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.11.0";
+var version = "16.12.1";
 
 export { DataTable$1 as default, version };

package/dist/declarations/src/export-types.d.ts

@@ -1 +1 @@
-export type { TRow, TColumn, TDataTableProps } from './data-table';
+export type { TRow, TColumn, TDataTableProps } from "./data-table.js";

package/dist/declarations/src/index.d.ts

@@ -1,4 +1,4 @@
-export { default } from './data-table';
+export { default } from "./data-table.js";
 export { useRowSelection, useSorting } from '@commercetools-uikit/hooks';
-export { default as version } from './version';
-export * from './export-types';
+export { default as version } from "./version.js";
+export * from "./export-types.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/data-table",
   "description": "A component for rendering tabular data.",
-  "version": "16.11.0",
+  "version": "16.12.1",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,12 +21,12 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/accessible-button": "16.11.0",
-    "@commercetools-uikit/design-system": "16.11.0",
-    "@commercetools-uikit/hooks": "16.11.0",
-    "@commercetools-uikit/icons": "16.11.0",
-    "@commercetools-uikit/secondary-icon-button": "16.11.0",
-    "@commercetools-uikit/utils": "16.11.0",
+    "@commercetools-uikit/accessible-button": "16.12.1",
+    "@commercetools-uikit/design-system": "16.12.1",
+    "@commercetools-uikit/hooks": "16.12.1",
+    "@commercetools-uikit/icons": "16.12.1",
+    "@commercetools-uikit/secondary-icon-button": "16.12.1",
+    "@commercetools-uikit/utils": "16.12.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",

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

@@ -1,21 +0,0 @@
-import { ReactNode } from 'react';
-export type TDataCell = {
-    children: ReactNode;
-    isCondensed?: boolean;
-    isTruncated?: boolean;
-    onCellClick?: () => void;
-    shouldIgnoreRowClick?: boolean;
-    verticalCellAlignment?: 'top' | 'center' | 'bottom';
-    horizontalCellAlignment?: 'left' | 'center' | 'right';
-    shouldRenderBottomBorder: boolean;
-    shouldRenderCollapseButton: boolean;
-    shouldRenderResizingIndicator: boolean;
-    handleRowCollapseClick?: () => void;
-    isRowCollapsed?: boolean;
-};
-declare const DataCell: {
-    (props: TDataCell): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-    defaultProps: Pick<TDataCell, "isTruncated" | "shouldRenderBottomBorder">;
-};
-export default DataCell;

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

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import type { TDataCell } from './cell';
-type TCellInner = {
-    shouldClipContent?: boolean;
-} & Pick<TDataCell, 'verticalCellAlignment' | 'horizontalCellAlignment' | 'isTruncated' | 'isCondensed'>;
-declare const getPaddingStyle: (props: TCellInner) => import("@emotion/utils").SerializedStyles;
-declare const getHorizontalAlignmentStyle: (props: TCellInner) => import("@emotion/utils").SerializedStyles;
-declare const getVerticalAlignmentStyle: (props: TCellInner) => import("@emotion/utils").SerializedStyles;
-declare const getCellInnerStyles: (props: TCellInner) => (string | import("@emotion/utils").SerializedStyles)[];
-declare const CellInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    shouldClipContent?: boolean | undefined;
-} & Pick<TDataCell, "isCondensed" | "horizontalCellAlignment" | "verticalCellAlignment" | "isTruncated">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const BaseCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    shouldClipContent?: boolean | undefined;
-} & Pick<TDataCell, "shouldIgnoreRowClick" | "shouldRenderBottomBorder">, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-type TBaseFooterCell = {
-    disableFooterStickiness?: boolean;
-    numberOfColumns?: number;
-};
-declare const BaseFooterCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TBaseFooterCell, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
-declare const RowExpandCollapseButton: import("@emotion/styled").StyledComponent<import("@commercetools-uikit/accessible-button").TAccessibleButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Pick<TDataCell, "isRowCollapsed">, {}, {}>;
-export { getPaddingStyle, getVerticalAlignmentStyle, getHorizontalAlignmentStyle, getCellInnerStyles, BaseCell, CellInner, BaseFooterCell, RowExpandCollapseButton, };

package/dist/declarations/src/column-resizer.d.ts

@@ -1,10 +0,0 @@
-import type { MouseEvent } from 'react';
-type TColumnResizer = {
-    onMouseDown?: (event: MouseEvent) => void;
-    isOnDataCell?: boolean;
-};
-declare const ColumnResizer: {
-    (props: TColumnResizer): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default ColumnResizer;

package/dist/declarations/src/column-resizing-context.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: import("react").Context<{}>;
-export default _default;

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

@@ -1,14 +0,0 @@
-import { TColumn, TRow, TDataTableProps } from './data-table';
-export type TDataRow<Row extends TRow = TRow> = {
-    row: Row;
-    rowIndex: number;
-    columns: TColumn<Row>[];
-    shouldClipContent: boolean;
-    shouldRenderBottomBorder: boolean;
-} & Pick<TDataTableProps<Row>, 'onRowClick' | 'isCondensed' | 'verticalCellAlignment' | 'horizontalCellAlignment' | 'itemRenderer'>;
-declare const DataRow: {
-    <Row extends TRow = TRow>(props: TDataRow<Row>): import("@emotion/react/jsx-runtime").JSX.Element;
-    defaultProps: Pick<TDataRow<TRow>, "isCondensed" | "horizontalCellAlignment" | "verticalCellAlignment" | "itemRenderer" | "shouldRenderBottomBorder" | "shouldClipContent">;
-    displayName: string;
-};
-export default DataRow;

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

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import type { TDataTableProps } from './data-table';
-type TGetClickableRowStyleProps = {
-    isRowClickable: boolean;
-};
-type TTableContainer = {
-    isBeingResized?: boolean;
-    maxWidth?: string | number;
-    maxHeight?: string | number;
-    disableSelfContainment: boolean;
-};
-declare const TableContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TTableContainer, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-type TTableGrid = {
-    resizedTotalWidth?: number;
-    columns?: TDataTableProps['columns'];
-    disableSelfContainment: boolean;
-    maxHeight?: string | number;
-};
-declare const TableGrid: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TTableGrid, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
-declare const TableHeader: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
-declare const TableBody: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {}>;
-declare const TableRow: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TGetClickableRowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
-export { TableContainer, TableGrid, TableHeader, TableBody, TableRow };

package/dist/declarations/src/footer.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-type TFooter = {
-    children: ReactNode;
-    isCondensed?: boolean;
-    horizontalCellAlignment?: 'left' | 'center' | 'right';
-    resizedTotalWidth?: number;
-};
-declare const Footer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TFooter, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export default Footer;

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

@@ -1,24 +0,0 @@
-import { type ReactNode } from 'react';
-import type { TColumn } from './data-table';
-export type THeaderCell = {
-    onClick?: (columnKey: string, sortDirection: 'asc' | 'desc') => void;
-    sortedBy?: string;
-    children: ReactNode;
-    columnKey: string;
-    columnWidth?: string;
-    shouldWrap?: boolean;
-    isSortable?: boolean;
-    isCondensed?: boolean;
-    sortDirection?: 'desc' | 'asc';
-    disableResizing?: boolean;
-    onColumnResized?: (args: TColumn[]) => void;
-    disableHeaderStickiness: boolean;
-    horizontalCellAlignment: 'left' | 'center' | 'right';
-    iconComponent?: ReactNode;
-};
-declare const HeaderCell: {
-    (props: THeaderCell): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-    defaultProps: Pick<THeaderCell, "sortDirection" | "horizontalCellAlignment" | "disableHeaderStickiness">;
-};
-export default HeaderCell;

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

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import type { THeaderCell } from './header-cell';
-type TGetSortableHeaderStyles = {
-    isActive?: boolean;
-    label?: 'asc' | 'desc';
-};
-declare const HeaderCellInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Pick<THeaderCell, "isCondensed" | "horizontalCellAlignment" | "isSortable" | "shouldWrap"> & TGetSortableHeaderStyles, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-type TBaseHeaderCell = {
-    disableHeaderStickiness?: boolean;
-    shouldClipContent?: boolean;
-};
-declare const BaseHeaderCell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TBaseHeaderCell, import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {}>;
-declare const HeaderLabelWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const HeaderLabelTextWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-declare const HeaderIconWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export { HeaderCellInner, BaseHeaderCell, HeaderLabelWrapper, HeaderLabelTextWrapper, HeaderIconWrapper, };

package/dist/declarations/src/use-manual-column-resizing-reducer.d.ts

@@ -1,20 +0,0 @@
-import { MutableRefObject } from 'react';
-type TTableRef = MutableRefObject<HTMLTableElement | undefined>;
-export type TRenderedColumnMeasurements = {
-    key: string | null;
-    width: number;
-};
-declare const useManualColumnResizing: (tableRef?: TTableRef) => {
-    reset: () => void;
-    getSizes: () => TRenderedColumnMeasurements[] | undefined;
-    startResizing: (headerRef: MutableRefObject<{
-        cellIndex: number;
-    } & HTMLTableElement>, mouseEvent: MouseEvent) => void;
-    onDragResizing: (event: MouseEvent, columnIndex: number) => void;
-    finishResizing: () => TRenderedColumnMeasurements[] | undefined;
-    getHasTableBeenResized: () => boolean | undefined;
-    getIsColumnBeingResized: (columnIndex: number) => boolean;
-    getIsAnyColumnBeingResized: () => boolean;
-    getTotalResizedTableWidth: () => number;
-};
-export default useManualColumnResizing;

package/dist/declarations/src/utils/convert-numeric-dimension-to-pixel-value.d.ts

@@ -1,2 +0,0 @@
-declare const convertNumericDimensionToPixelValue: (dimensionValue: number | string) => string;
-export default convertNumericDimensionToPixelValue;

package/dist/declarations/src/utils/is-fixed-width-value.d.ts

@@ -1,2 +0,0 @@
-declare const isFixedWidthValue: (value: string | number) => boolean;
-export default isFixedWidthValue;