@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.
- package/dist/commercetools-uikit-data-table-manager.cjs.dev.js +1 -1
- package/dist/commercetools-uikit-data-table-manager.cjs.prod.js +1 -1
- package/dist/commercetools-uikit-data-table-manager.esm.js +1 -1
- package/dist/declarations/src/data-table-manager.d.ts +1 -1
- package/dist/declarations/src/data-table-settings/index.d.ts +1 -1
- package/dist/declarations/src/export-types.d.ts +1 -1
- package/dist/declarations/src/index.d.ts +4 -4
- package/package.json +20 -20
- package/dist/declarations/src/column-settings-manager/column-settings-manager.d.ts +0 -25
- package/dist/declarations/src/column-settings-manager/constants.d.ts +0 -2
- package/dist/declarations/src/column-settings-manager/export-types.d.ts +0 -3
- package/dist/declarations/src/column-settings-manager/index.d.ts +0 -2
- package/dist/declarations/src/column-settings-manager/messages.d.ts +0 -33
- package/dist/declarations/src/data-table-settings/messages.d.ts +0 -18
- package/dist/declarations/src/display-settings-manager/constants.d.ts +0 -4
- package/dist/declarations/src/display-settings-manager/display-settings-manager.d.ts +0 -17
- package/dist/declarations/src/display-settings-manager/export-types.d.ts +0 -2
- package/dist/declarations/src/display-settings-manager/index.d.ts +0 -3
- package/dist/declarations/src/display-settings-manager/messages.d.ts +0 -43
- package/dist/declarations/src/draggable-tag/draggable-tag.d.ts +0 -16
- package/dist/declarations/src/draggable-tag/draggable-tag.styles.d.ts +0 -6
- package/dist/declarations/src/draggable-tag/index.d.ts +0 -1
- package/dist/declarations/src/droppable-panel/droppable-panel.d.ts +0 -18
- package/dist/declarations/src/droppable-panel/index.d.ts +0 -1
- package/dist/declarations/src/droppable-panel/messages.d.ts +0 -8
- package/dist/declarations/src/droppable-panel/tag-container-editable.d.ts +0 -6
- package/dist/declarations/src/settings-container/index.d.ts +0 -1
- 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.
|
|
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.
|
|
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.
|
|
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
|
|
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
|
|
1
|
+
export { default, type TDataTableSettingsProps, type TSelectChangeEvent, } from "./data-table-settings.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type { TRow, TColumnProps } from
|
|
1
|
+
export type { TRow, TColumnProps } from "./data-table-manager.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default } from
|
|
2
|
-
export { UPDATE_ACTIONS } from
|
|
3
|
-
export { default as version } from
|
|
4
|
-
export * from
|
|
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.
|
|
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.
|
|
25
|
-
"@commercetools-uikit/accessible-hidden": "16.
|
|
26
|
-
"@commercetools-uikit/async-select-input": "16.
|
|
27
|
-
"@commercetools-uikit/card": "16.
|
|
28
|
-
"@commercetools-uikit/collapsible-motion": "16.
|
|
29
|
-
"@commercetools-uikit/design-system": "16.
|
|
30
|
-
"@commercetools-uikit/field-label": "16.
|
|
31
|
-
"@commercetools-uikit/grid": "16.
|
|
32
|
-
"@commercetools-uikit/hooks": "16.
|
|
33
|
-
"@commercetools-uikit/icons": "16.
|
|
34
|
-
"@commercetools-uikit/primary-button": "16.
|
|
35
|
-
"@commercetools-uikit/radio-input": "16.
|
|
36
|
-
"@commercetools-uikit/secondary-button": "16.
|
|
37
|
-
"@commercetools-uikit/secondary-icon-button": "16.
|
|
38
|
-
"@commercetools-uikit/select-input": "16.
|
|
39
|
-
"@commercetools-uikit/spacings": "16.
|
|
40
|
-
"@commercetools-uikit/tag": "16.
|
|
41
|
-
"@commercetools-uikit/text": "16.
|
|
42
|
-
"@commercetools-uikit/utils": "16.
|
|
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,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,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,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,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;
|