@commercetools-uikit/data-table-manager 16.10.0 → 16.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/commercetools-uikit-data-table-manager.cjs.dev.js +1 -1
  2. package/dist/commercetools-uikit-data-table-manager.cjs.prod.js +1 -1
  3. package/dist/commercetools-uikit-data-table-manager.esm.js +1 -1
  4. package/dist/declarations/src/data-table-manager.d.ts +1 -1
  5. package/dist/declarations/src/data-table-settings/index.d.ts +1 -1
  6. package/dist/declarations/src/export-types.d.ts +1 -1
  7. package/dist/declarations/src/index.d.ts +4 -4
  8. package/package.json +20 -20
  9. package/dist/declarations/src/column-settings-manager/column-settings-manager.d.ts +0 -25
  10. package/dist/declarations/src/column-settings-manager/constants.d.ts +0 -2
  11. package/dist/declarations/src/column-settings-manager/export-types.d.ts +0 -3
  12. package/dist/declarations/src/column-settings-manager/index.d.ts +0 -2
  13. package/dist/declarations/src/column-settings-manager/messages.d.ts +0 -33
  14. package/dist/declarations/src/data-table-settings/messages.d.ts +0 -18
  15. package/dist/declarations/src/display-settings-manager/constants.d.ts +0 -4
  16. package/dist/declarations/src/display-settings-manager/display-settings-manager.d.ts +0 -17
  17. package/dist/declarations/src/display-settings-manager/export-types.d.ts +0 -2
  18. package/dist/declarations/src/display-settings-manager/index.d.ts +0 -3
  19. package/dist/declarations/src/display-settings-manager/messages.d.ts +0 -43
  20. package/dist/declarations/src/draggable-tag/draggable-tag.d.ts +0 -16
  21. package/dist/declarations/src/draggable-tag/draggable-tag.styles.d.ts +0 -6
  22. package/dist/declarations/src/draggable-tag/index.d.ts +0 -1
  23. package/dist/declarations/src/droppable-panel/droppable-panel.d.ts +0 -18
  24. package/dist/declarations/src/droppable-panel/index.d.ts +0 -1
  25. package/dist/declarations/src/droppable-panel/messages.d.ts +0 -8
  26. package/dist/declarations/src/droppable-panel/tag-container-editable.d.ts +0 -6
  27. package/dist/declarations/src/settings-container/index.d.ts +0 -1
  28. package/dist/declarations/src/settings-container/settings-container.d.ts +0 -21
@@ -855,7 +855,7 @@ DataTableManager.displayName = 'DataTableManager';
855
855
  var DataTableManager$1 = DataTableManager;
856
856
 
857
857
  // NOTE: This string will be replaced on build time with the package version.
858
- var version = "16.10.0";
858
+ var version = "16.12.0";
859
859
 
