@commercetools-uikit/data-table-manager 19.3.1 → 19.4.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 (23) hide show
  1. package/README.md +57 -6
  2. package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.d.ts +2 -0
  3. package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.dev.js +22 -0
  4. package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.js +7 -0
  5. package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.prod.js +22 -0
  6. package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.esm.js +13 -0
  7. package/data-table-manager-provider/package.json +4 -0
  8. package/dist/commercetools-uikit-data-table-manager.cjs.dev.js +29 -63
  9. package/dist/commercetools-uikit-data-table-manager.cjs.prod.js +27 -19
  10. package/dist/commercetools-uikit-data-table-manager.esm.js +26 -62
  11. package/dist/data-table-manager-provider-3f60b85b.esm.js +55 -0
  12. package/dist/data-table-manager-provider-6c690fc1.cjs.dev.js +70 -0
  13. package/dist/data-table-manager-provider-ddf7fb63.cjs.prod.js +70 -0
  14. package/dist/declarations/src/data-table-manager-provider/data-table-manager-provider.d.ts +15 -0
  15. package/dist/declarations/src/data-table-manager-provider/index.d.ts +2 -0
  16. package/dist/declarations/src/data-table-manager-provider/types.d.ts +17 -0
  17. package/dist/declarations/src/data-table-manager.d.ts +1 -27
  18. package/dist/declarations/src/export-types.d.ts +2 -1
  19. package/dist/declarations/src/index.d.ts +1 -0
  20. package/dist/declarations/src/types.d.ts +54 -0
  21. package/package.json +27 -24
  22. package/dist/declarations/src/data-table-settings/data-table-settings.d.ts +0 -57
  23. package/dist/declarations/src/data-table-settings/index.d.ts +0 -1
package/README.md CHANGED
@@ -5,9 +5,6 @@
5
5
 
6
6
  ## Description
7
7
 
8
- > THIS COMPONENT IS IN BETA!
9
- > Please be aware that it may be subject to upcoming breaking changes as it's still in active development.
10
-
11
8
  This component enhances the `<DataTable>` component and additionally provides a UI and state management to handle configuration of the table such as column manager.
12
9
 
13
10
  - The `disableDisplaySettings` enables / disables the layout settings panel, allowing the user to select wrapping text and density display options.
@@ -15,6 +12,8 @@ This component enhances the `<DataTable>` component and additionally provides a
15
12
 
16
13
  Both panels delegate the handling of the settings change on the parent through function properties, allowing the settings to be persisted or just used as state props.
17
14
 
15
+ This component will render a triggering element (icon button) above the `<DataTable>` (top-right corner) which users can click to select the panel to open.
16
+
18
17
  ## Installation
19
18
 
20
19
  ```
@@ -37,6 +36,12 @@ npm --save install react react-dom react-intl
37
36
 
38
37
  ## Usage
39
38
 
39
+ There are two ways this component can be used:
40
+
41
+ ### Attached
42
+
43
+ The basic usage is when it just wraps the DataTable component.
44
+
40
45
  ```jsx
41
46
  import DataTableManager from '@commercetools-uikit/data-table-manager';
42
47
  import DataTable from '@commercetools-uikit/data-table';
