@commercetools-uikit/data-table-manager 12.2.3 → 12.2.7
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.
|
@@ -87,7 +87,7 @@ var DISPLAY_SETTINGS = 'displaySettings';
|
|
|
87
87
|
|
|
88
88
|
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)."; }
|
|
89
89
|
|
|
90
|
-
var HeaderContainer = _styled__default[
|
|
90
|
+
var HeaderContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
91
91
|
target: "e16v1mgb0"
|
|
92
92
|
} : {
|
|
93
93
|
target: "e16v1mgb0",
|
|
@@ -104,30 +104,30 @@ var HeaderContainer = _styled__default['default']("div", process.env.NODE_ENV ==
|
|
|
104
104
|
|
|
105
105
|
var SettingsContainer = function SettingsContainer(props) {
|
|
106
106
|
var intl = reactIntl.useIntl();
|
|
107
|
-
return jsxRuntime.jsx(CollapsibleMotion__default[
|
|
107
|
+
return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
|
|
108
108
|
isDefaultClosed: false,
|
|
109
109
|
children: function children(_ref) {
|
|
110
110
|
var registerContentNode = _ref.registerContentNode,
|
|
111
111
|
containerStyles = _ref.containerStyles;
|
|
112
|
-
return jsxRuntime.jsx(Card__default[
|
|
112
|
+
return jsxRuntime.jsx(Card__default["default"], {
|
|
113
113
|
type: "flat",
|
|
114
114
|
theme: props.containerTheme,
|
|
115
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
115
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
116
116
|
scale: "xs",
|
|
117
117
|
children: [jsxRuntime.jsxs(HeaderContainer, {
|
|
118
|
-
children: [jsxRuntime.jsx(Text__default[
|
|
118
|
+
children: [jsxRuntime.jsx(Text__default["default"].Headline, {
|
|
119
119
|
as: "h3",
|
|
120
120
|
intlMessage: props.title
|
|
121
|
-
}), jsxRuntime.jsx(AccessibleButton__default[
|
|
121
|
+
}), jsxRuntime.jsx(AccessibleButton__default["default"], {
|
|
122
122
|
onClick: props.onClose,
|
|
123
123
|
label: intl.formatMessage(props.closeButtonLabel),
|
|
124
124
|
children: jsxRuntime.jsx(icons.CloseIcon, {
|
|
125
125
|
size: "medium"
|
|
126
126
|
})
|
|
127
127
|
})]
|
|
128
|
-
}), jsxRuntime.jsxs(Spacings__default[
|
|
128
|
+
}), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
129
129
|
scale: "xs",
|
|
130
|
-
children: [jsxRuntime.jsx(Spacings__default[
|
|
130
|
+
children: [jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
131
131
|
scale: "s",
|
|
132
132
|
children: jsxRuntime.jsx("div", {
|
|
133
133
|
style: containerStyles,
|
|
@@ -136,7 +136,7 @@ var SettingsContainer = function SettingsContainer(props) {
|
|
|
136
136
|
children: props.children
|
|
137
137
|
})
|
|
138
138
|
})
|
|
139
|
-
}), (props.secondaryButton || props.primaryButton) && jsxRuntime.jsxs(Spacings__default[
|
|
139
|
+
}), (props.secondaryButton || props.primaryButton) && jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
140
140
|
justifyContent: "flex-end",
|
|
141
141
|
children: [props.secondaryButton, props.primaryButton]
|
|
142
142
|
})]
|
|
@@ -149,19 +149,19 @@ var SettingsContainer = function SettingsContainer(props) {
|
|
|
149
149
|
|
|
150
150
|
SettingsContainer.displayName = 'SettingsContainer';
|
|
151
151
|
SettingsContainer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
152
|
-
title: PropTypes__default[
|
|
153
|
-
id: PropTypes__default[
|
|
154
|
-
defaultMessage: PropTypes__default[
|
|
152
|
+
title: PropTypes__default["default"].shape({
|
|
153
|
+
id: PropTypes__default["default"].string.isRequired,
|
|
154
|
+
defaultMessage: PropTypes__default["default"].string.isRequired
|
|
155
155
|
}).isRequired,
|
|
156
|
-
closeButtonLabel: PropTypes__default[
|
|
157
|
-
id: PropTypes__default[
|
|
158
|
-
defaultMessage: PropTypes__default[
|
|
156
|
+
closeButtonLabel: PropTypes__default["default"].shape({
|
|
157
|
+
id: PropTypes__default["default"].string.isRequired,
|
|
158
|
+
defaultMessage: PropTypes__default["default"].string.isRequired
|
|
159
159
|
}).isRequired,
|
|
160
|
-
onClose: PropTypes__default[
|
|
161
|
-
primaryButton: PropTypes__default[
|
|
162
|
-
secondaryButton: PropTypes__default[
|
|
163
|
-
children: PropTypes__default[
|
|
164
|
-
containerTheme: PropTypes__default[
|
|
160
|
+
onClose: PropTypes__default["default"].func.isRequired,
|
|
161
|
+
primaryButton: PropTypes__default["default"].element,
|
|
162
|
+
secondaryButton: PropTypes__default["default"].element,
|
|
163
|
+
children: PropTypes__default["default"].node.isRequired,
|
|
164
|
+
containerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
|
|
165
165
|
} : {};
|
|
166
166
|
SettingsContainer.defaultProps = {
|
|
167
167
|
containerTheme: 'dark'
|
|
@@ -227,15 +227,15 @@ var DensityManager = function DensityManager(props) {
|
|
|
227
227
|
primaryButton: props.primaryButton,
|
|
228
228
|
secondaryButton: props.secondaryButton,
|
|
229
229
|
containerTheme: props.managerTheme,
|
|
230
|
-
children: jsxRuntime.jsxs(Grid__default[
|
|
230
|
+
children: jsxRuntime.jsxs(Grid__default["default"], {
|
|
231
231
|
gridGap: designSystem.customProperties.spacingM,
|
|
232
232
|
gridTemplateColumns: "repeat(2, 1fr)",
|
|
233
|
-
children: [jsxRuntime.jsx(Grid__default[
|
|
234
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
233
|
+
children: [jsxRuntime.jsx(Grid__default["default"].Item, {
|
|
234
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
235
235
|
scale: "s",
|
|
236
|
-
children: [jsxRuntime.jsx(FieldLabel__default[
|
|
236
|
+
children: [jsxRuntime.jsx(FieldLabel__default["default"], {
|
|
237
237
|
title: intl.formatMessage(messages$3.textWrappingSubtitle)
|
|
238
|
-
}), jsxRuntime.jsxs(AccessibleHiden__default[
|
|
238
|
+
}), jsxRuntime.jsxs(AccessibleHiden__default["default"], {
|
|
239
239
|
children: [jsxRuntime.jsx("label", {
|
|
240
240
|
htmlFor: "text-wrapping-0",
|
|
241
241
|
children: "Select radio option: display full text"
|
|
@@ -243,26 +243,26 @@ var DensityManager = function DensityManager(props) {
|
|
|
243
243
|
htmlFor: "text-wrapping-1",
|
|
244
244
|
children: "Select radio option: display full previews"
|
|
245
245
|
})]
|
|
246
|
-
}), jsxRuntime.jsxs(RadioInput__default[
|
|
246
|
+
}), jsxRuntime.jsxs(RadioInput__default["default"].Group, {
|
|
247
247
|
id: "text-wrapping",
|
|
248
248
|
name: "text-wrapping",
|
|
249
249
|
value: textWrappingOption,
|
|
250
250
|
onChange: props.onTextWrappingChange,
|
|
251
|
-
children: [jsxRuntime.jsx(RadioInput__default[
|
|
251
|
+
children: [jsxRuntime.jsx(RadioInput__default["default"].Option, {
|
|
252
252
|
value: WRAPPED_TEXT_VISIBLE,
|
|
253
253
|
children: intl.formatMessage(messages$3.textWrappingAllWrapVisibleOption)
|
|
254
|
-
}), jsxRuntime.jsx(RadioInput__default[
|
|
254
|
+
}), jsxRuntime.jsx(RadioInput__default["default"].Option, {
|
|
255
255
|
value: SHOW_HIDE_ON_DEMAND,
|
|
256
256
|
children: intl.formatMessage(messages$3.textWrappingShowHideOnDemandOption)
|
|
257
257
|
})]
|
|
258
258
|
})]
|
|
259
259
|
})
|
|
260
|
-
}), jsxRuntime.jsx(Grid__default[
|
|
261
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
260
|
+
}), jsxRuntime.jsx(Grid__default["default"].Item, {
|
|
261
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
262
262
|
scale: "s",
|
|
263
|
-
children: [jsxRuntime.jsx(FieldLabel__default[
|
|
263
|
+
children: [jsxRuntime.jsx(FieldLabel__default["default"], {
|
|
264
264
|
title: intl.formatMessage(messages$3.densityDisplaySubtitle)
|
|
265
|
-
}), jsxRuntime.jsxs(AccessibleHiden__default[
|
|
265
|
+
}), jsxRuntime.jsxs(AccessibleHiden__default["default"], {
|
|
266
266
|
children: [jsxRuntime.jsx("label", {
|
|
267
267
|
htmlFor: "density-display-0",
|
|
268
268
|
children: "Select radio option: density default"
|
|
@@ -270,15 +270,15 @@ var DensityManager = function DensityManager(props) {
|
|
|
270
270
|
htmlFor: "density-display-1",
|
|
271
271
|
children: "Select radio option: density compact"
|
|
272
272
|
})]
|
|
273
|
-
}), jsxRuntime.jsxs(RadioInput__default[
|
|
273
|
+
}), jsxRuntime.jsxs(RadioInput__default["default"].Group, {
|
|
274
274
|
id: "density-display",
|
|
275
275
|
name: "density-display",
|
|
276
276
|
value: densityDisplayOption,
|
|
277
277
|
onChange: props.onDensityDisplayChange,
|
|
278
|
-
children: [jsxRuntime.jsx(RadioInput__default[
|
|
278
|
+
children: [jsxRuntime.jsx(RadioInput__default["default"].Option, {
|
|
279
279
|
value: DENSITY_DEFAULT,
|
|
280
280
|
children: intl.formatMessage(messages$3.densityDisplayDefaultOption)
|
|
281
|
-
}), jsxRuntime.jsx(RadioInput__default[
|
|
281
|
+
}), jsxRuntime.jsx(RadioInput__default["default"].Option, {
|
|
282
282
|
value: DENSITY_COMPACT,
|
|
283
283
|
children: intl.formatMessage(messages$3.densityDisplayCompactOption)
|
|
284
284
|
})]
|
|
@@ -295,20 +295,20 @@ DensityManager.defaultProps = {
|
|
|
295
295
|
isWrappingText: false
|
|
296
296
|
};
|
|
297
297
|
DensityManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
298
|
-
isCondensed: PropTypes__default[
|
|
299
|
-
isWrappingText: PropTypes__default[
|
|
300
|
-
primaryButton: PropTypes__default[
|
|
301
|
-
secondaryButton: PropTypes__default[
|
|
302
|
-
onDensityDisplayChange: PropTypes__default[
|
|
303
|
-
onTextWrappingChange: PropTypes__default[
|
|
304
|
-
onClose: PropTypes__default[
|
|
305
|
-
managerTheme: PropTypes__default[
|
|
298
|
+
isCondensed: PropTypes__default["default"].bool,
|
|
299
|
+
isWrappingText: PropTypes__default["default"].bool,
|
|
300
|
+
primaryButton: PropTypes__default["default"].element,
|
|
301
|
+
secondaryButton: PropTypes__default["default"].element,
|
|
302
|
+
onDensityDisplayChange: PropTypes__default["default"].func.isRequired,
|
|
303
|
+
onTextWrappingChange: PropTypes__default["default"].func.isRequired,
|
|
304
|
+
onClose: PropTypes__default["default"].func.isRequired,
|
|
305
|
+
managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
|
|
306
306
|
} : {};
|
|
307
307
|
var DisplaySettingsManager = DensityManager;
|
|
308
308
|
|
|
309
309
|
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)."; }
|
|
310
310
|
|
|
311
|
-
var DraggingSmall = _styled__default[
|
|
311
|
+
var DraggingSmall = _styled__default["default"]("small", process.env.NODE_ENV === "production" ? {
|
|
312
312
|
target: "ed3a5rx1"
|
|
313
313
|
} : {
|
|
314
314
|
target: "ed3a5rx1",
|
|
@@ -323,7 +323,7 @@ var DraggingSmall = _styled__default['default']("small", process.env.NODE_ENV ==
|
|
|
323
323
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
|
|
324
324
|
});
|
|
325
325
|
|
|
326
|
-
var DraggingContainer = _styled__default[
|
|
326
|
+
var DraggingContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
327
327
|
target: "ed3a5rx0"
|
|
328
328
|
} : {
|
|
329
329
|
target: "ed3a5rx0",
|
|
@@ -332,9 +332,9 @@ var DraggingContainer = _styled__default['default']("div", process.env.NODE_ENV
|
|
|
332
332
|
|
|
333
333
|
var DraggingContainer$1 = DraggingContainer;
|
|
334
334
|
|
|
335
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
335
|
+
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
336
336
|
|
|
337
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default[
|
|
337
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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; }
|
|
338
338
|
|
|
339
339
|
var DraggableTag = function DraggableTag(props) {
|
|
340
340
|
var handleRemoveColumn = function handleRemoveColumn() {
|
|
@@ -346,15 +346,15 @@ var DraggableTag = function DraggableTag(props) {
|
|
|
346
346
|
index: props.index,
|
|
347
347
|
isDragDisabled: props.isDisabled,
|
|
348
348
|
children: function children(provided) {
|
|
349
|
-
return jsxRuntime.jsxs(Spacings__default[
|
|
349
|
+
return jsxRuntime.jsxs(Spacings__default["default"].Inset, {
|
|
350
350
|
scale: "xs",
|
|
351
351
|
children: [jsxRuntime.jsx(DraggingContainer$1, _objectSpread$3(_objectSpread$3(_objectSpread$3({
|
|
352
352
|
ref: provided.innerRef
|
|
353
353
|
}, provided.draggableProps), provided.dragHandleProps), {}, {
|
|
354
|
-
children: jsxRuntime.jsx(Tag__default[
|
|
354
|
+
children: jsxRuntime.jsx(Tag__default["default"], {
|
|
355
355
|
onRemove: props.onRemove ? handleRemoveColumn : undefined,
|
|
356
356
|
isDisabled: props.isDisabled,
|
|
357
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
357
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
358
358
|
alignItems: "center",
|
|
359
359
|
children: [jsxRuntime.jsx(icons.DragIcon, {
|
|
360
360
|
"data-testid": "drag-icon",
|
|
@@ -370,17 +370,17 @@ var DraggableTag = function DraggableTag(props) {
|
|
|
370
370
|
|
|
371
371
|
DraggableTag.displayName = 'DraggableTag';
|
|
372
372
|
DraggableTag.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
373
|
-
column: PropTypes__default[
|
|
374
|
-
key: PropTypes__default[
|
|
375
|
-
label: PropTypes__default[
|
|
373
|
+
column: PropTypes__default["default"].shape({
|
|
374
|
+
key: PropTypes__default["default"].string.isRequired,
|
|
375
|
+
label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
|
|
376
376
|
}).isRequired,
|
|
377
|
-
index: PropTypes__default[
|
|
378
|
-
onRemove: PropTypes__default[
|
|
379
|
-
isDisabled: PropTypes__default[
|
|
377
|
+
index: PropTypes__default["default"].number.isRequired,
|
|
378
|
+
onRemove: PropTypes__default["default"].func,
|
|
379
|
+
isDisabled: PropTypes__default["default"].bool
|
|
380
380
|
} : {};
|
|
381
381
|
var DraggableTag$1 = DraggableTag;
|
|
382
382
|
|
|
383
|
-
var TagContainerEditable = _styled__default[
|
|
383
|
+
var TagContainerEditable = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
384
384
|
target: "ecy2q1d0"
|
|
385
385
|
} : {
|
|
386
386
|
target: "ecy2q1d0",
|
|
@@ -406,14 +406,14 @@ var DroppablePanel = function DroppablePanel(props) {
|
|
|
406
406
|
return jsxRuntime.jsxs(TagContainerEditable$1, {
|
|
407
407
|
"data-testid": props.droppableId,
|
|
408
408
|
ref: provided.innerRef,
|
|
409
|
-
children: [props.columns.length === 0 ? jsxRuntime.jsx(Spacings__default[
|
|
409
|
+
children: [props.columns.length === 0 ? jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
410
410
|
scale: "s",
|
|
411
|
-
children: jsxRuntime.jsx(Text__default[
|
|
411
|
+
children: jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
412
412
|
tone: "secondary",
|
|
413
413
|
children: props.noColumnsText
|
|
414
414
|
})
|
|
415
415
|
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
416
|
-
children: [_mapInstanceProperty__default[
|
|
416
|
+
children: [_mapInstanceProperty__default["default"](_context = props.columns).call(_context, function (column, index) {
|
|
417
417
|
var _context2;
|
|
418
418
|
|
|
419
419
|
return jsxRuntime.jsx(DraggableTag$1, {
|
|
@@ -422,13 +422,13 @@ var DroppablePanel = function DroppablePanel(props) {
|
|
|
422
422
|
onRemove: props.onRemove ? function () {
|
|
423
423
|
var _context3, _context4, _context5;
|
|
424
424
|
|
|
425
|
-
return props.onRemove(_concatInstanceProperty__default[
|
|
425
|
+
return props.onRemove(_concatInstanceProperty__default["default"](_context3 = []).call(_context3, _toConsumableArray(_sliceInstanceProperty__default["default"](_context4 = props.columns).call(_context4, 0, index)), _toConsumableArray(_sliceInstanceProperty__default["default"](_context5 = props.columns).call(_context5, index + 1))));
|
|
426
426
|
} : undefined,
|
|
427
427
|
isDisabled: props.isDisabled
|
|
428
|
-
}, _concatInstanceProperty__default[
|
|
429
|
-
}), props.isSearchable && jsxRuntime.jsx(Spacings__default[
|
|
428
|
+
}, _concatInstanceProperty__default["default"](_context2 = "".concat(column.key, "-")).call(_context2, index));
|
|
429
|
+
}), props.isSearchable && jsxRuntime.jsx(Spacings__default["default"].Inset, {
|
|
430
430
|
scale: "xs",
|
|
431
|
-
children: jsxRuntime.jsx(Text__default[
|
|
431
|
+
children: jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
432
432
|
tone: "secondary",
|
|
433
433
|
intlMessage: messages$2.loadMoreAttributesHint
|
|
434
434
|
})
|
|
@@ -441,15 +441,15 @@ var DroppablePanel = function DroppablePanel(props) {
|
|
|
441
441
|
|
|
442
442
|
DroppablePanel.displayName = 'DroppablePanel';
|
|
443
443
|
DroppablePanel.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
444
|
-
droppableId: PropTypes__default[
|
|
445
|
-
noColumnsText: PropTypes__default[
|
|
446
|
-
columns: PropTypes__default[
|
|
447
|
-
key: PropTypes__default[
|
|
448
|
-
label: PropTypes__default[
|
|
444
|
+
droppableId: PropTypes__default["default"].string.isRequired,
|
|
445
|
+
noColumnsText: PropTypes__default["default"].node.isRequired,
|
|
446
|
+
columns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
|
447
|
+
key: PropTypes__default["default"].string.isRequired,
|
|
448
|
+
label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
|
|
449
449
|
})),
|
|
450
|
-
isSearchable: PropTypes__default[
|
|
451
|
-
isDisabled: PropTypes__default[
|
|
452
|
-
onRemove: PropTypes__default[
|
|
450
|
+
isSearchable: PropTypes__default["default"].bool,
|
|
451
|
+
isDisabled: PropTypes__default["default"].bool,
|
|
452
|
+
onRemove: PropTypes__default["default"].func
|
|
453
453
|
} : {};
|
|
454
454
|
var DroppablePanel$1 = DroppablePanel;
|
|
455
455
|
|
|
@@ -489,11 +489,11 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
489
489
|
var HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
|
|
490
490
|
var SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
|
|
491
491
|
|
|
492
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
492
|
+
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
493
493
|
|
|
494
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty__default[
|
|
494
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context5; _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(source))).call(_context5, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
495
495
|
|
|
496
|
-
var DroppableContainer = _styled__default[
|
|
496
|
+
var DroppableContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
497
497
|
target: "e6ge22w0"
|
|
498
498
|
} : {
|
|
499
499
|
target: "e6ge22w0",
|
|
@@ -511,7 +511,7 @@ var handleColumnsUpdate = function handleColumnsUpdate(dragResult, onUpdateColum
|
|
|
511
511
|
var _context;
|
|
512
512
|
|
|
513
513
|
if (dragResult.source.droppableId === HIDDEN_COLUMNS_PANEL) return;
|
|
514
|
-
onUpdateColumns(_concatInstanceProperty__default[
|
|
514
|
+
onUpdateColumns(_concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1))));
|
|
515
515
|
} else {
|
|
516
516
|
var _context2, _context3;
|
|
517
517
|
|
|
@@ -520,20 +520,20 @@ var handleColumnsUpdate = function handleColumnsUpdate(dragResult, onUpdateColum
|
|
|
520
520
|
var isSwap = dragResult.source.droppableId === SELECTED_COLUMNS_PANEL;
|
|
521
521
|
var items = isSwap ? // remove the dragged item from its position if it is not coming from
|
|
522
522
|
// the hidden section (it is a swap)
|
|
523
|
-
_concatInstanceProperty__default[
|
|
523
|
+
_concatInstanceProperty__default["default"](_context2 = []).call(_context2, _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, 0, dragResult.source.index)), _toConsumableArray(_sliceInstanceProperty__default["default"](selectedColumns).call(selectedColumns, dragResult.source.index + 1))) : selectedColumns;
|
|
524
524
|
var columns = isSwap ? selectedColumns : availableColumns;
|
|
525
525
|
|
|
526
|
-
var draggedColumn = _findInstanceProperty__default[
|
|
526
|
+
var draggedColumn = _findInstanceProperty__default["default"](columns).call(columns, function (col) {
|
|
527
527
|
return col.key === dragResult.draggableId;
|
|
528
528
|
}); // push the column in the new position
|
|
529
529
|
|
|
530
530
|
|
|
531
|
-
onUpdateColumns(_concatInstanceProperty__default[
|
|
531
|
+
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))));
|
|
532
532
|
}
|
|
533
533
|
};
|
|
534
534
|
|
|
535
535
|
var DropdownIndicator = function DropdownIndicator() {
|
|
536
|
-
return jsxRuntime.jsx(Spacings__default[
|
|
536
|
+
return jsxRuntime.jsx(Spacings__default["default"].Inline, {
|
|
537
537
|
alignItems: "center",
|
|
538
538
|
children: jsxRuntime.jsx(icons.SearchIcon, {
|
|
539
539
|
scale: "medium",
|
|
@@ -568,7 +568,7 @@ var ColumnSettingsManager = function ColumnSettingsManager(props) {
|
|
|
568
568
|
};
|
|
569
569
|
|
|
570
570
|
var hiddenColumns = react.useMemo(function () {
|
|
571
|
-
return differenceWith__default[
|
|
571
|
+
return differenceWith__default["default"](props.availableColumns, props.selectedColumns, function (a, b) {
|
|
572
572
|
return a.key === b.key;
|
|
573
573
|
});
|
|
574
574
|
}, [props.availableColumns, props.selectedColumns]);
|
|
@@ -590,22 +590,22 @@ var ColumnSettingsManager = function ColumnSettingsManager(props) {
|
|
|
590
590
|
children: jsxRuntime.jsx(reactBeautifulDnd.DragDropContext, {
|
|
591
591
|
onDragEnd: handleDragEnd,
|
|
592
592
|
onDragStart: handleDragStart,
|
|
593
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
593
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
594
594
|
scale: "m",
|
|
595
595
|
children: [jsxRuntime.jsx(DroppableContainer, {
|
|
596
596
|
isDragging: isDragging,
|
|
597
597
|
"aria-labelledby": "hidden-columns",
|
|
598
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
599
|
-
children: [jsxRuntime.jsxs(Spacings__default[
|
|
598
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
599
|
+
children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
600
600
|
scale: "xs",
|
|
601
601
|
alignItems: "center",
|
|
602
602
|
children: [jsxRuntime.jsx(icons.EyeCrossedIcon, {
|
|
603
603
|
size: "medium"
|
|
604
|
-
}), jsxRuntime.jsx(FieldLabel__default[
|
|
604
|
+
}), jsxRuntime.jsx(FieldLabel__default["default"], {
|
|
605
605
|
id: "hidden-columns",
|
|
606
606
|
title: intl.formatMessage(messages$1.hiddenColumns)
|
|
607
607
|
})]
|
|
608
|
-
}), props.areHiddenColumnsSearchable && jsxRuntime.jsx(AsyncSelectInput__default[
|
|
608
|
+
}), props.areHiddenColumnsSearchable && jsxRuntime.jsx(AsyncSelectInput__default["default"], _objectSpread$2(_objectSpread$2({}, props.searchHiddenColumnsPlaceholder ? {
|
|
609
609
|
placeholder: props.searchHiddenColumnsPlaceholder
|
|
610
610
|
} : undefined), {}, {
|
|
611
611
|
cacheOptions: false,
|
|
@@ -616,7 +616,7 @@ var ColumnSettingsManager = function ColumnSettingsManager(props) {
|
|
|
616
616
|
// because the loading indicator is displayed
|
|
617
617
|
// only when loadOptions is invoked
|
|
618
618
|
,
|
|
619
|
-
loadOptions: debounce__default[
|
|
619
|
+
loadOptions: debounce__default["default"](searchHiddenColumns, 300),
|
|
620
620
|
onInputChange: handleInputChange,
|
|
621
621
|
components: selectInputComponents
|
|
622
622
|
})), jsxRuntime.jsx(DroppablePanel$1, {
|
|
@@ -630,13 +630,13 @@ var ColumnSettingsManager = function ColumnSettingsManager(props) {
|
|
|
630
630
|
}), jsxRuntime.jsx(DroppableContainer, {
|
|
631
631
|
isDragging: isDragging,
|
|
632
632
|
"aria-labelledby": "visible-columns",
|
|
633
|
-
children: jsxRuntime.jsxs(Spacings__default[
|
|
634
|
-
children: [jsxRuntime.jsxs(Spacings__default[
|
|
633
|
+
children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
634
|
+
children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
635
635
|
scale: "xs",
|
|
636
636
|
alignItems: "center",
|
|
637
637
|
children: [jsxRuntime.jsx(icons.EyeIcon, {
|
|
638
638
|
size: "medium"
|
|
639
|
-
}), jsxRuntime.jsx(FieldLabel__default[
|
|
639
|
+
}), jsxRuntime.jsx(FieldLabel__default["default"], {
|
|
640
640
|
id: "visible-columns",
|
|
641
641
|
title: intl.formatMessage(messages$1.visibleColumns)
|
|
642
642
|
})]
|
|
@@ -655,24 +655,24 @@ var ColumnSettingsManager = function ColumnSettingsManager(props) {
|
|
|
655
655
|
};
|
|
656
656
|
ColumnSettingsManager.displayName = 'ColumnSettingsManager';
|
|
657
657
|
ColumnSettingsManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
658
|
-
availableColumns: PropTypes__default[
|
|
659
|
-
key: PropTypes__default[
|
|
660
|
-
label: PropTypes__default[
|
|
658
|
+
availableColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
|
659
|
+
key: PropTypes__default["default"].string.isRequired,
|
|
660
|
+
label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
|
|
661
661
|
})).isRequired,
|
|
662
|
-
selectedColumns: PropTypes__default[
|
|
663
|
-
key: PropTypes__default[
|
|
664
|
-
label: PropTypes__default[
|
|
662
|
+
selectedColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
|
663
|
+
key: PropTypes__default["default"].string.isRequired,
|
|
664
|
+
label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
|
|
665
665
|
})).isRequired,
|
|
666
|
-
onUpdateColumns: PropTypes__default[
|
|
667
|
-
areHiddenColumnsSearchable: PropTypes__default[
|
|
668
|
-
searchHiddenColumns: requiredIf__default[
|
|
666
|
+
onUpdateColumns: PropTypes__default["default"].func.isRequired,
|
|
667
|
+
areHiddenColumnsSearchable: PropTypes__default["default"].bool,
|
|
668
|
+
searchHiddenColumns: requiredIf__default["default"](PropTypes__default["default"].func, function (props) {
|
|
669
669
|
return props.areHiddenColumnsSearchable;
|
|
670
670
|
}),
|
|
671
|
-
searchHiddenColumnsPlaceholder: PropTypes__default[
|
|
672
|
-
onClose: PropTypes__default[
|
|
673
|
-
primaryButton: PropTypes__default[
|
|
674
|
-
secondaryButton: PropTypes__default[
|
|
675
|
-
managerTheme: PropTypes__default[
|
|
671
|
+
searchHiddenColumnsPlaceholder: PropTypes__default["default"].string,
|
|
672
|
+
onClose: PropTypes__default["default"].func,
|
|
673
|
+
primaryButton: PropTypes__default["default"].element,
|
|
674
|
+
secondaryButton: PropTypes__default["default"].element,
|
|
675
|
+
managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
|
|
676
676
|
} : {};
|
|
677
677
|
ColumnSettingsManager.defaultProps = {
|
|
678
678
|
availableColumns: []
|
|
@@ -697,20 +697,20 @@ var messages = reactIntl.defineMessages({
|
|
|
697
697
|
}
|
|
698
698
|
});
|
|
699
699
|
|
|
700
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
700
|
+
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
701
701
|
|
|
702
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default[
|
|
702
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys$1(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
|
|
703
703
|
|
|
704
704
|
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)."; }
|
|
705
705
|
|
|
706
|
-
var SelectContainer = _styled__default[
|
|
706
|
+
var SelectContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
707
707
|
target: "eh8k7x01"
|
|
708
708
|
} : {
|
|
709
709
|
target: "eh8k7x01",
|
|
710
710
|
label: "SelectContainer"
|
|
711
711
|
})("width:", designSystem.customProperties.constraint4, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtc2V0dGluZ3MuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJrQyIsImZpbGUiOiJkYXRhLXRhYmxlLXNldHRpbmdzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBY2Nlc3NpYmxlSGlkZGVuIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2FjY2Vzc2libGUtaGlkZGVuJztcbmltcG9ydCBTZWxlY3RJbnB1dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWxlY3QtaW5wdXQnO1xuaW1wb3J0IHsgVGFibGVJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IFVQREFURV9BQ1RJT05TLCBDT0xVTU5fTUFOQUdFUiwgRElTUExBWV9TRVRUSU5HUyB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5pbXBvcnQgRGlzcGxheVNldHRpbmdzTWFuYWdlciwge1xuICBERU5TSVRZX0NPTVBBQ1QsXG4gIFNIT1dfSElERV9PTl9ERU1BTkQsXG59IGZyb20gJy4uL2Rpc3BsYXktc2V0dGluZ3MtbWFuYWdlcic7XG5pbXBvcnQgQ29sdW1uU2V0dGluZ3NNYW5hZ2VyIGZyb20gJy4uL2NvbHVtbi1zZXR0aW5ncy1tYW5hZ2VyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxuLyogVGhlIGhvcml6b250YWwgY29uc3RyYWludCBpcyBzZXQgb24gdGhpcyBjb250YWluZXIgaW5zdGVhZCBvZiB0aGUgU2VsZWN0SW5wdXRcbmJlY2F1c2UgdGhlIGlucHV0IGlzIGFsd2F5cyBlbXB0eSwgYW5kIHRoZXJlZm9yZSBkb2Vzbid0IHRha2UgYW55IHNwYWNlIGJ5IGl0c2VsZlxuYnV0IHdlIHdhbnQgdG8ga2VlcCBlbm91Z2ggc3BhY2UgZm9yIHRoZSBwbGFjZWhvbGRlciB0byBiZSByZWFkYWJsZSAqL1xuY29uc3QgU2VsZWN0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50NH07XG5gO1xuXG5jb25zdCBUb3BCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0RHJvcGRvd25PcHRpb25zID0gKHtcbiAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkLFxuICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICBmb3JtYXRNZXNzYWdlLFxufSkgPT4gW1xuICAuLi4oYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkXG4gICAgPyBbXG4gICAgICAgIHtcbiAgICAgICAgICB2YWx1ZTogQ09MVU1OX01BTkFHRVIsXG4gICAgICAgICAgbGFiZWw6IGZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY29sdW1uTWFuYWdlck9wdGlvbiksXG4gICAgICAgIH0sXG4gICAgICBdXG4gICAgOiBbXSksXG4gIC4uLihhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkXG4gICAgPyBbXG4gICAgICAgIHtcbiAgICAgICAgICB2YWx1ZTogRElTUExBWV9TRVRUSU5HUyxcbiAgICAgICAgICBsYWJlbDogZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5kaXNwbGF5U2V0dGluZ3NPcHRpb24pLFxuICAgICAgICB9LFxuICAgICAgXVxuICAgIDogW10pLFxuXTtcblxuZXhwb3J0IGNvbnN0IGdldE1hcHBlZENvbHVtbnMgPSAoY29sdW1ucyA9IFtdKSA9PlxuICBjb2x1bW5zLnJlZHVjZShcbiAgICAobWFwcGVkQ29sdW1ucywgY29sdW1uKSA9PiAoe1xuICAgICAgLi4ubWFwcGVkQ29sdW1ucyxcbiAgICAgIFtjb2x1bW4ua2V5XTogY29sdW1uLFxuICAgIH0pLFxuICAgIHt9XG4gICk7XG5cbmV4cG9ydCBjb25zdCBnZXRTZWxlY3RlZENvbHVtbnMgPSAobWFwcGVkQ29sdW1ucywgdmlzaWJsZUNvbHVtbnNLZXlzID0gW10pID0+XG4gIHZpc2libGVDb2x1bW5zS2V5cy5tYXAoKGNvbHVtbktleSkgPT4gbWFwcGVkQ29sdW1uc1tjb2x1bW5LZXldKTtcblxuY29uc3QgRGF0YVRhYmxlU2V0dGluZ3MgPSAocHJvcHMpID0+IHtcbiAgY29uc3QgYXJlRGlzcGxheVNldHRpbmdzRW5hYmxlZCA9IEJvb2xlYW4oXG4gICAgcHJvcHMuZGlzcGxheVNldHRpbmdzICYmICFwcm9wcy5kaXNwbGF5U2V0dGluZ3MuZGlzYWJsZURpc3BsYXlTZXR0aW5nc1xuICApO1xuICBjb25zdCBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPSBCb29sZWFuKFxuICAgIHByb3BzLmNvbHVtbk1hbmFnZXIgJiYgIXByb3BzLmNvbHVtbk1hbmFnZXIuZGlzYWJsZUNvbHVtbk1hbmFnZXJcbiAgKTtcbiAgd2FybmluZyhcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkIHx8IGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZFxuICAgICAgPyB0eXBlb2YgcHJvcHMub25TZXR0aW5nc0NoYW5nZSA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgOiB0cnVlLFxuICAgIGB1aS1raXQvRGF0YVRhYmxlTWFuYWdlcjogdGhlIHByb3AgXCJvblNldHRpbmdzQ2hhbmdlXCIgaXMgcmVxdWlyZWQgd2hlbiBlaXRoZXIgdGhlIGRpc3BsYXkgc2V0dGluZ3Mgb3IgdGhlIGNvbHVtbiBzZXR0aW5ncyBhcmUgZW5hYmxlZC5gXG4gICk7XG5cbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgY29uc3QgW29wZW5lZFBhbmVsSWQsIHNldE9wZW5lZFBhbmVsSWRdID0gdXNlU3RhdGUobnVsbCk7XG5cbiAgY29uc3QgZHJvcGRvd25PcHRpb25zID0gZ2V0RHJvcGRvd25PcHRpb25zKHtcbiAgICBhcmVEaXNwbGF5U2V0dGluZ3NFbmFibGVkLFxuICAgIGFyZUNvbHVtblNldHRpbmdzRW5hYmxlZCxcbiAgICBmb3JtYXRNZXNzYWdlOiBpbnRsLmZvcm1hdE1lc3NhZ2UsXG4gIH0pO1xuXG4gIGNvbnN0IGhhbmRsZURyb3Bkb3duQ2hhbmdlID0gKGV2ZW50KSA9PiBzZXRPcGVuZWRQYW5lbElkKGV2ZW50LnRhcmdldC52YWx1ZSk7XG5cbiAgY29uc3QgbWFwcGVkQ29sdW1ucyA9IGdldE1hcHBlZENvbHVtbnMoXG4gICAgYXJlQ29sdW1uU2V0dGluZ3NFbmFibGVkID8gcHJvcHMuY29sdW1uTWFuYWdlci5oaWRlYWJsZUNvbHVtbnMgOiB1bmRlZmluZWRcbiAgKTtcblxuICBjb25zdCBzZWxlY3RlZENvbHVtbnMgPSBnZXRTZWxlY3RlZENvbHVtbnMoXG4gICAgbWFwcGVkQ29sdW1ucyxcbiAgICBhcmVDb2x1bW5TZXR0aW5nc0VuYWJsZWQgPyBwcm9wcy5jb2x1bW5NYW5hZ2VyLnZpc2libGVDb2x1bW5LZXlzIDogdW5kZWZpbmVkXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlU2V0dGluZ3NQYW5lbENoYW5nZSA9ICgpID0+IHNldE9wZW5lZFBhbmVsSWQobnVsbCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3BhY2luZ3MuU3RhY2s+XG4gICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwic3BhY2UtYmV0d2VlblwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPFRvcEJhckNvbnRhaW5lcj57cHJvcHMudG9wQmFyfTwvVG9wQmFyQ29udGFpbmVyPlxuICAgICAgICB7ZHJvcGRvd25PcHRpb25zLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICAgIDxTZWxlY3RDb250YWluZXI+XG4gICAgICAgICAgICA8QWNjZXNzaWJsZUhpZGRlbj5cbiAgICAgICAgICAgICAgPGxhYmVsIGh0bWxGb3I9XCJ0YWJsZS1zZXR0aW5ncy1kcm9wZG93blwiPlxuICAgICAgICAgICAgICAgIE9wZW4gdGFibGUgbWFuYWdlciBkcm9wZG93blxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9BY2Nlc3NpYmxlSGlkZGVuPlxuICAgICAgICAgICAgPFNlbGVjdElucHV0XG4gICAgICAgICAgICAgIGlkPVwidGFibGUtc2V0dGluZ3MtZHJvcGRvd25cIlxuICAgICAgICAgICAgICAvLyB0aGUgZHJvcGRvd24gYWx3YXlzIHNob3dzIHRoZSBwbGFjZWhvbGRlciBhcyBzZWxlY3RpbmcgYW4gb3B0aW9uXG4gICAgICAgICAgICAgIC8vIHdpbGwgb3BlbiB0aGUgY29ycmVzcG9uZGluZyBwYW5lbCAoY29sdW1uIG1hbmFnZXIgb3IgZGlzcGxheSBzZXR0aW5ncylcbiAgICAgICAgICAgICAgdmFsdWU9XCJcIlxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnBsYWNlaG9sZGVyKX1cbiAgICAgICAgICAgICAgb25DaGFuZ2U9e2hhbmRsZURyb3Bkb3duQ2hhbmdlfVxuICAgICAgICAgICAgICBvcHRpb25zPXtkcm9wZG93bk9wdGlvbnN9XG4gICAgICAgICAgICAgIGljb25MZWZ0PXs8VGFibGVJY29uIC8+fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1NlbGVjdENvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAge29wZW5lZFBhbmVsSWQgPT09IERJU1BMQVlfU0VUVElOR1MgJiYgKFxuICAgICAgICA8RGlzcGxheVNldHRpbmdzTWFuYWdlclxuICAgICAgICAgIHsuLi4ocHJvcHMuZGlzcGxheVNldHRpbmdzIHx8IHt9KX1cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uRGVuc2l0eURpc3BsYXlDaGFuZ2U9eyhldmVudCkgPT4ge1xuICAgICAgICAgICAgcHJvcHMub25TZXR0aW5nc0NoYW5nZShcbiAgICAgICAgICAgICAgVVBEQVRFX0FDVElPTlMuSVNfVEFCTEVfQ09OREVOU0VEX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBERU5TSVRZX0NPTVBBQ1RcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvblRleHRXcmFwcGluZ0NoYW5nZT17KGV2ZW50KSA9PiB7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5JU19UQUJMRV9XUkFQUElOR19URVhUX1VQREFURSxcbiAgICAgICAgICAgICAgZXZlbnQudGFyZ2V0LnZhbHVlID09PSBTSE9XX0hJREVfT05fREVNQU5EXG4gICAgICAgICAgICApO1xuICAgICAgICAgIH19XG4gICAgICAgICAgbWFuYWdlclRoZW1lPXtwcm9wcy5tYW5hZ2VyVGhlbWV9XG4gICAgICAgIC8+XG4gICAgICApfVxuXG4gICAgICB7b3BlbmVkUGFuZWxJZCA9PT0gQ09MVU1OX01BTkFHRVIgJiYgKFxuICAgICAgICA8Q29sdW1uU2V0dGluZ3NNYW5hZ2VyXG4gICAgICAgICAgey4uLihwcm9wcy5jb2x1bW5NYW5hZ2VyIHx8IHt9KX1cbiAgICAgICAgICBhdmFpbGFibGVDb2x1bW5zPXtwcm9wcy5jb2x1bW5NYW5hZ2VyLmhpZGVhYmxlQ29sdW1uc31cbiAgICAgICAgICBzZWxlY3RlZENvbHVtbnM9e3NlbGVjdGVkQ29sdW1uc31cbiAgICAgICAgICBvbkNsb3NlPXtoYW5kbGVTZXR0aW5nc1BhbmVsQ2hhbmdlfVxuICAgICAgICAgIG9uVXBkYXRlQ29sdW1ucz17KG5leHRWaXNpYmxlQ29sdW1ucykgPT4ge1xuICAgICAgICAgICAgY29uc3Qga2V5c09mVmlzaWJsZUNvbHVtbnMgPSBuZXh0VmlzaWJsZUNvbHVtbnMubWFwKFxuICAgICAgICAgICAgICAodmlzaWJsZUNvbHVtbikgPT4gdmlzaWJsZUNvbHVtbi5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBwcm9wcy5vblNldHRpbmdzQ2hhbmdlKFxuICAgICAgICAgICAgICBVUERBVEVfQUNUSU9OUy5DT0xVTU5TX1VQREFURSxcbiAgICAgICAgICAgICAga2V5c09mVmlzaWJsZUNvbHVtbnNcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBtYW5hZ2VyVGhlbWU9e3Byb3BzLm1hbmFnZXJUaGVtZX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgKTtcbn07XG5cbkRhdGFUYWJsZVNldHRpbmdzLmRpc3BsYXlOYW1lID0gJ0RhdGFUYWJsZVNldHRpbmdzJztcbkRhdGFUYWJsZVNldHRpbmdzLnByb3BUeXBlcyA9IHtcbiAgdG9wQmFyOiBQcm9wVHlwZXMubm9kZSxcbiAgb25TZXR0aW5nc0NoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGRpc3BsYXlTZXR0aW5nczogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICBkaXNhYmxlRGlzcGxheVNldHRpbmdzOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBpc0NvbmRlbnNlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgaXNXcmFwcGluZ1RleHQ6IFByb3BUeXBlcy5ib29sLFxuICAgIHByaW1hcnlCdXR0b246IFByb3BUeXBlcy5lbGVtZW50LFxuICAgIHNlY29uZGFyeUJ1dHRvbjogUHJvcFR5cGVzLmVsZW1lbnQsXG4gIH0pLFxuICBjb2x1bW5NYW5hZ2VyOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIGFyZUhpZGRlbkNvbHVtbnNTZWFyY2hhYmxlOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkaXNhYmxlQ29sdW1uTWFuYWdlcjogUHJvcFR5cGVzLmJvb2wsXG4gICAgdmlzaWJsZUNvbHVtbktleXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCksXG4gICAgaGlkZWFibGVDb2x1bW5zOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgIFByb3BUeXBlcy5zaGFwZSh7XG4gICAgICAgIGtleTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBsYWJlbDogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKVxuICAgICAgICAgIC5pc1JlcXVpcmVkLFxuICAgICAgfSlcbiAgICApLFxuICAgIHNlYXJjaEhpZGRlbkNvbHVtbnM6IFByb3BUeXBlcy5mdW5jLFxuICAgIHNlYXJjaEhpZGRlbkNvbHVtbnNQbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmltYXJ5QnV0dG9uOiBQcm9wVHlwZXMuZWxlbWVudCxcbiAgICBzZWNvbmRhcnlCdXR0b246IFByb3BUeXBlcy5lbGVtZW50LFxuICB9KSxcbiAgbWFuYWdlclRoZW1lOiBQcm9wVHlwZXMub25lT2YoWydsaWdodCcsICdkYXJrJ10pLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgRGF0YVRhYmxlU2V0dGluZ3M7XG4iXX0= */"));
|
|
712
712
|
|
|
713
|
-
var TopBarContainer = _styled__default[
|
|
713
|
+
var TopBarContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
714
714
|
target: "eh8k7x00"
|
|
715
715
|
} : {
|
|
716
716
|
target: "eh8k7x00",
|
|
@@ -731,7 +731,7 @@ var getDropdownOptions = function getDropdownOptions(_ref) {
|
|
|
731
731
|
var areColumnSettingsEnabled = _ref.areColumnSettingsEnabled,
|
|
732
732
|
areDisplaySettingsEnabled = _ref.areDisplaySettingsEnabled,
|
|
733
733
|
formatMessage = _ref.formatMessage;
|
|
734
|
-
return _concatInstanceProperty__default[
|
|
734
|
+
return _concatInstanceProperty__default["default"](_context = []).call(_context, _toConsumableArray(areColumnSettingsEnabled ? [{
|
|
735
735
|
value: COLUMN_MANAGER,
|
|
736
736
|
label: formatMessage(messages.columnManagerOption)
|
|
737
737
|
}] : []), _toConsumableArray(areDisplaySettingsEnabled ? [{
|
|
@@ -741,13 +741,13 @@ var getDropdownOptions = function getDropdownOptions(_ref) {
|
|
|
741
741
|
};
|
|
742
742
|
var getMappedColumns = function getMappedColumns() {
|
|
743
743
|
var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
744
|
-
return _reduceInstanceProperty__default[
|
|
744
|
+
return _reduceInstanceProperty__default["default"](columns).call(columns, function (mappedColumns, column) {
|
|
745
745
|
return _objectSpread$1(_objectSpread$1({}, mappedColumns), {}, _defineProperty({}, column.key, column));
|
|
746
746
|
}, {});
|
|
747
747
|
};
|
|
748
748
|
var getSelectedColumns = function getSelectedColumns(mappedColumns) {
|
|
749
749
|
var visibleColumnsKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
750
|
-
return _mapInstanceProperty__default[
|
|
750
|
+
return _mapInstanceProperty__default["default"](visibleColumnsKeys).call(visibleColumnsKeys, function (columnKey) {
|
|
751
751
|
return mappedColumns[columnKey];
|
|
752
752
|
});
|
|
753
753
|
};
|
|
@@ -780,19 +780,19 @@ var DataTableSettings = function DataTableSettings(props) {
|
|
|
780
780
|
return setOpenedPanelId(null);
|
|
781
781
|
};
|
|
782
782
|
|
|
783
|
-
return jsxRuntime.jsxs(Spacings__default[
|
|
784
|
-
children: [jsxRuntime.jsxs(Spacings__default[
|
|
783
|
+
return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
784
|
+
children: [jsxRuntime.jsxs(Spacings__default["default"].Inline, {
|
|
785
785
|
justifyContent: "space-between",
|
|
786
786
|
alignItems: "center",
|
|
787
787
|
children: [jsxRuntime.jsx(TopBarContainer, {
|
|
788
788
|
children: props.topBar
|
|
789
789
|
}), dropdownOptions.length > 0 && jsxRuntime.jsxs(SelectContainer, {
|
|
790
|
-
children: [jsxRuntime.jsx(AccessibleHiden__default[
|
|
790
|
+
children: [jsxRuntime.jsx(AccessibleHiden__default["default"], {
|
|
791
791
|
children: jsxRuntime.jsx("label", {
|
|
792
792
|
htmlFor: "table-settings-dropdown",
|
|
793
793
|
children: "Open table manager dropdown"
|
|
794
794
|
})
|
|
795
|
-
}), jsxRuntime.jsx(SelectInput__default[
|
|
795
|
+
}), jsxRuntime.jsx(SelectInput__default["default"], {
|
|
796
796
|
id: "table-settings-dropdown" // the dropdown always shows the placeholder as selecting an option
|
|
797
797
|
// will open the corresponding panel (column manager or display settings)
|
|
798
798
|
,
|
|
@@ -817,7 +817,7 @@ var DataTableSettings = function DataTableSettings(props) {
|
|
|
817
817
|
selectedColumns: selectedColumns,
|
|
818
818
|
onClose: handleSettingsPanelChange,
|
|
819
819
|
onUpdateColumns: function onUpdateColumns(nextVisibleColumns) {
|
|
820
|
-
var keysOfVisibleColumns = _mapInstanceProperty__default[
|
|
820
|
+
var keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, function (visibleColumn) {
|
|
821
821
|
return visibleColumn.key;
|
|
822
822
|
});
|
|
823
823
|
|
|
@@ -830,35 +830,35 @@ var DataTableSettings = function DataTableSettings(props) {
|
|
|
830
830
|
|
|
831
831
|
DataTableSettings.displayName = 'DataTableSettings';
|
|
832
832
|
DataTableSettings.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
833
|
-
topBar: PropTypes__default[
|
|
834
|
-
onSettingsChange: PropTypes__default[
|
|
835
|
-
displaySettings: PropTypes__default[
|
|
836
|
-
disableDisplaySettings: PropTypes__default[
|
|
837
|
-
isCondensed: PropTypes__default[
|
|
838
|
-
isWrappingText: PropTypes__default[
|
|
839
|
-
primaryButton: PropTypes__default[
|
|
840
|
-
secondaryButton: PropTypes__default[
|
|
833
|
+
topBar: PropTypes__default["default"].node,
|
|
834
|
+
onSettingsChange: PropTypes__default["default"].func,
|
|
835
|
+
displaySettings: PropTypes__default["default"].shape({
|
|
836
|
+
disableDisplaySettings: PropTypes__default["default"].bool,
|
|
837
|
+
isCondensed: PropTypes__default["default"].bool,
|
|
838
|
+
isWrappingText: PropTypes__default["default"].bool,
|
|
839
|
+
primaryButton: PropTypes__default["default"].element,
|
|
840
|
+
secondaryButton: PropTypes__default["default"].element
|
|
841
841
|
}),
|
|
842
|
-
columnManager: PropTypes__default[
|
|
843
|
-
areHiddenColumnsSearchable: PropTypes__default[
|
|
844
|
-
disableColumnManager: PropTypes__default[
|
|
845
|
-
visibleColumnKeys: PropTypes__default[
|
|
846
|
-
hideableColumns: PropTypes__default[
|
|
847
|
-
key: PropTypes__default[
|
|
848
|
-
label: PropTypes__default[
|
|
842
|
+
columnManager: PropTypes__default["default"].shape({
|
|
843
|
+
areHiddenColumnsSearchable: PropTypes__default["default"].bool,
|
|
844
|
+
disableColumnManager: PropTypes__default["default"].bool,
|
|
845
|
+
visibleColumnKeys: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired),
|
|
846
|
+
hideableColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
|
847
|
+
key: PropTypes__default["default"].string.isRequired,
|
|
848
|
+
label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
|
|
849
849
|
})),
|
|
850
|
-
searchHiddenColumns: PropTypes__default[
|
|
851
|
-
searchHiddenColumnsPlaceholder: PropTypes__default[
|
|
852
|
-
primaryButton: PropTypes__default[
|
|
853
|
-
secondaryButton: PropTypes__default[
|
|
850
|
+
searchHiddenColumns: PropTypes__default["default"].func,
|
|
851
|
+
searchHiddenColumnsPlaceholder: PropTypes__default["default"].string,
|
|
852
|
+
primaryButton: PropTypes__default["default"].element,
|
|
853
|
+
secondaryButton: PropTypes__default["default"].element
|
|
854
854
|
}),
|
|
855
|
-
managerTheme: PropTypes__default[
|
|
855
|
+
managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
|
|
856
856
|
} : {};
|
|
857
857
|
var DataTableSettings$1 = DataTableSettings;
|
|
858
858
|
|
|
859
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default[
|
|
859
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
860
860
|
|
|
861
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default[
|
|
861
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context3; _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; }
|
|
862
862
|
|
|
863
863
|
var DataTableManager = function DataTableManager(props) {
|
|
864
864
|
var areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
|
|
@@ -866,13 +866,13 @@ var DataTableManager = function DataTableManager(props) {
|
|
|
866
866
|
var columns = react.useMemo(function () {
|
|
867
867
|
var _context;
|
|
868
868
|
|
|
869
|
-
return _mapInstanceProperty__default[
|
|
869
|
+
return _mapInstanceProperty__default["default"](_context = props.columns).call(_context, function (column) {
|
|
870
870
|
return _objectSpread(_objectSpread({}, column), {}, {
|
|
871
871
|
isTruncated: areDisplaySettingsEnabled ? isWrappingText : column.isTruncated
|
|
872
872
|
});
|
|
873
873
|
});
|
|
874
874
|
}, [areDisplaySettingsEnabled, props.columns, isWrappingText]);
|
|
875
|
-
return jsxRuntime.jsxs(Spacings__default[
|
|
875
|
+
return jsxRuntime.jsxs(Spacings__default["default"].Stack, {
|
|
876
876
|
children: [jsxRuntime.jsx(DataTableSettings$1, {
|
|
877
877
|
topBar: props.topBar,
|
|
878
878
|
onSettingsChange: props.onSettingsChange,
|
|
@@ -894,7 +894,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
894
894
|
* The list of columns to be rendered.
|
|
895
895
|
* Each column can be customized (see properties below).
|
|
896
896
|
*/
|
|
897
|
-
columns: PropTypes__default[
|
|
897
|
+
columns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
|
898
898
|
/**
|
|
899
899
|
* The unique key of the column that is used to identify your data type.
|
|
900
900
|
* You can use this value to determine which value from a row item should be rendered.
|
|
@@ -905,12 +905,12 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
905
905
|
* an explicit mapping of the value by implementing either the `itemRendered` function or
|
|
906
906
|
* the column-specific `renderItem` function.
|
|
907
907
|
*/
|
|
908
|
-
key: PropTypes__default[
|
|
908
|
+
key: PropTypes__default["default"].string.isRequired,
|
|
909
909
|
|
|
910
910
|
/**
|
|
911
911
|
* The label of the column that will be shown on the column header.
|
|
912
912
|
*/
|
|
913
|
-
label: PropTypes__default[
|
|
913
|
+
label: PropTypes__default["default"].node.isRequired,
|
|
914
914
|
|
|
915
915
|
/**
|
|
916
916
|
* Sets a width for this column. Accepts the same values as the ones specified for
|
|
@@ -922,19 +922,19 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
922
922
|
*
|
|
923
923
|
* @@defaultValue@@: auto
|
|
924
924
|
*/
|
|
925
|
-
width: PropTypes__default[
|
|
925
|
+
width: PropTypes__default["default"].string,
|
|
926
926
|
|
|
927
927
|
/**
|
|
928
928
|
* Use this to override the table's own `horizontalCellAlignment` prop for this specific column.
|
|
929
929
|
*/
|
|
930
|
-
align: PropTypes__default[
|
|
930
|
+
align: PropTypes__default["default"].oneOf(['left', 'center', 'right']),
|
|
931
931
|
|
|
932
932
|
/**
|
|
933
933
|
* A callback function, called when the header cell is clicked.
|
|
934
934
|
* <br>
|
|
935
935
|
* Signature: `(event) => void`
|
|
936
936
|
*/
|
|
937
|
-
onClick: PropTypes__default[
|
|
937
|
+
onClick: PropTypes__default["default"].func,
|
|
938
938
|
|
|
939
939
|
/**
|
|
940
940
|
* A callback function to render the content of cells under this column, overriding
|
|
@@ -942,7 +942,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
942
942
|
* <br>
|
|
943
943
|
* Signature: `(row: object, isRowCollapsed: boolean) => React.Node`
|
|
944
944
|
*/
|
|
945
|
-
renderItem: PropTypes__default[
|
|
945
|
+
renderItem: PropTypes__default["default"].func,
|
|
946
946
|
|
|
947
947
|
/**
|
|
948
948
|
* Use this prop to place an `Icon` or `IconButton` on the left of the column label.
|
|
@@ -950,7 +950,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
950
950
|
* in order to properly position and align the elements.
|
|
951
951
|
* This is particularly useful for medium-sized icons which require more vertical space than the typography.
|
|
952
952
|
*/
|
|
953
|
-
headerIcon: PropTypes__default[
|
|
953
|
+
headerIcon: PropTypes__default["default"].node,
|
|
954
954
|
|
|
955
955
|
/**
|
|
956
956
|
* Set this to `true` to allow text content of this cell to be truncated with an ellipsis,
|
|
@@ -965,7 +965,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
965
965
|
*
|
|
966
966
|
* @@defaultValue@@: false
|
|
967
967
|
*/
|
|
968
|
-
isTruncated: PropTypes__default[
|
|
968
|
+
isTruncated: PropTypes__default["default"].bool,
|
|
969
969
|
|
|
970
970
|
/**
|
|
971
971
|
* Set this to `true` to show a sorting button, which calls `onSortChange` upon being clicked.
|
|
@@ -974,7 +974,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
974
974
|
*
|
|
975
975
|
* @@defaultValue@@: false
|
|
976
976
|
*/
|
|
977
|
-
isSortable: PropTypes__default[
|
|
977
|
+
isSortable: PropTypes__default["default"].bool,
|
|
978
978
|
|
|
979
979
|
/**
|
|
980
980
|
* Set this to `true` to prevent this column from being manually resized by dragging
|
|
@@ -982,7 +982,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
982
982
|
*
|
|
983
983
|
* @@defaultValue@@: false
|
|
984
984
|
*/
|
|
985
|
-
disableResizing: PropTypes__default[
|
|
985
|
+
disableResizing: PropTypes__default["default"].bool,
|
|
986
986
|
|
|
987
987
|
/**
|
|
988
988
|
* Set this to `true` to prevent click event propagation for this cell.
|
|
@@ -991,7 +991,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
991
991
|
*
|
|
992
992
|
* @@defaultValue@@: false
|
|
993
993
|
*/
|
|
994
|
-
shouldIgnoreRowClick: PropTypes__default[
|
|
994
|
+
shouldIgnoreRowClick: PropTypes__default["default"].bool
|
|
995
995
|
})).isRequired,
|
|
996
996
|
|
|
997
997
|
/**
|
|
@@ -999,18 +999,18 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
999
999
|
* <br>
|
|
1000
1000
|
* Note that the child component will implicitly receive the props `columns` and `isCondensed` from the `<DataTableManager>`.
|
|
1001
1001
|
*/
|
|
1002
|
-
children: PropTypes__default[
|
|
1002
|
+
children: PropTypes__default["default"].node.isRequired,
|
|
1003
1003
|
|
|
1004
1004
|
/**
|
|
1005
1005
|
* The managed display settings of the table.
|
|
1006
1006
|
*/
|
|
1007
|
-
displaySettings: PropTypes__default[
|
|
1007
|
+
displaySettings: PropTypes__default["default"].shape({
|
|
1008
1008
|
/**
|
|
1009
1009
|
* Set this flag to `false` to show the display settings panel option.
|
|
1010
1010
|
*
|
|
1011
1011
|
* @@defaultValue@@: true
|
|
1012
1012
|
*/
|
|
1013
|
-
disableDisplaySettings: PropTypes__default[
|
|
1013
|
+
disableDisplaySettings: PropTypes__default["default"].bool,
|
|
1014
1014
|
|
|
1015
1015
|
/**
|
|
1016
1016
|
* Set this to `true` to reduce the paddings of all cells, allowing the table to display
|
|
@@ -1018,7 +1018,7 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1018
1018
|
*
|
|
1019
1019
|
* @@defaultValue@@: false
|
|
1020
1020
|
*/
|
|
1021
|
-
isCondensed: PropTypes__default[
|
|
1021
|
+
isCondensed: PropTypes__default["default"].bool,
|
|
1022
1022
|
|
|
1023
1023
|
/**
|
|
1024
1024
|
* Set this to `true` to allow text in a cell to wrap.
|
|
@@ -1027,69 +1027,69 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1027
1027
|
*
|
|
1028
1028
|
* @@defaultValue@@: false
|
|
1029
1029
|
*/
|
|
1030
|
-
isWrappingText: PropTypes__default[
|
|
1030
|
+
isWrappingText: PropTypes__default["default"].bool,
|
|
1031
1031
|
|
|
1032
1032
|
/**
|
|
1033
1033
|
* A React element to be rendered as the primary button, useful when the display settings work as a form.
|
|
1034
1034
|
*/
|
|
1035
|
-
primaryButton: PropTypes__default[
|
|
1035
|
+
primaryButton: PropTypes__default["default"].element,
|
|
1036
1036
|
|
|
1037
1037
|
/**
|
|
1038
1038
|
* A React element to be rendered as the secondary button, useful when the display settings work as a form.
|
|
1039
1039
|
*/
|
|
1040
|
-
secondaryButton: PropTypes__default[
|
|
1040
|
+
secondaryButton: PropTypes__default["default"].element
|
|
1041
1041
|
}),
|
|
1042
1042
|
|
|
1043
1043
|
/**
|
|
1044
1044
|
* The managed column settings of the table.
|
|
1045
1045
|
*/
|
|
1046
|
-
columnManager: PropTypes__default[
|
|
1046
|
+
columnManager: PropTypes__default["default"].shape({
|
|
1047
1047
|
/**
|
|
1048
1048
|
* Set this to `false` to show the column settings panel option.
|
|
1049
1049
|
*
|
|
1050
1050
|
* @@defaultValue@@: true
|
|
1051
1051
|
*/
|
|
1052
|
-
disableColumnManager: PropTypes__default[
|
|
1052
|
+
disableColumnManager: PropTypes__default["default"].bool,
|
|
1053
1053
|
|
|
1054
1054
|
/**
|
|
1055
1055
|
* The keys of the visible columns.
|
|
1056
1056
|
*/
|
|
1057
|
-
visibleColumnKeys: PropTypes__default[
|
|
1057
|
+
visibleColumnKeys: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired),
|
|
1058
1058
|
|
|
1059
1059
|
/**
|
|
1060
1060
|
* The keys of the visible columns.
|
|
1061
1061
|
*/
|
|
1062
|
-
hideableColumns: PropTypes__default[
|
|
1063
|
-
key: PropTypes__default[
|
|
1064
|
-
label: PropTypes__default[
|
|
1062
|
+
hideableColumns: PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
|
|
1063
|
+
key: PropTypes__default["default"].string.isRequired,
|
|
1064
|
+
label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired
|
|
1065
1065
|
})),
|
|
1066
1066
|
|
|
1067
1067
|
/**
|
|
1068
1068
|
* Set this to `true` to show a search input for the hidden columns panel.
|
|
1069
1069
|
*/
|
|
1070
|
-
areHiddenColumnsSearchable: PropTypes__default[
|
|
1070
|
+
areHiddenColumnsSearchable: PropTypes__default["default"].bool,
|
|
1071
1071
|
|
|
1072
1072
|
/**
|
|
1073
1073
|
* A callback function, called when the search input for the hidden columns panel changes.
|
|
1074
1074
|
* <br>
|
|
1075
1075
|
* Signature: `(event) => void`
|
|
1076
1076
|
*/
|
|
1077
|
-
searchHiddenColumns: PropTypes__default[
|
|
1077
|
+
searchHiddenColumns: PropTypes__default["default"].func,
|
|
1078
1078
|
|
|
1079
1079
|
/**
|
|
1080
1080
|
* Placeholder value of the search input for the hidden columns panel.
|
|
1081
1081
|
*/
|
|
1082
|
-
searchHiddenColumnsPlaceholder: PropTypes__default[
|
|
1082
|
+
searchHiddenColumnsPlaceholder: PropTypes__default["default"].string,
|
|
1083
1083
|
|
|
1084
1084
|
/**
|
|
1085
1085
|
* A React element to be rendered as the primary button, useful when the column settings work as a form.
|
|
1086
1086
|
*/
|
|
1087
|
-
primaryButton: PropTypes__default[
|
|
1087
|
+
primaryButton: PropTypes__default["default"].element,
|
|
1088
1088
|
|
|
1089
1089
|
/**
|
|
1090
1090
|
* A React element to be rendered as the secondary button, useful when the column settings work as a form.
|
|
1091
1091
|
*/
|
|
1092
|
-
secondaryButton: PropTypes__default[
|
|
1092
|
+
secondaryButton: PropTypes__default["default"].element
|
|
1093
1093
|
}),
|
|
1094
1094
|
|
|
1095
1095
|
/**
|
|
@@ -1097,36 +1097,32 @@ DataTableManager.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1097
1097
|
* <br>
|
|
1098
1098
|
* Signature: `(action: string, nextValue: object) => void`
|
|
1099
1099
|
*/
|
|
1100
|
-
onSettingsChange: PropTypes__default[
|
|
1100
|
+
onSettingsChange: PropTypes__default["default"].func,
|
|
1101
1101
|
|
|
1102
1102
|
/**
|
|
1103
1103
|
* A React node for rendering additional information within the table manager.
|
|
1104
1104
|
*/
|
|
1105
|
-
topBar: PropTypes__default[
|
|
1105
|
+
topBar: PropTypes__default["default"].node,
|
|
1106
1106
|
|
|
1107
1107
|
/**
|
|
1108
1108
|
* Sets the background theme of the Card that contains the settings
|
|
1109
1109
|
*/
|
|
1110
|
-
managerTheme: PropTypes__default[
|
|
1110
|
+
managerTheme: PropTypes__default["default"].oneOf(['light', 'dark'])
|
|
1111
1111
|
} : {};
|
|
1112
1112
|
DataTableManager.displayName = 'DataTableManager';
|
|
1113
1113
|
var DataTableManager$1 = DataTableManager;
|
|
1114
1114
|
|
|
1115
|
-
// NOTE: This string will be replaced
|
|
1116
|
-
var version =
|
|
1115
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
1116
|
+
var version = "12.2.7";
|
|
1117
1117
|
|
|
1118
1118
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
1119
1119
|
enumerable: true,
|
|
1120
|
-
get: function () {
|
|
1121
|
-
return hooks.useRowSelection;
|
|
1122
|
-
}
|
|
1120
|
+
get: function () { return hooks.useRowSelection; }
|
|
1123
1121
|
});
|
|
1124
1122
|
Object.defineProperty(exports, 'useSorting', {
|
|
1125
1123
|
enumerable: true,
|
|
1126
|
-
get: function () {
|
|
1127
|
-
return hooks.useSorting;
|
|
1128
|
-
}
|
|
1124
|
+
get: function () { return hooks.useSorting; }
|
|
1129
1125
|
});
|
|
1130
1126
|
exports.UPDATE_ACTIONS = UPDATE_ACTIONS;
|
|
1131
|
-
exports[
|
|
1127
|
+
exports["default"] = DataTableManager$1;
|
|
1132
1128
|
exports.version = version;
|