860
860
  Object.defineProperty(exports, 'useRowSelection', {
861
861
  enumerable: true,
@@ -708,7 +708,7 @@ DataTableManager.displayName = 'DataTableManager';
708
708
  var DataTableManager$1 = DataTableManager;
709
709
 
710
710
  // NOTE: This string will be replaced on build time with the package version.
711
- var version = "16.10.0";
711
+ var version = "16.12.0";
712
712
 
713
713
  Object.defineProperty(exports, 'useRowSelection', {
714
714
  enumerable: true,
@@ -817,6 +817,6 @@ DataTableManager.displayName = 'DataTableManager';
817
817
  var DataTableManager$1 = DataTableManager;
818
818
 
819
819
  // NOTE: This string will be replaced on build time with the package version.
820
- var version = "16.10.0";
820
+ var version = "16.12.0";
821
821
 
822
822
  export { UPDATE_ACTIONS, DataTableManager$1 as default, version };
@@ -1,5 +1,5 @@
1
1
  import { type ReactElement, type ReactNode, type MouseEventHandler } from 'react';
2
- import { type TDataTableSettingsProps } from './data-table-settings';
2
+ import { type TDataTableSettingsProps } from "./data-table-settings/index.js";
3
3
  export interface TRow {
4
4
  id: string;
5
5
  }
@@ -1 +1 @@
1
- export { default, type TDataTableSettingsProps, type TSelectChangeEvent, } from './data-table-settings';
1
+ export { default, type TDataTableSettingsProps, type TSelectChangeEvent, } from "./data-table-settings.js";
@@ -1 +1 @@
1
- export type { TRow, TColumnProps } from './data-table-manager';
1
+ export type { TRow, TColumnProps } from "./data-table-manager.js";
@@ -1,5 +1,5 @@
1
- export { default } from './data-table-manager';
2
- export { UPDATE_ACTIONS } from './constants';
3
- export { default as version } from './version';
4
- export * from './export-types';
1
+ export { default } from "./data-table-manager.js";
2
+ export { UPDATE_ACTIONS } from "./constants.js";
3
+ export { default as version } from "./version.js";
4
+ export * from "./export-types.js";
5
5
  export { useRowSelection, useSorting } from '@commercetools-uikit/hooks';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/data-table-manager",
3
3
  "description": "This component enhances the DataTable component and additionally provides a UI and state management to handle configuration of the table such as column manager.",
4
- "version": "16.10.0",
4
+ "version": "16.12.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,25 +21,25 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.20.13",
23
23
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "16.10.0",
25
- "@commercetools-uikit/accessible-hidden": "16.10.0",
26
- "@commercetools-uikit/async-select-input": "16.10.0",
27
- "@commercetools-uikit/card": "16.10.0",
28
- "@commercetools-uikit/collapsible-motion": "16.10.0",
29
- "@commercetools-uikit/design-system": "16.10.0",
30
- "@commercetools-uikit/field-label": "16.10.0",
31
- "@commercetools-uikit/grid": "16.10.0",
32
- "@commercetools-uikit/hooks": "16.10.0",
33
- "@commercetools-uikit/icons": "16.10.0",
34
- "@commercetools-uikit/primary-button": "16.10.0",
35
- "@commercetools-uikit/radio-input": "16.10.0",
36
- "@commercetools-uikit/secondary-button": "16.10.0",
37
- "@commercetools-uikit/secondary-icon-button": "16.10.0",
38
- "@commercetools-uikit/select-input": "16.10.0",
39
- "@commercetools-uikit/spacings": "16.10.0",
40
- "@commercetools-uikit/tag": "16.10.0",
41
- "@commercetools-uikit/text": "16.10.0",
42
- "@commercetools-uikit/utils": "16.10.0",
24
+ "@commercetools-uikit/accessible-button": "16.12.0",
25
+ "@commercetools-uikit/accessible-hidden": "16.12.0",
26
+ "@commercetools-uikit/async-select-input": "16.12.0",
27
+ "@commercetools-uikit/card": "16.12.0",
28
+ "@commercetools-uikit/collapsible-motion": "16.12.0",
29
+ "@commercetools-uikit/design-system": "16.12.0",
30
+ "@commercetools-uikit/field-label": "16.12.0",
31
+ "@commercetools-uikit/grid": "16.12.0",
32
+ "@commercetools-uikit/hooks": "16.12.0",
33
+ "@commercetools-uikit/icons": "16.12.0",
34
+ "@commercetools-uikit/primary-button": "16.12.0",
35
+ "@commercetools-uikit/radio-input": "16.12.0",
36
+ "@commercetools-uikit/secondary-button": "16.12.0",
37
+ "@commercetools-uikit/secondary-icon-button": "16.12.0",
38
+ "@commercetools-uikit/select-input": "16.12.0",
39
+ "@commercetools-uikit/spacings": "16.12.0",
40
+ "@commercetools-uikit/tag": "16.12.0",
41
+ "@commercetools-uikit/text": "16.12.0",
42
+ "@commercetools-uikit/utils": "16.12.0",
43
43
  "@emotion/react": "^11.10.5",
44
44
  "@emotion/styled": "^11.10.5",
45
45
  "debounce-promise": "^3.1.2",
@@ -1,25 +0,0 @@
1
- import { type ReactElement, type ReactNode, type MouseEvent, type KeyboardEvent, type Dispatch } from 'react';
2
- import { type DropResult } from 'react-beautiful-dnd';
3
- export type TColumnData = {
4
- key: string;
5
- label: ReactNode;
6
- };
7
- export type TColumnSettingsManagerProps = {
8
- availableColumns: TColumnData[];
9
- selectedColumns: TColumnData[];
10
- onUpdateColumns: (updatedColums: TColumnData[]) => void;
11
- areHiddenColumnsSearchable?: boolean;
12
- searchHiddenColumns?: (searchTerm: string) => Promise<void> | void;
13
- searchHiddenColumnsPlaceholder?: string;
14
- onClose: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
15
- primaryButton?: ReactElement;
16
- secondaryButton?: ReactElement;
17
- managerTheme?: 'light' | 'dark';
18
- };
19
- export declare const handleColumnsUpdate: (dragResult: DropResult, onUpdateColumns: TColumnSettingsManagerProps['onUpdateColumns'], selectedColumns: TColumnSettingsManagerProps['selectedColumns'], availableColumns: TColumnSettingsManagerProps['availableColumns'], setIsDragging: Dispatch<boolean>) => void;
20
- export declare const ColumnSettingsManager: {
21
- (props: TColumnSettingsManagerProps): import("@emotion/react/jsx-runtime").JSX.Element;
22
- displayName: string;
23
- defaultProps: Pick<TColumnSettingsManagerProps, "availableColumns">;
24
- };
25
- export default ColumnSettingsManager;
@@ -1,2 +0,0 @@
1
- export declare const HIDDEN_COLUMNS_PANEL = "hidden-columns-panel";
2
- export declare const SELECTED_COLUMNS_PANEL = "selected-columns-panel";
@@ -1,3 +0,0 @@
1
- import type { TColumnSettingsManagerProps as ColumnSettingsManagerProps, TColumnData as ColumnData } from './column-settings-manager';
2
- export type TColumnSettingsManagerProps = ColumnSettingsManagerProps;
3
- export type TColumnData = ColumnData;
@@ -1,2 +0,0 @@
1
- export { default } from './column-settings-manager';
2
- export * from './export-types';
@@ -1,33 +0,0 @@
1
- declare const _default: {
2
- title: {
3
- id: string;
4
- description: string;
5
- defaultMessage: string;
6
- };
7
- visibleColumns: {
8
- id: string;
9
- description: string;
10
- defaultMessage: string;
11
- };
12
- hiddenColumns: {
13
- id: string;
14
- description: string;
15
- defaultMessage: string;
16
- };
17
- noSelectedColumnsToShow: {
18
- id: string;
19
- description: string;
20
- defaultMessage: string;
21
- };
22
- noHiddenColumnsToShow: {
23
- id: string;
24
- description: string;
25
- defaultMessage: string;
26
- };
27
- closeButtonLabel: {
28
- id: string;
29
- description: string;
30
- defaultMessage: string;
31
- };
32
- };
33
- export default _default;
@@ -1,18 +0,0 @@
1
- declare const _default: {
2
- placeholder: {
3
- id: string;
4
- description: string;
5
- defaultMessage: string;
6
- };
7
- displaySettingsOption: {
8
- id: string;
9
- description: string;
10
- defaultMessage: string;
11
- };
12
- columnManagerOption: {
13
- id: string;
14
- description: string;
15
- defaultMessage: string;
16
- };
17
- };
18
- export default _default;
@@ -1,4 +0,0 @@
1
- export declare const WRAPPED_TEXT_VISIBLE = "wrapped-text-visible";
2
- export declare const SHOW_HIDE_ON_DEMAND = "show-hide-on-demand";
3
- export declare const DENSITY_COMFORTABLE = "density-comfortable";
4
- export declare const DENSITY_COMPACT = "density-compact";
@@ -1,17 +0,0 @@
1
- import type { ChangeEventHandler, MouseEvent, KeyboardEvent, ReactElement } from 'react';
2
- export type TDensityManagerProps = {
3
- isCondensed?: boolean;
4
- isWrappingText?: boolean;
5
- primaryButton?: ReactElement;
6
- secondaryButton?: ReactElement;
7
- onDensityDisplayChange: ChangeEventHandler<HTMLInputElement>;
8
- onTextWrappingChange: ChangeEventHandler<HTMLInputElement>;
9
- onClose: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
10
- managerTheme?: 'light' | 'dark';
11
- };
12
- declare const DensityManager: {
13
- (props: TDensityManagerProps): import("@emotion/react/jsx-runtime").JSX.Element;
14
- displayName: string;
15
- defaultProps: Pick<TDensityManagerProps, "isCondensed" | "isWrappingText">;
16
- };
17
- export default DensityManager;
@@ -1,2 +0,0 @@
1
- import type { TDensityManagerProps as DensityManagerProps } from './display-settings-manager';
2
- export type TDensityManagerProps = DensityManagerProps;
@@ -1,3 +0,0 @@
1
- export { default } from './display-settings-manager';
2
- export * from './constants';
3
- export * from './export-types';
@@ -1,43 +0,0 @@
1
- declare const _default: {
2
- title: {
3
- id: string;
4
- description: string;
5
- defaultMessage: string;
6
- };
7
- textWrappingSubtitle: {
8
- id: string;
9
- description: string;
10
- defaultMessage: string;
11
- };
12
- densityDisplaySubtitle: {
13
- id: string;
14
- description: string;
15
- defaultMessage: string;
16
- };
17
- textWrappingAllWrapVisibleOption: {
18
- id: string;
19
- description: string;
20
- defaultMessage: string;
21
- };
22
- textWrappingShowHideOnDemandOption: {
23
- id: string;
24
- description: string;
25
- defaultMessage: string;
26
- };
27
- densityDisplayComfortableOption: {
28
- id: string;
29
- description: string;
30
- defaultMessage: string;
31
- };
32
- densityDisplayCompactOption: {
33
- id: string;
34
- description: string;
35
- defaultMessage: string;
36
- };
37
- closeButtonLabel: {
38
- id: string;
39
- description: string;
40
- defaultMessage: string;
41
- };
42
- };
43
- export default _default;
@@ -1,16 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- export type TColumnData = {
3
- key: string;
4
- label: ReactNode;
5
- };
6
- export type TDraggableTagProps = {
7
- column: TColumnData;
8
- index: number;
9
- isDisabled?: boolean;
10
- onRemove?: (index: number) => void;
11
- };
12
- declare const DraggableTag: {
13
- (props: TDraggableTagProps): import("@emotion/react/jsx-runtime").JSX.Element;
14
- displayName: string;
15
- };
16
- export default DraggableTag;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare const DraggingContainer: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export default DraggingContainer;
@@ -1 +0,0 @@
1
- export { default } from './draggable-tag';
@@ -1,18 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- export type TColumnData = {
3
- key: string;
4
- label: ReactNode;
5
- };
6
- export type TDroppablePanelProps = {
7
- droppableId: string;
8
- noColumnsText: ReactNode;
9
- columns: TColumnData[];
10
- isSearchable?: boolean;
11
- isDisabled?: boolean;
12
- onRemove?: (columns: TColumnData[]) => void;
13
- };
14
- declare const DroppablePanel: {
15
- (props: TDroppablePanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
16
- displayName: string;
17
- };
18
- export default DroppablePanel;
@@ -1 +0,0 @@
1
- export { default } from './droppable-panel';
@@ -1,8 +0,0 @@
1
- declare const _default: {
2
- loadMoreAttributesHint: {
3
- id: string;
4
- description: string;
5
- defaultMessage: string;
6
- };
7
- };
8
- export default _default;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- declare const TagContainerEditable: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export default TagContainerEditable;
@@ -1 +0,0 @@
1
- export { default } from './settings-container';
@@ -1,21 +0,0 @@
1
- import type { KeyboardEvent, MouseEvent, ReactElement, ReactNode } from 'react';
2
- import { type MessageDescriptor } from 'react-intl';
3
- type TSettingsContainerProps = {
4
- title: MessageDescriptor & {
5
- values?: Record<string, React.ReactNode>;
6
- };
7
- closeButtonLabel: MessageDescriptor & {
8
- values?: Record<string, React.ReactNode>;
9
- };
10
- onClose: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
11
- primaryButton?: ReactElement;
12
- secondaryButton?: ReactElement;
13
- children: ReactNode;
14
- containerTheme?: 'light' | 'dark';
15
- };
16
- declare const SettingsContainer: {
17
- (props: TSettingsContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
18
- displayName: string;
19
- defaultProps: Pick<TSettingsContainerProps, "containerTheme">;
20
- };
21
- export default SettingsContainer;