@@ -61,10 +66,54 @@ const Example = () => (
61
66
  export default Example;
62
67
  ```
63
68
 
69
+ ### Detached
70
+
71
+ As mentioned earlier, the default behaviour places the triggering element above the `<DataTable>` component (top-right corner), but there may be use cases where the triggering element needs to be positioned differently on the page. This is also possible but requires the usage of one more component (`DataTableManagerProvider`) in order to share the manager state between the manager panels and the `DataTable` component.
72
+
73
+ In this mode, you should pass the manager props to the `DataTableManagerProvider` component and the `DataTableManager` does not need to receive any prop; it can be placed anywhere in the component's tree without requiring any prop.
74
+
75
+ ```jsx
76
+ import DataTableManager, {
77
+ DataTableManagerProvider,
78
+ } from '@commercetools-uikit/data-table-manager';
79
+ import DataTable from '@commercetools-uikit/data-table';
80
+ import SearchTextInput from '@commercetools-uikit/search-text-input';
81
+
82
+ const rows = [
83
+ { id: 'parasite', title: 'Parasite', country: 'South Korea' },
84
+ { id: 'portrait', title: 'Portrait of a Lady on Fire', country: 'France' },
85
+ { id: 'wat', title: 'Woman at War', country: 'Iceland' },
86
+ ];
87
+
88
+ const columns = [
89
+ { key: 'title', label: 'Title' },
90
+ { key: 'country', label: 'Country' },
91
+ ];
92
+
93
+ const SomeOtherComponent = () => {
94
+ return <div>Some other component</div>;
95
+ };
96
+
97
+ const Example = () => (
98
+ <DataTableManagerProvider columns={columns}>
99
+ <header>
100
+ <DataTableManager />
101
+ <SearchTextInput />
102
+ </header>
103
+ <main>
104
+ <SomeOtherComponent />
105
+ <DataTable rows={rows} />
106
+ </main>
107
+ </DataTableManagerProvider>
108
+ );
109
+
110
+ export default Example;
111
+ ```
112
+
64
113
  ## Properties
65
114
 
66
- | Props | Type | Required | Default | Description |
67
- | ------------------------- | -------------------------------------------------------------- | :------: | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
115
+ | Props | Type | Required | Default | Description |
116
+ | ---------------------------------------------- | ----------------------------------------------------------- | :------: | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
68
117
  | `columns` | `array` | ✅ | | Each object requires a unique `key` which should correspond to property key of&#xA;the items of `rows` that you want to render under this column, and a `label`&#xA;which defines the name shown on the header.&#xA;The list of columns to be rendered.&#xA;Each column can be customized (see properties below). |
69
118
  | `columns[].key` | `string` | ✅ | | The unique key of the column that is used to identify your data type.&#xA;You can use this value to determine which value from a row item should be rendered.&#xA;<br>&#xA;For example, if the data is a list of users, where each user has a `firstName` property,&#xA;the column key should be `firstName`, which renders the correct value by default.&#xA;The key can also be some custom or computed value, in which case you need to provide&#xA;an explicit mapping of the value by implementing either the `itemRendered` function or&#xA;the column-specific `renderItem` function. |
70
119
  | `columns[].label` | `node` | ✅ | | The label of the column that will be shown on the column header. |
@@ -91,10 +140,12 @@ export default Example;
91
140
  | `columnManager.hideableColumns[].key` | `string` | ✅ | | |
92
141
  | `columnManager.hideableColumns[].label` | `<string, node>` | ✅ | | |
93
142
  | `columnManager.areHiddenColumnsSearchable` | `bool` | | | Set this to `true` to show a search input for the hidden columns panel. |
94
- | `columnManager.searchHiddenColumns` | `func` | | | A callback function, called when the search input for the hidden columns panel changes.&#xA;<br>&#xA;Signature: `(searchTerm: string) => Promise<void> | void` |
143
+ | `columnManager.searchHiddenColumns` | `func` | | | A callback function, called when the search input for the hidden columns panel changes.&#xA;<br>&#xA;Signature: `(searchTerm: string) => Promise<void> |
95
144
  | `columnManager.searchHiddenColumnsPlaceholder` | `string` | | | Placeholder value of the search input for the hidden columns panel. |
96
145
  | `columnManager.primaryButton` | `element` | | | A React element to be rendered as the primary button, useful when the column settings work as a form. |
97
146
  | `columnManager.secondaryButton` | `element` | | | A React element to be rendered as the secondary button, useful when the column settings work as a form. |
98
147
  | `onSettingsChange` | `func` | | | A callback function, called when any of the properties of either display settings or column settings is modified.&#xA;<br>&#xA;Signature: `(action: string, nextValue: object) => void` |
99
148
  | `topBar` | `node` | | | A React node for rendering additional information within the table manager. |
100
149
  | `managerTheme` | `enum`<br/>Possible values:<br/>`'light', 'dark'` | | | Sets the background theme of the Card that contains the settings |
150
+
151
+ > `*`: `DataTableManagerProvider` component accepts the same properties as the `DataTableManager`
package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "../../dist/declarations/src/data-table-manager-provider/index";
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy11aWtpdC1kYXRhLXRhYmxlLW1hbmFnZXItZGF0YS10YWJsZS1tYW5hZ2VyLXByb3ZpZGVyLmNqcy5kLnRzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vZGlzdC9kZWNsYXJhdGlvbnMvc3JjL2RhdGEtdGFibGUtbWFuYWdlci1wcm92aWRlci9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=
package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.dev.js ADDED
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var dataTableManagerProvider = require('../../dist/data-table-manager-provider-6c690fc1.cjs.dev.js');
6
+ require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ require('@babel/runtime-corejs3/helpers/defineProperty');
15
+ require('@babel/runtime-corejs3/core-js-stable/instance/map');
16
+ require('react');
17
+ require('@emotion/react/jsx-runtime');
18
+
19
+
20
+
21
+ exports.DataTableManagerProvider = dataTableManagerProvider.DataTableManagerProvider;
22
+ exports.useDataTableManagerContext = dataTableManagerProvider.useDataTableManagerContext;
package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.js ADDED
@@ -0,0 +1,7 @@
1
+ 'use strict';
2
+
3
+ if (process.env.NODE_ENV === "production") {
4
+ module.exports = require("./commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.prod.js");
5
+ } else {
6
+ module.exports = require("./commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.dev.js");
7
+ }
package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.prod.js ADDED
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var dataTableManagerProvider = require('../../dist/data-table-manager-provider-ddf7fb63.cjs.prod.js');
6
+ require('@babel/runtime-corejs3/core-js-stable/object/keys');
7
+ require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
8
+ require('@babel/runtime-corejs3/core-js-stable/instance/filter');
9
+ require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
10
+ require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
11
+ require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
12
+ require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
13
+ require('@babel/runtime-corejs3/core-js-stable/object/define-property');
14
+ require('@babel/runtime-corejs3/helpers/defineProperty');
15
+ require('@babel/runtime-corejs3/core-js-stable/instance/map');
16
+ require('react');
17
+ require('@emotion/react/jsx-runtime');
18
+
19
+
20
+
21
+ exports.DataTableManagerProvider = dataTableManagerProvider.DataTableManagerProvider;
22
+ exports.useDataTableManagerContext = dataTableManagerProvider.useDataTableManagerContext;
package/data-table-manager-provider/dist/commercetools-uikit-data-table-manager-data-table-manager-provider.esm.js ADDED
@@ -0,0 +1,13 @@
1
+ export { D as DataTableManagerProvider, u as useDataTableManagerContext } from '../../dist/data-table-manager-provider-3f60b85b.esm.js';
2
+ import '@babel/runtime-corejs3/core-js-stable/object/keys';
3
+ import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
4
+ import '@babel/runtime-corejs3/core-js-stable/instance/filter';
5
+ import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
6
+ import '@babel/runtime-corejs3/core-js-stable/instance/for-each';
7
+ import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
8
+ import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
9
+ import '@babel/runtime-corejs3/core-js-stable/object/define-property';
10
+ import '@babel/runtime-corejs3/helpers/defineProperty';
11
+ import '@babel/runtime-corejs3/core-js-stable/instance/map';
12
+ import 'react';
13
+ import '@emotion/react/jsx-runtime';
package/data-table-manager-provider/package.json ADDED
@@ -0,0 +1,4 @@
1
+ {
2
+ "main": "dist/commercetools-uikit-data-table-manager-data-table-manager-provider.cjs.js",
3
+ "module": "dist/commercetools-uikit-data-table-manager-data-table-manager-provider.esm.js"
4
+ }
package/dist/commercetools-uikit-data-table-manager.cjs.dev.js CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
- var _pt = require('prop-types');
7
6
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
8
7
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
9
8
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -15,6 +14,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
15
14
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
16
15
  var react = require('react');
17
16
  var Spacings = require('@commercetools-uikit/spacings');
17
+ var dataTableManagerProvider$1 = require('@commercetools-uikit/data-table-manager/data-table-manager-provider');
18
18
  var jsxRuntime = require('@emotion/react/jsx-runtime');
19
19
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
20
20
  var _styled = require('@emotion/styled/base');
@@ -25,6 +25,7 @@ var icons = require('@commercetools-uikit/icons');
25
25
  var DropdownMenu = require('@commercetools-uikit/dropdown-menu');
26
26
  var IconButton = require('@commercetools-uikit/icon-button');
27
27
  var Tooltip = require('@commercetools-uikit/tooltip');
28
+ var _pt = require('prop-types');
28
29
  var FieldLabel = require('@commercetools-uikit/field-label');
29
30
  var Grid = require('@commercetools-uikit/grid');
30
31
  var RadioInput = require('@commercetools-uikit/radio-input');
@@ -44,10 +45,10 @@ var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
44
45
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
45
46
  var Tag = require('@commercetools-uikit/tag');
46
47
  var hooks = require('@commercetools-uikit/hooks');
48
+ var dataTableManagerProvider = require('./data-table-manager-provider-6c690fc1.cjs.dev.js');
47
49
 
48
50
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
49
51
 
50
- var _pt__default = /*#__PURE__*/_interopDefault(_pt);
51
52
  var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
52
53
  var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
53
54
  var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
@@ -63,6 +64,7 @@ var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInsta
63
64
  var DropdownMenu__default = /*#__PURE__*/_interopDefault(DropdownMenu);
64
65
  var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
65
66
  var Tooltip__default = /*#__PURE__*/_interopDefault(Tooltip);
67
+ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
66
68
  var FieldLabel__default = /*#__PURE__*/_interopDefault(FieldLabel);
67
69
  var Grid__default = /*#__PURE__*/_interopDefault(Grid);
68
70
  var RadioInput__default = /*#__PURE__*/_interopDefault(RadioInput);
@@ -678,7 +680,7 @@ const TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", process.
678
680
  } : {
679
681
  name: "1ff36h2",
680
682
  styles: "flex-grow:1",
681
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdJa0MiLCJmaWxlIjoiZGF0YS10YWJsZS1zZXR0aW5ncy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VTdGF0ZSwgdHlwZSBSZWFjdEVsZW1lbnQsIHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENvbHVtbnNJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IFVQREFURV9BQ1RJT05TLCBDT0xVTU5fTUFOQUdFUiwgRElTUExBWV9TRVRUSU5HUyB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgRGlzcGxheVNldHRpbmdzTWFuYWdlciwge1xuICBERU5TSVRZX0NPTVBBQ1QsXG4gIFNIT1dfSElERV9PTl9ERU1BTkQsXG59IGZyb20gJy4uL2Rpc3BsYXktc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyIGZyb20gJy4uL2NvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCBEcm9wZG93bk1lbnUgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZHJvcGRvd24tbWVudSc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29uLWJ1dHRvbic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90b29sdGlwJztcblxuZXhwb3J0IHR5cGUgVFNlbGVjdENoYW5nZUV2ZW50ID0ge1xuICB0YXJnZXQ6IHtcbiAgICBuYW1lPzogc3RyaW5nO1xuICAgIHZhbHVlPzogc3RyaW5nIHwgc3RyaW5nW10gfCBudWxsO1xuICB9O1xuICBwZXJzaXN0OiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBUQ29sdW1uRGF0YSA9IHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdE5vZGU7XG59O1xuXG50eXBlIE1hcHBlZENvbHVtbnMgPSBSZWNvcmQ8c3RyaW5nLCBUQ29sdW1uRGF0YT47XG5cbmV4cG9ydCB0eXBlIFREaXNwbGF5U2V0dGluZ3NQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGlzIGZsYWcgdG8gYGZhbHNlYCB0byBzaG93IHRoZSBkaXNwbGF5IHNldHRpbmdzIHBhbmVsIG9wdGlvbi5cbiAgICpcbiAgICogQEBkZWZhdWx0VmFsdWVAQDogdHJ1ZVxuICAgKi9cbiAgZGlzYWJsZURpc3BsYXlTZXR0aW5ncz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHRvIGB0cnVlYCB0byByZWR1Y2UgdGhlIHBhZGRpbmdzIG9mIGFsbCBjZWxscywgYWxsb3dpbmcgdGhlIHRhYmxlIHRvIGRpc3BsYXlcbiAgICogbW9yZSBkYXRhIGluIGxlc3Mgc3BhY2UuXG4gICAqXG4gICAqIEBAZGVmYXVsdFZhbHVlQEA6IHRydWVcbiAgICovXG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIGFsbG93IHRleHQgaW4gYSBjZWxsIHRvIHdyYXAuXG4gICAqIDxicj5cbiAgICogVGhpcyBpcyByZXF1aXJlZCBpZiBgZGlzYWJsZURpc3BsYXlTZXR0aW5nc2AgaXMgc2V0IHRvIGBmYWxzZWAuXG4gICAqXG4gICAqIEBAZGVmYXVsdFZhbHVlQEA6IGZhbHNlXG4gICAqL1xuICBpc1dyYXBwaW5nVGV4dD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEEgUmVhY3QgZWxlbWVudCB0byBiZSByZW5kZXJlZCBhcyB0aGUgcHJpbWFyeSBidXR0b24sIHVzZWZ1bCB3aGVuIHRoZSBkaXNwbGF5IHNldHRpbmdzIHdvcmsgYXMgYSBmb3JtLlxuICAgKi9cbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogQSBSZWFjdCBlbGVtZW50IHRvIGJlIHJlbmRlcmVkIGFzIHRoZSBzZWNvbmRhcnkgYnV0dG9uLCB1c2VmdWwgd2hlbiB0aGUgZGlzcGxheSBzZXR0aW5ncyB3b3JrIGFzIGEgZm9ybS5cbiAgICovXG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5NYW5hZ2VyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgdG8gc2hvdyBhIHNlYXJjaCBpbnB1dCBmb3IgdGhlIGhpZGRlbiBjb2x1bW5zIHBhbmVsLlxuICAgKi9cbiAgYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGU/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyB0byBgZmFsc2VgIHRvIHNob3cgdGhlIGNvbHVtbiBzZXR0aW5ncyBwYW5lbCBvcHRpb24uXG4gICAqXG4gICAqIEBAZGVmYXVsdFZhbHVlQEA6IHRydWVcbiAgICovXG4gIGRpc2FibGVDb2x1bW5NYW5hZ2VyPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogVGhlIGtleXMgb2YgdGhlIHZpc2libGUgY29sdW1ucy5cbiAgICovXG4gIHZpc2libGVDb2x1bW5LZXlzOiBzdHJpbmdbXTtcblxuICAvKipcbiAgICogVGhlIGtleXMgb2YgdGhlIHZpc2libGUgY29sdW1ucy5cbiAgICovXG4gIGhpZGVhYmxlQ29sdW1ucz86IFRDb2x1bW5EYXRhW107XG5cbiAgLyoqXG4gICAqIEEgY2FsbGJhY2sgZnVuY3Rpb24sIGNhbGxlZCB3aGVuIHRoZSBzZWFyY2ggaW5wdXQgZm9yIHRoZSBoaWRkZW4gY29sdW1ucyBwYW5lbCBjaGFuZ2VzLlxuICAgKi9cbiAgc2VhcmNoSGlkZGVuQ29sdW1ucz86IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IFByb21pc2U8dm9pZD4gfCB2b2lkO1xuXG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB2YWx1ZSBvZiB0aGUgc2VhcmNoIGlucHV0IGZvciB0aGUgaGlkZGVuIGNvbHVtbnMgcGFuZWwuXG4gICAqL1xuICBzZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEEgUmVhY3QgZWxlbWVudCB0byBiZSByZW5kZXJlZCBhcyB0aGUgcHJpbWFyeSBidXR0b24sIHVzZWZ1bCB3aGVuIHRoZSBjb2x1bW4gc2V0dGluZ3Mgd29yayBhcyBhIGZvcm0uXG4gICAqL1xuICBwcmltYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuXG4gIC8qKlxuICAgKiBBIFJlYWN0IGVsZW1lbnQgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIHNlY29uZGFyeSBidXR0b24sIHVzZWZ1bCB3aGVuIHRoZSBjb2x1bW4gc2V0dGluZ3Mgd29yayBhcyBhIGZvcm0uXG4gICAqL1xuICBzZWNvbmRhcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG59O1xuXG5leHBvcnQgdHlwZSBURGF0YVRhYmxlU2V0dGluZ3NQcm9wcyA9IHtcbiAgdG9wQmFyPzogUmVhY3ROb2RlO1xuICBvblNldHRpbmdzQ2hhbmdlPzogKFxuICAgIHNldHRpbmdOYW1lOiBzdHJpbmcsXG4gICAgc2V0dGluZ1ZhbHVlOiBib29sZWFuIHwgc3RyaW5nW11cbiAgKSA9PiB2b2lkO1xuICBkaXNwbGF5U2V0dGluZ3M/OiBURGlzcGxheVNldHRpbmdzUHJvcHM7XG4gIGNvbHVtbk1hbmFnZXI/OiBUQ29sdW1uTWFuYWdlclByb3BzO1xuICBtYW5hZ2VyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duT3B0aW9uID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufTtcblxuY29uc3QgVG9wQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldERyb3Bkb3duT3B0aW9ucyA9ICh7XG4gIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCxcbiAgZm9ybWF0TWVzc2FnZSxcbn06IHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBmb3JtYXRNZXNzYWdlOiAobWVzc2FnZTogTWVzc2FnZURlc2NyaXB0b3IpID0+IHN0cmluZztcbn0pID0+IFtcbiAgLi4uKGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IENPTFVNTl9NQU5BR0VSLFxuICAgICAgICAgIGxhYmVsOiBmb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNvbHVtbk1hbmFnZXJPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuICAuLi4oYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IERJU1BMQVlfU0VUVElOR1MsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuZGlzcGxheVNldHRpbmdzT3B0aW9uKSxcbiAgICAgICAgfSxcbiAgICAgIF1cbiAgICA6IFtdKSxcbl07XG5cbmV4cG9ydCBjb25zdCBnZXRNYXBwZWRDb2x1bW5zID0gKGNvbHVtbnM6IFRDb2x1bW5EYXRhW10gPSBbXSkgPT5cbiAgY29sdW1ucy5yZWR1Y2U8TWFwcGVkQ29sdW1ucz4oXG4gICAgKG1hcHBlZENvbHVtbnMsIGNvbHVtbikgPT4gKHtcbiAgICAgIC4uLm1hcHBlZENvbHVtbnMsXG4gICAgICBbY29sdW1uLmtleV06IGNvbHVtbixcbiAgICB9KSxcbiAgICB7fVxuICApO1xuXG5leHBvcnQgY29uc3QgZ2V0U2VsZWN0ZWRDb2x1bW5zID0gKFxuICBtYXBwZWRDb2x1bW5zOiBNYXBwZWRDb2x1bW5zLFxuICB2aXNpYmxlQ29sdW1uc0tleXM6IHN0cmluZ1tdID0gW11cbikgPT4gdmlzaWJsZUNvbHVtbnNLZXlzLm1hcCgoY29sdW1uS2V5KSA9PiBtYXBwZWRDb2x1bW5zW2NvbHVtbktleV0pO1xuXG5jb25zdCBEYXRhVGFibGVTZXR0aW5ncyA9IChwcm9wczogVERhdGFUYWJsZVNldHRpbmdzUHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZD4oXG4gICAgbnVsbFxuICApO1xuICBjb25zdCBkcm9wZG93bk9wdGlvbnM6IFREcm9wZG93bk9wdGlvbltdID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IG1hcHBlZENvbHVtbnMgPSBnZXRNYXBwZWRDb2x1bW5zKFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCA/IHByb3BzLmNvbHVtbk1hbmFnZXIhLmhpZGVhYmxlQ29sdW1ucyA6IHVuZGVmaW5lZFxuICApO1xuXG4gIGNvbnN0IHNlbGVjdGVkQ29sdW1ucyA9IGdldFNlbGVjdGVkQ29sdW1ucyhcbiAgICBtYXBwZWRDb2x1bW5zLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyIS52aXNpYmxlQ29sdW1uS2V5c1xuICAgICAgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlID0gKCkgPT4gc2V0T3BlbmVkUGFuZWxJZChudWxsKTtcblxuICByZXR1cm4gKFxuICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnVcbiAgICAgICAgICAgICAgdHJpZ2dlckVsZW1lbnQ9e1xuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICBpY29uPXs8Q29sdW1uc0ljb24gLz59XG4gICAgICAgICAgICAgICAgICBsYWJlbD1cIk9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQ9eydhdXRvJ31cbiAgICAgICAgICAgICAgbWVudVBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgICAgICBtZW51VHlwZT1cImxpc3RcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJvcGRvd25PcHRpb25zPy5tYXAoKG9wdGlvbjogVERyb3Bkb3duT3B0aW9uKSA9PiAoXG4gICAgICAgICAgICAgICAgPERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgIGtleT17b3B0aW9uPy5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0T3BlbmVkUGFuZWxJZChvcHRpb24/LnZhbHVlKTtcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge29wdGlvbj8ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvRHJvcGRvd25NZW51PlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZT8uKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9DT05ERU5TRURfVVBEQVRFLFxuICAgICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IERFTlNJVFlfQ09NUEFDVFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uVGV4dFdyYXBwaW5nQ2hhbmdlPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2U/LihcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfV1JBUFBJTkdfVEVYVF9VUERBVEUsXG4gICAgICAgICAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9PT0gU0hPV19ISURFX09OX0RFTUFORFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBDT0xVTU5fTUFOQUdFUiAmJiAoXG4gICAgICAgIDxDb2x1bW5TZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmNvbHVtbk1hbmFnZXIgfHwge30pfVxuICAgICAgICAgIGF2YWlsYWJsZUNvbHVtbnM9e3Byb3BzLmNvbHVtbk1hbmFnZXI/LmhpZGVhYmxlQ29sdW1ucyA/PyBbXX1cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLkNPTFVNTlNfVVBEQVRFLFxuICAgICAgICAgICAgICBrZXlzT2ZWaXNpYmxlQ29sdW1uc1xuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApO1xufTtcblxuRGF0YVRhYmxlU2V0dGluZ3MuZGlzcGxheU5hbWUgPSAnRGF0YVRhYmxlU2V0dGluZ3MnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVTZXR0aW5ncztcbiJdfQ== */",
683
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiZGF0YS10YWJsZS1zZXR0aW5ncy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDb2x1bW5zSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgeyBVUERBVEVfQUNUSU9OUywgQ09MVU1OX01BTkFHRVIsIERJU1BMQVlfU0VUVElOR1MgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IERpc3BsYXlTZXR0aW5nc01hbmFnZXIsIHtcbiAgREVOU0lUWV9DT01QQUNULFxuICBTSE9XX0hJREVfT05fREVNQU5ELFxufSBmcm9tICcuLi9kaXNwbGF5LXNldHRpbmdzLW1hbmFnZXInO1xuaW1wb3J0IENvbHVtblNldHRpbmdzTWFuYWdlciBmcm9tICcuLi9jb2x1bW4tc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgRHJvcGRvd25NZW51IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbi1idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdG9vbHRpcCc7XG5pbXBvcnQgeyBUQ29sdW1uRGF0YSwgVERhdGFUYWJsZVNldHRpbmdzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFRTZWxlY3RDaGFuZ2VFdmVudCA9IHtcbiAgdGFyZ2V0OiB7XG4gICAgbmFtZT86IHN0cmluZztcbiAgICB2YWx1ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgbnVsbDtcbiAgfTtcbiAgcGVyc2lzdDogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgTWFwcGVkQ29sdW1ucyA9IFJlY29yZDxzdHJpbmcsIFRDb2x1bW5EYXRhPjtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duT3B0aW9uID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufTtcblxuY29uc3QgVG9wQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldERyb3Bkb3duT3B0aW9ucyA9ICh7XG4gIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCxcbiAgZm9ybWF0TWVzc2FnZSxcbn06IHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBmb3JtYXRNZXNzYWdlOiAobWVzc2FnZTogTWVzc2FnZURlc2NyaXB0b3IpID0+IHN0cmluZztcbn0pID0+IFtcbiAgLi4uKGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IENPTFVNTl9NQU5BR0VSLFxuICAgICAgICAgIGxhYmVsOiBmb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNvbHVtbk1hbmFnZXJPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuICAuLi4oYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IERJU1BMQVlfU0VUVElOR1MsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuZGlzcGxheVNldHRpbmdzT3B0aW9uKSxcbiAgICAgICAgfSxcbiAgICAgIF1cbiAgICA6IFtdKSxcbl07XG5cbmV4cG9ydCBjb25zdCBnZXRNYXBwZWRDb2x1bW5zID0gKGNvbHVtbnM6IFRDb2x1bW5EYXRhW10gPSBbXSkgPT5cbiAgY29sdW1ucy5yZWR1Y2U8TWFwcGVkQ29sdW1ucz4oXG4gICAgKG1hcHBlZENvbHVtbnMsIGNvbHVtbikgPT4gKHtcbiAgICAgIC4uLm1hcHBlZENvbHVtbnMsXG4gICAgICBbY29sdW1uLmtleV06IGNvbHVtbixcbiAgICB9KSxcbiAgICB7fVxuICApO1xuXG5leHBvcnQgY29uc3QgZ2V0U2VsZWN0ZWRDb2x1bW5zID0gKFxuICBtYXBwZWRDb2x1bW5zOiBNYXBwZWRDb2x1bW5zLFxuICB2aXNpYmxlQ29sdW1uc0tleXM6IHN0cmluZ1tdID0gW11cbikgPT4gdmlzaWJsZUNvbHVtbnNLZXlzLm1hcCgoY29sdW1uS2V5KSA9PiBtYXBwZWRDb2x1bW5zW2NvbHVtbktleV0pO1xuXG5jb25zdCBEYXRhVGFibGVTZXR0aW5ncyA9IChwcm9wczogVERhdGFUYWJsZVNldHRpbmdzUHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZD4oXG4gICAgbnVsbFxuICApO1xuICBjb25zdCBkcm9wZG93bk9wdGlvbnM6IFREcm9wZG93bk9wdGlvbltdID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IG1hcHBlZENvbHVtbnMgPSBnZXRNYXBwZWRDb2x1bW5zKFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCA/IHByb3BzLmNvbHVtbk1hbmFnZXIhLmhpZGVhYmxlQ29sdW1ucyA6IHVuZGVmaW5lZFxuICApO1xuXG4gIGNvbnN0IHNlbGVjdGVkQ29sdW1ucyA9IGdldFNlbGVjdGVkQ29sdW1ucyhcbiAgICBtYXBwZWRDb2x1bW5zLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyIS52aXNpYmxlQ29sdW1uS2V5c1xuICAgICAgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlID0gKCkgPT4gc2V0T3BlbmVkUGFuZWxJZChudWxsKTtcblxuICByZXR1cm4gKFxuICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnVcbiAgICAgICAgICAgICAgdHJpZ2dlckVsZW1lbnQ9e1xuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICBpY29uPXs8Q29sdW1uc0ljb24gLz59XG4gICAgICAgICAgICAgICAgICBsYWJlbD1cIk9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQ9eydhdXRvJ31cbiAgICAgICAgICAgICAgbWVudVBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgICAgICBtZW51VHlwZT1cImxpc3RcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJvcGRvd25PcHRpb25zPy5tYXAoKG9wdGlvbjogVERyb3Bkb3duT3B0aW9uKSA9PiAoXG4gICAgICAgICAgICAgICAgPERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgIGtleT17b3B0aW9uPy5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0T3BlbmVkUGFuZWxJZChvcHRpb24/LnZhbHVlKTtcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge29wdGlvbj8ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvRHJvcGRvd25NZW51PlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZT8uKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9DT05ERU5TRURfVVBEQVRFLFxuICAgICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IERFTlNJVFlfQ09NUEFDVFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uVGV4dFdyYXBwaW5nQ2hhbmdlPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2U/LihcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfV1JBUFBJTkdfVEVYVF9VUERBVEUsXG4gICAgICAgICAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9PT0gU0hPV19ISURFX09OX0RFTUFORFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBDT0xVTU5fTUFOQUdFUiAmJiAoXG4gICAgICAgIDxDb2x1bW5TZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmNvbHVtbk1hbmFnZXIgfHwge30pfVxuICAgICAgICAgIGF2YWlsYWJsZUNvbHVtbnM9e3Byb3BzLmNvbHVtbk1hbmFnZXI/LmhpZGVhYmxlQ29sdW1ucyA/PyBbXX1cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLkNPTFVNTlNfVVBEQVRFLFxuICAgICAgICAgICAgICBrZXlzT2ZWaXNpYmxlQ29sdW1uc1xuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApO1xufTtcblxuRGF0YVRhYmxlU2V0dGluZ3MuZGlzcGxheU5hbWUgPSAnRGF0YVRhYmxlU2V0dGluZ3MnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVTZXR0aW5ncztcbiJdfQ== */",
682
684
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
683
685
  });
