@carbon/ibm-products 2.43.2-canary.257 → 2.43.2-canary.261

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -27,11 +27,6 @@ var useShouldDisableButtons = require('./hooks/useShouldDisableButtons.js');
 var useSubscribeToEventEmitter = require('./hooks/useSubscribeToEventEmitter.js');
 var useIsomorphicEffect = require('../../../../../global/js/hooks/useIsomorphicEffect.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var componentClass = "".concat(blockClass, "-filter-panel");
 var MotionActionSet = framerMotion.motion(ActionSet.ActionSet);
@@ -91,7 +86,7 @@ var FilterPanel = function FilterPanel(_ref) {
     panelOpen = _useContext.panelOpen,
     setPanelOpen = _useContext.setPanelOpen,
     localDispatch = _useContext.dispatch;
-  var _useFilters = useFilters["default"]({
+  var _useFilters = useFilters.default({
       updateMethod: updateMethod,
       filters: filterSections,
       setAllFilters: setAllFilters,
@@ -118,7 +113,7 @@ var FilterPanel = function FilterPanel(_ref) {
   var actionSetRef = React.useRef();
   var innerContainerRef = React.useRef();
   /** State from hooks */
-  var _useShouldDisableButt = useShouldDisableButtons["default"]({
+  var _useShouldDisableButt = useShouldDisableButtons.default({
       initialValue: true,
       filtersState: filtersState,
       prevFiltersRef: prevFiltersRef
@@ -167,7 +162,7 @@ var FilterPanel = function FilterPanel(_ref) {
     });
   };
   var renderActionSet = function renderActionSet() {
-    return showActionSet && /*#__PURE__*/React__default["default"].createElement(MotionActionSet, {
+    return showActionSet && /*#__PURE__*/React.createElement(MotionActionSet, {
       actions: [{
         key: 1,
         kind: 'primary',
@@ -210,7 +205,7 @@ var FilterPanel = function FilterPanel(_ref) {
 
   // tableId is passed in from the event emitter from the FilterSummary component
   // in DatagridContent
-  useSubscribeToEventEmitter["default"](constants.CLEAR_FILTERS, function (tableId) {
+  useSubscribeToEventEmitter.default(constants.CLEAR_FILTERS, function (tableId) {
     reset(tableId);
   });
   var getScrollableContainerHeight = React.useCallback(function () {
@@ -228,25 +223,25 @@ var FilterPanel = function FilterPanel(_ref) {
       innerContainerRef.current.style.height = height;
     }
   }, [getScrollableContainerHeight, innerContainerRef]);
-  return /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
+  return /*#__PURE__*/React.createElement(framerMotion.motion.div, {
     ref: filterPanelRef,
-    className: cx__default["default"](componentClass, "".concat(componentClass, "__container"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), panelOpen), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
+    className: cx(componentClass, "".concat(componentClass, "__container"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "--open"), panelOpen), "".concat(componentClass, "--batch"), showActionSet), "".concat(componentClass, "--instant"), !showActionSet)),
     initial: false,
     animate: panelOpen ? 'visible' : 'hidden',
     custom: shouldReduceMotion,
     variants: variants.panelVariants
-  }, /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
+  }, /*#__PURE__*/React.createElement(framerMotion.motion.div, {
     custom: shouldReduceMotion,
     variants: variants.innerContainerVariants
-  }, /*#__PURE__*/React__default["default"].createElement("header", {
+  }, /*#__PURE__*/React.createElement("header", {
     ref: filterHeadingRef,
-    className: cx__default["default"]("".concat(componentClass, "__heading"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx("".concat(componentClass, "__heading"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(componentClass, "__heading--with-divider"), showDividerLine))
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(componentClass, "__title")
-  }, title), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, title), /*#__PURE__*/React.createElement(react.Button, {
     hasIconOnly: true,
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.Close, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.Close, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
@@ -258,14 +253,14 @@ var FilterPanel = function FilterPanel(_ref) {
   }), showFilterSearch &&
   /*#__PURE__*/
   /* istanbul ignore next */
-  React__default["default"].createElement("div", {
+  React.createElement("div", {
     ref: filterSearchRef,
     className: "".concat(componentClass, "__search")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  }, /*#__PURE__*/React.createElement(react.Layer, null, /*#__PURE__*/React.createElement(react.Search, {
     labelText: searchLabelText,
     placeholder: searchPlaceholder,
     size: "sm"
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(componentClass, "__inner-container"),
     ref: innerContainerRef,
     onScroll: onInnerContainerScroll
@@ -275,15 +270,15 @@ var FilterPanel = function FilterPanel(_ref) {
       _ref2$filters = _ref2.filters,
       filters = _ref2$filters === void 0 ? [] : _ref2$filters,
       hasAccordion = _ref2.hasAccordion;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: index,
       className: "".concat(componentClass, "__category")
-    }, categoryTitle && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, categoryTitle && /*#__PURE__*/React.createElement("div", {
       className: "".concat(componentClass, "__category-title")
-    }, categoryTitle), hasAccordion ? /*#__PURE__*/React__default["default"].createElement(react.Accordion, null, filters.map(function (_ref3) {
+    }, categoryTitle), hasAccordion ? /*#__PURE__*/React.createElement(react.Accordion, null, filters.map(function (_ref3) {
       var filterLabel = _ref3.filterLabel,
         filter = _ref3.filter;
-      return /*#__PURE__*/React__default["default"].createElement(react.AccordionItem, {
+      return /*#__PURE__*/React.createElement(react.AccordionItem, {
         title: filterLabel,
         key: filterLabel
       }, renderFilter(filter));
@@ -294,34 +289,34 @@ var FilterPanel = function FilterPanel(_ref) {
   })), renderActionSet()));
 };
 FilterPanel.propTypes = {
-  autoHideFilters: index["default"].bool,
-  closeIconDescription: index["default"].string,
-  filterPanelMinHeight: index["default"].number,
-  filterSections: index["default"].array,
-  isFetching: index["default"].bool,
-  onApply: index["default"].func,
-  onCancel: index["default"].func,
-  onPanelClose: index["default"].func,
-  onPanelOpen: index["default"].func,
-  open: index["default"].bool,
-  primaryActionLabel: index["default"].string,
+  autoHideFilters: index.default.bool,
+  closeIconDescription: index.default.string,
+  filterPanelMinHeight: index.default.number,
+  filterSections: index.default.array,
+  isFetching: index.default.bool,
+  onApply: index.default.func,
+  onCancel: index.default.func,
+  onPanelClose: index.default.func,
+  onPanelOpen: index.default.func,
+  open: index.default.bool,
+  primaryActionLabel: index.default.string,
   /**
    * Filters from react table's state
    */
-  reactTableFiltersState: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string.isRequired,
-    type: index["default"].string.isRequired,
-    value: index["default"].any.isRequired
+  reactTableFiltersState: index.default.arrayOf(index.default.shape({
+    id: index.default.string.isRequired,
+    type: index.default.string.isRequired,
+    value: index.default.any.isRequired
   })),
-  searchLabelText: index["default"].string,
-  searchPlaceholder: index["default"].string,
-  secondaryActionLabel: index["default"].string,
-  setAllFilters: index["default"].func,
-  showFilterSearch: index["default"].bool,
-  title: index["default"].string,
-  updateMethod: index["default"].oneOf([constants.BATCH, constants.INSTANT])
+  searchLabelText: index.default.string,
+  searchPlaceholder: index.default.string,
+  secondaryActionLabel: index.default.string,
+  setAllFilters: index.default.func,
+  showFilterSearch: index.default.bool,
+  title: index.default.string,
+  updateMethod: index.default.oneOf([constants.BATCH, constants.INSTANT])
 };
 var FilterPanel$1 = FilterPanel;
 
 exports.componentClass = componentClass;
-exports["default"] = FilterPanel$1;
+exports.default = FilterPanel$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterProvider.js

@@ -7,17 +7,11 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../../../../node_modules/prop-types/index.js');
 var constants = require('./constants.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var FilterContext = /*#__PURE__*/React.createContext();
 var EventEmitter = {
   events: {},
@@ -194,15 +188,15 @@ var FilterProvider = function FilterProvider(_ref4) {
     dispatch: dispatch,
     tableId: tableId
   };
-  return /*#__PURE__*/React__default["default"].createElement(FilterContext.Provider, {
+  return /*#__PURE__*/React.createElement(FilterContext.Provider, {
     value: value
   }, children);
 };
 FilterProvider.propTypes = {
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
-  filterProps: index["default"].object,
-  filters: index["default"].arrayOf(index["default"].object).isRequired,
-  tableId: index["default"].string
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
+  filterProps: index.default.object,
+  filters: index.default.arrayOf(index.default.object).isRequired,
+  tableId: index.default.string
 };
 
 exports.FilterContext = FilterContext;

package/lib/components/Datagrid/Datagrid/addons/Filtering/OverflowCheckboxes.js

@@ -16,10 +16,6 @@ var index = require('../../../../../node_modules/prop-types/index.js');
 var handleCheckboxChange = require('./handleCheckboxChange.js');
 var settings = require('../../../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var componentClass = "".concat(blockClass, "-filter-panel");
 var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
@@ -40,7 +36,7 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
   var firstFiveItems = filtersState[column].value.slice(0, 5);
   var restOfTheItems = filtersState[column].value.slice(5, filtersState[column].value.length);
   var renderCheckbox = function renderCheckbox(option) {
-    return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
       key: option.labelText
     }, option, {
       onChange: function onChange(_, _ref2) {
@@ -63,7 +59,7 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
     /** This should render the text "View all ([amount of checkboxes])" or "View less" */
     return showAllItems ? viewLessLabel : "".concat(viewAllLabel, " (").concat(filtersState[column].value.length, ")");
   };
-  return /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  return /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, firstFiveItems.map(renderCheckbox), showAllItems && restOfTheItems.map(renderCheckbox), /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(componentClass, "__view-all-button"),
     kind: "ghost",
     size: "sm",
@@ -73,15 +69,15 @@ var OverflowCheckboxes = function OverflowCheckboxes(_ref) {
   }, renderViewAllButtonText()));
 };
 OverflowCheckboxes.propTypes = {
-  applyFilters: index["default"].func,
-  column: index["default"].string,
-  components: index["default"].object,
-  filtersState: index["default"].object,
-  setFiltersState: index["default"].func,
-  type: index["default"].string,
-  viewAllLabel: index["default"].string,
-  viewLessLabel: index["default"].string
+  applyFilters: index.default.func,
+  column: index.default.string,
+  components: index.default.object,
+  filtersState: index.default.object,
+  setFiltersState: index.default.func,
+  type: index.default.string,
+  viewAllLabel: index.default.string,
+  viewLessLabel: index.default.string
 };
 var OverflowCheckboxes$1 = OverflowCheckboxes;
 
-exports["default"] = OverflowCheckboxes$1;
+exports.default = OverflowCheckboxes$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/constants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /** Constants for update methods can either be batch or instant */
 var BATCH = 'batch';
 var INSTANT = 'instant';

package/lib/components/Datagrid/Datagrid/addons/Filtering/handleCheckboxChange.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 
 /**

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js

@@ -24,4 +24,4 @@ var useFilterContext = function useFilterContext() {
 };
 var useFilterContext$1 = useFilterContext;
 
-exports["default"] = useFilterContext$1;
+exports.default = useFilterContext$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -20,10 +20,6 @@ var handleCheckboxChange = require('../handleCheckboxChange.js');
 var uuidv4 = require('../../../../../../global/js/utils/uuidv4.js');
 var usePreviousValue = require('../../../../../../global/js/hooks/usePreviousValue.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 // Use same empty array every time, for benefit of useEffect() etc. dependency checking.
 var emptyArray = [];
 var useFilters = function useFilters(_ref) {
@@ -161,7 +157,7 @@ var useFilters = function useFilters(_ref) {
     }
     var renderCheckboxes = function renderCheckboxes() {
       if (variation === constants.PANEL && filtersState[column].value.length > 10 && !autoHideFilters) {
-        return _OverflowCheckboxes || (_OverflowCheckboxes = /*#__PURE__*/React__default["default"].createElement(OverflowCheckboxes["default"], {
+        return _OverflowCheckboxes || (_OverflowCheckboxes = /*#__PURE__*/React.createElement(OverflowCheckboxes.default, {
           components: components,
           type: type,
           column: column,
@@ -170,8 +166,8 @@ var useFilters = function useFilters(_ref) {
           applyFilters: applyFilters
         }));
       }
-      return /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, filtersState[column].value.map(function (option) {
-        return /*#__PURE__*/React__default["default"].createElement(react.Checkbox, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, filtersState[column].value.map(function (option) {
+        return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
           key: option.id
         }, option, {
           onChange: function onChange(_, _ref6) {
@@ -192,7 +188,7 @@ var useFilters = function useFilters(_ref) {
     };
     switch (type) {
       case constants.DATE:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.DatePicker, _rollupPluginBabelHelpers["extends"]({}, components.DatePicker, {
+        filter = /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, components.DatePicker, {
           onChange: function onChange(value) {
             var _components$DatePicke, _components$DatePicke2;
             setFiltersState(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, filtersState), {}, _rollupPluginBabelHelpers.defineProperty({}, column, {
@@ -208,16 +204,16 @@ var useFilters = function useFilters(_ref) {
           },
           value: filtersState[column].value,
           datePickerType: "range"
-        }), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({
+        }), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({
           placeholder: "mm/dd/yyyy",
           labelText: "Start date"
-        }, components.DatePickerInput.start)), /*#__PURE__*/React__default["default"].createElement(react.DatePickerInput, _rollupPluginBabelHelpers["extends"]({
+        }, components.DatePickerInput.start)), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({
           placeholder: "mm/dd/yyyy",
           labelText: "End date"
         }, components.DatePickerInput.end)));
         break;
       case constants.NUMBER:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.NumberInput, _rollupPluginBabelHelpers["extends"]({
+        filter = /*#__PURE__*/React.createElement(react.NumberInput, _rollupPluginBabelHelpers.extends({
           step: 1,
           allowEmpty: true,
           hideSteppers: true
@@ -246,7 +242,7 @@ var useFilters = function useFilters(_ref) {
           var _filtersState$column, _components$DefaultRa, _components$DefaultRa2, _filtersState$column2, _components$DefaultRa3, _components$DefaultRa4, _components$DefaultRa5, _components$DefaultRa6, _components$DefaultRa7, _components$DefaultRa8;
           var _components$RadioButt = _rollupPluginBabelHelpers.objectSpread2({}, components.RadioButtonGroup),
             name = _components$RadioButt.name;
-          filter = /*#__PURE__*/React__default["default"].createElement(react.FormGroup, components.FormGroup, /*#__PURE__*/React__default["default"].createElement(react.RadioButtonGroup, _rollupPluginBabelHelpers["extends"]({}, components.RadioButtonGroup, {
+          filter = /*#__PURE__*/React.createElement(react.FormGroup, components.FormGroup, /*#__PURE__*/React.createElement(react.RadioButtonGroup, _rollupPluginBabelHelpers.extends({}, components.RadioButtonGroup, {
             valueSelected: ((_filtersState$column = filtersState[column]) === null || _filtersState$column === void 0 ? void 0 : _filtersState$column.value) === '' ? (_components$DefaultRa = (_components$DefaultRa2 = components.DefaultRadioButton) === null || _components$DefaultRa2 === void 0 ? void 0 : _components$DefaultRa2.value) !== null && _components$DefaultRa !== void 0 ? _components$DefaultRa : 'Any' : (_filtersState$column2 = filtersState[column]) === null || _filtersState$column2 === void 0 ? void 0 : _filtersState$column2.value,
             onChange: function onChange(selected) {
               var _components$RadioButt2, _components$RadioButt3;
@@ -261,20 +257,20 @@ var useFilters = function useFilters(_ref) {
               });
               (_components$RadioButt2 = (_components$RadioButt3 = components.RadioButtonGroup).onChange) === null || _components$RadioButt2 === void 0 || _components$RadioButt2.call(_components$RadioButt3, selected);
             }
-          }), /*#__PURE__*/React__default["default"].createElement(react.RadioButton, _rollupPluginBabelHelpers["extends"]({
+          }), /*#__PURE__*/React.createElement(react.RadioButton, _rollupPluginBabelHelpers.extends({
             id: (_components$DefaultRa3 = components === null || components === void 0 || (_components$DefaultRa4 = components.DefaultRadioButton) === null || _components$DefaultRa4 === void 0 ? void 0 : _components$DefaultRa4.id) !== null && _components$DefaultRa3 !== void 0 ? _components$DefaultRa3 : "any__".concat(name),
             labelText: (_components$DefaultRa5 = components === null || components === void 0 || (_components$DefaultRa6 = components.DefaultRadioButton) === null || _components$DefaultRa6 === void 0 ? void 0 : _components$DefaultRa6.labelText) !== null && _components$DefaultRa5 !== void 0 ? _components$DefaultRa5 : 'Any',
             value: (_components$DefaultRa7 = components === null || components === void 0 || (_components$DefaultRa8 = components.DefaultRadioButton) === null || _components$DefaultRa8 === void 0 ? void 0 : _components$DefaultRa8.value) !== null && _components$DefaultRa7 !== void 0 ? _components$DefaultRa7 : 'Any'
           }, components.DefaultRadioButton)), components.RadioButton.map(function (radio) {
             var _ref7, _radio$id;
-            return /*#__PURE__*/React__default["default"].createElement(react.RadioButton, _rollupPluginBabelHelpers["extends"]({
+            return /*#__PURE__*/React.createElement(react.RadioButton, _rollupPluginBabelHelpers.extends({
               key: (_ref7 = (_radio$id = radio.id) !== null && _radio$id !== void 0 ? _radio$id : radio.labelText) !== null && _ref7 !== void 0 ? _ref7 : radio.value
             }, radio));
           })));
         }
         break;
       case constants.DROPDOWN:
-        filter = /*#__PURE__*/React__default["default"].createElement(react.Dropdown, _rollupPluginBabelHelpers["extends"]({}, components.Dropdown, {
+        filter = /*#__PURE__*/React.createElement(react.Dropdown, _rollupPluginBabelHelpers.extends({}, components.Dropdown, {
           selectedItem: ((_filtersState$column3 = filtersState[column]) === null || _filtersState$column3 === void 0 ? void 0 : _filtersState$column3.value) === '' ? 'Any' : (_filtersState$column4 = filtersState[column]) === null || _filtersState$column4 === void 0 ? void 0 : _filtersState$column4.value,
           items: ['Any'].concat(_rollupPluginBabelHelpers.toConsumableArray(components.Dropdown.items)),
           onChange: function onChange(_ref8) {
@@ -314,10 +310,10 @@ var useFilters = function useFilters(_ref) {
           }
           var getKey = function getKey() {
             return isEqual ? {
-              key: uuidv4["default"]()
+              key: uuidv4.default()
             } : column;
           };
-          filter = /*#__PURE__*/React__default["default"].createElement(react.MultiSelect, _rollupPluginBabelHelpers["extends"]({}, components.MultiSelect, {
+          filter = /*#__PURE__*/React.createElement(react.MultiSelect, _rollupPluginBabelHelpers.extends({}, components.MultiSelect, {
             selectedItems: filteredItems,
             key: getKey(),
             onChange: function onChange(_ref9) {
@@ -370,11 +366,11 @@ var useFilters = function useFilters(_ref) {
         }
     }
     if (isPanel) {
-      return /*#__PURE__*/React__default["default"].createElement(react.Layer, {
+      return /*#__PURE__*/React.createElement(react.Layer, {
         key: column
       }, filter);
     }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: column
     }, filter);
   };
@@ -483,4 +479,4 @@ var useFilters = function useFilters(_ref) {
 };
 var useFilters$1 = useFilters;
 
-exports["default"] = useFilters$1;
+exports.default = useFilters$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useShouldDisableButtons.js

@@ -13,10 +13,6 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var React = require('react');
 var isEqual = require('lodash/isEqual');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-
 /**
  * Keeps track of the button disabled state
  * @param  {string} initialValue - the initial value if the buttons should be enabled or disabled
@@ -33,10 +29,10 @@ var useShouldDisableButtons = function useShouldDisableButtons(_ref) {
     shouldDisableButtons = _useState2[0],
     setShouldDisableButtons = _useState2[1];
   React.useEffect(function updateDisabledButtonsState() {
-    setShouldDisableButtons(isEqual__default["default"](filtersState, JSON.parse(prevFiltersRef.current)));
+    setShouldDisableButtons(isEqual(filtersState, JSON.parse(prevFiltersRef.current)));
   }, [filtersState, prevFiltersRef]);
   return [shouldDisableButtons, setShouldDisableButtons];
 };
 var useShouldDisableButtons$1 = useShouldDisableButtons;
 
-exports["default"] = useShouldDisableButtons$1;
+exports.default = useShouldDisableButtons$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useSubscribeToEventEmitter.js

@@ -27,4 +27,4 @@ var useSubscribeToEventEmitter = function useSubscribeToEventEmitter(type, callb
 };
 var useSubscribeToEventEmitter$1 = useSubscribeToEventEmitter;
 
-exports["default"] = useSubscribeToEventEmitter$1;
+exports.default = useSubscribeToEventEmitter$1;

package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var motionConstants = require('../../../../../../global/js/utils/motionConstants.js');
 var constants = require('../constants.js');
 

package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var constants = require('./constants.js');
 

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js

@@ -7,19 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
 var index = require('../../../../../../node_modules/prop-types/index.js');
 var settings = require('../../../../../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var InlineEditButton = function InlineEditButton(_ref) {
   var label = _ref.label,
@@ -31,33 +24,33 @@ var InlineEditButton = function InlineEditButton(_ref) {
     isActiveCell = _ref.isActiveCell,
     columnConfig = _ref.columnConfig,
     type = _ref.type;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]("".concat(blockClass, "__inline-edit-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button--disabled"), disabledCell), "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection')),
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx("".concat(blockClass, "__inline-edit-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button--disabled"), disabledCell), "".concat(blockClass, "__inline-edit-button--with-label-icon"), LabelIcon), "".concat(blockClass, "__inline-edit-button--non-edit"), nonEditCell), "".concat(blockClass, "__inline-edit-button--active"), isActiveCell), "".concat(blockClass, "__inline-edit-button--").concat(type), type === 'date' || type === 'selection')),
     tabIndex: isActiveCell ? 0 : -1,
     "data-disabled": disabledCell,
     "aria-disabled": disabledCell,
     role: "button"
-  }, LabelIcon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, LabelIcon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__label-icon")
-  }, /*#__PURE__*/React__default["default"].createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React__default["default"].createElement("span", {
-    className: cx__default["default"]("".concat(blockClass, "__inline-edit-button-label"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
-  }, label) : /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React.createElement("span", {
+    className: cx("".concat(blockClass, "__inline-edit-button-label"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit-button-label-with-icon"), !nonEditCell), "".concat(blockClass, "__defaultStringRenderer--multiline"), columnConfig === null || columnConfig === void 0 ? void 0 : columnConfig.multiLineWrap))
+  }, label) : /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__placeholder")
-  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__inline-edit-button-icon")
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
+  }, /*#__PURE__*/React.createElement(Icon, null)));
 };
 InlineEditButton.propTypes = {
-  columnConfig: index["default"].object,
-  disabledCell: index["default"].bool,
-  isActiveCell: index["default"].bool,
-  label: index["default"].oneOfType([index["default"].string, index["default"].number]),
-  labelIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-  nonEditCell: index["default"].bool,
-  placeholder: index["default"].string,
-  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-  type: index["default"].oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
-  value: index["default"].oneOfType([index["default"].string, index["default"].node])
+  columnConfig: index.default.object,
+  disabledCell: index.default.bool,
+  isActiveCell: index.default.bool,
+  label: index.default.oneOfType([index.default.string, index.default.number]),
+  labelIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  nonEditCell: index.default.bool,
+  placeholder: index.default.string,
+  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
+  type: index.default.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
+  value: index.default.oneOfType([index.default.string, index.default.node])
 };
 
 exports.InlineEditButton = InlineEditButton;