feat(data table manager): update data table import

packages/components/data-table-manager/data-table-manager-context/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/commercetools-uikit-data-table-manager-data-table-manager-context.cjs.js",
+  "module": "dist/commercetools-uikit-data-table-manager-data-table-manager-context.esm.js"
+}

packages/components/data-table-manager/package.json

@@ -17,7 +17,10 @@
   "sideEffects": false,
   "main": "dist/commercetools-uikit-data-table-manager.cjs.js",
   "module": "dist/commercetools-uikit-data-table-manager.esm.js",
-  "files": ["dist"],
+  "preconstruct": {
+    "entrypoints": ["./index.ts", "data-table-manager-context/index.ts"]
+  },
+  "files": ["dist", "data-table-manager-context"],
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",

packages/components/data-table-manager/src/data-table-manager-context/data-table-manager-context.tsx

@@ -0,0 +1,26 @@
+import { createContext, MouseEventHandler, ReactNode } from 'react';
+
+export type TDataColumns = {
+  isTruncated?: boolean;
+  key: string;
+  label: ReactNode;
+  width?: string;
+  align?: 'left' | 'center' | 'right';
+  onClick?: (event: MouseEventHandler) => void;
+  headerIcon?: ReactNode;
+  isSortable?: boolean;
+  disableResizing?: boolean;
+  shouldIgnoreRowClick?: boolean;
+}[];
+
+export type TDataTableManagerContext = {
+  columns: TDataColumns;
+  updateColumns: (columns: TDataColumns) => void;
+};
+
+const DataTableManagerContext = createContext<TDataTableManagerContext>({
+  columns: [],
+  updateColumns: (columns: TDataColumns) => [columns],
+});
+
+export default DataTableManagerContext;

packages/components/data-table-manager/src/data-table-manager-context/index.ts

@@ -0,0 +1,5 @@
+export { default } from './data-table-manager-context';
+export type {
+  TDataTableManagerContext,
+  TDataColumns,
+} from './data-table-manager-context';

packages/components/data-table-manager/src/data-table-manager.spec.js

@@ -2,8 +2,8 @@ import { useState, useContext } from 'react';
 import { screen, render, fireEvent, within } from '../../../../test/test-utils';
 import DataTableManager, {
   DataTableManagerProvider,
-  DataTableManagerContext,
 } from './data-table-manager';
+import DataTableManagerContext from './data-table-manager-context';
 import { UPDATE_ACTIONS } from './constants';
 
 const useDataTableManagerContext = () => useContext(DataTableManagerContext);

packages/components/data-table-manager/src/data-table-manager.tsx

@@ -3,7 +3,6 @@ import {
   type ReactNode,
   type MouseEventHandler,
   useContext,
-  createContext,
   useState,
   useEffect,
   cloneElement,
@@ -13,6 +12,7 @@ import Spacings from '@commercetools-uikit/spacings';
 import DataTableSettings, {
   type TDataTableSettingsProps,
 } from './data-table-settings';
+import { DataTableManagerContext } from './';
 
 export interface TRow {
   id: string;
@@ -162,16 +162,6 @@ type TDataTableManagerProps<Row extends TRow = TRow> = {
   managerTheme?: 'light' | 'dark';
 };
 
-type TDataTableManagerContext = {
-  columns: TDataColumns;
-  updateColumns: (columns: TDataColumns) => void;
-};
-
-export const DataTableManagerContext = createContext<TDataTableManagerContext>({
-  columns: [],
-  updateColumns: (columns: TDataColumns) => [columns],
-});
-
 export const DataTableManagerProvider = ({
   children,
 }: {
@@ -239,7 +229,5 @@ const DataTableManager = <Row extends TRow = TRow>(
 };
 
 DataTableManager.displayName = 'DataTableManager';
-DataTableManagerProvider.displayName = 'DataTableManagerProvider';
-DataTableManagerContext.displayName = 'DataTableManagerContext';
 
 export default DataTableManager;

packages/components/data-table-manager/src/index.ts

@@ -1,8 +1,5 @@
-export {
-  default,
-  DataTableManagerContext,
-  DataTableManagerProvider,
-} from './data-table-manager';
+export { default } from './data-table-manager';
+export { default as DataTableManagerContext } from './data-table-manager-context/data-table-manager-context';
 export { UPDATE_ACTIONS } from './constants';
 export { default as version } from './version';
 export * from './export-types';

packages/components/data-table/package.json

@@ -22,7 +22,7 @@
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
     "@commercetools-uikit/accessible-button": "19.2.0",
-    "@commercetools-uikit/data-table-manager": "19.2.0",
+    "@commercetools-uikit/data-table-manager": "workspace:^",
     "@commercetools-uikit/design-system": "19.2.0",
     "@commercetools-uikit/hooks": "19.2.0",
     "@commercetools-uikit/icons": "19.2.0",

packages/components/data-table/src/data-table.tsx

@@ -21,7 +21,7 @@ import HeaderCell from './header-cell';
 import DataRow from './data-row';
 import useManualColumnResizing from './use-manual-column-resizing-reducer';
 import ColumnResizingContext from './column-resizing-context';
-import { DataTableManagerContext } from '@commercetools-uikit/data-table-manager/src/data-table-manager';
+import DataTableManagerContext from '@commercetools-uikit/data-table-manager/data-table-manager-context';
 
 export interface TRow {
   id: string;
@@ -245,7 +245,6 @@ const DataTable = <Row extends TRow = TRow>(props: TDataTableProps<Row>) => {
 
   const { columns } = useDataTableManagerContext();
   const columnsData = columns && columns.length !== 0 ? columns : props.columns;
-
   warning(
     columnsData.length > 0,
     `ui-kit/DataTable: empty table "columns", expected at least one column. If you are using DataTableManager you need to pass the "columns" there and they will be injected into DataTable.`

yarn.lock

@@ -2565,7 +2565,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@commercetools-uikit/data-table-manager@19.2.0, @commercetools-uikit/data-table-manager@workspace:packages/components/data-table-manager":
+"@commercetools-uikit/data-table-manager@19.2.0, @commercetools-uikit/data-table-manager@workspace:^, @commercetools-uikit/data-table-manager@workspace:packages/components/data-table-manager":
   version: 0.0.0-use.local
   resolution: "@commercetools-uikit/data-table-manager@workspace:packages/components/data-table-manager"
   dependencies:
@@ -2616,7 +2616,7 @@ __metadata:
     "@babel/runtime": ^7.20.13
     "@babel/runtime-corejs3": ^7.20.13
     "@commercetools-uikit/accessible-button": 19.2.0
-    "@commercetools-uikit/data-table-manager": 19.2.0
+    "@commercetools-uikit/data-table-manager": "workspace:^"
     "@commercetools-uikit/design-system": 19.2.0
     "@commercetools-uikit/hooks": 19.2.0
     "@commercetools-uikit/icons": 19.2.0