684
686
  const getDropdownOptions = _ref => {
@@ -771,82 +773,44 @@ const DataTableSettings = props => {
771
773
  }))]
772
774
  });
773
775
  };
774
- DataTableSettings.propTypes = process.env.NODE_ENV !== "production" ? {
775
- topBar: _pt__default["default"].node,
776
- onSettingsChange: _pt__default["default"].func,
777
- displaySettings: _pt__default["default"].shape({
778
- disableDisplaySettings: _pt__default["default"].bool,
779
- isCondensed: _pt__default["default"].bool,
780
- isWrappingText: _pt__default["default"].bool,
781
- primaryButton: _pt__default["default"].element,
782
- secondaryButton: _pt__default["default"].element
783
- }),
784
- columnManager: _pt__default["default"].shape({
785
- areHiddenColumnsSearchable: _pt__default["default"].bool,
786
- disableColumnManager: _pt__default["default"].bool,
787
- visibleColumnKeys: _pt__default["default"].arrayOf(_pt__default["default"].string).isRequired,
788
- hideableColumns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
789
- key: _pt__default["default"].string.isRequired,
790
- label: _pt__default["default"].node.isRequired
791
- })),
792
- searchHiddenColumns: _pt__default["default"].func,
793
- searchHiddenColumnsPlaceholder: _pt__default["default"].string,
794
- primaryButton: _pt__default["default"].element,
795
- secondaryButton: _pt__default["default"].element
796
- }),
797
- managerTheme: _pt__default["default"].oneOf(['light', 'dark'])
798
- } : {};
799
776
  DataTableSettings.displayName = 'DataTableSettings';
