@commercetools-uikit/data-table-manager 15.14.3 → 15.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-uikit-data-table-manager.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-data-table-manager.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-data-table-manager.cjs.dev.js +127 -168
- package/dist/commercetools-uikit-data-table-manager.cjs.prod.js +127 -168
- package/dist/commercetools-uikit-data-table-manager.esm.js +126 -167
- package/package.json +20 -20
|
@@ -18,9 +18,7 @@ var designSystem = require('@commercetools-uikit/design-system');
|
|
|
18
18
|
var Spacings = require('@commercetools-uikit/spacings');
|
|
19
19
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
20
20
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
21
|
-
var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
|
|
22
21
|
var _styled = require('@emotion/styled/base');
|
|
23
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
24
22
|
var _reduceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
|
|
25
23
|
var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
|
|
26
24
|
var utils = require('@commercetools-uikit/utils');
|
|
@@ -42,6 +40,7 @@ var reactBeautifulDnd = require('react-beautiful-dnd');
|
|
|
42
40
|
var debounce = require('debounce-promise');
|
|
43
41
|
var differenceWith = require('lodash/differenceWith');
|
|
44
42
|
var AsyncSelectInput = require('@commercetools-uikit/async-select-input');
|
|
43
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
45
44
|
var Tag = require('@commercetools-uikit/tag');
|
|
46
45
|
var hooks = require('@commercetools-uikit/hooks');
|
|
47
46
|
|
|
@@ -59,7 +58,6 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
59
58
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
60
59
|
var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
61
60
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
62
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
63
61
|
var _reduceInstanceProperty__default = /*#__PURE__*/_interopDefault(_reduceInstanceProperty);
|
|
64
62
|
var _Array$isArray__default = /*#__PURE__*/_interopDefault(_Array$isArray);
|
|
65
63
|
var AccessibleHidden__default = /*#__PURE__*/_interopDefault(AccessibleHidden);
|
|
@@ -77,19 +75,20 @@ var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceP
|
|
|
77
75
|
var debounce__default = /*#__PURE__*/_interopDefault(debounce);
|
|
78
76
|
var differenceWith__default = /*#__PURE__*/_interopDefault(differenceWith);
|
|
79
77
|
var AsyncSelectInput__default = /*#__PURE__*/_interopDefault(AsyncSelectInput);
|
|
78
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
80
79
|
var Tag__default = /*#__PURE__*/_interopDefault(Tag);
|
|
81
80
|
|
|
82
|
-
|
|
81
|
+
const UPDATE_ACTIONS = {
|
|
83
82
|
COLUMNS_UPDATE: 'columnsUpdate',
|
|
84
83
|
IS_TABLE_CONDENSED_UPDATE: 'isTableCondensedUpdate',
|
|
85
84
|
IS_TABLE_WRAPPING_TEXT_UPDATE: 'isTableWrappingTextUpdate'
|
|
86
85
|
};
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
const COLUMN_MANAGER = 'columnManager';
|
|
87
|
+
const DISPLAY_SETTINGS = 'displaySettings';
|
|
89
88
|
|
|
90
89
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
91
90
|
|
|
92
|
-
|
|
91
|
+
const HeaderContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
93
92
|
target: "e6ezr101"
|
|
94
93
|
} : {
|
|
95
94
|
target: "e6ezr101",
|
|
@@ -104,23 +103,23 @@ var HeaderContainer = /*#__PURE__*/_styled__default["default"]("div", process.en
|
|
|
104
103
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
|
|
105
104
|
});
|
|
106
105
|
|
|
107
|
-
|
|
106
|
+
const CardContentWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
108
107
|
target: "e6ezr100"
|
|
109
108
|
} : {
|
|
110
109
|
target: "e6ezr100",
|
|
111
110
|
label: "CardContentWrapper"
|
|
112
111
|
})("padding:", designSystem.designTokens.paddingForTableManagerSettingsPanel, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNldHRpbmdzLWNvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NxQyIsImZpbGUiOiJzZXR0aW5ncy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB0eXBlIHsgS2V5Ym9hcmRFdmVudCwgTW91c2VFdmVudCwgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQWNjZXNzaWJsZUJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWJ1dHRvbic7XG5pbXBvcnQgQ29sbGFwc2libGVNb3Rpb24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY29sbGFwc2libGUtbW90aW9uJztcbmltcG9ydCBDYXJkIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2NhcmQnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgQ2xvc2VJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFRTZXR0aW5nc0NvbnRhaW5lclByb3BzID0ge1xuICB0aXRsZTogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3QuUmVhY3ROb2RlPjtcbiAgfTtcbiAgY2xvc2VCdXR0b25MYWJlbDogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3QuUmVhY3ROb2RlPjtcbiAgfTtcbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb250YWluZXJUaGVtZT86ICdsaWdodCcgfCAnZGFyayc7XG59O1xuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gO1xuXG5jb25zdCBDYXJkQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFibGVNYW5hZ2VyU2V0dGluZ3NQYW5lbH07XG5gO1xuXG5jb25zdCBTZXR0aW5nc0NvbnRhaW5lciA9IChwcm9wczogVFNldHRpbmdzQ29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgeyB0aGVtZWRWYWx1ZSB9ID0gdXNlVGhlbWUoKTtcblxuICByZXR1cm4gKFxuICAgIDxDb2xsYXBzaWJsZU1vdGlvbiBpc0RlZmF1bHRDbG9zZWQ9e2ZhbHNlfT5cbiAgICAgIHsoeyByZWdpc3RlckNvbnRlbnROb2RlLCBjb250YWluZXJTdHlsZXMgfSkgPT4gKFxuICAgICAgICA8Q2FyZFxuICAgICAgICAgIHR5cGU9e3RoZW1lZFZhbHVlKCdmbGF0JywgJ3JhaXNlZCcpfVxuICAgICAgICAgIGluc2V0U2NhbGU9XCJub25lXCJcbiAgICAgICAgICB0aGVtZT17cHJvcHMuY29udGFpbmVyVGhlbWV9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2FyZENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPXt0aGVtZWRWYWx1ZSgneHMnLCAneGwnKX0+XG4gICAgICAgICAgICAgIDxIZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFRleHQuSGVhZGxpbmVcbiAgICAgICAgICAgICAgICAgIGFzPXt0aGVtZWRWYWx1ZSgnaDMnLCAnaDInKX1cbiAgICAgICAgICAgICAgICAgIGludGxNZXNzYWdlPXtwcm9wcy50aXRsZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDxBY2Nlc3NpYmxlQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5jbG9zZUJ1dHRvbkxhYmVsKX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgICAgIDwvQWNjZXNzaWJsZUJ1dHRvbj5cbiAgICAgICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT17dGhlbWVkVmFsdWUoJ3hzJywgJ2wnKX0+XG4gICAgICAgICAgICAgICAgPFNwYWNpbmdzLkluc2V0IHNjYWxlPVwic1wiPlxuICAgICAgICAgICAgICAgICAgPGRpdiBzdHlsZT17Y29udGFpbmVyU3R5bGVzfT5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiByZWY9e3JlZ2lzdGVyQ29udGVudE5vZGV9Pntwcm9wcy5jaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5zZXQ+XG4gICAgICAgICAgICAgICAgeyhwcm9wcy5zZWNvbmRhcnlCdXR0b24gfHwgcHJvcHMucHJpbWFyeUJ1dHRvbikgJiYgKFxuICAgICAgICAgICAgICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5zZWNvbmRhcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICAgIHtwcm9wcy5wcmltYXJ5QnV0dG9ufVxuICAgICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9DYXJkQ29udGVudFdyYXBwZXI+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgICl9XG4gICAgPC9Db2xsYXBzaWJsZU1vdGlvbj5cbiAgKTtcbn07XG5cblNldHRpbmdzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1NldHRpbmdzQ29udGFpbmVyJztcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRTZXR0aW5nc0NvbnRhaW5lclByb3BzLCAnY29udGFpbmVyVGhlbWUnPiA9IHtcbiAgY29udGFpbmVyVGhlbWU6ICdkYXJrJyxcbn07XG5TZXR0aW5nc0NvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IFNldHRpbmdzQ29udGFpbmVyO1xuIl19 */"));
|
|
113
112
|
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
const SettingsContainer = props => {
|
|
114
|
+
const intl = reactIntl.useIntl();
|
|
116
115
|
|
|
117
|
-
|
|
118
|
-
|
|
116
|
+
const _useTheme = designSystem.useTheme(),
|
|
117
|
+
themedValue = _useTheme.themedValue;
|
|
119
118
|
|
|
120
119
|
return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
|
|
121
120
|
isDefaultClosed: false,
|
|
122
|
-
children:
|
|
123
|
-
|
|
121
|
+
children: _ref => {
|
|
122
|
+
let registerContentNode = _ref.registerContentNode,
|
|
124
123
|
containerStyles = _ref.containerStyles;
|
|
125
124
|
return jsxRuntime.jsx(Card__default["default"], {
|
|
126
125
|
type: themedValue('flat', 'raised'),
|
|
@@ -177,7 +176,7 @@ SettingsContainer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
177
176
|
containerTheme: _pt__default["default"].oneOf(['light', 'dark'])
|
|
178
177
|
} : {};
|
|
179
178
|
SettingsContainer.displayName = 'SettingsContainer';
|
|
180
|
-
|
|
179
|
+
const defaultProps$2 = {
|
|
181
180
|
containerTheme: 'dark'
|
|
182
181
|
};
|
|
183
182
|
SettingsContainer.defaultProps = defaultProps$2;
|
|
@@ -226,20 +225,20 @@ var messages$3 = reactIntl.defineMessages({
|
|
|
226
225
|
}
|
|
227
226
|
});
|
|
228
227
|
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
228
|
+
const WRAPPED_TEXT_VISIBLE = 'wrapped-text-visible';
|
|
229
|
+
const SHOW_HIDE_ON_DEMAND = 'show-hide-on-demand';
|
|
230
|
+
const DENSITY_DEFAULT = 'density-default';
|
|
231
|
+
const DENSITY_COMPACT = 'density-compact';
|
|
233
232
|
|
|
234
|
-
|
|
235
|
-
|
|
233
|
+
const DensityManager = props => {
|
|
234
|
+
const intl = reactIntl.useIntl();
|
|
236
235
|
|
|
237
|
-
|
|
238
|
-
|
|
236
|
+
const _useTheme = designSystem.useTheme(),
|
|
237
|
+
themedValue = _useTheme.themedValue;
|
|
239
238
|
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
239
|
+
const textWrappingOption = props.isWrappingText ? SHOW_HIDE_ON_DEMAND : WRAPPED_TEXT_VISIBLE;
|
|
240
|
+
const densityDisplayOption = props.isCondensed ? DENSITY_COMPACT : DENSITY_DEFAULT;
|
|
241
|
+
const columnStackScale = themedValue('s', 'l');
|
|
243
242
|
return jsxRuntime.jsx(SettingsContainer$1, {
|
|
244
243
|
title: messages$3.title,
|
|
245
244
|
closeButtonLabel: messages$3.closeButtonLabel,
|
|
@@ -320,7 +319,7 @@ DensityManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
320
319
|
managerTheme: _pt__default["default"].oneOf(['light', 'dark'])
|
|
321
320
|
} : {};
|
|
322
321
|
DensityManager.displayName = 'DensityManager';
|
|
323
|
-
|
|
322
|
+
const defaultProps$1 = {
|
|
324
323
|
isCondensed: false,
|
|
325
324
|
isWrappingText: false
|
|
326
325
|
};
|
|
@@ -329,7 +328,7 @@ var DisplaySettingsManager = DensityManager;
|
|
|
329
328
|
|
|
330
329
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
331
330
|
|
|
332
|
-
|
|
331
|
+
const DraggingSmall = /*#__PURE__*/_styled__default["default"]("small", process.env.NODE_ENV === "production" ? {
|
|
333
332
|
target: "e1mp438g1"
|
|
334
333
|
} : {
|
|
335
334
|
target: "e1mp438g1",
|
|
@@ -344,7 +343,7 @@ var DraggingSmall = /*#__PURE__*/_styled__default["default"]("small", process.en
|
|
|
344
343
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
345
344
|
});
|
|
346
345
|
|
|
347
|
-
|
|
346
|
+
const DraggingContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
348
347
|
target: "e1mp438g0"
|
|
349
348
|
} : {
|
|
350
349
|
target: "e1mp438g0",
|
|
@@ -357,15 +356,15 @@ function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["d
|
|
|
357
356
|
|
|
358
357
|
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
359
358
|
|
|
360
|
-
|
|
359
|
+
const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
361
360
|
target: "emzjy4n0"
|
|
362
361
|
} : {
|
|
363
362
|
target: "emzjy4n0",
|
|
364
363
|
label: "DraggableTagWrapper"
|
|
365
364
|
})("padding:", designSystem.designTokens.paddingForTableManagerDraggableTag, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IERyYWdnYWJsZSB9IGZyb20gJ3JlYWN0LWJlYXV0aWZ1bC1kbmQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgVGFnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RhZyc7XG5pbXBvcnQgRHJhZ2dpbmdDb250YWluZXIgZnJvbSAnLi9kcmFnZ2FibGUtdGFnLnN0eWxlcyc7XG5cbmV4cG9ydCB0eXBlIFRDb2x1bW5EYXRhID0ge1xuICBrZXk6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIFREcmFnZ2FibGVUYWdQcm9wcyA9IHtcbiAgY29sdW1uOiBUQ29sdW1uRGF0YTtcbiAgaW5kZXg6IG51bWJlcjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIG9uUmVtb3ZlPzogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBEcmFnZ2FibGVUYWdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhYmxlTWFuYWdlckRyYWdnYWJsZVRhZ307XG5gO1xuXG5jb25zdCBEcmFnZ2FibGVUYWcgPSAocHJvcHM6IFREcmFnZ2FibGVUYWdQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVSZW1vdmVDb2x1bW4gPSAoKSA9PiBwcm9wcy5vblJlbW92ZT8uKHByb3BzLmluZGV4KTtcblxuICByZXR1cm4gKFxuICAgIDxEcmFnZ2FibGVcbiAgICAgIGRyYWdnYWJsZUlkPXtwcm9wcy5jb2x1bW4ua2V5fVxuICAgICAgaW5kZXg9e3Byb3BzLmluZGV4fVxuICAgICAgaXNEcmFnRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgPlxuICAgICAgeyhwcm92aWRlZCkgPT4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxEcmFnZ2FibGVUYWdXcmFwcGVyPlxuICAgICAgICAgICAgPERyYWdnaW5nQ29udGFpbmVyXG4gICAgICAgICAgICAgIHJlZj17cHJvdmlkZWQuaW5uZXJSZWZ9XG4gICAgICAgICAgICAgIHsuLi5wcm92aWRlZC5kcmFnZ2FibGVQcm9wc31cbiAgICAgICAgICAgICAgey4uLnByb3ZpZGVkLmRyYWdIYW5kbGVQcm9wc31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgICAgIG9uUmVtb3ZlPXtwcm9wcy5vblJlbW92ZSA/IGhhbmRsZVJlbW92ZUNvbHVtbiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBpc0Rpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgIGlzRHJhZ2dhYmxlXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMuY29sdW1uLmxhYmVsfVxuICAgICAgICAgICAgICA8L1RhZz5cbiAgICAgICAgICAgIDwvRHJhZ2dpbmdDb250YWluZXI+XG4gICAgICAgICAgPC9EcmFnZ2FibGVUYWdXcmFwcGVyPlxuICAgICAgICApO1xuICAgICAgfX1cbiAgICA8L0RyYWdnYWJsZT5cbiAgKTtcbn07XG5cbkRyYWdnYWJsZVRhZy5kaXNwbGF5TmFtZSA9ICdEcmFnZ2FibGVUYWcnO1xuXG5leHBvcnQgZGVmYXVsdCBEcmFnZ2FibGVUYWc7XG4iXX0= */"));
|
|
366
365
|
|
|
367
|
-
|
|
368
|
-
|
|
366
|
+
const DraggableTag = props => {
|
|
367
|
+
const handleRemoveColumn = () => {
|
|
369
368
|
var _props$onRemove;
|
|
370
369
|
|
|
371
370
|
return (_props$onRemove = props.onRemove) === null || _props$onRemove === void 0 ? void 0 : _props$onRemove.call(props, props.index);
|
|
@@ -375,7 +374,7 @@ var DraggableTag = function DraggableTag(props) {
|
|
|
375
374
|
draggableId: props.column.key,
|
|
376
375
|
index: props.index,
|
|
377
376
|
isDragDisabled: props.isDisabled,
|
|
378
|
-
children:
|
|
377
|
+
children: provided => {
|
|
379
378
|
return jsxRuntime.jsx(DraggableTagWrapper, {
|
|
380
379
|
children: jsxRuntime.jsx(DraggingContainer$1, _objectSpread$3(_objectSpread$3(_objectSpread$3({
|
|
381
380
|
ref: provided.innerRef
|
|
@@ -404,7 +403,7 @@ DraggableTag.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
404
403
|
DraggableTag.displayName = 'DraggableTag';
|
|
405
404
|
var DraggableTag$1 = DraggableTag;
|
|
406
405
|
|
|
407
|
-
|
|
406
|
+
const TagContainerEditable = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
408
407
|
target: "e7rakq0"
|
|
409
408
|
} : {
|
|
410
409
|
target: "e7rakq0",
|
|
@@ -421,10 +420,10 @@ var messages$2 = reactIntl.defineMessages({
|
|
|
421
420
|
}
|
|
422
421
|
});
|
|
423
422
|
|
|
424
|
-
|
|
423
|
+
const DroppablePanel = props => {
|
|
425
424
|
return jsxRuntime.jsx(reactBeautifulDnd.Droppable, {
|
|
426
425
|
droppableId: props.droppableId,
|
|
427
|
-
children:
|
|
426
|
+
children: provided => {
|
|
428
427
|
var _context;
|
|
429
428
|
|
|
430
429
|
return jsxRuntime.jsxs(TagContainerEditable$1, {
|
|
@@ -437,16 +436,16 @@ var DroppablePanel = function DroppablePanel(props) {
|
|
|
437
436
|
children: props.noColumnsText
|
|
438
437
|
})
|
|
439
438
|
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
440
|
-
children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context,
|
|
439
|
+
children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, (column, index) => {
|
|
441
440
|
var _context2;
|
|
442
441
|
|
|
443
442
|
return jsxRuntime.jsx(DraggableTag$1, {
|
|
444
443
|
column: column,
|
|
445
444
|
index: index,
|
|
446
|
-
onRemove: props.onRemove ?
|
|
447
|
-
var _context3, _context4
|
|
445
|
+
onRemove: props.onRemove ? () => {
|
|
446
|
+
var _context3, _context4;
|
|
448
447
|
|
|
449
|
-
return props.onRemove(
|
|
448
|
+
return props.onRemove([..._sliceInstanceProperty__default["default"](_context3 = props.columns).call(_context3, 0, index), ..._sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, index + 1)]);
|
|
450
449
|
} : undefined,
|
|
451
450
|
isDisabled: props.isDisabled
|
|
452
451
|
}, _concatInstanceProperty__default["default"](_context2 = "".concat(column.key, "-")).call(_context2, index));
|
|
@@ -510,121 +509,93 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
510
509
|
}
|
|
511
510
|
});
|
|
512
511
|
|
|
513
|
-
|
|
514
|
-
|
|
512
|
+
const HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
|
|
513
|
+
const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
|
|
515
514
|
|
|
516
515
|
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
517
516
|
|
|
518
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
517
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
519
518
|
|
|
520
|
-
|
|
521
|
-
return _Promise__default["default"].resolve([]);
|
|
522
|
-
}; // 'onChange' prop in AsyncSelectInput is required but not needed here
|
|
519
|
+
const noSearch = () => _Promise__default["default"].resolve([]); // 'onChange' prop in AsyncSelectInput is required but not needed here
|
|
523
520
|
|
|
524
521
|
|
|
525
|
-
|
|
526
|
-
return undefined;
|
|
527
|
-
};
|
|
522
|
+
const voidChangeHandler = () => undefined;
|
|
528
523
|
|
|
529
|
-
|
|
524
|
+
const DroppableContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
530
525
|
target: "en01od20"
|
|
531
526
|
} : {
|
|
532
527
|
target: "en01od20",
|
|
533
528
|
label: "DroppableContainer"
|
|
534
|
-
})("width:100%;position:relative;max-width:", designSystem.designTokens.constraint10, ";cursor:", function (props) {
|
|
535
|
-
return props.isDragging ? 'grabbing' : 'auto';
|
|
536
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRStEIiwiZmlsZSI6ImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQge1xuICB1c2VNZW1vLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlU3RhdGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgRGlzcGF0Y2gsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IERyYWdEcm9wQ29udGV4dCwgdHlwZSBEcm9wUmVzdWx0IH0gZnJvbSAncmVhY3QtYmVhdXRpZnVsLWRuZCc7XG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnZGVib3VuY2UtcHJvbWlzZSc7XG5pbXBvcnQgZGlmZmVyZW5jZVdpdGggZnJvbSAnbG9kYXNoL2RpZmZlcmVuY2VXaXRoJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBc3luY1NlbGVjdElucHV0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FzeW5jLXNlbGVjdC1pbnB1dCc7XG5pbXBvcnQgRmllbGRMYWJlbCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9maWVsZC1sYWJlbCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IHtcbiAgRXllQ3Jvc3NlZEljb24sXG4gIEV5ZUljb24sXG4gIFNlYXJjaEljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgRHJvcHBhYmxlUGFuZWwgZnJvbSAnLi4vZHJvcHBhYmxlLXBhbmVsJztcbmltcG9ydCBTZXR0aW5nc0NvbnRhaW5lciBmcm9tICcuLi9zZXR0aW5ncy1jb250YWluZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgSElEREVOX0NPTFVNTlNfUEFORUwsIFNFTEVDVEVEX0NPTFVNTlNfUEFORUwgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbi8vICdzZWFyY2hIaWRkZW5Db2x1bXMnIGlzIG9ubHkgcmVxdWlyZWQgaWYgJ2FyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlJyBpcyB0cnVlXG4vLyBidXQgdGhhdCBjYWxsYmFjayBpcyB1c2VkIGluIEFzeW5jU2VsZWN0SW5wdXQubG9hZE9wdGlvbnMgd2hpY2ggaXMgcmVxdWlyZWRcbi8vIFRoYXQgcHJvcGVydHkgKGxvYWRPcHRpb25zKSBpcyBwYXNzZWQgdG8gcmVhY3Qtc2VsZWN0IEFzeW5jU2VsZWN0IHdoZXJlIGl0J3Ncbi8vIGRlY2xhcmVkIGFzIG9wdGlvbmFsXG5jb25zdCBub1NlYXJjaCA9ICgpID0+IFByb21pc2UucmVzb2x2ZShbXSk7XG4vLyAnb25DaGFuZ2UnIHByb3AgaW4gQXN5bmNTZWxlY3RJbnB1dCBpcyByZXF1aXJlZCBidXQgbm90IG5lZWRlZCBoZXJlXG5jb25zdCB2b2lkQ2hhbmdlSGFuZGxlciA9ICgpID0+IHVuZGVmaW5lZDtcblxuZXhwb3J0IHR5cGUgVENvbHVtbkRhdGEgPSB7XG4gIGtleTogc3RyaW5nO1xuICBsYWJlbDogUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IHR5cGUgVENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzID0ge1xuICBhdmFpbGFibGVDb2x1bW5zOiBUQ29sdW1uRGF0YVtdO1xuICBzZWxlY3RlZENvbHVtbnM6IFRDb2x1bW5EYXRhW107XG4gIG9uVXBkYXRlQ29sdW1uczogKHVwZGF0ZWRDb2x1bXM6IFRDb2x1bW5EYXRhW10pID0+IHZvaWQ7XG4gIGFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgc2VhcmNoSGlkZGVuQ29sdW1ucz86IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IFByb21pc2U8dm9pZD4gfCB2b2lkO1xuICBzZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG5cbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBtYW5hZ2VyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxudHlwZSBURHJvcHBhYmxlQ29udGFpbmVyUHJvcHMgPSB7XG4gIGlzRHJhZ2dpbmc6IGJvb2xlYW47XG59O1xuXG5jb25zdCBEcm9wcGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFREcm9wcGFibGVDb250YWluZXJQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1heC13aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDEwfTtcbiAgY3Vyc29yOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRHJhZ2dpbmcgPyAnZ3JhYmJpbmcnIDogJ2F1dG8nKX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGFuZGxlQ29sdW1uc1VwZGF0ZSA9IChcbiAgZHJhZ1Jlc3VsdDogRHJvcFJlc3VsdCxcbiAgb25VcGRhdGVDb2x1bW5zOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHNbJ29uVXBkYXRlQ29sdW1ucyddLFxuICBzZWxlY3RlZENvbHVtbnM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wc1snc2VsZWN0ZWRDb2x1bW5zJ10sXG4gIGF2YWlsYWJsZUNvbHVtbnM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wc1snYXZhaWxhYmxlQ29sdW1ucyddLFxuICBzZXRJc0RyYWdnaW5nOiBEaXNwYXRjaDxib29sZWFuPlxuKSA9PiB7XG4gIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAvLyBJbnZhbGlkIGRyb3AgZGVzdGluYXRpb24sIGRvIG5vdGhpbmdcbiAgaWYgKCFkcmFnUmVzdWx0LmRlc3RpbmF0aW9uKSByZXR1cm47XG4gIGlmIChkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmRyb3BwYWJsZUlkID09PSBISURERU5fQ09MVU1OU19QQU5FTCkge1xuICAgIGlmIChkcmFnUmVzdWx0LnNvdXJjZS5kcm9wcGFibGVJZCA9PT0gSElEREVOX0NPTFVNTlNfUEFORUwpIHJldHVybjtcbiAgICBvblVwZGF0ZUNvbHVtbnMoW1xuICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKDAsIGRyYWdSZXN1bHQuc291cmNlLmluZGV4KSxcbiAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgIF0pO1xuICB9IGVsc2Uge1xuICAgIC8vIHRoZSBkZXN0aW5hdGlvbiBpcyB0aGUgc2VsZWN0ZWQgY29sdW1ucyBwYW5lbFxuXG4gICAgLy8gaXQncyBhIHN3YXAgd2hlbiB0aGUgc291cmNlIGFuZCB0aGUgZGVzdGluYXRpb24gYXJlIHRoZSBzYW1lXG4gICAgY29uc3QgaXNTd2FwID0gZHJhZ1Jlc3VsdC5zb3VyY2UuZHJvcHBhYmxlSWQgPT09IFNFTEVDVEVEX0NPTFVNTlNfUEFORUw7XG5cbiAgICBjb25zdCBpdGVtcyA9IGlzU3dhcFxuICAgICAgPyAvLyByZW1vdmUgdGhlIGRyYWdnZWQgaXRlbSBmcm9tIGl0cyBwb3NpdGlvbiBpZiBpdCBpcyBub3QgY29taW5nIGZyb21cbiAgICAgICAgLy8gdGhlIGhpZGRlbiBzZWN0aW9uIChpdCBpcyBhIHN3YXApXG4gICAgICAgIFtcbiAgICAgICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoMCwgZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXgpLFxuICAgICAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgICAgICBdXG4gICAgICA6IHNlbGVjdGVkQ29sdW1ucztcblxuICAgIGNvbnN0IGNvbHVtbnMgPSBpc1N3YXAgPyBzZWxlY3RlZENvbHVtbnMgOiBhdmFpbGFibGVDb2x1bW5zO1xuICAgIGNvbnN0IGRyYWdnZWRDb2x1bW4gPSBjb2x1bW5zLmZpbmQoXG4gICAgICAoY29sKSA9PiBjb2wua2V5ID09PSBkcmFnUmVzdWx0LmRyYWdnYWJsZUlkXG4gICAgKTtcblxuICAgIC8vIHB1c2ggdGhlIGNvbHVtbiBpbiB0aGUgbmV3IHBvc2l0aW9uIGlmIGRyYWdnZWRDb2x1bW4gaXMgZm91bmRcbiAgICBpZiAoZHJhZ2dlZENvbHVtbikge1xuICAgICAgb25VcGRhdGVDb2x1bW5zKFtcbiAgICAgICAgLi4uaXRlbXMuc2xpY2UoMCwgZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbi5pbmRleCksXG4gICAgICAgIGRyYWdnZWRDb2x1bW4sXG4gICAgICAgIC4uLml0ZW1zLnNsaWNlKGRyYWdSZXN1bHQuZGVzdGluYXRpb24uaW5kZXgpLFxuICAgICAgXSk7XG4gICAgfVxuICB9XG59O1xuXG5jb25zdCBEcm9wZG93bkluZGljYXRvciA9ICgpID0+IChcbiAgPFNwYWNpbmdzLklubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgPFNlYXJjaEljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwicHJpbWFyeVwiIC8+XG4gIDwvU3BhY2luZ3MuSW5saW5lPlxuKTtcbkRyb3Bkb3duSW5kaWNhdG9yLmRpc3BsYXlOYW1lID0gJ0Ryb3Bkb3duSW5kaWNhdG9yJztcblxuY29uc3QgTm90aGluZyA9ICgpID0+IG51bGw7XG5jb25zdCBzZWxlY3RJbnB1dENvbXBvbmVudHMgPSB7XG4gIE9wdGlvbjogTm90aGluZyxcbiAgTWVudTogTm90aGluZyxcbiAgRHJvcGRvd25JbmRpY2F0b3IsXG59O1xuXG5leHBvcnQgY29uc3QgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyID0gKHByb3BzOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlKSB7XG4gICAgd2FybmluZyhcbiAgICAgIHR5cGVvZiBwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zICE9PSAndW5kZWZpbmVkJyxcbiAgICAgICd1aS1raXQvQ29sdW1uU2V0dGluZ3NNYW5hZ2VyOiBcInNlYXJjaEhpZGRlbkNvbHVtbnNcIiBtdXN0IGJlIHByb3ZpZGVkIHdoZW4gXCJhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZVwiIGlzIHRydWUnXG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBzZWFyY2hIaWRkZW5Db2x1bW5zIH0gPSBwcm9wcztcblxuICBjb25zdCBoYW5kbGVEcmFnU3RhcnQgPSAoKSA9PiB7XG4gICAgc2V0SXNEcmFnZ2luZyh0cnVlKTtcbiAgfTtcblxuICBjb25zdCBoaWRkZW5Db2x1bW5zID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZGlmZmVyZW5jZVdpdGgoXG4gICAgICAgIHByb3BzLmF2YWlsYWJsZUNvbHVtbnMsXG4gICAgICAgIHByb3BzLnNlbGVjdGVkQ29sdW1ucyxcbiAgICAgICAgKGEsIGIpID0+IGEua2V5ID09PSBiLmtleVxuICAgICAgKSxcbiAgICBbcHJvcHMuYXZhaWxhYmxlQ29sdW1ucywgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSB1c2VDYWxsYmFjazwoZHJhZ1Jlc3VsdDogRHJvcFJlc3VsdCkgPT4gdm9pZD4oXG4gICAgKGRyYWdSZXN1bHQpID0+XG4gICAgICBoYW5kbGVDb2x1bW5zVXBkYXRlKFxuICAgICAgICBkcmFnUmVzdWx0LFxuICAgICAgICBwcm9wcy5vblVwZGF0ZUNvbHVtbnMsXG4gICAgICAgIHByb3BzLnNlbGVjdGVkQ29sdW1ucyxcbiAgICAgICAgcHJvcHMuYXZhaWxhYmxlQ29sdW1ucyxcbiAgICAgICAgc2V0SXNEcmFnZ2luZ1xuICAgICAgKSxcbiAgICBbcHJvcHMub25VcGRhdGVDb2x1bW5zLCBwcm9wcy5zZWxlY3RlZENvbHVtbnMsIHByb3BzLmF2YWlsYWJsZUNvbHVtbnNdXG4gICk7XG5cbiAgY29uc3QgZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1ucyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZGVib3VuY2Uoc2VhcmNoSGlkZGVuQ29sdW1ucyA/PyBub1NlYXJjaCwgMzAwKSxcbiAgICBbc2VhcmNoSGlkZGVuQ29sdW1uc11cbiAgKTtcbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSB1c2VDYWxsYmFjazwoaW5wdXRWYWx1ZTogc3RyaW5nKSA9PiB2b2lkPihcbiAgICAoaW5wdXRWYWx1ZSkgPT4gZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1ucyhpbnB1dFZhbHVlKSxcbiAgICBbZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1uc11cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTZXR0aW5nc0NvbnRhaW5lclxuICAgICAgdGl0bGU9e21lc3NhZ2VzLnRpdGxlfVxuICAgICAgY2xvc2VCdXR0b25MYWJlbD17bWVzc2FnZXMuY2xvc2VCdXR0b25MYWJlbH1cbiAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICBwcmltYXJ5QnV0dG9uPXtwcm9wcy5wcmltYXJ5QnV0dG9ufVxuICAgICAgc2Vjb25kYXJ5QnV0dG9uPXtwcm9wcy5zZWNvbmRhcnlCdXR0b259XG4gICAgICBjb250YWluZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgID5cbiAgICAgIDxEcmFnRHJvcENvbnRleHQgb25EcmFnRW5kPXtoYW5kbGVEcmFnRW5kfSBvbkRyYWdTdGFydD17aGFuZGxlRHJhZ1N0YXJ0fT5cbiAgICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT17dGhlbWVkVmFsdWUoJ20nLCAnbCcpfT5cbiAgICAgICAgICA8RHJvcHBhYmxlQ29udGFpbmVyXG4gICAgICAgICAgICBpc0RyYWdnaW5nPXtpc0RyYWdnaW5nfVxuICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwiaGlkZGVuLWNvbHVtbnNcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT17dGhlbWVkVmFsdWUoJ3MnLCAnbScpfT5cbiAgICAgICAgICAgICAgPFNwYWNpbmdzLklubGluZVxuICAgICAgICAgICAgICAgIHNjYWxlPXt0aGVtZWRWYWx1ZSgneHMnLCAncycpfVxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEV5ZUNyb3NzZWRJY29uIHNpemU9e3RoZW1lZFZhbHVlKCdtZWRpdW0nLCAnYmlnJyl9IC8+XG4gICAgICAgICAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICAgICAgICAgIGlkPVwiaGlkZGVuLWNvbHVtbnNcIlxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5oaWRkZW5Db2x1bW5zKX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAge3Byb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlICYmIChcbiAgICAgICAgICAgICAgICA8QXN5bmNTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICAgICAgey4uLihwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXJcbiAgICAgICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcjogcHJvcHMuc2VhcmNoSGlkZGVuQ29sdW1uc1BsYWNlaG9sZGVyLFxuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWQpfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZvaWRDaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgICAgICAgICAgbG9hZE9wdGlvbnM9e25vU2VhcmNofVxuICAgICAgICAgICAgICAgICAgb25JbnB1dENoYW5nZT17aGFuZGxlSW5wdXRDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICBjb21wb25lbnRzPXtzZWxlY3RJbnB1dENvbXBvbmVudHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPERyb3BwYWJsZVBhbmVsXG4gICAgICAgICAgICAgICAgZHJvcHBhYmxlSWQ9e0hJRERFTl9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtISURERU5fQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBub0NvbHVtbnNUZXh0PXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgICBtZXNzYWdlcy5ub0hpZGRlbkNvbHVtbnNUb1Nob3dcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIGNvbHVtbnM9e2hpZGRlbkNvbHVtbnN9XG4gICAgICAgICAgICAgICAgaXNTZWFyY2hhYmxlPXtwcm9wcy5hcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9Ecm9wcGFibGVDb250YWluZXI+XG4gICAgICAgICAgPERyb3BwYWJsZUNvbnRhaW5lclxuICAgICAgICAgICAgaXNEcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cInZpc2libGUtY29sdW1uc1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPXt0aGVtZWRWYWx1ZSgncycsICdtJyl9PlxuICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieHNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPEV5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICAgICAgICAgIGlkPVwidmlzaWJsZS1jb2x1bW5zXCJcbiAgICAgICAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMudmlzaWJsZUNvbHVtbnMpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICA8RHJvcHBhYmxlUGFuZWxcbiAgICAgICAgICAgICAgICBkcm9wcGFibGVJZD17U0VMRUNURURfQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17U0VMRUNURURfQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBub0NvbHVtbnNUZXh0PXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgICBtZXNzYWdlcy5ub1NlbGVjdGVkQ29sdW1uc1RvU2hvd1xuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgY29sdW1ucz17cHJvcHMuc2VsZWN0ZWRDb2x1bW5zfVxuICAgICAgICAgICAgICAgIG9uUmVtb3ZlPXtwcm9wcy5vblVwZGF0ZUNvbHVtbnN9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvRHJvcHBhYmxlQ29udGFpbmVyPlxuICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgIDwvRHJhZ0Ryb3BDb250ZXh0PlxuICAgIDwvU2V0dGluZ3NDb250YWluZXI+XG4gICk7XG59O1xuXG5Db2x1bW5TZXR0aW5nc01hbmFnZXIuZGlzcGxheU5hbWUgPSAnQ29sdW1uU2V0dGluZ3NNYW5hZ2VyJztcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wcywgJ2F2YWlsYWJsZUNvbHVtbnMnPiA9IHtcbiAgYXZhaWxhYmxlQ29sdW1uczogW10sXG59O1xuQ29sdW1uU2V0dGluZ3NNYW5hZ2VyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyO1xuIl19 */"));
|
|
529
|
+
})("width:100%;position:relative;max-width:", designSystem.designTokens.constraint10, ";cursor:", props => props.isDragging ? 'grabbing' : 'auto', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRStEIiwiZmlsZSI6ImNvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRPRE86IEByZWRlc2lnbiBjbGVhbnVwXG5pbXBvcnQge1xuICB1c2VNZW1vLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlU3RhdGUsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBNb3VzZUV2ZW50LFxuICB0eXBlIEtleWJvYXJkRXZlbnQsXG4gIHR5cGUgRGlzcGF0Y2gsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IERyYWdEcm9wQ29udGV4dCwgdHlwZSBEcm9wUmVzdWx0IH0gZnJvbSAncmVhY3QtYmVhdXRpZnVsLWRuZCc7XG5pbXBvcnQgZGVib3VuY2UgZnJvbSAnZGVib3VuY2UtcHJvbWlzZSc7XG5pbXBvcnQgZGlmZmVyZW5jZVdpdGggZnJvbSAnbG9kYXNoL2RpZmZlcmVuY2VXaXRoJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBBc3luY1NlbGVjdElucHV0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FzeW5jLXNlbGVjdC1pbnB1dCc7XG5pbXBvcnQgRmllbGRMYWJlbCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9maWVsZC1sYWJlbCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IHtcbiAgRXllQ3Jvc3NlZEljb24sXG4gIEV5ZUljb24sXG4gIFNlYXJjaEljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgRHJvcHBhYmxlUGFuZWwgZnJvbSAnLi4vZHJvcHBhYmxlLXBhbmVsJztcbmltcG9ydCBTZXR0aW5nc0NvbnRhaW5lciBmcm9tICcuLi9zZXR0aW5ncy1jb250YWluZXInO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuaW1wb3J0IHsgSElEREVOX0NPTFVNTlNfUEFORUwsIFNFTEVDVEVEX0NPTFVNTlNfUEFORUwgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5cbi8vICdzZWFyY2hIaWRkZW5Db2x1bXMnIGlzIG9ubHkgcmVxdWlyZWQgaWYgJ2FyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlJyBpcyB0cnVlXG4vLyBidXQgdGhhdCBjYWxsYmFjayBpcyB1c2VkIGluIEFzeW5jU2VsZWN0SW5wdXQubG9hZE9wdGlvbnMgd2hpY2ggaXMgcmVxdWlyZWRcbi8vIFRoYXQgcHJvcGVydHkgKGxvYWRPcHRpb25zKSBpcyBwYXNzZWQgdG8gcmVhY3Qtc2VsZWN0IEFzeW5jU2VsZWN0IHdoZXJlIGl0J3Ncbi8vIGRlY2xhcmVkIGFzIG9wdGlvbmFsXG5jb25zdCBub1NlYXJjaCA9ICgpID0+IFByb21pc2UucmVzb2x2ZShbXSk7XG4vLyAnb25DaGFuZ2UnIHByb3AgaW4gQXN5bmNTZWxlY3RJbnB1dCBpcyByZXF1aXJlZCBidXQgbm90IG5lZWRlZCBoZXJlXG5jb25zdCB2b2lkQ2hhbmdlSGFuZGxlciA9ICgpID0+IHVuZGVmaW5lZDtcblxuZXhwb3J0IHR5cGUgVENvbHVtbkRhdGEgPSB7XG4gIGtleTogc3RyaW5nO1xuICBsYWJlbDogUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IHR5cGUgVENvbHVtblNldHRpbmdzTWFuYWdlclByb3BzID0ge1xuICBhdmFpbGFibGVDb2x1bW5zOiBUQ29sdW1uRGF0YVtdO1xuICBzZWxlY3RlZENvbHVtbnM6IFRDb2x1bW5EYXRhW107XG4gIG9uVXBkYXRlQ29sdW1uczogKHVwZGF0ZWRDb2x1bXM6IFRDb2x1bW5EYXRhW10pID0+IHZvaWQ7XG4gIGFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlPzogYm9vbGVhbjtcbiAgc2VhcmNoSGlkZGVuQ29sdW1ucz86IChzZWFyY2hUZXJtOiBzdHJpbmcpID0+IFByb21pc2U8dm9pZD4gfCB2b2lkO1xuICBzZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXI/OiBzdHJpbmc7XG5cbiAgb25DbG9zZTogKFxuICAgIGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PiB8IEtleWJvYXJkRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuICBtYW5hZ2VyVGhlbWU/OiAnbGlnaHQnIHwgJ2RhcmsnO1xufTtcblxudHlwZSBURHJvcHBhYmxlQ29udGFpbmVyUHJvcHMgPSB7XG4gIGlzRHJhZ2dpbmc6IGJvb2xlYW47XG59O1xuXG5jb25zdCBEcm9wcGFibGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFREcm9wcGFibGVDb250YWluZXJQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1heC13aWR0aDogJHtkZXNpZ25Ub2tlbnMuY29uc3RyYWludDEwfTtcbiAgY3Vyc29yOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRHJhZ2dpbmcgPyAnZ3JhYmJpbmcnIDogJ2F1dG8nKX07XG5gO1xuXG5leHBvcnQgY29uc3QgaGFuZGxlQ29sdW1uc1VwZGF0ZSA9IChcbiAgZHJhZ1Jlc3VsdDogRHJvcFJlc3VsdCxcbiAgb25VcGRhdGVDb2x1bW5zOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHNbJ29uVXBkYXRlQ29sdW1ucyddLFxuICBzZWxlY3RlZENvbHVtbnM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wc1snc2VsZWN0ZWRDb2x1bW5zJ10sXG4gIGF2YWlsYWJsZUNvbHVtbnM6IFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wc1snYXZhaWxhYmxlQ29sdW1ucyddLFxuICBzZXRJc0RyYWdnaW5nOiBEaXNwYXRjaDxib29sZWFuPlxuKSA9PiB7XG4gIHNldElzRHJhZ2dpbmcoZmFsc2UpO1xuICAvLyBJbnZhbGlkIGRyb3AgZGVzdGluYXRpb24sIGRvIG5vdGhpbmdcbiAgaWYgKCFkcmFnUmVzdWx0LmRlc3RpbmF0aW9uKSByZXR1cm47XG4gIGlmIChkcmFnUmVzdWx0LmRlc3RpbmF0aW9uLmRyb3BwYWJsZUlkID09PSBISURERU5fQ09MVU1OU19QQU5FTCkge1xuICAgIGlmIChkcmFnUmVzdWx0LnNvdXJjZS5kcm9wcGFibGVJZCA9PT0gSElEREVOX0NPTFVNTlNfUEFORUwpIHJldHVybjtcbiAgICBvblVwZGF0ZUNvbHVtbnMoW1xuICAgICAgLi4uc2VsZWN0ZWRDb2x1bW5zLnNsaWNlKDAsIGRyYWdSZXN1bHQuc291cmNlLmluZGV4KSxcbiAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgIF0pO1xuICB9IGVsc2Uge1xuICAgIC8vIHRoZSBkZXN0aW5hdGlvbiBpcyB0aGUgc2VsZWN0ZWQgY29sdW1ucyBwYW5lbFxuXG4gICAgLy8gaXQncyBhIHN3YXAgd2hlbiB0aGUgc291cmNlIGFuZCB0aGUgZGVzdGluYXRpb24gYXJlIHRoZSBzYW1lXG4gICAgY29uc3QgaXNTd2FwID0gZHJhZ1Jlc3VsdC5zb3VyY2UuZHJvcHBhYmxlSWQgPT09IFNFTEVDVEVEX0NPTFVNTlNfUEFORUw7XG5cbiAgICBjb25zdCBpdGVtcyA9IGlzU3dhcFxuICAgICAgPyAvLyByZW1vdmUgdGhlIGRyYWdnZWQgaXRlbSBmcm9tIGl0cyBwb3NpdGlvbiBpZiBpdCBpcyBub3QgY29taW5nIGZyb21cbiAgICAgICAgLy8gdGhlIGhpZGRlbiBzZWN0aW9uIChpdCBpcyBhIHN3YXApXG4gICAgICAgIFtcbiAgICAgICAgICAuLi5zZWxlY3RlZENvbHVtbnMuc2xpY2UoMCwgZHJhZ1Jlc3VsdC5zb3VyY2UuaW5kZXgpLFxuICAgICAgICAgIC4uLnNlbGVjdGVkQ29sdW1ucy5zbGljZShkcmFnUmVzdWx0LnNvdXJjZS5pbmRleCArIDEpLFxuICAgICAgICBdXG4gICAgICA6IHNlbGVjdGVkQ29sdW1ucztcblxuICAgIGNvbnN0IGNvbHVtbnMgPSBpc1N3YXAgPyBzZWxlY3RlZENvbHVtbnMgOiBhdmFpbGFibGVDb2x1bW5zO1xuICAgIGNvbnN0IGRyYWdnZWRDb2x1bW4gPSBjb2x1bW5zLmZpbmQoXG4gICAgICAoY29sKSA9PiBjb2wua2V5ID09PSBkcmFnUmVzdWx0LmRyYWdnYWJsZUlkXG4gICAgKTtcblxuICAgIC8vIHB1c2ggdGhlIGNvbHVtbiBpbiB0aGUgbmV3IHBvc2l0aW9uIGlmIGRyYWdnZWRDb2x1bW4gaXMgZm91bmRcbiAgICBpZiAoZHJhZ2dlZENvbHVtbikge1xuICAgICAgb25VcGRhdGVDb2x1bW5zKFtcbiAgICAgICAgLi4uaXRlbXMuc2xpY2UoMCwgZHJhZ1Jlc3VsdC5kZXN0aW5hdGlvbi5pbmRleCksXG4gICAgICAgIGRyYWdnZWRDb2x1bW4sXG4gICAgICAgIC4uLml0ZW1zLnNsaWNlKGRyYWdSZXN1bHQuZGVzdGluYXRpb24uaW5kZXgpLFxuICAgICAgXSk7XG4gICAgfVxuICB9XG59O1xuXG5jb25zdCBEcm9wZG93bkluZGljYXRvciA9ICgpID0+IChcbiAgPFNwYWNpbmdzLklubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgPFNlYXJjaEljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwicHJpbWFyeVwiIC8+XG4gIDwvU3BhY2luZ3MuSW5saW5lPlxuKTtcbkRyb3Bkb3duSW5kaWNhdG9yLmRpc3BsYXlOYW1lID0gJ0Ryb3Bkb3duSW5kaWNhdG9yJztcblxuY29uc3QgTm90aGluZyA9ICgpID0+IG51bGw7XG5jb25zdCBzZWxlY3RJbnB1dENvbXBvbmVudHMgPSB7XG4gIE9wdGlvbjogTm90aGluZyxcbiAgTWVudTogTm90aGluZyxcbiAgRHJvcGRvd25JbmRpY2F0b3IsXG59O1xuXG5leHBvcnQgY29uc3QgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyID0gKHByb3BzOiBUQ29sdW1uU2V0dGluZ3NNYW5hZ2VyUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlKSB7XG4gICAgd2FybmluZyhcbiAgICAgIHR5cGVvZiBwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zICE9PSAndW5kZWZpbmVkJyxcbiAgICAgICd1aS1raXQvQ29sdW1uU2V0dGluZ3NNYW5hZ2VyOiBcInNlYXJjaEhpZGRlbkNvbHVtbnNcIiBtdXN0IGJlIHByb3ZpZGVkIHdoZW4gXCJhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZVwiIGlzIHRydWUnXG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IFtpc0RyYWdnaW5nLCBzZXRJc0RyYWdnaW5nXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyBzZWFyY2hIaWRkZW5Db2x1bW5zIH0gPSBwcm9wcztcblxuICBjb25zdCBoYW5kbGVEcmFnU3RhcnQgPSAoKSA9PiB7XG4gICAgc2V0SXNEcmFnZ2luZyh0cnVlKTtcbiAgfTtcblxuICBjb25zdCBoaWRkZW5Db2x1bW5zID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgZGlmZmVyZW5jZVdpdGgoXG4gICAgICAgIHByb3BzLmF2YWlsYWJsZUNvbHVtbnMsXG4gICAgICAgIHByb3BzLnNlbGVjdGVkQ29sdW1ucyxcbiAgICAgICAgKGEsIGIpID0+IGEua2V5ID09PSBiLmtleVxuICAgICAgKSxcbiAgICBbcHJvcHMuYXZhaWxhYmxlQ29sdW1ucywgcHJvcHMuc2VsZWN0ZWRDb2x1bW5zXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZURyYWdFbmQgPSB1c2VDYWxsYmFjazwoZHJhZ1Jlc3VsdDogRHJvcFJlc3VsdCkgPT4gdm9pZD4oXG4gICAgKGRyYWdSZXN1bHQpID0+XG4gICAgICBoYW5kbGVDb2x1bW5zVXBkYXRlKFxuICAgICAgICBkcmFnUmVzdWx0LFxuICAgICAgICBwcm9wcy5vblVwZGF0ZUNvbHVtbnMsXG4gICAgICAgIHByb3BzLnNlbGVjdGVkQ29sdW1ucyxcbiAgICAgICAgcHJvcHMuYXZhaWxhYmxlQ29sdW1ucyxcbiAgICAgICAgc2V0SXNEcmFnZ2luZ1xuICAgICAgKSxcbiAgICBbcHJvcHMub25VcGRhdGVDb2x1bW5zLCBwcm9wcy5zZWxlY3RlZENvbHVtbnMsIHByb3BzLmF2YWlsYWJsZUNvbHVtbnNdXG4gICk7XG5cbiAgY29uc3QgZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1ucyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZGVib3VuY2Uoc2VhcmNoSGlkZGVuQ29sdW1ucyA/PyBub1NlYXJjaCwgMzAwKSxcbiAgICBbc2VhcmNoSGlkZGVuQ29sdW1uc11cbiAgKTtcbiAgY29uc3QgaGFuZGxlSW5wdXRDaGFuZ2UgPSB1c2VDYWxsYmFjazwoaW5wdXRWYWx1ZTogc3RyaW5nKSA9PiB2b2lkPihcbiAgICAoaW5wdXRWYWx1ZSkgPT4gZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1ucyhpbnB1dFZhbHVlKSxcbiAgICBbZGVib3VuY2VkU2VhcmNoSGlkZGVuQ29sdW1uc11cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTZXR0aW5nc0NvbnRhaW5lclxuICAgICAgdGl0bGU9e21lc3NhZ2VzLnRpdGxlfVxuICAgICAgY2xvc2VCdXR0b25MYWJlbD17bWVzc2FnZXMuY2xvc2VCdXR0b25MYWJlbH1cbiAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICBwcmltYXJ5QnV0dG9uPXtwcm9wcy5wcmltYXJ5QnV0dG9ufVxuICAgICAgc2Vjb25kYXJ5QnV0dG9uPXtwcm9wcy5zZWNvbmRhcnlCdXR0b259XG4gICAgICBjb250YWluZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgID5cbiAgICAgIDxEcmFnRHJvcENvbnRleHQgb25EcmFnRW5kPXtoYW5kbGVEcmFnRW5kfSBvbkRyYWdTdGFydD17aGFuZGxlRHJhZ1N0YXJ0fT5cbiAgICAgICAgPFNwYWNpbmdzLklubGluZSBzY2FsZT17dGhlbWVkVmFsdWUoJ20nLCAnbCcpfT5cbiAgICAgICAgICA8RHJvcHBhYmxlQ29udGFpbmVyXG4gICAgICAgICAgICBpc0RyYWdnaW5nPXtpc0RyYWdnaW5nfVxuICAgICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwiaGlkZGVuLWNvbHVtbnNcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT17dGhlbWVkVmFsdWUoJ3MnLCAnbScpfT5cbiAgICAgICAgICAgICAgPFNwYWNpbmdzLklubGluZVxuICAgICAgICAgICAgICAgIHNjYWxlPXt0aGVtZWRWYWx1ZSgneHMnLCAncycpfVxuICAgICAgICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEV5ZUNyb3NzZWRJY29uIHNpemU9e3RoZW1lZFZhbHVlKCdtZWRpdW0nLCAnYmlnJyl9IC8+XG4gICAgICAgICAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICAgICAgICAgIGlkPVwiaGlkZGVuLWNvbHVtbnNcIlxuICAgICAgICAgICAgICAgICAgdGl0bGU9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5oaWRkZW5Db2x1bW5zKX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgICAgICAge3Byb3BzLmFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlICYmIChcbiAgICAgICAgICAgICAgICA8QXN5bmNTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICAgICAgey4uLihwcm9wcy5zZWFyY2hIaWRkZW5Db2x1bW5zUGxhY2Vob2xkZXJcbiAgICAgICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcjogcHJvcHMuc2VhcmNoSGlkZGVuQ29sdW1uc1BsYWNlaG9sZGVyLFxuICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgOiB1bmRlZmluZWQpfVxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZvaWRDaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgICAgICAgICAgbG9hZE9wdGlvbnM9e25vU2VhcmNofVxuICAgICAgICAgICAgICAgICAgb25JbnB1dENoYW5nZT17aGFuZGxlSW5wdXRDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICBjb21wb25lbnRzPXtzZWxlY3RJbnB1dENvbXBvbmVudHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPERyb3BwYWJsZVBhbmVsXG4gICAgICAgICAgICAgICAgZHJvcHBhYmxlSWQ9e0hJRERFTl9DT0xVTU5TX1BBTkVMfVxuICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtISURERU5fQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBub0NvbHVtbnNUZXh0PXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgICBtZXNzYWdlcy5ub0hpZGRlbkNvbHVtbnNUb1Nob3dcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIGNvbHVtbnM9e2hpZGRlbkNvbHVtbnN9XG4gICAgICAgICAgICAgICAgaXNTZWFyY2hhYmxlPXtwcm9wcy5hcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9Ecm9wcGFibGVDb250YWluZXI+XG4gICAgICAgICAgPERyb3BwYWJsZUNvbnRhaW5lclxuICAgICAgICAgICAgaXNEcmFnZ2luZz17aXNEcmFnZ2luZ31cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cInZpc2libGUtY29sdW1uc1wiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPXt0aGVtZWRWYWx1ZSgncycsICdtJyl9PlxuICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIHNjYWxlPVwieHNcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPEV5ZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICAgICAgPEZpZWxkTGFiZWxcbiAgICAgICAgICAgICAgICAgIGlkPVwidmlzaWJsZS1jb2x1bW5zXCJcbiAgICAgICAgICAgICAgICAgIHRpdGxlPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMudmlzaWJsZUNvbHVtbnMpfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICA8RHJvcHBhYmxlUGFuZWxcbiAgICAgICAgICAgICAgICBkcm9wcGFibGVJZD17U0VMRUNURURfQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17U0VMRUNURURfQ09MVU1OU19QQU5FTH1cbiAgICAgICAgICAgICAgICBub0NvbHVtbnNUZXh0PXtpbnRsLmZvcm1hdE1lc3NhZ2UoXG4gICAgICAgICAgICAgICAgICBtZXNzYWdlcy5ub1NlbGVjdGVkQ29sdW1uc1RvU2hvd1xuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgY29sdW1ucz17cHJvcHMuc2VsZWN0ZWRDb2x1bW5zfVxuICAgICAgICAgICAgICAgIG9uUmVtb3ZlPXtwcm9wcy5vblVwZGF0ZUNvbHVtbnN9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvRHJvcHBhYmxlQ29udGFpbmVyPlxuICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgIDwvRHJhZ0Ryb3BDb250ZXh0PlxuICAgIDwvU2V0dGluZ3NDb250YWluZXI+XG4gICk7XG59O1xuXG5Db2x1bW5TZXR0aW5nc01hbmFnZXIuZGlzcGxheU5hbWUgPSAnQ29sdW1uU2V0dGluZ3NNYW5hZ2VyJztcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRDb2x1bW5TZXR0aW5nc01hbmFnZXJQcm9wcywgJ2F2YWlsYWJsZUNvbHVtbnMnPiA9IHtcbiAgYXZhaWxhYmxlQ29sdW1uczogW10sXG59O1xuQ29sdW1uU2V0dGluZ3NNYW5hZ2VyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyO1xuIl19 */"));
|
|
537
530
|
|
|
538
|
-
|
|
531
|
+
const handleColumnsUpdate = (dragResult, onUpdateColumns, selectedColumns, availableColumns, setIsDragging) => {
|
|
539
532
|
setIsDragging(false); // Invalid drop destination, do nothing
|
|
540
533
|
|
|
541
534
|
if (!dragResult.destination) return;
|
|
542
535
|
|
|
543
536
|
if (dragResult.destination.droppableId === HIDDEN_COLUMNS_PANEL) {
|
|
544
|
-
var _context;
|
|
545
|
-
|
|
546
537
|
if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
|
|
547
|
-
onUpdateColumns(
|
|
538
|
+
onUpdateColumns([..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)]);
|
|
548
539
|
} else {
|
|
549
|
-
var _context2;
|
|
550
|
-
|
|
551
540
|
// the destination is the selected columns panel
|
|
552
541
|
// it's a swap when the source and the destination are the same
|
|
553
|
-
|
|
554
|
-
|
|
542
|
+
const isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
|
|
543
|
+
const items = isSwap ? // remove the dragged item from its position if it is not coming from
|
|
555
544
|
// the hidden section (it is a swap)
|
|
556
|
-
|
|
557
|
-
|
|
545
|
+
[..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index), ..._sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1)] : selectedColumns;
|
|
546
|
+
const columns = isSwap ? selectedColumns : availableColumns;
|
|
558
547
|
|
|
559
|
-
|
|
560
|
-
return col.key === dragResult.draggableId;
|
|
561
|
-
}); // push the column in the new position if draggedColumn is found
|
|
548
|
+
const draggedColumn = _findInstanceProperty__default["default"](columns).call(columns, col => col.key === dragResult.draggableId); // push the column in the new position if draggedColumn is found
|
|
562
549
|
|
|
563
550
|
|
|
564
551
|
if (draggedColumn) {
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
onUpdateColumns(_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default["default"](items).call(items, 0, dragResult.destination.index)), [draggedColumn], _toConsumableArray(_sliceInstanceProperty__default["default"](items).call(items, dragResult.destination.index))));
|
|
552
|
+
onUpdateColumns([..._sliceInstanceProperty__default["default"](items).call(items, 0, dragResult.destination.index), draggedColumn, ..._sliceInstanceProperty__default["default"](items).call(items, dragResult.destination.index)]);
|
|
568
553
|
}
|
|
569
554
|
}
|
|
570
555
|
};
|
|
571
556
|
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
});
|
|
580
|
-
};
|
|
557
|
+
const DropdownIndicator = () => jsxRuntime.jsx(Spacings__default["default"].Inline, {
|
|
558
|
+
alignItems: "center",
|
|
559
|
+
children: jsxRuntime.jsx(icons.SearchIcon, {
|
|
560
|
+
size: "medium",
|
|
561
|
+
color: "primary"
|
|
562
|
+
})
|
|
563
|
+
});
|
|
581
564
|
|
|
582
565
|
DropdownIndicator.displayName = 'DropdownIndicator';
|
|
583
566
|
|
|
584
|
-
|
|
585
|
-
return null;
|
|
586
|
-
};
|
|
567
|
+
const Nothing = () => null;
|
|
587
568
|
|
|
588
|
-
|
|
569
|
+
const selectInputComponents = {
|
|
589
570
|
Option: Nothing,
|
|
590
571
|
Menu: Nothing,
|
|
591
|
-
DropdownIndicator
|
|
572
|
+
DropdownIndicator
|
|
592
573
|
};
|
|
593
|
-
|
|
574
|
+
const ColumnSettingsManager = props => {
|
|
594
575
|
if (props.areHiddenColumnsSearchable) {
|
|
595
576
|
process.env.NODE_ENV !== "production" ? utils.warning(typeof props.searchHiddenColumns !== 'undefined', 'ui-kit/ColumnSettingsManager: "searchHiddenColumns" must be provided when "areHiddenColumnsSearchable" is true') : void 0;
|
|
596
577
|
}
|
|
597
578
|
|
|
598
|
-
|
|
579
|
+
const intl = reactIntl.useIntl();
|
|
599
580
|
|
|
600
|
-
|
|
601
|
-
|
|
581
|
+
const _useTheme = designSystem.useTheme(),
|
|
582
|
+
themedValue = _useTheme.themedValue;
|
|
602
583
|
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
606
|
-
|
|
584
|
+
const _useState = react.useState(false),
|
|
585
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
586
|
+
isDragging = _useState2[0],
|
|
587
|
+
setIsDragging = _useState2[1];
|
|
607
588
|
|
|
608
|
-
|
|
589
|
+
const searchHiddenColumns = props.searchHiddenColumns;
|
|
609
590
|
|
|
610
|
-
|
|
591
|
+
const handleDragStart = () => {
|
|
611
592
|
setIsDragging(true);
|
|
612
593
|
};
|
|
613
594
|
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
}, [props.availableColumns, props.selectedColumns]);
|
|
619
|
-
var handleDragEnd = react.useCallback(function (dragResult) {
|
|
620
|
-
return handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging);
|
|
621
|
-
}, [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
|
|
622
|
-
var debouncedSearchHiddenColumns = react.useMemo(function () {
|
|
623
|
-
return debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300);
|
|
624
|
-
}, [searchHiddenColumns]);
|
|
625
|
-
var handleInputChange = react.useCallback(function (inputValue) {
|
|
626
|
-
return debouncedSearchHiddenColumns(inputValue);
|
|
627
|
-
}, [debouncedSearchHiddenColumns]);
|
|
595
|
+
const hiddenColumns = react.useMemo(() => differenceWith__default["default"](props.availableColumns, props.selectedColumns, (a, b) => a.key === b.key), [props.availableColumns, props.selectedColumns]);
|
|
596
|
+
const handleDragEnd = react.useCallback(dragResult => handleColumnsUpdate(dragResult, props.onUpdateColumns, props.selectedColumns, props.availableColumns, setIsDragging), [props.onUpdateColumns, props.selectedColumns, props.availableColumns]);
|
|
597
|
+
const debouncedSearchHiddenColumns = react.useMemo(() => debounce__default["default"](searchHiddenColumns !== null && searchHiddenColumns !== void 0 ? searchHiddenColumns : noSearch, 300), [searchHiddenColumns]);
|
|
598
|
+
const handleInputChange = react.useCallback(inputValue => debouncedSearchHiddenColumns(inputValue), [debouncedSearchHiddenColumns]);
|
|
628
599
|
return jsxRuntime.jsx(SettingsContainer$1, {
|
|
629
600
|
title: messages$1.title,
|
|
630
601
|
closeButtonLabel: messages$1.closeButtonLabel,
|
|
@@ -712,7 +683,7 @@ ColumnSettingsManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
712
683
|
managerTheme: _pt__default["default"].oneOf(['light', 'dark'])
|
|
713
684
|
} : {};
|
|
714
685
|
ColumnSettingsManager.displayName = 'ColumnSettingsManager';
|
|
715
|
-
|
|
686
|
+
const defaultProps = {
|
|
716
687
|
availableColumns: []
|
|
717
688
|
};
|
|
718
689
|
ColumnSettingsManager.defaultProps = defaultProps;
|
|
@@ -738,21 +709,21 @@ var messages = reactIntl.defineMessages({
|
|
|
738
709
|
|
|
739
710
|
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
740
711
|
|
|
741
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var
|
|
712
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
742
713
|
|
|
743
714
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
744
715
|
|
|
745
716
|
/* The horizontal constraint is set on this container instead of the SelectInput
|
|
746
717
|
because the input is always empty, and therefore doesn't take any space by itself
|
|
747
718
|
but we want to keep enough space for the placeholder to be readable */
|
|
748
|
-
|
|
719
|
+
const SelectContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
749
720
|
target: "e3i1gnv1"
|
|
750
721
|
} : {
|
|
751
722
|
target: "e3i1gnv1",
|
|
752
723
|
label: "SelectContainer"
|
|
753
724
|
})("min-width:", designSystem.designTokens.constraint4, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStIa0MiLCJmaWxlIjoiZGF0YS10YWJsZS1zZXR0aW5ncy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuaW1wb3J0IHsgdXNlU3RhdGUsIHR5cGUgUmVhY3RFbGVtZW50LCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyB1c2VJbnRsLCB0eXBlIE1lc3NhZ2VEZXNjcmlwdG9yIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQWNjZXNzaWJsZUhpZGRlbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9hY2Nlc3NpYmxlLWhpZGRlbic7XG5pbXBvcnQgU2VsZWN0SW5wdXQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc2VsZWN0LWlucHV0JztcbmltcG9ydCB7IFRhYmxlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBVUERBVEVfQUNUSU9OUywgQ09MVU1OX01BTkFHRVIsIERJU1BMQVlfU0VUVElOR1MgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuaW1wb3J0IERpc3BsYXlTZXR0aW5nc01hbmFnZXIsIHtcbiAgREVOU0lUWV9DT01QQUNULFxuICBTSE9XX0hJREVfT05fREVNQU5ELFxufSBmcm9tICcuLi9kaXNwbGF5LXNldHRpbmdzLW1hbmFnZXInO1xuaW1wb3J0IENvbHVtblNldHRpbmdzTWFuYWdlciBmcm9tICcuLi9jb2x1bW4tc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi9tZXNzYWdlcyc7XG5cbmV4cG9ydCB0eXBlIFRTZWxlY3RDaGFuZ2VFdmVudCA9IHtcbiAgdGFyZ2V0OiB7XG4gICAgbmFtZT86IHN0cmluZztcbiAgICB2YWx1ZT86IHN0cmluZyB8IHN0cmluZ1tdIHwgbnVsbDtcbiAgfTtcbiAgcGVyc2lzdDogKCkgPT4gdm9pZDtcbn07XG5cbnR5cGUgVENvbHVtbkRhdGEgPSB7XG4gIGtleTogc3RyaW5nO1xuICBsYWJlbDogUmVhY3ROb2RlO1xufTtcblxudHlwZSBNYXBwZWRDb2x1bW5zID0gUmVjb3JkPHN0cmluZywgVENvbHVtbkRhdGE+O1xuXG5leHBvcnQgdHlwZSBURGlzcGxheVNldHRpbmdzUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhpcyBmbGFnIHRvIGBmYWxzZWAgdG8gc2hvdyB0aGUgZGlzcGxheSBzZXR0aW5ncyBwYW5lbCBvcHRpb24uXG4gICAqXG4gICAqIEBAZGVmYXVsdFZhbHVlQEA6IHRydWVcbiAgICovXG4gIGRpc2FibGVEaXNwbGF5U2V0dGluZ3M/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgdG8gcmVkdWNlIHRoZSBwYWRkaW5ncyBvZiBhbGwgY2VsbHMsIGFsbG93aW5nIHRoZSB0YWJsZSB0byBkaXNwbGF5XG4gICAqIG1vcmUgZGF0YSBpbiBsZXNzIHNwYWNlLlxuICAgKlxuICAgKiBAQGRlZmF1bHRWYWx1ZUBAOiBmYWxzZVxuICAgKi9cbiAgaXNDb25kZW5zZWQ/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgdG8gYWxsb3cgdGV4dCBpbiBhIGNlbGwgdG8gd3JhcC5cbiAgICogPGJyPlxuICAgKiBUaGlzIGlzIHJlcXVpcmVkIGlmIGBkaXNhYmxlRGlzcGxheVNldHRpbmdzYCBpcyBzZXQgdG8gYGZhbHNlYC5cbiAgICpcbiAgICogQEBkZWZhdWx0VmFsdWVAQDogZmFsc2VcbiAgICovXG4gIGlzV3JhcHBpbmdUZXh0PzogYm9vbGVhbjtcblxuICAvKipcbiAgICogQSBSZWFjdCBlbGVtZW50IHRvIGJlIHJlbmRlcmVkIGFzIHRoZSBwcmltYXJ5IGJ1dHRvbiwgdXNlZnVsIHdoZW4gdGhlIGRpc3BsYXkgc2V0dGluZ3Mgd29yayBhcyBhIGZvcm0uXG4gICAqL1xuICBwcmltYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xuXG4gIC8qKlxuICAgKiBBIFJlYWN0IGVsZW1lbnQgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIHNlY29uZGFyeSBidXR0b24sIHVzZWZ1bCB3aGVuIHRoZSBkaXNwbGF5IHNldHRpbmdzIHdvcmsgYXMgYSBmb3JtLlxuICAgKi9cbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xufTtcblxuZXhwb3J0IHR5cGUgVENvbHVtbk1hbmFnZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGlzIHRvIGB0cnVlYCB0byBzaG93IGEgc2VhcmNoIGlucHV0IGZvciB0aGUgaGlkZGVuIGNvbHVtbnMgcGFuZWwuXG4gICAqL1xuICBhcmVIaWRkZW5Db2x1bW5zU2VhcmNoYWJsZT86IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFNldCB0aGlzIHRvIGBmYWxzZWAgdG8gc2hvdyB0aGUgY29sdW1uIHNldHRpbmdzIHBhbmVsIG9wdGlvbi5cbiAgICpcbiAgICogQEBkZWZhdWx0VmFsdWVAQDogdHJ1ZVxuICAgKi9cbiAgZGlzYWJsZUNvbHVtbk1hbmFnZXI/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBUaGUga2V5cyBvZiB0aGUgdmlzaWJsZSBjb2x1bW5zLlxuICAgKi9cbiAgdmlzaWJsZUNvbHVtbktleXM6IHN0cmluZ1tdO1xuXG4gIC8qKlxuICAgKiBUaGUga2V5cyBvZiB0aGUgdmlzaWJsZSBjb2x1bW5zLlxuICAgKi9cbiAgaGlkZWFibGVDb2x1bW5zPzogVENvbHVtbkRhdGFbXTtcblxuICAvKipcbiAgICogQSBjYWxsYmFjayBmdW5jdGlvbiwgY2FsbGVkIHdoZW4gdGhlIHNlYXJjaCBpbnB1dCBmb3IgdGhlIGhpZGRlbiBjb2x1bW5zIHBhbmVsIGNoYW5nZXMuXG4gICAqL1xuICBzZWFyY2hIaWRkZW5Db2x1bW5zPzogKHNlYXJjaFRlcm06IHN0cmluZykgPT4gUHJvbWlzZTx2b2lkPiB8IHZvaWQ7XG5cbiAgLyoqXG4gICAqIFBsYWNlaG9sZGVyIHZhbHVlIG9mIHRoZSBzZWFyY2ggaW5wdXQgZm9yIHRoZSBoaWRkZW4gY29sdW1ucyBwYW5lbC5cbiAgICovXG4gIHNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlcj86IHN0cmluZztcblxuICAvKipcbiAgICogQSBSZWFjdCBlbGVtZW50IHRvIGJlIHJlbmRlcmVkIGFzIHRoZSBwcmltYXJ5IGJ1dHRvbiwgdXNlZnVsIHdoZW4gdGhlIGNvbHVtbiBzZXR0aW5ncyB3b3JrIGFzIGEgZm9ybS5cbiAgICovXG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdEVsZW1lbnQ7XG5cbiAgLyoqXG4gICAqIEEgUmVhY3QgZWxlbWVudCB0byBiZSByZW5kZXJlZCBhcyB0aGUgc2Vjb25kYXJ5IGJ1dHRvbiwgdXNlZnVsIHdoZW4gdGhlIGNvbHVtbiBzZXR0aW5ncyB3b3JrIGFzIGEgZm9ybS5cbiAgICovXG4gIHNlY29uZGFyeUJ1dHRvbj86IFJlYWN0RWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFREYXRhVGFibGVTZXR0aW5nc1Byb3BzID0ge1xuICB0b3BCYXI/OiBSZWFjdE5vZGU7XG4gIG9uU2V0dGluZ3NDaGFuZ2U/OiAoXG4gICAgc2V0dGluZ05hbWU6IHN0cmluZyxcbiAgICBzZXR0aW5nVmFsdWU6IGJvb2xlYW4gfCBzdHJpbmdbXVxuICApID0+IHZvaWQ7XG4gIGRpc3BsYXlTZXR0aW5ncz86IFREaXNwbGF5U2V0dGluZ3NQcm9wcztcbiAgY29sdW1uTWFuYWdlcj86IFRDb2x1bW5NYW5hZ2VyUHJvcHM7XG4gIG1hbmFnZXJUaGVtZT86ICdsaWdodCcgfCAnZGFyayc7XG59O1xuXG4vKiBUaGUgaG9yaXpvbnRhbCBjb25zdHJhaW50IGlzIHNldCBvbiB0aGlzIGNvbnRhaW5lciBpbnN0ZWFkIG9mIHRoZSBTZWxlY3RJbnB1dFxuYmVjYXVzZSB0aGUgaW5wdXQgaXMgYWx3YXlzIGVtcHR5LCBhbmQgdGhlcmVmb3JlIGRvZXNuJ3QgdGFrZSBhbnkgc3BhY2UgYnkgaXRzZWxmXG5idXQgd2Ugd2FudCB0byBrZWVwIGVub3VnaCBzcGFjZSBmb3IgdGhlIHBsYWNlaG9sZGVyIHRvIGJlIHJlYWRhYmxlICovXG5jb25zdCBTZWxlY3RDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ0fTtcbmA7XG5cbmNvbnN0IFRvcEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXREcm9wZG93bk9wdGlvbnMgPSAoe1xuICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQsXG4gIGFyZURpc3BsYXlTZXR0aW5nc0VuYWJsZWQsXG4gIGZvcm1hdE1lc3NhZ2UsXG59OiB7XG4gIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZDogYm9vbGVhbjtcbiAgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZDogYm9vbGVhbjtcbiAgZm9ybWF0TWVzc2FnZTogKG1lc3NhZ2U6IE1lc3NhZ2VEZXNjcmlwdG9yKSA9PiBzdHJpbmc7XG59KSA9PiBbXG4gIC4uLihhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWRcbiAgICA/IFtcbiAgICAgICAge1xuICAgICAgICAgIHZhbHVlOiBDT0xVTU5fTUFOQUdFUixcbiAgICAgICAgICBsYWJlbDogZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jb2x1bW5NYW5hZ2VyT3B0aW9uKSxcbiAgICAgICAgfSxcbiAgICAgIF1cbiAgICA6IFtdKSxcbiAgLi4uKGFyZURpc3BsYXlTZXR0aW5nc0VuYWJsZWRcbiAgICA/IFtcbiAgICAgICAge1xuICAgICAgICAgIHZhbHVlOiBESVNQTEFZX1NFVFRJTkdTLFxuICAgICAgICAgIGxhYmVsOiBmb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmRpc3BsYXlTZXR0aW5nc09wdGlvbiksXG4gICAgICAgIH0sXG4gICAgICBdXG4gICAgOiBbXSksXG5dO1xuXG5leHBvcnQgY29uc3QgZ2V0TWFwcGVkQ29sdW1ucyA9IChjb2x1bW5zOiBUQ29sdW1uRGF0YVtdID0gW10pID0+XG4gIGNvbHVtbnMucmVkdWNlPE1hcHBlZENvbHVtbnM+KFxuICAgIChtYXBwZWRDb2x1bW5zLCBjb2x1bW4pID0+ICh7XG4gICAgICAuLi5tYXBwZWRDb2x1bW5zLFxuICAgICAgW2NvbHVtbi5rZXldOiBjb2x1bW4sXG4gICAgfSksXG4gICAge31cbiAgKTtcblxuZXhwb3J0IGNvbnN0IGdldFNlbGVjdGVkQ29sdW1ucyA9IChcbiAgbWFwcGVkQ29sdW1uczogTWFwcGVkQ29sdW1ucyxcbiAgdmlzaWJsZUNvbHVtbnNLZXlzOiBzdHJpbmdbXSA9IFtdXG4pID0+IHZpc2libGVDb2x1bW5zS2V5cy5tYXAoKGNvbHVtbktleSkgPT4gbWFwcGVkQ29sdW1uc1tjb2x1bW5LZXldKTtcblxuY29uc3QgRGF0YVRhYmxlU2V0dGluZ3MgPSAocHJvcHM6IFREYXRhVGFibGVTZXR0aW5nc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGFyZURpc3BsYXlTZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmRpc3BsYXlTZXR0aW5ncyAmJiAhcHJvcHMuZGlzcGxheVNldHRpbmdzLmRpc2FibGVEaXNwbGF5U2V0dGluZ3NcbiAgKTtcbiAgY29uc3QgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkID0gQm9vbGVhbihcbiAgICBwcm9wcy5jb2x1bW5NYW5hZ2VyICYmICFwcm9wcy5jb2x1bW5NYW5hZ2VyLmRpc2FibGVDb2x1bW5NYW5hZ2VyXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCB8fCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWRcbiAgICAgID8gdHlwZW9mIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2UgPT09ICdmdW5jdGlvbidcbiAgICAgIDogdHJ1ZSxcbiAgICBgdWkta2l0L0RhdGFUYWJsZU1hbmFnZXI6IHRoZSBwcm9wIFwib25TZXR0aW5nc0NoYW5nZVwiIGlzIHJlcXVpcmVkIHdoZW4gZWl0aGVyIHRoZSBkaXNwbGF5IHNldHRpbmdzIG9yIHRoZSBjb2x1bW4gc2V0dGluZ3MgYXJlIGVuYWJsZWQuYFxuICApO1xuXG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IFtvcGVuZWRQYW5lbElkLCBzZXRPcGVuZWRQYW5lbElkXSA9IHVzZVN0YXRlPHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ+KFxuICAgIG51bGxcbiAgKTtcblxuICBjb25zdCBkcm9wZG93bk9wdGlvbnMgPSBnZXREcm9wZG93bk9wdGlvbnMoe1xuICAgIGFyZURpc3BsYXlTZXR0aW5nc0VuYWJsZWQsXG4gICAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkLFxuICAgIGZvcm1hdE1lc3NhZ2U6IGludGwuZm9ybWF0TWVzc2FnZSxcbiAgfSk7XG5cbiAgY29uc3QgaGFuZGxlRHJvcGRvd25DaGFuZ2UgPSAoZXZlbnQ6IFRTZWxlY3RDaGFuZ2VFdmVudCkgPT5cbiAgICBzZXRPcGVuZWRQYW5lbElkKFxuICAgICAgQXJyYXkuaXNBcnJheShldmVudC50YXJnZXQudmFsdWUpXG4gICAgICAgID8gZXZlbnQudGFyZ2V0LnZhbHVlWzBdXG4gICAgICAgIDogZXZlbnQudGFyZ2V0LnZhbHVlXG4gICAgKTtcblxuICBjb25zdCBtYXBwZWRDb2x1bW5zID0gZ2V0TWFwcGVkQ29sdW1ucyhcbiAgICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyIS5oaWRlYWJsZUNvbHVtbnMgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBzZWxlY3RlZENvbHVtbnMgPSBnZXRTZWxlY3RlZENvbHVtbnMoXG4gICAgbWFwcGVkQ29sdW1ucyxcbiAgICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWRcbiAgICAgID8gcHJvcHMuY29sdW1uTWFuYWdlciEudmlzaWJsZUNvbHVtbktleXNcbiAgICAgIDogdW5kZWZpbmVkXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlU2V0dGluZ3NQYW5lbENoYW5nZSA9ICgpID0+IHNldE9wZW5lZFBhbmVsSWQobnVsbCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ3hzJyl9PlxuICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxUb3BCYXJDb250YWluZXI+e3Byb3BzLnRvcEJhcn08L1RvcEJhckNvbnRhaW5lcj5cbiAgICAgICAge2Ryb3Bkb3duT3B0aW9ucy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgICA8U2VsZWN0Q29udGFpbmVyPlxuICAgICAgICAgICAgPEFjY2Vzc2libGVIaWRkZW4+XG4gICAgICAgICAgICAgIDxsYWJlbCBodG1sRm9yPVwidGFibGUtc2V0dGluZ3MtZHJvcGRvd25cIj5cbiAgICAgICAgICAgICAgICBPcGVuIHRhYmxlIG1hbmFnZXIgZHJvcGRvd25cbiAgICAgICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgICAgIDwvQWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgICAgICAgIDxTZWxlY3RJbnB1dFxuICAgICAgICAgICAgICBpZD1cInRhYmxlLXNldHRpbmdzLWRyb3Bkb3duXCJcbiAgICAgICAgICAgICAgLy8gdGhlIGRyb3Bkb3duIGFsd2F5cyBzaG93cyB0aGUgcGxhY2Vob2xkZXIgYXMgc2VsZWN0aW5nIGFuIG9wdGlvblxuICAgICAgICAgICAgICAvLyB3aWxsIG9wZW4gdGhlIGNvcnJlc3BvbmRpbmcgcGFuZWwgKGNvbHVtbiBtYW5hZ2VyIG9yIGRpc3BsYXkgc2V0dGluZ3MpXG4gICAgICAgICAgICAgIHZhbHVlPVwiXCJcbiAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5wbGFjZWhvbGRlcil9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVEcm9wZG93bkNoYW5nZX1cbiAgICAgICAgICAgICAgb3B0aW9ucz17ZHJvcGRvd25PcHRpb25zfVxuICAgICAgICAgICAgICBpY29uTGVmdD17XG4gICAgICAgICAgICAgICAgPFRhYmxlSWNvbiBjb2xvcj17dGhlbWVkVmFsdWUodW5kZWZpbmVkLCAnbmV1dHJhbDYwJyl9IC8+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TZWxlY3RDb250YWluZXI+XG4gICAgICAgICl9XG4gICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBESVNQTEFZX1NFVFRJTkdTICYmIChcbiAgICAgICAgPERpc3BsYXlTZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmRpc3BsYXlTZXR0aW5ncyB8fCB7fSl9XG4gICAgICAgICAgb25DbG9zZT17aGFuZGxlU2V0dGluZ3NQYW5lbENoYW5nZX1cbiAgICAgICAgICBvbkRlbnNpdHlEaXNwbGF5Q2hhbmdlPXsoZXZlbnQpID0+IHtcbiAgICAgICAgICAgIHByb3BzLm9uU2V0dGluZ3NDaGFuZ2U/LihcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfQ09OREVOU0VEX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBERU5TSVRZX0NPTVBBQ1RcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvblRleHRXcmFwcGluZ0NoYW5nZT17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLklTX1RBQkxFX1dSQVBQSU5HX1RFWFRfVVBEQVRFLFxuICAgICAgICAgICAgICBldmVudC50YXJnZXQudmFsdWUgPT09IFNIT1dfSElERV9PTl9ERU1BTkRcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBtYW5hZ2VyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICAgICAgLz5cbiAgICAgICl9XG5cbiAgICAgIHtvcGVuZWRQYW5lbElkID09PSBDT0xVTU5fTUFOQUdFUiAmJiAoXG4gICAgICAgIDxDb2x1bW5TZXR0aW5nc01hbmFnZXJcbiAgICAgICAgICB7Li4uKHByb3BzLmNvbHVtbk1hbmFnZXIgfHwge30pfVxuICAgICAgICAgIGF2YWlsYWJsZUNvbHVtbnM9e3Byb3BzLmNvbHVtbk1hbmFnZXI/LmhpZGVhYmxlQ29sdW1ucyA/PyBbXX1cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlPy4oXG4gICAgICAgICAgICAgIFVQREFURV9BQ1RJT05TLkNPTFVNTlNfVVBEQVRFLFxuICAgICAgICAgICAgICBrZXlzT2ZWaXNpYmxlQ29sdW1uc1xuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG1hbmFnZXJUaGVtZT17cHJvcHMubWFuYWdlclRoZW1lfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICApO1xufTtcblxuRGF0YVRhYmxlU2V0dGluZ3MuZGlzcGxheU5hbWUgPSAnRGF0YVRhYmxlU2V0dGluZ3MnO1xuXG5leHBvcnQgZGVmYXVsdCBEYXRhVGFibGVTZXR0aW5ncztcbiJdfQ== */"));
|
|
754
725
|
|
|
755
|
-
|
|
726
|
+
const TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
756
727
|
target: "e3i1gnv0"
|
|
757
728
|
} : {
|
|
758
729
|
target: "e3i1gnv0",
|
|
@@ -767,65 +738,57 @@ var TopBarContainer = /*#__PURE__*/_styled__default["default"]("div", process.en
|
|
|
767
738
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
768
739
|
});
|
|
769
740
|
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
var areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
|
|
741
|
+
const getDropdownOptions = _ref => {
|
|
742
|
+
let areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
|
|
774
743
|
areDisplaySettingsEnabled = _ref.areDisplaySettingsEnabled,
|
|
775
744
|
formatMessage = _ref.formatMessage;
|
|
776
|
-
return
|
|
745
|
+
return [...(areColumnSettingsEnabled ? [{
|
|
777
746
|
value: COLUMN_MANAGER,
|
|
778
747
|
label: formatMessage(messages.columnManagerOption)
|
|
779
|
-
}] : []),
|
|
748
|
+
}] : []), ...(areDisplaySettingsEnabled ? [{
|
|
780
749
|
value: DISPLAY_SETTINGS,
|
|
781
750
|
label: formatMessage(messages.displaySettingsOption)
|
|
782
|
-
}] : [])
|
|
751
|
+
}] : [])];
|
|
783
752
|
};
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
return _reduceInstanceProperty__default["default"](columns).call(columns,
|
|
787
|
-
|
|
788
|
-
}, {});
|
|
753
|
+
const getMappedColumns = function () {
|
|
754
|
+
let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
755
|
+
return _reduceInstanceProperty__default["default"](columns).call(columns, (mappedColumns, column) => _objectSpread$1(_objectSpread$1({}, mappedColumns), {}, {
|
|
756
|
+
[column.key]: column
|
|
757
|
+
}), {});
|
|
789
758
|
};
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys,
|
|
793
|
-
return mappedColumns[columnKey];
|
|
794
|
-
});
|
|
759
|
+
const getSelectedColumns = function (mappedColumns) {
|
|
760
|
+
let visibleColumnsKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
761
|
+
return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, columnKey => mappedColumns[columnKey]);
|
|
795
762
|
};
|
|
796
763
|
|
|
797
|
-
|
|
764
|
+
const DataTableSettings = props => {
|
|
798
765
|
var _props$columnManager$, _props$columnManager;
|
|
799
766
|
|
|
800
|
-
|
|
801
|
-
|
|
767
|
+
const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
|
|
768
|
+
const areColumnSettingsEnabled = Boolean(props.columnManager && !props.columnManager.disableColumnManager);
|
|
802
769
|
process.env.NODE_ENV !== "production" ? utils.warning(areDisplaySettingsEnabled || areColumnSettingsEnabled ? typeof props.onSettingsChange === 'function' : true, "ui-kit/DataTableManager: the prop \"onSettingsChange\" is required when either the display settings or the column settings are enabled.") : void 0;
|
|
803
|
-
|
|
770
|
+
const intl = reactIntl.useIntl();
|
|
804
771
|
|
|
805
|
-
|
|
806
|
-
|
|
772
|
+
const _useTheme = designSystem.useTheme(),
|
|
773
|
+
themedValue = _useTheme.themedValue;
|
|
807
774
|
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
775
|
+
const _useState = react.useState(null),
|
|
776
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
777
|
+
openedPanelId = _useState2[0],
|
|
778
|
+
setOpenedPanelId = _useState2[1];
|
|
812
779
|
|
|
813
|
-
|
|
814
|
-
areDisplaySettingsEnabled
|
|
815
|
-
areColumnSettingsEnabled
|
|
780
|
+
const dropdownOptions = getDropdownOptions({
|
|
781
|
+
areDisplaySettingsEnabled,
|
|
782
|
+
areColumnSettingsEnabled,
|
|
816
783
|
formatMessage: intl.formatMessage
|
|
817
784
|
});
|
|
818
785
|
|
|
819
|
-
|
|
820
|
-
return setOpenedPanelId(_Array$isArray__default["default"](event.target.value) ? event.target.value[0] : event.target.value);
|
|
821
|
-
};
|
|
786
|
+
const handleDropdownChange = event => setOpenedPanelId(_Array$isArray__default["default"](event.target.value) ? event.target.value[0] : event.target.value);
|
|
822
787
|
|
|
823
|
-
|
|
824
|
-
|
|
788
|
+
const mappedColumns = getMappedColumns(areColumnSettingsEnabled ? props.columnManager.hideableColumns : undefined);
|
|
789
|
+
const selectedColumns = getSelectedColumns(mappedColumns, areColumnSettingsEnabled ? props.columnManager.visibleColumnKeys : undefined);
|
|
825
790
|
|
|
826
|
-
|
|
827
|
-
return setOpenedPanelId(null);
|
|
828
|
-
};
|
|
791
|
+
const handleSettingsPanelChange = () => setOpenedPanelId(null);
|
|
829
792
|
|
|
830
793
|
return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
831
794
|
scale: themedValue('s', 'xs'),
|
|
@@ -855,12 +818,12 @@ var DataTableSettings = function DataTableSettings(props) {
|
|
|
855
818
|
})]
|
|
856
819
|
}), openedPanelId === DISPLAY_SETTINGS && jsxRuntime.jsx(DisplaySettingsManager, _objectSpread$1(_objectSpread$1({}, props.displaySettings || {}), {}, {
|
|
857
820
|
onClose: handleSettingsPanelChange,
|
|
858
|
-
onDensityDisplayChange:
|
|
821
|
+
onDensityDisplayChange: event => {
|
|
859
822
|
var _props$onSettingsChan;
|
|
860
823
|
|
|
861
824
|
(_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 ? void 0 : _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
|
|
862
825
|
},
|
|
863
|
-
onTextWrappingChange:
|
|
826
|
+
onTextWrappingChange: event => {
|
|
864
827
|
var _props$onSettingsChan2;
|
|
865
828
|
|
|
866
829
|
(_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 ? void 0 : _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
|
|
@@ -870,12 +833,10 @@ var DataTableSettings = function DataTableSettings(props) {
|
|
|
870
833
|
availableColumns: (_props$columnManager$ = (_props$columnManager = props.columnManager) === null || _props$columnManager === void 0 ? void 0 : _props$columnManager.hideableColumns) !== null && _props$columnManager$ !== void 0 ? _props$columnManager$ : [],
|
|
871
834
|
selectedColumns: selectedColumns,
|
|
872
835
|
onClose: handleSettingsPanelChange,
|
|
873
|
-
onUpdateColumns:
|
|
836
|
+
onUpdateColumns: nextVisibleColumns => {
|
|
874
837
|
var _props$onSettingsChan3;
|
|
875
838
|
|
|
876
|
-
|
|
877
|
-
return visibleColumn.key;
|
|
878
|
-
});
|
|
839
|
+
const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
|
|
879
840
|
|
|
880
841
|
(_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 ? void 0 : _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
|
|
881
842
|
},
|
|
@@ -916,20 +877,18 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
916
877
|
|
|
917
878
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
918
879
|
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
880
|
+
const DataTableManager = props => {
|
|
881
|
+
const _useTheme = designSystem.useTheme(),
|
|
882
|
+
themedValue = _useTheme.themedValue;
|
|
922
883
|
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
884
|
+
const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
|
|
885
|
+
const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
|
|
886
|
+
const columns = react.useMemo(() => {
|
|
926
887
|
var _context;
|
|
927
888
|
|
|
928
|
-
return _mapInstanceProperty__default["default"](_context = props.columns).call(_context,
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
});
|
|
932
|
-
});
|
|
889
|
+
return _mapInstanceProperty__default["default"](_context = props.columns).call(_context, column => _objectSpread(_objectSpread({}, column), {}, {
|
|
890
|
+
isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
|
|
891
|
+
}));
|
|
933
892
|
}, [areDisplaySettingsEnabled, props.columns, isWrappingText]);
|
|
934
893
|
return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
935
894
|
children: [jsxRuntime.jsx(DataTableSettings$1, {
|
|
@@ -939,7 +898,7 @@ var DataTableManager = function DataTableManager(props) {
|
|
|
939
898
|
displaySettings: props.displaySettings,
|
|
940
899
|
managerTheme: themedValue(props.managerTheme, 'light')
|
|
941
900
|
}), /*#__PURE__*/react.cloneElement(props.children, {
|
|
942
|
-
columns
|
|
901
|
+
columns,
|
|
943
902
|
isCondensed: areDisplaySettingsEnabled && props.displaySettings.isCondensed
|
|
944
903
|
})]
|
|
945
904
|
});
|
|
@@ -968,7 +927,7 @@ DataTableManager.displayName = 'DataTableManager';
|
|
|
968
927
|
var DataTableManager$1 = DataTableManager;
|
|
969
928
|
|
|
970
929
|
// NOTE: This string will be replaced on build time with the package version.
|
|
971
|
-
var version = "15.
|
|
930
|
+
var version = "15.15.1";
|
|
972
931
|
|
|
973
932
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
974
933
|
enumerable: true,
|