@commercetools-uikit/data-table-manager 17.0.1 → 17.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -335,8 +335,8 @@ const DraggingContainer = /*#__PURE__*/_styled__default["default"]("div", proces
|
|
|
335
335
|
})(DraggingSmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRb0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBEcmFnZ2luZ1NtYWxsID0gc3R5bGVkLnNtYWxsYFxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IGdyYWI7XG4gIH1cbmA7XG5cbmNvbnN0IERyYWdnaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtEcmFnZ2luZ1NtYWxsfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnaW5nQ29udGFpbmVyO1xuIl19 */"));
|
|
336
336
|
var DraggingContainer$1 = DraggingContainer;
|
|
337
337
|
|
|
338
|
-
function ownKeys$3(
|
|
339
|
-
function _objectSpread$3(
|
|
338
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
339
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
340
340
|
const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
341
341
|
target: "emzjy4n0"
|
|
342
342
|
} : {
|
|
@@ -484,8 +484,8 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
484
484
|
const HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
|
|
485
485
|
const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
|
|
486
486
|
|
|
487
|
-
function ownKeys$2(
|
|
488
|
-
function _objectSpread$2(
|
|
487
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
488
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
489
489
|
const noSearch = () => _Promise__default["default"].resolve([]);
|
|
490
490
|
// 'onChange' prop in AsyncSelectInput is required but not needed here
|
|
491
491
|
const voidChangeHandler = () => undefined;
|
|
@@ -662,8 +662,8 @@ var messages = reactIntl.defineMessages({
|
|
|
662
662
|
}
|
|
663
663
|
});
|
|
664
664
|
|
|
665
|
-
function ownKeys$1(
|
|
666
|
-
function _objectSpread$1(
|
|
665
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
666
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
667
667
|
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)."; }
|
|
668
668
|
/* The horizontal constraint is set on this container instead of the SelectInput
|
|
669
669
|
because the input is always empty, and therefore doesn't take any space by itself
|
|
@@ -760,11 +760,11 @@ const DataTableSettings = props => {
|
|
|
760
760
|
onClose: handleSettingsPanelChange,
|
|
761
761
|
onDensityDisplayChange: event => {
|
|
762
762
|
var _props$onSettingsChan;
|
|
763
|
-
(_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0
|
|
763
|
+
(_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 || _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
|
|
764
764
|
},
|
|
765
765
|
onTextWrappingChange: event => {
|
|
766
766
|
var _props$onSettingsChan2;
|
|
767
|
-
(_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0
|
|
767
|
+
(_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 || _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
|
|
768
768
|
},
|
|
769
769
|
managerTheme: props.managerTheme
|
|
770
770
|
})), openedPanelId === COLUMN_MANAGER && jsxRuntime.jsx(ColumnSettingsManager$1, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
|
|
@@ -774,7 +774,7 @@ const DataTableSettings = props => {
|
|
|
774
774
|
onUpdateColumns: nextVisibleColumns => {
|
|
775
775
|
var _props$onSettingsChan3;
|
|
776
776
|
const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
|
|
777
|
-
(_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0
|
|
777
|
+
(_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 || _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
|
|
778
778
|
},
|
|
779
779
|
managerTheme: props.managerTheme
|
|
780
780
|
}))]
|
|
@@ -808,8 +808,8 @@ DataTableSettings.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
808
808
|
DataTableSettings.displayName = 'DataTableSettings';
|
|
809
809
|
var DataTableSettings$1 = DataTableSettings;
|
|
810
810
|
|
|
811
|
-
function ownKeys(
|
|
812
|
-
function _objectSpread(
|
|
811
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
812
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
813
813
|
const DataTableManager = props => {
|
|
814
814
|
const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
|
|
815
815
|
const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
|
|
@@ -855,7 +855,7 @@ DataTableManager.displayName = 'DataTableManager';
|
|
|
855
855
|
var DataTableManager$1 = DataTableManager;
|
|
856
856
|
|
|
857
857
|
// NOTE: This string will be replaced on build time with the package version.
|
|
858
|
-
var version = "17.0
|
|
858
|
+
var version = "17.1.0";
|
|
859
859
|
|
|
860
860
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
861
861
|
enumerable: true,
|
|
@@ -289,8 +289,8 @@ const DraggingContainer = /*#__PURE__*/_styled__default["default"]("div", {
|
|
|
289
289
|
} )(DraggingSmall, ";" + ("" ));
|
|
290
290
|
var DraggingContainer$1 = DraggingContainer;
|
|
291
291
|
|
|
292
|
-
function ownKeys$3(
|
|
293
|
-
function _objectSpread$3(
|
|
292
|
+
function ownKeys$3(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
293
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
294
294
|
const DraggableTagWrapper = /*#__PURE__*/_styled__default["default"]("div", {
|
|
295
295
|
target: "emzjy4n0"
|
|
296
296
|
} )("padding:", designSystem.designTokens.paddingForTableManagerDraggableTag, ";" + ("" ));
|
|
@@ -414,8 +414,8 @@ var messages$1 = reactIntl.defineMessages({
|
|
|
414
414
|
const HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
|
|
415
415
|
const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
|
|
416
416
|
|
|
417
|
-
function ownKeys$2(
|
|
418
|
-
function _objectSpread$2(
|
|
417
|
+
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
418
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
419
419
|
const noSearch = () => _Promise__default["default"].resolve([]);
|
|
420
420
|
// 'onChange' prop in AsyncSelectInput is required but not needed here
|
|
421
421
|
const voidChangeHandler = () => undefined;
|
|
@@ -570,8 +570,8 @@ var messages = reactIntl.defineMessages({
|
|
|
570
570
|
}
|
|
571
571
|
});
|
|
572
572
|
|
|
573
|
-
function ownKeys$1(
|
|
574
|
-
function _objectSpread$1(
|
|
573
|
+
function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
574
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
575
575
|
/* The horizontal constraint is set on this container instead of the SelectInput
|
|
576
576
|
because the input is always empty, and therefore doesn't take any space by itself
|
|
577
577
|
but we want to keep enough space for the placeholder to be readable */
|
|
@@ -655,11 +655,11 @@ const DataTableSettings = props => {
|
|
|
655
655
|
onClose: handleSettingsPanelChange,
|
|
656
656
|
onDensityDisplayChange: event => {
|
|
657
657
|
var _props$onSettingsChan;
|
|
658
|
-
(_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0
|
|
658
|
+
(_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 || _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
|
|
659
659
|
},
|
|
660
660
|
onTextWrappingChange: event => {
|
|
661
661
|
var _props$onSettingsChan2;
|
|
662
|
-
(_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0
|
|
662
|
+
(_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 || _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
|
|
663
663
|
},
|
|
664
664
|
managerTheme: props.managerTheme
|
|
665
665
|
})), openedPanelId === COLUMN_MANAGER && jsxRuntime.jsx(ColumnSettingsManager$1, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
|
|
@@ -669,7 +669,7 @@ const DataTableSettings = props => {
|
|
|
669
669
|
onUpdateColumns: nextVisibleColumns => {
|
|
670
670
|
var _props$onSettingsChan3;
|
|
671
671
|
const keysOfVisibleColumns = _mapInstanceProperty__default["default"](nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
|
|
672
|
-
(_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0
|
|
672
|
+
(_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 || _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
|
|
673
673
|
},
|
|
674
674
|
managerTheme: props.managerTheme
|
|
675
675
|
}))]
|
|
@@ -679,8 +679,8 @@ DataTableSettings.propTypes = {};
|
|
|
679
679
|
DataTableSettings.displayName = 'DataTableSettings';
|
|
680
680
|
var DataTableSettings$1 = DataTableSettings;
|
|
681
681
|
|
|
682
|
-
function ownKeys(
|
|
683
|
-
function _objectSpread(
|
|
682
|
+
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
683
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
684
684
|
const DataTableManager = props => {
|
|
685
685
|
const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
|
|
686
686
|
const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
|
|
@@ -708,7 +708,7 @@ DataTableManager.displayName = 'DataTableManager';
|
|
|
708
708
|
var DataTableManager$1 = DataTableManager;
|
|
709
709
|
|
|
710
710
|
// NOTE: This string will be replaced on build time with the package version.
|
|
711
|
-
var version = "17.0
|
|
711
|
+
var version = "17.1.0";
|
|
712
712
|
|
|
713
713
|
Object.defineProperty(exports, 'useRowSelection', {
|
|
714
714
|
enumerable: true,
|
|
@@ -297,8 +297,8 @@ const DraggingContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "
|
|
|
297
297
|
})(DraggingSmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYWdnYWJsZS10YWcuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRb0MiLCJmaWxlIjoiZHJhZ2dhYmxlLXRhZy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBEcmFnZ2luZ1NtYWxsID0gc3R5bGVkLnNtYWxsYFxuICAmOmhvdmVyIHtcbiAgICBjdXJzb3I6IGdyYWI7XG4gIH1cbmA7XG5cbmNvbnN0IERyYWdnaW5nQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtEcmFnZ2luZ1NtYWxsfTtcbmA7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdnaW5nQ29udGFpbmVyO1xuIl19 */"));
|
|
298
298
|
var DraggingContainer$1 = DraggingContainer;
|
|
299
299
|
|
|
300
|
-
function ownKeys$3(
|
|
301
|
-
function _objectSpread$3(
|
|
300
|
+
function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
301
|
+
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
302
302
|
const DraggableTagWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
303
303
|
target: "emzjy4n0"
|
|
304
304
|
} : {
|
|
@@ -446,8 +446,8 @@ var messages$1 = defineMessages({
|
|
|
446
446
|
const HIDDEN_COLUMNS_PANEL = 'hidden-columns-panel';
|
|
447
447
|
const SELECTED_COLUMNS_PANEL = 'selected-columns-panel';
|
|
448
448
|
|
|
449
|
-
function ownKeys$2(
|
|
450
|
-
function _objectSpread$2(
|
|
449
|
+
function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
450
|
+
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
451
451
|
const noSearch = () => _Promise.resolve([]);
|
|
452
452
|
// 'onChange' prop in AsyncSelectInput is required but not needed here
|
|
453
453
|
const voidChangeHandler = () => undefined;
|
|
@@ -624,8 +624,8 @@ var messages = defineMessages({
|
|
|
624
624
|
}
|
|
625
625
|
});
|
|
626
626
|
|
|
627
|
-
function ownKeys$1(
|
|
628
|
-
function _objectSpread$1(
|
|
627
|
+
function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
628
|
+
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
629
629
|
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)."; }
|
|
630
630
|
/* The horizontal constraint is set on this container instead of the SelectInput
|
|
631
631
|
because the input is always empty, and therefore doesn't take any space by itself
|
|
@@ -722,11 +722,11 @@ const DataTableSettings = props => {
|
|
|
722
722
|
onClose: handleSettingsPanelChange,
|
|
723
723
|
onDensityDisplayChange: event => {
|
|
724
724
|
var _props$onSettingsChan;
|
|
725
|
-
(_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0
|
|
725
|
+
(_props$onSettingsChan = props.onSettingsChange) === null || _props$onSettingsChan === void 0 || _props$onSettingsChan.call(props, UPDATE_ACTIONS.IS_TABLE_CONDENSED_UPDATE, event.target.value === DENSITY_COMPACT);
|
|
726
726
|
},
|
|
727
727
|
onTextWrappingChange: event => {
|
|
728
728
|
var _props$onSettingsChan2;
|
|
729
|
-
(_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0
|
|
729
|
+
(_props$onSettingsChan2 = props.onSettingsChange) === null || _props$onSettingsChan2 === void 0 || _props$onSettingsChan2.call(props, UPDATE_ACTIONS.IS_TABLE_WRAPPING_TEXT_UPDATE, event.target.value === SHOW_HIDE_ON_DEMAND);
|
|
730
730
|
},
|
|
731
731
|
managerTheme: props.managerTheme
|
|
732
732
|
})), openedPanelId === COLUMN_MANAGER && jsx(ColumnSettingsManager$1, _objectSpread$1(_objectSpread$1({}, props.columnManager || {}), {}, {
|
|
@@ -736,7 +736,7 @@ const DataTableSettings = props => {
|
|
|
736
736
|
onUpdateColumns: nextVisibleColumns => {
|
|
737
737
|
var _props$onSettingsChan3;
|
|
738
738
|
const keysOfVisibleColumns = _mapInstanceProperty(nextVisibleColumns).call(nextVisibleColumns, visibleColumn => visibleColumn.key);
|
|
739
|
-
(_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0
|
|
739
|
+
(_props$onSettingsChan3 = props.onSettingsChange) === null || _props$onSettingsChan3 === void 0 || _props$onSettingsChan3.call(props, UPDATE_ACTIONS.COLUMNS_UPDATE, keysOfVisibleColumns);
|
|
740
740
|
},
|
|
741
741
|
managerTheme: props.managerTheme
|
|
742
742
|
}))]
|
|
@@ -770,8 +770,8 @@ DataTableSettings.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
770
770
|
DataTableSettings.displayName = 'DataTableSettings';
|
|
771
771
|
var DataTableSettings$1 = DataTableSettings;
|
|
772
772
|
|
|
773
|
-
function ownKeys(
|
|
774
|
-
function _objectSpread(
|
|
773
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
774
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
775
775
|
const DataTableManager = props => {
|
|
776
776
|
const areDisplaySettingsEnabled = Boolean(props.displaySettings && !props.displaySettings.disableDisplaySettings);
|
|
777
777
|
const isWrappingText = areDisplaySettingsEnabled && props.displaySettings.isWrappingText;
|
|
@@ -817,6 +817,6 @@ DataTableManager.displayName = 'DataTableManager';
|
|
|
817
817
|
var DataTableManager$1 = DataTableManager;
|
|
818
818
|
|
|
819
819
|
// NOTE: This string will be replaced on build time with the package version.
|
|
820
|
-
var version = "17.0
|
|
820
|
+
var version = "17.1.0";
|
|
821
821
|
|
|
822
822
|
export { UPDATE_ACTIONS, DataTableManager$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/data-table-manager",
|
|
3
3
|
"description": "This component enhances the DataTable component and additionally provides a UI and state management to handle configuration of the table such as column manager.",
|
|
4
|
-
"version": "17.0
|
|
4
|
+
"version": "17.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,25 +21,25 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "17.0
|
|
25
|
-
"@commercetools-uikit/accessible-hidden": "17.0
|
|
26
|
-
"@commercetools-uikit/async-select-input": "17.0
|
|
27
|
-
"@commercetools-uikit/card": "17.0
|
|
28
|
-
"@commercetools-uikit/collapsible-motion": "17.0
|
|
29
|
-
"@commercetools-uikit/design-system": "17.0
|
|
30
|
-
"@commercetools-uikit/field-label": "17.0
|
|
31
|
-
"@commercetools-uikit/grid": "17.0
|
|
32
|
-
"@commercetools-uikit/hooks": "17.0
|
|
33
|
-
"@commercetools-uikit/icons": "17.0
|
|
34
|
-
"@commercetools-uikit/primary-button": "17.0
|
|
35
|
-
"@commercetools-uikit/radio-input": "17.0
|
|
36
|
-
"@commercetools-uikit/secondary-button": "17.0
|
|
37
|
-
"@commercetools-uikit/secondary-icon-button": "17.0
|
|
38
|
-
"@commercetools-uikit/select-input": "17.0
|
|
39
|
-
"@commercetools-uikit/spacings": "17.0
|
|
40
|
-
"@commercetools-uikit/tag": "17.0
|
|
41
|
-
"@commercetools-uikit/text": "17.0
|
|
42
|
-
"@commercetools-uikit/utils": "17.0
|
|
24
|
+
"@commercetools-uikit/accessible-button": "17.1.0",
|
|
25
|
+
"@commercetools-uikit/accessible-hidden": "17.1.0",
|
|
26
|
+
"@commercetools-uikit/async-select-input": "17.1.0",
|
|
27
|
+
"@commercetools-uikit/card": "17.1.0",
|
|
28
|
+
"@commercetools-uikit/collapsible-motion": "17.1.0",
|
|
29
|
+
"@commercetools-uikit/design-system": "17.1.0",
|
|
30
|
+
"@commercetools-uikit/field-label": "17.1.0",
|
|
31
|
+
"@commercetools-uikit/grid": "17.1.0",
|
|
32
|
+
"@commercetools-uikit/hooks": "17.1.0",
|
|
33
|
+
"@commercetools-uikit/icons": "17.1.0",
|
|
34
|
+
"@commercetools-uikit/primary-button": "17.1.0",
|
|
35
|
+
"@commercetools-uikit/radio-input": "17.1.0",
|
|
36
|
+
"@commercetools-uikit/secondary-button": "17.1.0",
|
|
37
|
+
"@commercetools-uikit/secondary-icon-button": "17.1.0",
|
|
38
|
+
"@commercetools-uikit/select-input": "17.1.0",
|
|
39
|
+
"@commercetools-uikit/spacings": "17.1.0",
|
|
40
|
+
"@commercetools-uikit/tag": "17.1.0",
|
|
41
|
+
"@commercetools-uikit/text": "17.1.0",
|
|
42
|
+
"@commercetools-uikit/utils": "17.1.0",
|
|
43
43
|
"@emotion/react": "^11.10.5",
|
|
44
44
|
"@emotion/styled": "^11.10.5",
|
|
45
45
|
"debounce-promise": "^3.1.2",
|