800
777
  var DataTableSettings$1 = DataTableSettings;
801
778
 
802
779
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
803
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
780
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
804
781
  const DataTableManager = props => {
805
- const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
806
- const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
807
- const columns = react.useMemo(() => {
808
- var _context;
809
- return _mapInstanceProperty__default["default"](_context = props.columns).call(_context, column => _objectSpread(_objectSpread({}, column), {}, {
810
- isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
811
- }));
812
- }, [areDisplaySettingsEnabled, props.columns, isWrappingText]);
782
+ const dataTableManagerContext = dataTableManagerProvider$1.useDataTableManagerContext();
783
+ const dataTableColumns = props.columns || dataTableManagerContext.columns;
784
+ const displaySettings = props.displaySettings || dataTableManagerContext.displaySettings;
785
+ const topBar = props.topBar || dataTableManagerContext.topBar;
786
+ const onSettingsChange = props.onSettingsChange || dataTableManagerContext.onSettingsChange;
787
+ const columnManager = props.columnManager || dataTableManagerContext.columnManager;
788
+ const areDisplaySettingsEnabled = Boolean(displaySettings && !displaySettings.disableDisplaySettings);
789
+ const isWrappingText = areDisplaySettingsEnabled && displaySettings.isWrappingText;
790
+ if (!dataTableColumns) {
791
+ throw new Error('ui-kit/DataTableManager: missing `columns` prop. If you do not provide it to the component, then you should use the DataTableManagerProvider component.');
792
+ }
793
+ const columns = react.useMemo(() => _mapInstanceProperty__default["default"](dataTableColumns).call(dataTableColumns, column => _objectSpread(_objectSpread({}, column), {}, {
794
+ isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
795
+ })), [dataTableColumns, areDisplaySettingsEnabled, isWrappingText]);
813
796
  return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
814
797
  children: [jsxRuntime.jsx(DataTableSettings$1, {
815
- topBar: props.topBar,
816
- onSettingsChange: props.onSettingsChange,
817
- columnManager: props.columnManager,
818
- displaySettings: props.displaySettings,
798
+ topBar: topBar,
799
+ onSettingsChange: onSettingsChange,
800
+ columnManager: columnManager,
801
+ displaySettings: displaySettings,
819
802
  managerTheme: "light"
820
- }), /*#__PURE__*/react.cloneElement(props.children, {
803
+ }), props.children ? /*#__PURE__*/react.cloneElement(props.children, {
821
804
  columns,
822
805
  isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
823
- })]
806
+ }) : null]
824
807
  });
825
808
  };
826
- DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
827
- columns: _pt__default["default"].arrayOf(_pt__default["default"].shape({
828
- key: _pt__default["default"].string.isRequired,
829
- label: _pt__default["default"].node.isRequired,
830
- width: _pt__default["default"].string,
831
- align: _pt__default["default"].oneOf(['left', 'center', 'right']),
832
- onClick: _pt__default["default"].func,
833
- renderItem: _pt__default["default"].func,
834
- headerIcon: _pt__default["default"].node,
835
- isTruncated: _pt__default["default"].bool,
836
- isSortable: _pt__default["default"].bool,
837
- disableResizing: _pt__default["default"].bool,
838
- shouldIgnoreRowClick: _pt__default["default"].bool
839
- })).isRequired,
840
- children: _pt__default["default"].element.isRequired,
841
- onSettingsChange: _pt__default["default"].func,
842
- topBar: _pt__default["default"].node,
843
- managerTheme: _pt__default["default"].oneOf(['light', 'dark'])
844
- } : {};
845
809
  DataTableManager.displayName = 'DataTableManager';
846
810
  var DataTableManager$1 = DataTableManager;
847
811
 
848
812
  // NOTE: This string will be replaced on build time with the package version.
849
- var version = "19.3.1";
813
+ var version = "19.4.0";
850
814
 
851
815
  Object.defineProperty(exports, 'useRowSelection', {
852
816
  enumerable: true,
@@ -856,6 +820,8 @@ Object.defineProperty(exports, 'useSorting', {
856
820
  enumerable: true,
857
821
  get: function () { return hooks.useSorting; }
858
822
  });
823
+ exports.DataTableManagerProvider = dataTableManagerProvider.DataTableManagerProvider;
824
+ exports.useDataTableManagerContext = dataTableManagerProvider.useDataTableManagerContext;
859
825
  exports.UPDATE_ACTIONS = UPDATE_ACTIONS;
860
826
  exports["default"] = DataTableManager$1;
861
827
  exports.version = version;
package/dist/commercetools-uikit-data-table-manager.cjs.prod.js CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
6
- require('prop-types');
7
6
  var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
8
7
  var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
9
8
  var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
@@ -15,6 +14,7 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/ob
15
14
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
16
15
  var react = require('react');
17
16
  var Spacings = require('@commercetools-uikit/spacings');
17
+ var dataTableManagerProvider$1 = require('@commercetools-uikit/data-table-manager/data-table-manager-provider');
18
18
  var jsxRuntime = require('@emotion/react/jsx-runtime');
19
19
  var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
20
20
  var _styled = require('@emotion/styled/base');
@@ -25,6 +25,7 @@ var icons = require('@commercetools-uikit/icons');
25
25
  var DropdownMenu = require('@commercetools-uikit/dropdown-menu');
26
26
  var IconButton = require('@commercetools-uikit/icon-button');
27
27
  var Tooltip = require('@commercetools-uikit/tooltip');
28
+ require('prop-types');
28
29
  var FieldLabel = require('@commercetools-uikit/field-label');
29
30
  var Grid = require('@commercetools-uikit/grid');
30
31
  var RadioInput = require('@commercetools-uikit/radio-input');
@@ -44,6 +45,7 @@ var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
44
45
  var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
45
46
  var Tag = require('@commercetools-uikit/tag');
46
47
  var hooks = require('@commercetools-uikit/hooks');
48
+ var dataTableManagerProvider = require('./data-table-manager-provider-ddf7fb63.cjs.prod.js');
47
49
 
48
50
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
49
51
 
@@ -669,40 +671,44 @@ const DataTableSettings = props => {
669
671
  }))]
670
672
  });
671
673
  };
672
- DataTableSettings.propTypes = {};
673
674
  DataTableSettings.displayName = 'DataTableSettings';
674
675
  var DataTableSettings$1 = DataTableSettings;
675
676
 
676
677
  function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
677
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
678
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
678
679
  const DataTableManager = props => {
679
- const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
680
- const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
681
- const columns = react.useMemo(() => {
682
- var _context;
683
- return _mapInstanceProperty__default["default"](_context = props.columns).call(_context, column => _objectSpread(_objectSpread({}, column), {}, {
684
- isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
685
- }));
686
- }, [areDisplaySettingsEnabled, props.columns, isWrappingText]);
680
+ const dataTableManagerContext = dataTableManagerProvider$1.useDataTableManagerContext();
681
+ const dataTableColumns = props.columns || dataTableManagerContext.columns;
682
+ const displaySettings = props.displaySettings || dataTableManagerContext.displaySettings;
683
+ const topBar = props.topBar || dataTableManagerContext.topBar;
684
+ const onSettingsChange = props.onSettingsChange || dataTableManagerContext.onSettingsChange;
685
+ const columnManager = props.columnManager || dataTableManagerContext.columnManager;
686
+ const areDisplaySettingsEnabled = Boolean(displaySettings && !displaySettings.disableDisplaySettings);
687
+ const isWrappingText = areDisplaySettingsEnabled && displaySettings.isWrappingText;
688
+ if (!dataTableColumns) {
689
+ throw new Error('ui-kit/DataTableManager: missing `columns` prop. If you do not provide it to the component, then you should use the DataTableManagerProvider component.');
690
+ }
691
+ const columns = react.useMemo(() => _mapInstanceProperty__default["default"](dataTableColumns).call(dataTableColumns, column => _objectSpread(_objectSpread({}, column), {}, {
692
+ isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
693
+ })), [dataTableColumns, areDisplaySettingsEnabled, isWrappingText]);
687
694
  return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
688
695
  children: [jsxRuntime.jsx(DataTableSettings$1, {
689
- topBar: props.topBar,
690
- onSettingsChange: props.onSettingsChange,
691
- columnManager: props.columnManager,
692
- displaySettings: props.displaySettings,
696
+ topBar: topBar,
697
+ onSettingsChange: onSettingsChange,
698
+ columnManager: columnManager,
699
+ displaySettings: displaySettings,
693
700
  managerTheme: "light"
694
- }), /*#__PURE__*/react.cloneElement(props.children, {
701
+ }), props.children ? /*#__PURE__*/react.cloneElement(props.children, {
695
702
  columns,
696
703
  isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
697
- })]
704
+ }) : null]
698
705
  });
699
706
  };
700
- DataTableManager.propTypes = {};
701
707
  DataTableManager.displayName = 'DataTableManager';
702
708
  var DataTableManager$1 = DataTableManager;
703
709
 
704
710
  // NOTE: This string will be replaced on build time with the package version.
705
- var version = "19.3.1";
711
+ var version = "19.4.0";
706
712
 
707
713
  Object.defineProperty(exports, 'useRowSelection', {
708
714
  enumerable: true,
@@ -712,6 +718,8 @@ Object.defineProperty(exports, 'useSorting', {
712
718
  enumerable: true,
713
719
  get: function () { return hooks.useSorting; }
714
720
  });
721
+ exports.DataTableManagerProvider = dataTableManagerProvider.DataTableManagerProvider;
722
+ exports.useDataTableManagerContext = dataTableManagerProvider.useDataTableManagerContext;
715
723
  exports.UPDATE_ACTIONS = UPDATE_ACTIONS;
716
724
  exports["default"] = DataTableManager$1;
717
725
  exports.version = version;
package/dist/commercetools-uikit-data-table-manager.esm.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
2
- import _pt from 'prop-types';
3
2
  import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
4
3
  import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
5
4
  import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
@@ -11,6 +10,7 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/obje
11
10
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
12
11
  import { useState, useMemo, useCallback, cloneElement } from 'react';
13
12
  import Spacings from '@commercetools-uikit/spacings';
13
+ import { useDataTableManagerContext } from '@commercetools-uikit/data-table-manager/data-table-manager-provider';
14
14
  import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
15
15
  import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
16
16
  import _styled from '@emotion/styled/base';
@@ -21,6 +21,7 @@ import { CloseIcon, EyeCrossedIcon, EyeIcon, SearchIcon, ColumnsIcon } from '@co
21
21
  import DropdownMenu from '@commercetools-uikit/dropdown-menu';
22
22
  import IconButton from '@commercetools-uikit/icon-button';
23
23
  import Tooltip from '@commercetools-uikit/tooltip';
24
+ import _pt from 'prop-types';
24
25
  import FieldLabel from '@commercetools-uikit/field-label';
25
26
  import Grid from '@commercetools-uikit/grid';
26
27
  import RadioInput from '@commercetools-uikit/radio-input';
@@ -40,6 +41,7 @@ import AsyncSelectInput from '@commercetools-uikit/async-select-input';
40
41
  import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
41
42
  import Tag from '@commercetools-uikit/tag';
42
43
  export { useRowSelection, useSorting } from '@commercetools-uikit/hooks';
44
+ export { D as DataTableManagerProvider, u as useDataTableManagerContext } from './data-table-manager-provider-3f60b85b.esm.js';
43
45
 
44
46
  const UPDATE_ACTIONS = {
45
47
  COLUMNS_UPDATE: 'columnsUpdate',
@@ -639,7 +641,7 @@ const TopBarContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
639
641
  } : {
640
642
  name: "1ff36h2",
641
643
  styles: "flex-grow:1",
642
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdJa0MiLCJmaWxlIjoiZGF0YS10YWJsZS1zZXR0aW5ncy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VTdGF0ZSwgdHlwZSBSZWFjdEVsZW1lbnQsIHR5cGUgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHVzZUludGwsIHR5cGUgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENvbHVtbnNJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IFVQREFURV9BQ1RJT05TLCBDT0xVTU5fTUFOQUdFUiwgRElTUExBWV9TRVRUSU5HUyB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgRGlzcGxheVNldHRpbmdzTWFuYWdlciwge1xuICBERU5TSVRZX0NPTVBBQ1QsXG4gIFNIT1dfSElERV9PTl9ERU1BTkQsXG59IGZyb20gJy4uL2Rpc3BsYXktc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyIGZyb20gJy4uL2NvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcbmltcG9ydCBEcm9wZG93bk1lbnUgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZHJvcGRvd24tbWVudSc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29uLWJ1dHRvbic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90b29sdGlwJztcblxuZXhwb3J0IHR5cGUgVFNlbGVjdENoYW5nZUV2ZW50ID0ge1xuICB0YXJnZXQ6IHtcbiAgICBuYW1lPzogc3RyaW5nO1xuICAgIHZhbHVlPzogc3RyaW5nIHwgc3RyaW5nW10gfCBudWxsO1xuICB9O1xuICBwZXJzaXN0OiAoKSA9PiB2b2lkO1xufTtcblxudHlwZSBUQ29sdW1uRGF0YSA9IHtcbiAga2V5OiBzdHJpbmc7XG4gIGxhYmVsOiBSZWFjdE5vZGU7XG59O1xuXG50eXBlIE1hcHBlZENvbHVtbnMgPSBSZWNvcmQ8c3RyaW5nLCBUQ29sdW1uRGF0YT47XG5cbmV4cG9ydCB0eXBlIFREaXNwbGF5U2V0dGluZ3NQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGlzIGZsYWcgdG8gYGZhbHNlYCB0byBzaG93IHRoZSBkaXNwbGF5IHNldHRpbmdzIHBhbmVsIG9wdGlvbi5cbiAgICpcbiAgICogQEBkZWZhdWx0VmFsdWVAQDogdHJ1ZVxuICAgKi9cbiAgZGlzYWJsZURpc3BsYXlTZXR0aW5ncz86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHRvIGB0cnVlYCB0byByZWR1Y2UgdGhlIHBhZGRpbmdzIG9mIGFsbCBjZWxscywgYWxsb3dpbmcgdGhlIHRhYmxlIHRvIGRpc3BsYXlcbiAgICogbW9yZSBkYXRhIGluIGxlc3Mgc3BhY2UuXG4gICAqXG4gICAqIEBAZGVmYXVsdFZhbHVlQEA6IHRydWVcbiAgICovXG4gIGlzQ29uZGVuc2VkPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIGFsbG93IHRleHQgaW4gYSBjZWxsIHRvIHdyYXAuXG4gICAqIDxicj5cbiAgICogVGhpcyBpcyByZXF1aXJlZCBpZiBgZGlzYWJsZURpc3BsYXlTZXR0aW5nc2AgaXMgc2V0IHRvIGBmYWxzZWAuXG4gICAqXG4gICAqIEBAZGVmYXVsdFZhbHVlQEA6IGZhbHNlXG4gICAqL1xuICBpc1dyYXBwaW5nVGV4dD86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIEEgUmVhY3QgZWxlbWVudCB0byBiZSByZW5kZXJlZCBhcyB0aGUgcHJpbWFyeSBidXR0b24sIHVzZWZ1bCB3aGVuIHRoZSBkaXNwbGF5IHNldHRpbmdzIHdvcmsgYXMgYSBmb3JtLlxuICAgKi9cbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcblxuICAvKipcbiAgICogQSBSZWFjdCBlbGVtZW50IHRvIGJlIHJlbmRlcmVkIGFzIHRoZSBzZWNvbmRhcnkgYnV0dG9uLCB1c2VmdWwgd2hlbiB0aGUgZGlzcGxheSBzZXR0aW5ncyB3b3JrIGFzIGEgZm9ybS5cbiAgICovXG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5NYW5hZ2VyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgdG8gc2hvdyBhIHNlYXJjaCBpbnB1dCBmb3IgdGhlIGhpZGRlbiBjb2x1bW5zIHBhbmVsLlxuICAgKi9cbiAgYXJlSGlkZGVuQ29sdW1uc1NlYXJjaGFibGU/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyB0byBgZmFsc2VgIHRvIHNob3cgdGhlIGNvbHVtbiBzZXR0aW5ncyBwYW5lbCBvcHRpb24uXG4gICAqXG4gICAqIEBAZGVmYXVsdFZhbHVlQEA6IHRydWVcbiAgICovXG4gIGRpc2FibGVDb2x1bW5NYW5hZ2VyPzogYm9vbGVhbjtcblxuICAvKipcbiAgICogVGhlIGtleXMgb2YgdGhlIHZpc2libGUgY29sdW1ucy5cbiAgICovXG4gIHZpc2libGVDb2x1bW5LZXlzOiBzdHJpbmdbXTtcblxuICAvKipcbiAgICogVGhlIGtleXMgb2YgdGhlIHZpc2libGUgY29sdW1ucy5cbiAgICovXG4gIGhpZGVhYmxlQ29sdW1ucz86IFRDb2x1bW5EYXRhW107XG5cbiAgLyoqXG4gICAqIEEgY2FsbGJhY2sgZnVuY3Rpb24sIGNhbGxlZCB3aGVuIHRoZSBzZWFyY2ggaW5wdXQgZm9yIHRoZSBoaWRkZW4gY29sdW1ucyBwYW5lbCBjaGFuZ2VzLlxuICAgKi9cbiAgc2VhcmNoSGlkZGVuQ29sdW1ucz86IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IFByb21pc2U8dm9pZD4gfCB2b2lkO1xuXG4gIC8qKlxuICAgKiBQbGFjZWhvbGRlciB2YWx1ZSBvZiB0aGUgc2VhcmNoIGlucHV0IGZvciB0aGUgaGlkZGVuIGNvbHVtbnMgcGFuZWwuXG4gICAqL1xuICBzZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEEgUmVhY3QgZWxlbWVudCB0byBiZSByZW5kZXJlZCBhcyB0aGUgcHJpbWFyeSBidXR0b24sIHVzZWZ1bCB3aGVuIHRoZSBjb2x1bW4gc2V0dGluZ3Mgd29yayBhcyBhIGZvcm0uXG4gICAqL1xuICBwcmltYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuXG4gIC8qKlxuICAgKiBBIFJlYWN0IGVsZW1lbnQgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIHNlY29uZGFyeSBidXR0b24sIHVzZWZ1bCB3aGVuIHRoZSBjb2x1bW4gc2V0dGluZ3Mgd29yayBhcyBhIGZvcm0uXG4gICAqL1xuICBzZWNvbmRhcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG59O1xuXG5leHBvcnQgdHlwZSBURGF0YVRhYmxlU2V0dGluZ3NQcm9wcyA9IHtcbiAgdG9wQmFyPzogUmVhY3ROb2RlO1xuICBvblNldHRpbmdzQ2hhbmdlPzogKFxuICAgIHNldHRpbmdOYW1lOiBzdHJpbmcsXG4gICAgc2V0dGluZ1ZhbHVlOiBib29sZWFuIHwgc3RyaW5nW11cbiAgKSA9PiB2b2lkO1xuICBkaXNwbGF5U2V0dGluZ3M/OiBURGlzcGxheVNldHRpbmdzUHJvcHM7XG4gIGNvbHVtbk1hbmFnZXI/OiBUQ29sdW1uTWFuYWdlclByb3BzO1xuICBtYW5hZ2VyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duT3B0aW9uID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufTtcblxuY29uc3QgVG9wQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldERyb3Bkb3duT3B0aW9ucyA9ICh7XG4gIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCxcbiAgZm9ybWF0TWVzc2FnZSxcbn06IHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBmb3JtYXRNZXNzYWdlOiAobWVzc2FnZTogTWVzc2FnZURlc2NyaXB0b3IpID0+IHN0cmluZztcbn0pID0+IFtcbiAgLi4uKGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IENPTFVNTl9NQU5BR0VSLFxuICAgICAgICAgIGxhYmVsOiBmb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNvbHVtbk1hbmFnZXJPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuICAuLi4oYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IERJU1BMQVlfU0VUVElOR1MsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuZGlzcGxheVNldHRpbmdzT3B0aW9uKSxcbiAgICAgICAgfSxcbiAgICAgIF1cbiAgICA6IFtdKSxcbl07XG5cbmV4cG9ydCBjb25zdCBnZXRNYXBwZWRDb2x1bW5zID0gKGNvbHVtbnM6IFRDb2x1bW5EYXRhW10gPSBbXSkgPT5cbiAgY29sdW1ucy5yZWR1Y2U8TWFwcGVkQ29sdW1ucz4oXG4gICAgKG1hcHBlZENvbHVtbnMsIGNvbHVtbikgPT4gKHtcbiAgICAgIC4uLm1hcHBlZENvbHVtbnMsXG4gICAgICBbY29sdW1uLmtleV06IGNvbHVtbixcbiAgICB9KSxcbiAgICB7fVxuICApO1xuXG5leHBvcnQgY29uc3QgZ2V0U2VsZWN0ZWRDb2x1bW5zID0gKFxuICBtYXBwZWRDb2x1bW5zOiBNYXBwZWRDb2x1bW5zLFxuICB2aXNpYmxlQ29sdW1uc0tleXM6IHN0cmluZ1tdID0gW11cbikgPT4gdmlzaWJsZUNvbHVtbnNLZXlzLm1hcCgoY29sdW1uS2V5KSA9PiBtYXBwZWRDb2x1bW5zW2NvbHVtbktleV0pO1xuXG5jb25zdCBEYXRhVGFibGVTZXR0aW5ncyA9IChwcm9wczogVERhdGFUYWJsZVNldHRpbmdzUHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZD4oXG4gICAgbnVsbFxuICApO1xuICBjb25zdCBkcm9wZG93bk9wdGlvbnM6IFREcm9wZG93bk9wdGlvbltdID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IG1hcHBlZENvbHVtbnMgPSBnZXRNYXBwZWRDb2x1bW5zKFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCA/IHByb3BzLmNvbHVtbk1hbmFnZXIhLmhpZGVhYmxlQ29sdW1ucyA6IHVuZGVmaW5lZFxuICApO1xuXG4gIGNvbnN0IHNlbGVjdGVkQ29sdW1ucyA9IGdldFNlbGVjdGVkQ29sdW1ucyhcbiAgICBtYXBwZWRDb2x1bW5zLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyIS52aXNpYmxlQ29sdW1uS2V5c1xuICAgICAgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlID0gKCkgPT4gc2V0T3BlbmVkUGFuZWxJZChudWxsKTtcblxuICByZXR1cm4gKFxuICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnVcbiAgICAgICAgICAgICAgdHJpZ2dlckVsZW1lbnQ9e1xuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICBpY29uPXs8Q29sdW1uc0ljb24gLz59XG4gICAgICAgICAgICAgICAgICBsYWJlbD1cIk9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQ9eydhdXRvJ31cbiAgICAgICAgICAgICAgbWVudVBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgICAgICBtZW51VHlwZT1cImxpc3RcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJvcGRvd25PcHRpb25zPy5tYXAoKG9wdGlvbjogVERyb3Bkb3duT3B0aW9uKSA9PiAoXG4gICAgICAgICAgICAgICAgPERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgIGtleT17b3B0aW9uPy5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0T3BlbmVkUGFuZWxJZChvcHRpb24/LnZhbHVlKTtcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge29wdGlvbj8ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvRHJvcGRvd25NZW51PlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZT8uKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9DT05ERU5TRURfVVBEQVRFLFxuICAgICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IERFTlNJVFlfQ09NUEFDVFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uVGV4dFdyYXBwaW5nQ2hhbmdlPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2U/LihcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfV1JBUFBJTkdfVEVYVF9VUERBVEUsXG4gICAgICAgICAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9PT0gU0hPV19ISURFX09OX0RFTUFORFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBDT0xVTU5fTUFOQUdFUiAmJiAoXG4gICAgICAgIDxDb2x1bW5TZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmNvbHVtbk1hbmFnZXIgfHwge30pfVxuICAgICAgICAgIGF2YWlsYWJsZUNvbHVtbnM9e3Byb3BzLmNvbHVtbk1hbmFnZXI/LmhpZGVhYmxlQ29sdW1ucyA/PyBbXX1cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLkNPTFVNTlNfVVBEQVRFLFxuICAgICAgICAgICAgICBrZXlzT2ZWaXNpYmxlQ29sdW1uc1xuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApO1xufTtcblxuRGF0YVRhYmxlU2V0dGluZ3MuZGlzcGxheU5hbWUgPSAnRGF0YVRhYmxlU2V0dGluZ3MnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVTZXR0aW5ncztcbiJdfQ== */",
644
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiZGF0YS10YWJsZS1zZXR0aW5ncy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDb2x1bW5zSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgeyBVUERBVEVfQUNUSU9OUywgQ09MVU1OX01BTkFHRVIsIERJU1BMQVlfU0VUVElOR1MgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IERpc3BsYXlTZXR0aW5nc01hbmFnZXIsIHtcbiAgREVOU0lUWV9DT01QQUNULFxuICBTSE9XX0hJREVfT05fREVNQU5ELFxufSBmcm9tICcuLi9kaXNwbGF5LXNldHRpbmdzLW1hbmFnZXInO1xuaW1wb3J0IENvbHVtblNldHRpbmdzTWFuYWdlciBmcm9tICcuLi9jb2x1bW4tc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5pbXBvcnQgRHJvcGRvd25NZW51IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Ryb3Bkb3duLW1lbnUnO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbi1idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdG9vbHRpcCc7XG5pbXBvcnQgeyBUQ29sdW1uRGF0YSwgVERhdGFUYWJsZVNldHRpbmdzUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIFRTZWxlY3RDaGFuZ2VFdmVudCA9IHtcbiAgdGFyZ2V0OiB7XG4gICAgbmFtZT86IHN0cmluZztcbiAgICB2YWx1ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgbnVsbDtcbiAgfTtcbiAgcGVyc2lzdDogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgTWFwcGVkQ29sdW1ucyA9IFJlY29yZDxzdHJpbmcsIFRDb2x1bW5EYXRhPjtcblxuZXhwb3J0IHR5cGUgVERyb3Bkb3duT3B0aW9uID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xufTtcblxuY29uc3QgVG9wQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldERyb3Bkb3duT3B0aW9ucyA9ICh7XG4gIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCxcbiAgZm9ybWF0TWVzc2FnZSxcbn06IHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkOiBib29sZWFuO1xuICBmb3JtYXRNZXNzYWdlOiAobWVzc2FnZTogTWVzc2FnZURlc2NyaXB0b3IpID0+IHN0cmluZztcbn0pID0+IFtcbiAgLi4uKGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IENPTFVNTl9NQU5BR0VSLFxuICAgICAgICAgIGxhYmVsOiBmb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNvbHVtbk1hbmFnZXJPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuICAuLi4oYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZFxuICAgID8gW1xuICAgICAgICB7XG4gICAgICAgICAgdmFsdWU6IERJU1BMQVlfU0VUVElOR1MsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuZGlzcGxheVNldHRpbmdzT3B0aW9uKSxcbiAgICAgICAgfSxcbiAgICAgIF1cbiAgICA6IFtdKSxcbl07XG5cbmV4cG9ydCBjb25zdCBnZXRNYXBwZWRDb2x1bW5zID0gKGNvbHVtbnM6IFRDb2x1bW5EYXRhW10gPSBbXSkgPT5cbiAgY29sdW1ucy5yZWR1Y2U8TWFwcGVkQ29sdW1ucz4oXG4gICAgKG1hcHBlZENvbHVtbnMsIGNvbHVtbikgPT4gKHtcbiAgICAgIC4uLm1hcHBlZENvbHVtbnMsXG4gICAgICBbY29sdW1uLmtleV06IGNvbHVtbixcbiAgICB9KSxcbiAgICB7fVxuICApO1xuXG5leHBvcnQgY29uc3QgZ2V0U2VsZWN0ZWRDb2x1bW5zID0gKFxuICBtYXBwZWRDb2x1bW5zOiBNYXBwZWRDb2x1bW5zLFxuICB2aXNpYmxlQ29sdW1uc0tleXM6IHN0cmluZ1tdID0gW11cbikgPT4gdmlzaWJsZUNvbHVtbnNLZXlzLm1hcCgoY29sdW1uS2V5KSA9PiBtYXBwZWRDb2x1bW5zW2NvbHVtbktleV0pO1xuXG5jb25zdCBEYXRhVGFibGVTZXR0aW5ncyA9IChwcm9wczogVERhdGFUYWJsZVNldHRpbmdzUHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZD4oXG4gICAgbnVsbFxuICApO1xuICBjb25zdCBkcm9wZG93bk9wdGlvbnM6IFREcm9wZG93bk9wdGlvbltdID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IG1hcHBlZENvbHVtbnMgPSBnZXRNYXBwZWRDb2x1bW5zKFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCA/IHByb3BzLmNvbHVtbk1hbmFnZXIhLmhpZGVhYmxlQ29sdW1ucyA6IHVuZGVmaW5lZFxuICApO1xuXG4gIGNvbnN0IHNlbGVjdGVkQ29sdW1ucyA9IGdldFNlbGVjdGVkQ29sdW1ucyhcbiAgICBtYXBwZWRDb2x1bW5zLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyIS52aXNpYmxlQ29sdW1uS2V5c1xuICAgICAgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlID0gKCkgPT4gc2V0T3BlbmVkUGFuZWxJZChudWxsKTtcblxuICByZXR1cm4gKFxuICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhzXCI+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICBwbGFjZW1lbnQ9XCJsZWZ0XCJcbiAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMucGxhY2Vob2xkZXIpfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxEcm9wZG93bk1lbnVcbiAgICAgICAgICAgICAgdHJpZ2dlckVsZW1lbnQ9e1xuICAgICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgICBpY29uPXs8Q29sdW1uc0ljb24gLz59XG4gICAgICAgICAgICAgICAgICBsYWJlbD1cIk9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBtZW51SG9yaXpvbnRhbENvbnN0cmFpbnQ9eydhdXRvJ31cbiAgICAgICAgICAgICAgbWVudVBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgICAgICBtZW51VHlwZT1cImxpc3RcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJvcGRvd25PcHRpb25zPy5tYXAoKG9wdGlvbjogVERyb3Bkb3duT3B0aW9uKSA9PiAoXG4gICAgICAgICAgICAgICAgPERyb3Bkb3duTWVudS5MaXN0TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgIGtleT17b3B0aW9uPy5sYWJlbH1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0T3BlbmVkUGFuZWxJZChvcHRpb24/LnZhbHVlKTtcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge29wdGlvbj8ubGFiZWx9XG4gICAgICAgICAgICAgICAgPC9Ecm9wZG93bk1lbnUuTGlzdE1lbnVJdGVtPlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvRHJvcGRvd25NZW51PlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZT8uKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9DT05ERU5TRURfVVBEQVRFLFxuICAgICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IERFTlNJVFlfQ09NUEFDVFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uVGV4dFdyYXBwaW5nQ2hhbmdlPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2U/LihcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfV1JBUFBJTkdfVEVYVF9VUERBVEUsXG4gICAgICAgICAgICAgIGV2ZW50LnRhcmdldC52YWx1ZSA9PT0gU0hPV19ISURFX09OX0RFTUFORFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBDT0xVTU5fTUFOQUdFUiAmJiAoXG4gICAgICAgIDxDb2x1bW5TZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmNvbHVtbk1hbmFnZXIgfHwge30pfVxuICAgICAgICAgIGF2YWlsYWJsZUNvbHVtbnM9e3Byb3BzLmNvbHVtbk1hbmFnZXI/LmhpZGVhYmxlQ29sdW1ucyA/PyBbXX1cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLkNPTFVNTlNfVVBEQVRFLFxuICAgICAgICAgICAgICBrZXlzT2ZWaXNpYmxlQ29sdW1uc1xuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApO1xufTtcblxuRGF0YVRhYmxlU2V0dGluZ3MuZGlzcGxheU5hbWUgPSAnRGF0YVRhYmxlU2V0dGluZ3MnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVTZXR0aW5ncztcbiJdfQ== */",
643
645
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
644
646
  });
645
647
  const getDropdownOptions = _ref => {
@@ -732,81 +734,43 @@ const DataTableSettings = props => {
732
734
  }))]
733
735
  });
734
736
  };
735
- DataTableSettings.propTypes = process.env.NODE_ENV !== "production" ? {
736
- topBar: _pt.node,
737
- onSettingsChange: _pt.func,
738
- displaySettings: _pt.shape({
739
- disableDisplaySettings: _pt.bool,
740
- isCondensed: _pt.bool,
741
- isWrappingText: _pt.bool,
742
- primaryButton: _pt.element,
743
- secondaryButton: _pt.element
744
- }),
745
- columnManager: _pt.shape({
746
- areHiddenColumnsSearchable: _pt.bool,
747
- disableColumnManager: _pt.bool,
748
- visibleColumnKeys: _pt.arrayOf(_pt.string).isRequired,
749
- hideableColumns: _pt.arrayOf(_pt.shape({
750
- key: _pt.string.isRequired,
751
- label: _pt.node.isRequired
752
- })),
753
- searchHiddenColumns: _pt.func,
754
- searchHiddenColumnsPlaceholder: _pt.string,
755
- primaryButton: _pt.element,
756
- secondaryButton: _pt.element
757
- }),
758
- managerTheme: _pt.oneOf(['light', 'dark'])
759
- } : {};
760
737
  DataTableSettings.displayName = 'DataTableSettings';
761
738
  var DataTableSettings$1 = DataTableSettings;
762
739
 
763
740
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
764
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
741
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
765
742
  const DataTableManager = props => {
766
- const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
767
- const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
768
- const columns = useMemo(() => {
769
- var _context;
770
- return _mapInstanceProperty(_context = props.columns).call(_context, column => _objectSpread(_objectSpread({}, column), {}, {
771
- isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
772
- }));
773
- }, [areDisplaySettingsEnabled, props.columns, isWrappingText]);
743
+ const dataTableManagerContext = useDataTableManagerContext();
744
+ const dataTableColumns = props.columns || dataTableManagerContext.columns;
745
+ const displaySettings = props.displaySettings || dataTableManagerContext.displaySettings;
746
+ const topBar = props.topBar || dataTableManagerContext.topBar;
747
+ const onSettingsChange = props.onSettingsChange || dataTableManagerContext.onSettingsChange;
748
+ const columnManager = props.columnManager || dataTableManagerContext.columnManager;
749
+ const areDisplaySettingsEnabled = Boolean(displaySettings && !displaySettings.disableDisplaySettings);
750
+ const isWrappingText = areDisplaySettingsEnabled && displaySettings.isWrappingText;
751
+ if (!dataTableColumns) {
752
+ throw new Error('ui-kit/DataTableManager: missing `columns` prop. If you do not provide it to the component, then you should use the DataTableManagerProvider component.');
753
+ }
754
+ const columns = useMemo(() => _mapInstanceProperty(dataTableColumns).call(dataTableColumns, column => _objectSpread(_objectSpread({}, column), {}, {
755
+ isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
756
+ })), [dataTableColumns, areDisplaySettingsEnabled, isWrappingText]);
774
757
  return jsxs(Spacings.Stack, {
775
758
  children: [jsx(DataTableSettings$1, {
776
- topBar: props.topBar,
777
- onSettingsChange: props.onSettingsChange,
778
- columnManager: props.columnManager,
779
- displaySettings: props.displaySettings,
759
+ topBar: topBar,
760
+ onSettingsChange: onSettingsChange,
761
+ columnManager: columnManager,
762
+ displaySettings: displaySettings,
780
763
  managerTheme: "light"
781
- }), /*#__PURE__*/cloneElement(props.children, {
764
+ }), props.children ? /*#__PURE__*/cloneElement(props.children, {
782
765
  columns,
783
766
  isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
784
- })]
767
+ }) : null]
785
768
  });
786
769
  };
787
- DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
788
- columns: _pt.arrayOf(_pt.shape({
789
- key: _pt.string.isRequired,
790
- label: _pt.node.isRequired,
791
- width: _pt.string,
792
- align: _pt.oneOf(['left', 'center', 'right']),
793
- onClick: _pt.func,
794
- renderItem: _pt.func,
795
- headerIcon: _pt.node,
796
- isTruncated: _pt.bool,
797
- isSortable: _pt.bool,
798
- disableResizing: _pt.bool,
799
- shouldIgnoreRowClick: _pt.bool
800
- })).isRequired,
801
- children: _pt.element.isRequired,
802
- onSettingsChange: _pt.func,
803
- topBar: _pt.node,
804
- managerTheme: _pt.oneOf(['light', 'dark'])
805
- } : {};
806
770
  DataTableManager.displayName = 'DataTableManager';
807
771
  var DataTableManager$1 = DataTableManager;
808
772
 
809
773
  // NOTE: This string will be replaced on build time with the package version.
810
- var version = "19.3.1";
774
+ var version = "19.4.0";
811
775
 
812
776
  export { UPDATE_ACTIONS, DataTableManager$1 as default, version };
package/dist/data-table-manager-provider-3f60b85b.esm.js ADDED
@@ -0,0 +1,55 @@
1
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
+ import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
11
+ import { useContext, useMemo, createContext } from 'react';
12
+ import { jsx } from '@emotion/react/jsx-runtime';
13
+
14
+ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
16
+ const DataTableManagerContext = /*#__PURE__*/createContext({
17
+ columns: [],
18
+ displaySettings: undefined,
19
+ isCondensed: true
20
+ });
21
+ const useDataTableManagerContext = () => {
22
+ const dataTableManagerContext = useContext(DataTableManagerContext);
23
+ if (!dataTableManagerContext) {
24
+ throw new Error('ui-kit/DataTableManager: `useDataTableManagerContext` must be used within the DataTableManagerProvider.');
25
+ }
26
+ return dataTableManagerContext;
27
+ };
28
+ const DataTableManagerProvider = _ref => {
29
+ let children = _ref.children,
30
+ columns = _ref.columns,
31
+ displaySettings = _ref.displaySettings,
32
+ topBar = _ref.topBar,
33
+ onSettingsChange = _ref.onSettingsChange,
34
+ columnManager = _ref.columnManager;
35
+ const decoupledDataTableManagerContext = useMemo(() => {
36
+ const areDisplaySettingsEnabled = Boolean(displaySettings && !displaySettings.disableDisplaySettings);
37
+ const isWrappingText = areDisplaySettingsEnabled && displaySettings.isWrappingText;
38
+ return {
39
+ columns: _mapInstanceProperty(columns).call(columns, column => _objectSpread(_objectSpread({}, column), {}, {
40
+ isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
41
+ })),
42
+ displaySettings,
43
+ topBar,
44
+ onSettingsChange,
45
+ columnManager,
46
+ isCondensed: areDisplaySettingsEnabled && displaySettings.isCondensed
47
+ };
48
+ }, [columns, displaySettings, topBar, onSettingsChange, columnManager]);
49
+ return jsx(DataTableManagerContext.Provider, {
50
+ value: decoupledDataTableManagerContext,
51
+ children: children
52
+ });
53
+ };
54
+
55
+ export { DataTableManagerProvider as D, useDataTableManagerContext as u };
package/dist/data-table-manager-provider-6c690fc1.cjs.dev.js ADDED
@@ -0,0 +1,70 @@
1
+ 'use strict';
2
+
3
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
4
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
5
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
6
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
7
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
8
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
9
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
10
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
11
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
+ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
13
+ var react = require('react');
14
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
15
+
16
+ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
17
+
18
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
19
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
20
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
21
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
22
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
23
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
24
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
25
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
26
+ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
27
+
28
+ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
29
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
30
+ const DataTableManagerContext = /*#__PURE__*/react.createContext({
31
+ columns: [],
32
+ displaySettings: undefined,
33
+ isCondensed: true
34
+ });
35
+ const useDataTableManagerContext = () => {
36
+ const dataTableManagerContext = react.useContext(DataTableManagerContext);
37
+ if (!dataTableManagerContext) {
38
+ throw new Error('ui-kit/DataTableManager: `useDataTableManagerContext` must be used within the DataTableManagerProvider.');
39
+ }
40
+ return dataTableManagerContext;
41
+ };
42
+ const DataTableManagerProvider = _ref => {
43
+ let children = _ref.children,
44
+ columns = _ref.columns,
45
+ displaySettings = _ref.displaySettings,
46
+ topBar = _ref.topBar,
47
+ onSettingsChange = _ref.onSettingsChange,
48
+ columnManager = _ref.columnManager;
49
+ const decoupledDataTableManagerContext = react.useMemo(() => {
50
+ const areDisplaySettingsEnabled = Boolean(displaySettings && !displaySettings.disableDisplaySettings);
51
+ const isWrappingText = areDisplaySettingsEnabled && displaySettings.isWrappingText;
52
+ return {
53
+ columns: _mapInstanceProperty__default["default"](columns).call(columns, column => _objectSpread(_objectSpread({}, column), {}, {
54
+ isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
55
+ })),
56
+ displaySettings,
57
+ topBar,
58
+ onSettingsChange,
59
+ columnManager,
60
+ isCondensed: areDisplaySettingsEnabled && displaySettings.isCondensed
61
+ };
62
+ }, [columns, displaySettings, topBar, onSettingsChange, columnManager]);
63
+ return jsxRuntime.jsx(DataTableManagerContext.Provider, {
64
+ value: decoupledDataTableManagerContext,
65
+ children: children
66
+ });
67
+ };
68
+
69
+ exports.DataTableManagerProvider = DataTableManagerProvider;
70
+ exports.useDataTableManagerContext = useDataTableManagerContext;
package/dist/data-table-manager-provider-ddf7fb63.cjs.prod.js ADDED
@@ -0,0 +1,70 @@
1
+ 'use strict';
2
+
3
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
4
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
5
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
6
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
7
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
8
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
9
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
10
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
11
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
+ var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
13
+ var react = require('react');
14
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
15
+
16
+ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
17
+
18
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
19
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
20
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
21
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
22
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
23
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
24
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
25
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
26
+ var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
27
+
28
+ function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
29
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
30
+ const DataTableManagerContext = /*#__PURE__*/react.createContext({
31
+ columns: [],
32
+ displaySettings: undefined,
33
+ isCondensed: true
34
+ });
35
+ const useDataTableManagerContext = () => {
36
+ const dataTableManagerContext = react.useContext(DataTableManagerContext);
37
+ if (!dataTableManagerContext) {
38
+ throw new Error('ui-kit/DataTableManager: `useDataTableManagerContext` must be used within the DataTableManagerProvider.');
39
+ }
40
+ return dataTableManagerContext;
41
+ };
42
+ const DataTableManagerProvider = _ref => {
43
+ let children = _ref.children,
44
+ columns = _ref.columns,
45
+ displaySettings = _ref.displaySettings,
46
+ topBar = _ref.topBar,
47
+ onSettingsChange = _ref.onSettingsChange,
48
+ columnManager = _ref.columnManager;
49
+ const decoupledDataTableManagerContext = react.useMemo(() => {
50
+ const areDisplaySettingsEnabled = Boolean(displaySettings && !displaySettings.disableDisplaySettings);
51
+ const isWrappingText = areDisplaySettingsEnabled && displaySettings.isWrappingText;
52
+ return {
53
+ columns: _mapInstanceProperty__default["default"](columns).call(columns, column => _objectSpread(_objectSpread({}, column), {}, {
54
+ isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
55
+ })),
56
+ displaySettings,
57
+ topBar,
58
+ onSettingsChange,
59
+ columnManager,
60
+ isCondensed: areDisplaySettingsEnabled && displaySettings.isCondensed
61
+ };
62
+ }, [columns, displaySettings, topBar, onSettingsChange, columnManager]);
63
+ return jsxRuntime.jsx(DataTableManagerContext.Provider, {
64
+ value: decoupledDataTableManagerContext,
65
+ children: children
66
+ });
67
+ };
68
+
69
+ exports.DataTableManagerProvider = DataTableManagerProvider;
70
+ exports.useDataTableManagerContext = useDataTableManagerContext;
package/dist/declarations/src/data-table-manager-provider/data-table-manager-provider.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ import type { TDataTableSettingsProps, TColumnManagerProps } from "../types.js";
2
+ import type { TDataTableManagerColumnProps, TRow } from "./types.js";
3
+ export type TDataTableManagerContext<Row extends TRow = TRow> = TDataTableSettingsProps & {
4
+ columns: TDataTableManagerColumnProps<Row>[];
5
+ isCondensed?: boolean;
6
+ };
7
+ export declare const useDataTableManagerContext: () => TDataTableManagerContext<TRow>;
8
+ export declare const DataTableManagerProvider: ({ children, columns, displaySettings, topBar, onSettingsChange, columnManager, }: {
9
+ children: React.ReactNode;
10
+ columns: TDataTableManagerColumnProps[];
11
+ displaySettings: TDataTableSettingsProps['displaySettings'];
12
+ topBar: string;
13
+ onSettingsChange: () => void;
14
+ columnManager: TColumnManagerProps;
15
+ }) => import("@emotion/react/jsx-runtime").JSX.Element;
package/dist/declarations/src/data-table-manager-provider/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { DataTableManagerProvider, useDataTableManagerContext, } from "./data-table-manager-provider.js";
2
+ export type { TDataTableManagerContext } from "./data-table-manager-provider.js";
package/dist/declarations/src/data-table-manager-provider/types.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { type ReactNode, type MouseEventHandler } from 'react';
2
+ export interface TRow {
3
+ id: string;
4
+ }
5
+ export type TDataTableManagerColumnProps<Row extends TRow = TRow> = {
6
+ key: string;
7
+ label: ReactNode;
8
+ width?: string;
9
+ align?: 'left' | 'center' | 'right';
10
+ onClick?: (event: MouseEventHandler) => void;
11
+ renderItem?: (row: Row, isRowCollapsed: boolean) => ReactNode;
12
+ headerIcon?: ReactNode;
13
+ isTruncated?: boolean;
14
+ isSortable?: boolean;
15
+ disableResizing?: boolean;
16
+ shouldIgnoreRowClick?: boolean;
17
+ };
package/dist/declarations/src/data-table-manager.d.ts CHANGED
@@ -1,30 +1,4 @@
1
- import { type ReactElement, type ReactNode, type MouseEventHandler } from 'react';
2
- import { type TDataTableSettingsProps } from "./data-table-settings/index.js";
3
- export interface TRow {
4
- id: string;
5
- }
6
- export type TColumnProps<Row extends TRow = TRow> = {
7
- key: string;
8
- label: ReactNode;
9
- width?: string;
10
- align?: 'left' | 'center' | 'right';
11
- onClick?: (event: MouseEventHandler) => void;
12
- renderItem?: (row: Row, isRowCollapsed: boolean) => ReactNode;
13
- headerIcon?: ReactNode;
14
- isTruncated?: boolean;
15
- isSortable?: boolean;
16
- disableResizing?: boolean;
17
- shouldIgnoreRowClick?: boolean;
18
- };
19
- type TDataTableManagerProps<Row extends TRow = TRow> = {
20
- columns: TColumnProps<Row>[];
21
- children: ReactElement;
22
- displaySettings?: TDataTableSettingsProps['displaySettings'];
23
- columnManager?: TDataTableSettingsProps['columnManager'];
24
- onSettingsChange?: (settingName: string, settingValue: boolean | string[]) => void;
25
- topBar?: ReactNode;
26
- managerTheme?: 'light' | 'dark';
27
- };
1
+ import type { TRow, TDataTableManagerProps } from "./types.js";
28
2
  declare const DataTableManager: {
29
3
  <Row extends TRow = TRow>(props: TDataTableManagerProps<Row>): import("@emotion/react/jsx-runtime").JSX.Element;
30
4
  displayName: string;
package/dist/declarations/src/export-types.d.ts CHANGED
@@ -1 +1,2 @@
1
- export type { TRow, TColumnProps } from "./data-table-manager.js";
1
+ export type { TRow, TColumnProps, TDataTableManagerProps, TColumnData, TDataTableSettingsProps, } from "./types.js";
2
+ export type { TDataTableManagerContext } from "./data-table-manager-provider/index.js";
package/dist/declarations/src/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { default } from "./data-table-manager.js";
2
+ export { DataTableManagerProvider, useDataTableManagerContext, } from "./data-table-manager-provider/index.js";
2
3
  export { UPDATE_ACTIONS } from "./constants.js";
3
4
  export { default as version } from "./version.js";
4
5
  export * from "./export-types.js";
package/dist/declarations/src/types.d.ts ADDED
@@ -0,0 +1,54 @@
1
+ import type { ReactNode, MouseEventHandler, ReactElement } from 'react';
2
+ export type TColumnData = {
3
+ key: string;
4
+ label: ReactNode;
5
+ };
6
+ export type TDisplaySettingsProps = {
7
+ disableDisplaySettings?: boolean;
8
+ isCondensed?: boolean;
9
+ isWrappingText?: boolean;
10
+ primaryButton?: ReactElement;
11
+ secondaryButton?: ReactElement;
12
+ };
13
+ export type TColumnManagerProps = {
14
+ areHiddenColumnsSearchable?: boolean;
15
+ disableColumnManager?: boolean;
16
+ visibleColumnKeys: string[];
17
+ hideableColumns?: TColumnData[];
18
+ searchHiddenColumns?: (searchTerm: string) => Promise<void> | void;
19
+ searchHiddenColumnsPlaceholder?: string;
20
+ primaryButton?: ReactElement;
21
+ secondaryButton?: ReactElement;
22
+ };
23
+ export type TDataTableSettingsProps = {
24
+ topBar?: ReactNode;
25
+ onSettingsChange?: (settingName: string, settingValue: boolean | string[]) => void;
26
+ displaySettings?: TDisplaySettingsProps;
27
+ columnManager?: TColumnManagerProps;
28
+ managerTheme?: 'light' | 'dark';
29
+ };
30
+ export interface TRow {
31
+ id: string;
32
+ }
33
+ export type TColumnProps<Row extends TRow = TRow> = {
34
+ key: string;
35
+ label: ReactNode;
36
+ width?: string;
37
+ align?: 'left' | 'center' | 'right';
38
+ onClick?: (event: MouseEventHandler) => void;
39
+ renderItem?: (row: Row, isRowCollapsed: boolean) => ReactNode;
40
+ headerIcon?: ReactNode;
41
+ isTruncated?: boolean;
42
+ isSortable?: boolean;
43
+ disableResizing?: boolean;
44
+ shouldIgnoreRowClick?: boolean;
45
+ };
46
+ export type TDataTableManagerProps<Row extends TRow = TRow> = {
47
+ columns: TColumnProps<Row>[];
48
+ children?: ReactElement;
49
+ displaySettings?: TDataTableSettingsProps['displaySettings'];
50
+ columnManager?: TDataTableSettingsProps['columnManager'];
51
+ onSettingsChange?: (settingName: string, settingValue: boolean | string[]) => void;
52
+ topBar?: ReactNode;
53
+ managerTheme?: 'light' | 'dark';
54
+ };
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": "19.3.1",
4
+ "version": "19.4.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -17,32 +17,35 @@
17
17
  "sideEffects": false,
18
18
  "main": "dist/commercetools-uikit-data-table-manager.cjs.js",
19
19
  "module": "dist/commercetools-uikit-data-table-manager.esm.js",
20
- "files": ["dist"],
20
+ "preconstruct": {
21
+ "entrypoints": ["./index.ts", "data-table-manager-provider/index.ts"]
22
+ },
23
+ "files": ["dist", "data-table-manager-provider"],
21
24
  "dependencies": {
22
25
  "@babel/runtime": "^7.20.13",
23
26
  "@babel/runtime-corejs3": "^7.20.13",
24
- "@commercetools-uikit/accessible-button": "19.3.1",
25
- "@commercetools-uikit/accessible-hidden": "19.3.1",
26
- "@commercetools-uikit/async-select-input": "19.3.1",
27
- "@commercetools-uikit/card": "19.3.1",
28
- "@commercetools-uikit/collapsible-motion": "19.3.1",
29
- "@commercetools-uikit/design-system": "19.3.1",
30
- "@commercetools-uikit/dropdown-menu": "19.3.1",
31
- "@commercetools-uikit/field-label": "19.3.1",
32
- "@commercetools-uikit/grid": "19.3.1",
33
- "@commercetools-uikit/hooks": "19.3.1",
34
- "@commercetools-uikit/icon-button": "19.3.1",
35
- "@commercetools-uikit/icons": "19.3.1",
36
- "@commercetools-uikit/primary-button": "19.3.1",
37
- "@commercetools-uikit/radio-input": "19.3.1",
38
- "@commercetools-uikit/secondary-button": "19.3.1",
39
- "@commercetools-uikit/secondary-icon-button": "19.3.1",
40
- "@commercetools-uikit/select-input": "19.3.1",
41
- "@commercetools-uikit/spacings": "19.3.1",
42
- "@commercetools-uikit/tag": "19.3.1",
43
- "@commercetools-uikit/text": "19.3.1",
44
- "@commercetools-uikit/tooltip": "19.3.1",
45
- "@commercetools-uikit/utils": "19.3.1",
27
+ "@commercetools-uikit/accessible-button": "19.4.0",
28
+ "@commercetools-uikit/accessible-hidden": "19.4.0",
29
+ "@commercetools-uikit/async-select-input": "19.4.0",
30
+ "@commercetools-uikit/card": "19.4.0",
31
+ "@commercetools-uikit/collapsible-motion": "19.4.0",
32
+ "@commercetools-uikit/design-system": "19.4.0",
33
+ "@commercetools-uikit/dropdown-menu": "19.4.0",
34
+ "@commercetools-uikit/field-label": "19.4.0",
35
+ "@commercetools-uikit/grid": "19.4.0",
36
+ "@commercetools-uikit/hooks": "19.4.0",
37
+ "@commercetools-uikit/icon-button": "19.4.0",
38
+ "@commercetools-uikit/icons": "19.4.0",
39
+ "@commercetools-uikit/primary-button": "19.4.0",
40
+ "@commercetools-uikit/radio-input": "19.4.0",
41
+ "@commercetools-uikit/secondary-button": "19.4.0",
42
+ "@commercetools-uikit/secondary-icon-button": "19.4.0",
43
+ "@commercetools-uikit/select-input": "19.4.0",
44
+ "@commercetools-uikit/spacings": "19.4.0",
45
+ "@commercetools-uikit/tag": "19.4.0",
46
+ "@commercetools-uikit/text": "19.4.0",
47
+ "@commercetools-uikit/tooltip": "19.4.0",
48
+ "@commercetools-uikit/utils": "19.4.0",
46
49
  "@emotion/react": "^11.10.5",
47
50
  "@emotion/styled": "^11.10.5",
48
51
  "debounce-promise": "^3.1.2",
package/dist/declarations/src/data-table-settings/data-table-settings.d.ts DELETED
@@ -1,57 +0,0 @@
1
- import { type ReactElement, type ReactNode } from 'react';
2
- import { type MessageDescriptor } from 'react-intl';
3
- export type TSelectChangeEvent = {
4
- target: {
5
- name?: string;
6
- value?: string | string[] | null;
7
- };
8
- persist: () => void;
9
- };
10
- type TColumnData = {
11
- key: string;
12
- label: ReactNode;
13
- };
14
- type MappedColumns = Record<string, TColumnData>;
15
- export type TDisplaySettingsProps = {
16
- disableDisplaySettings?: boolean;
17
- isCondensed?: boolean;
18
- isWrappingText?: boolean;
19
- primaryButton?: ReactElement;
20
- secondaryButton?: ReactElement;
21
- };
22
- export type TColumnManagerProps = {
23
- areHiddenColumnsSearchable?: boolean;
24
- disableColumnManager?: boolean;
25
- visibleColumnKeys: string[];
26
- hideableColumns?: TColumnData[];
27
- searchHiddenColumns?: (searchTerm: string) => Promise<void> | void;
28
- searchHiddenColumnsPlaceholder?: string;
29
- primaryButton?: ReactElement;
30
- secondaryButton?: ReactElement;
31
- };
32
- export type TDataTableSettingsProps = {
33
- topBar?: ReactNode;
34
- onSettingsChange?: (settingName: string, settingValue: boolean | string[]) => void;
35
- displaySettings?: TDisplaySettingsProps;
36
- columnManager?: TColumnManagerProps;
37
- managerTheme?: 'light' | 'dark';
38
- };
39
- export type TDropdownOption = {
40
- value: string;
41
- label: string;
42
- };
43
- export declare const getDropdownOptions: ({ areColumnSettingsEnabled, areDisplaySettingsEnabled, formatMessage, }: {
44
- areColumnSettingsEnabled: boolean;
45
- areDisplaySettingsEnabled: boolean;
46
- formatMessage: (message: MessageDescriptor) => string;
47
- }) => {
48
- value: string;
49
- label: string;
50
- }[];
51
- export declare const getMappedColumns: (columns?: TColumnData[]) => MappedColumns;
52
- export declare const getSelectedColumns: (mappedColumns: MappedColumns, visibleColumnsKeys?: string[]) => TColumnData[];
53
- declare const DataTableSettings: {
54
- (props: TDataTableSettingsProps): import("@emotion/react/jsx-runtime").JSX.Element;
55
- displayName: string;
56
- };
57
- export default DataTableSettings;
package/dist/declarations/src/data-table-settings/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export { default, type TDataTableSettingsProps, type TSelectChangeEvent, } from "./data-table-settings.js";