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

package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js

@@ -29,11 +29,6 @@ var ItemOptionForValueField = require('../ConditionBuilderItem/ConditionBuilderI
 var useTranslations = require('../utils/useTranslations.js');
 var useDataConfigs = require('../utils/useDataConfigs.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 _div;
 
 /**
@@ -169,7 +164,7 @@ var ConditionBlock = function ConditionBlock(props) {
     } : {};
   };
   var renderChildren = function renderChildren(popoverRef) {
-    return /*#__PURE__*/React__default["default"].createElement(ItemComponent, {
+    return /*#__PURE__*/React.createElement(ItemComponent, {
       conditionState: {
         property: property,
         operator: operator,
@@ -182,8 +177,8 @@ var ConditionBlock = function ConditionBlock(props) {
       type: type
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(util.blockClass, "__condition-block"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__condition__deletion-preview"), showDeletionPreview), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__gap-bottom"), variant == util.HIERARCHICAL_VARIANT), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-bottom"), variant == util.NON_HIERARCHICAL_VARIANT), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__condition--interacting"), showAllActions)),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx("".concat(util.blockClass, "__condition-block"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__condition__deletion-preview"), showDeletionPreview), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__gap-bottom"), variant == util.HIERARCHICAL_VARIANT), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-bottom"), variant == util.NON_HIERARCHICAL_VARIANT), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__condition--interacting"), showAllActions)),
     role: "row",
     "aria-label": conditionRowText
   }, getAriaAttributes(), {
@@ -191,22 +186,22 @@ var ConditionBlock = function ConditionBlock(props) {
     onMouseEnter: showAllActionsHandler,
     onMouseLeave: hideAllActionsHandler,
     onBlur: hideAllActionsHandler
-  }), conjunction ? /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
+  }), conjunction ? /*#__PURE__*/React.createElement(ConditionConnector.default, {
     className: "".concat(util.blockClass, "__gap"),
     operator: conjunction,
     onChange: function onChange(op) {
       return onConnectorOperatorChange === null || onConnectorOperatorChange === void 0 ? void 0 : onConnectorOperatorChange(op);
     }
-  }) : _div || (_div = /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : _div || (_div = /*#__PURE__*/React.createElement("div", {
     role: "gridcell"
-  })), isStatement && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  })), isStatement && /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: group.statement,
     title: conditionText,
     "data-name": "connectorField",
     popOverClassName: "".concat(util.blockClass, "__gap"),
     className: "".concat(util.blockClass, "__statement-button"),
     tabIndex: 0
-  }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
+  }, /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
     conditionState: {
       value: group.statement,
       label: conditionText
@@ -216,7 +211,7 @@ var ConditionBlock = function ConditionBlock(props) {
       options: statementConfig,
       isStatement: true
     }
-  })), /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  })), /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: label !== null && label !== void 0 ? label : condition === null || condition === void 0 ? void 0 : condition.property,
     title: propertyText,
     renderIcon: icon !== null && icon !== void 0 ? icon : undefined,
@@ -225,7 +220,7 @@ var ConditionBlock = function ConditionBlock(props) {
     condition: condition,
     type: type,
     onChange: onPropertyChangeHandler
-  }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
+  }, /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
     conditionState: {
       value: property,
       label: propertyText
@@ -234,14 +229,14 @@ var ConditionBlock = function ConditionBlock(props) {
     config: {
       options: inputConfig === null || inputConfig === void 0 ? void 0 : inputConfig.properties
     }
-  })), util.checkIsValid(property) && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  })), util.checkIsValid(property) && /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: operator,
     title: operatorText,
     "data-name": "operatorField",
     condition: condition,
     type: type,
     onChange: onOperatorChangeHandler
-  }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
+  }, /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
     config: {
       options: getOperators()
     },
@@ -250,7 +245,7 @@ var ConditionBlock = function ConditionBlock(props) {
       label: operatorText
     },
     onChange: onOperatorChangeHandler
-  })), util.checkIsValid(property) && util.checkIsValid(operator) && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+  })), util.checkIsValid(property) && util.checkIsValid(operator) && /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: value,
     type: type,
     title: label,
@@ -260,10 +255,10 @@ var ConditionBlock = function ConditionBlock(props) {
     config: config,
     onChange: onValueChangeHandler,
     renderChildren: renderChildren
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     role: "gridcell",
     "aria-label": removeConditionText
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, {
+  }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, {
     hideLabel: true,
     label: removeConditionText,
     onClick: onRemove,
@@ -274,7 +269,7 @@ var ConditionBlock = function ConditionBlock(props) {
     renderIcon: icons.Close,
     className: "".concat(util.blockClass, "__close-condition"),
     "data-name": "closeCondition"
-  })), manageActionButtons(conditionIndex, group.conditions) && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
+  })), manageActionButtons(conditionIndex, group.conditions) && /*#__PURE__*/React.createElement(ConditionBuilderAdd.default, {
     onClick: function onClick() {
       addConditionHandler === null || addConditionHandler === void 0 || addConditionHandler(conditionIndex);
     },
@@ -293,66 +288,66 @@ ConditionBlock.propTypes = {
   /**
    * callback to add a new condition
    */
-  addConditionHandler: index["default"].func,
+  addConditionHandler: index.default.func,
   /**
    * callback to add a new condition subgroup
    */
-  addConditionSubGroupHandler: index["default"].func,
+  addConditionSubGroupHandler: index.default.func,
   /**
    * object hold aria attributes
    */
-  aria: index["default"].object,
-  condition: index["default"].object,
-  conditionIndex: index["default"].number,
+  aria: index.default.object,
+  condition: index.default.object,
+  conditionIndex: index.default.number,
   /**
    * string that decides to show the condition connector
    */
-  conjunction: index["default"].string,
+  conjunction: index.default.string,
   /**
    * object that hold the current group object where is condition is part of
    */
-  group: index["default"].object,
+  group: index.default.object,
   /**
    * handler for hiding sub group preview
    */
-  hideConditionPreviewHandler: index["default"].func,
+  hideConditionPreviewHandler: index.default.func,
   /**
    * handler for hiding sub group preview
    */
-  hideConditionSubGroupPreviewHandler: index["default"].func,
-  isLastCondition: index["default"].func,
+  hideConditionSubGroupPreviewHandler: index.default.func,
+  isLastCondition: index.default.func,
   /**
    *  boolean that decides to show the statement(if/ excl.if)
    */
-  isStatement: index["default"].bool,
+  isStatement: index.default.bool,
   /**
    * callback to update the current condition of the state tree
    */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /**
    * callback to handle the connector(and/or) change
    */
-  onConnectorOperatorChange: index["default"].func,
+  onConnectorOperatorChange: index.default.func,
   /**
    * callback for Remove a condition
    */
-  onRemove: index["default"].func,
+  onRemove: index.default.func,
   /**
    * callback to handle the statement(if/ excl.if) change
    */
-  onStatementChange: index["default"].func,
+  onStatementChange: index.default.func,
   /**
    * handler for showing add condition preview
    */
-  showConditionPreviewHandler: index["default"].func,
+  showConditionPreviewHandler: index.default.func,
   /**
    * handler for showing sub group preview
    */
-  showConditionSubGroupPreviewHandler: index["default"].func,
+  showConditionSubGroupPreviewHandler: index.default.func,
   /**
    * object that hold the current condition
    */
-  state: index["default"].object
+  state: index.default.object
 };
 
-exports["default"] = ConditionBlock;
+exports.default = ConditionBlock;

package/lib/components/ConditionBuilder/ConditionBuilder.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
@@ -21,11 +19,6 @@ var settings = require('../../settings.js');
 var handleKeyboardEvents = require('./utils/handleKeyboardEvents.js');
 var util = require('./utils/util.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 _excluded = ["className", "inputConfig", "startConditionLabel", "popOverSearchThreshold", "getOptions", "initialState", "getConditionState", "getActionsState", "variant", "actions", "translateWithId"];
 
 // Carbon and package components we use.
@@ -53,7 +46,7 @@ var componentName = 'ConditionBuilder';
  * TODO: A description of the component.
  */
 
-exports.ConditionBuilder = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.ConditionBuilder = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     inputConfig = _ref.inputConfig,
     _ref$startConditionLa = _ref.startConditionLabel,
@@ -73,15 +66,15 @@ exports.ConditionBuilder = /*#__PURE__*/React__default["default"].forwardRef(fun
   var handleKeyDownHandler = function handleKeyDownHandler(evt) {
     handleKeyboardEvents.handleKeyDown(evt, conditionBuilderRef, variant);
   };
-  return /*#__PURE__*/React__default["default"].createElement(ConditionBuilderProvider.ConditionBuilderProvider, {
+  return /*#__PURE__*/React.createElement(ConditionBuilderProvider.ConditionBuilderProvider, {
     inputConfig: inputConfig,
     popOverSearchThreshold: popOverSearchThreshold,
     getOptions: getOptions,
     variant: variant,
     translateWithId: translateWithId,
     conditionBuilderRef: conditionBuilderRef
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](util.blockClass,
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(util.blockClass,
     // Apply the block class to the main HTML element
     className,
     // Apply any supplied class names to the main HTML element.
@@ -91,10 +84,10 @@ exports.ConditionBuilder = /*#__PURE__*/React__default["default"].forwardRef(fun
       // example: [`${blockClass}__here-if-small`]: size === 'sm',
     }),
     ref: conditionBuilderRef
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.VStack, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.VStack, {
     className: "".concat(util.blockClass, "__").concat(variant),
     onKeyDown: handleKeyDownHandler
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderContent["default"], {
+  }, /*#__PURE__*/React.createElement(ConditionBuilderContent.default, {
     startConditionLabel: startConditionLabel,
     getConditionState: getConditionState,
     getActionsState: getActionsState,
@@ -118,22 +111,22 @@ exports.ConditionBuilder.propTypes = {
    * optional array of actions
    */
   /**@ts-ignore */
-  actions: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].oneOfType([index["default"].string, index["default"].number]).isRequired,
-    label: index["default"].string.isRequired
+  actions: index.default.arrayOf(index.default.shape({
+    id: index.default.oneOfType([index.default.string, index.default.number]).isRequired,
+    label: index.default.string.isRequired
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * This is a callback that gives back the updated action state
    */
-  getActionsState: index["default"].func,
+  getActionsState: index.default.func,
   /**
    * This is a callback that gives back updated condition state
    */
-  getConditionState: index["default"].func.isRequired,
+  getConditionState: index.default.func.isRequired,
   /**
    * This is a callback that get triggered when  you want to dynamically fetch options.
    *  Component call this when the option array is not passed against a property with type as option in the input config.
@@ -154,7 +147,7 @@ exports.ConditionBuilder.propTypes = {
   }
   };
    */
-  getOptions: index["default"].func,
+  getOptions: index.default.func,
   /**
    * Optional prop if you want to pass a saved condition state, pass as "initialState.state".
    * "initialState.enabledDefault" will populate the builder with the provided initial state before clicking Add Condition button.
@@ -162,47 +155,47 @@ exports.ConditionBuilder.propTypes = {
    *  This state should respect the structure of condition state that is available in getConditionState callback
    */
   /**@ts-ignore */
-  initialState: index["default"].shape({
-    state: index["default"].shape({
-      groups: index["default"].arrayOf(index["default"].shape({
-        groupOperator: index["default"].string,
-        statement: index["default"].string,
-        conditions: index["default"].arrayOf(index["default"].oneOfType([index["default"].shape({
-          property: index["default"].string,
-          operator: index["default"].string,
-          value: index["default"].oneOfType([index["default"].string, index["default"].arrayOf(index["default"].shape({
-            id: index["default"].string,
-            label: index["default"].string
-          })), index["default"].shape({
-            id: index["default"].string,
-            label: index["default"].string
+  initialState: index.default.shape({
+    state: index.default.shape({
+      groups: index.default.arrayOf(index.default.shape({
+        groupOperator: index.default.string,
+        statement: index.default.string,
+        conditions: index.default.arrayOf(index.default.oneOfType([index.default.shape({
+          property: index.default.string,
+          operator: index.default.string,
+          value: index.default.oneOfType([index.default.string, index.default.arrayOf(index.default.shape({
+            id: index.default.string,
+            label: index.default.string
+          })), index.default.shape({
+            id: index.default.string,
+            label: index.default.string
           })])
-        }), index["default"].object]))
+        }), index.default.object]))
       })),
-      operator: index["default"].string
+      operator: index.default.string
     }),
-    enabledDefault: index["default"].bool
+    enabledDefault: index.default.bool
   }),
   /**
    * This is a mandatory prop that defines the input to the condition builder.
     */
   /**@ts-ignore */
-  inputConfig: index["default"].shape({
-    properties: index["default"].arrayOf(index["default"].shape({
-      id: index["default"].string.isRequired,
-      label: index["default"].string.isRequired,
-      icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-      type: index["default"].oneOf(['text', 'textarea', 'number', 'date', 'option', 'time', 'custom']).isRequired,
-      config: index["default"].shape({
-        options: index["default"].arrayOf(index["default"].shape({
-          id: index["default"].string.isRequired,
-          label: index["default"].string.isRequired,
-          icon: index["default"].oneOfType([index["default"].func, index["default"].object])
+  inputConfig: index.default.shape({
+    properties: index.default.arrayOf(index.default.shape({
+      id: index.default.string.isRequired,
+      label: index.default.string.isRequired,
+      icon: index.default.oneOfType([index.default.func, index.default.object]),
+      type: index.default.oneOf(['text', 'textarea', 'number', 'date', 'option', 'time', 'custom']).isRequired,
+      config: index.default.shape({
+        options: index.default.arrayOf(index.default.shape({
+          id: index.default.string.isRequired,
+          label: index.default.string.isRequired,
+          icon: index.default.oneOfType([index.default.func, index.default.object])
         })),
-        component: index["default"].func,
-        operators: index["default"].arrayOf(index["default"].shape({
-          id: index["default"].string.isRequired,
-          label: index["default"].string.isRequired
+        component: index.default.func,
+        operators: index.default.arrayOf(index.default.shape({
+          id: index.default.string.isRequired,
+          label: index.default.string.isRequired
         }))
       })
     }))
@@ -210,11 +203,11 @@ exports.ConditionBuilder.propTypes = {
   /**
    * Provide an mandatory numeric value that will be used to enable search option in the popovers with list.
    */
-  popOverSearchThreshold: index["default"].number.isRequired,
+  popOverSearchThreshold: index.default.number.isRequired,
   /**
    * Provide a label to the button that starts condition builder
    */
-  startConditionLabel: index["default"].string,
+  startConditionLabel: index.default.string,
   /**
    * Optional prop, if you need to pass translations to the texts on the component instead of the defined defaults.
    * This callback function will receive the message id and you need to return the corresponding text for that id.
@@ -222,10 +215,10 @@ exports.ConditionBuilder.propTypes = {
   ]
    */
   /**@ts-ignore */
-  translateWithId: index["default"].func,
+  translateWithId: index.default.func,
   /* TODO: add types and DocGen for all props. */
   /**
    * Provide the condition builder variant: Non-Hierarchical/ Hierarchical
    */
-  variant: index["default"].oneOf(['Non-Hierarchical', 'Hierarchical'])
+  variant: index.default.oneOf(['Non-Hierarchical', 'Hierarchical'])
 };

package/lib/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js

@@ -24,11 +24,6 @@ var useTranslations = require('../utils/useTranslations.js');
 var ItemOptionForValueField = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js');
 var util = require('../utils/util.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 ConditionBuilderActions = function ConditionBuilderActions(_ref) {
   var actions = _ref.actions,
     className = _ref.className;
@@ -50,7 +45,7 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
     actionSectionText = _useTranslations2[5];
   var addActionHandler = function addActionHandler() {
     var action = {
-      id: uuidv4["default"](),
+      id: uuidv4.default(),
       label: undefined,
       popoverToOpen: 'valueField'
     };
@@ -78,32 +73,32 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
   var handleHideDeletionPreview = function handleHideDeletionPreview() {
     setShowDeletionPreview(-1);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default["default"].createElement(react.Section, {
+  }, /*#__PURE__*/React.createElement(react.Section, {
     className: "".concat(util.blockClass, "__heading"),
     level: 4
-  }, /*#__PURE__*/React__default["default"].createElement(react.Heading, null, actionsText)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement(react.Heading, null, actionsText)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(util.blockClass, "__condition-wrapper"),
     role: "grid",
     "aria-label": actionSectionText
   }, actionState === null || actionState === void 0 ? void 0 : actionState.map(function (action, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: action.id,
       role: "row",
-      className: cx__default["default"]("".concat(util.blockClass, "__condition-block ").concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__condition__deletion-preview"), showDeletionPreview == index))
-    }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+      className: cx("".concat(util.blockClass, "__condition-block ").concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__condition__deletion-preview"), showDeletionPreview == index))
+    }, /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
       className: "".concat(util.blockClass, "__statement-button"),
       tabIndex: 0,
       popOverClassName: "".concat(util.blockClass, "__gap"),
       label: index === 0 ? thenText : andText
-    }), /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
+    }), /*#__PURE__*/React.createElement(ConditionBuilderItem.ConditionBuilderItem, {
       label: action.label,
       title: actionsText,
       condition: action,
       "data-name": "valueField",
       type: "option"
-    }, /*#__PURE__*/React__default["default"].createElement(ItemOptionForValueField.ItemOptionForValueField, {
+    }, /*#__PURE__*/React.createElement(ItemOptionForValueField.ItemOptionForValueField, {
       conditionState: {
         value: action.label
       },
@@ -113,10 +108,10 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
       config: {
         options: actions
       }
-    })), /*#__PURE__*/React__default["default"].createElement("span", {
+    })), /*#__PURE__*/React.createElement("span", {
       role: "gridcell",
       "aria-label": removeActionText
-    }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, {
+    }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, {
       hideLabel: true,
       label: removeActionText,
       onClick: function onClick() {
@@ -133,13 +128,13 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
       renderIcon: icons.Close,
       className: "".concat(util.blockClass, "__close-condition"),
       "data-name": "closeCondition"
-    })), actionState.length === index + 1 && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
+    })), actionState.length === index + 1 && /*#__PURE__*/React.createElement(ConditionBuilderAdd.default, {
       onClick: addActionHandler,
       className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-left"),
       buttonLabel: addActionText,
       tabIndex: 0
     }));
-  }), actionState.length === 0 && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
+  }), actionState.length === 0 && /*#__PURE__*/React.createElement(ConditionBuilderAdd.default, {
     onClick: addActionHandler,
     className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-left"),
     buttonLabel: addActionText,
@@ -150,14 +145,14 @@ ConditionBuilderActions.propTypes = {
   /**
    * optional array of object that give the list of actions.
    */
-  actions: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].oneOfType([index["default"].string, index["default"].number]).isRequired,
-    label: index["default"].string.isRequired
+  actions: index.default.arrayOf(index.default.shape({
+    id: index.default.oneOfType([index.default.string, index.default.number]).isRequired,
+    label: index.default.string.isRequired
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string
+  className: index.default.string
 };
 
-exports["default"] = ConditionBuilderActions;
+exports.default = ConditionBuilderActions;

package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js

@@ -18,11 +18,6 @@ var index = require('../../../node_modules/prop-types/index.js');
 var useTranslations = require('../utils/useTranslations.js');
 var util = require('../utils/util.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 ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
   var className = _ref.className,
     onClick = _ref.onClick,
@@ -65,11 +60,11 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
   var wrapperProps = enableSubGroup ? {
     role: 'gridcell'
   } : {};
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "".concat(className, " ").concat(util.blockClass, "__add-button-wrapper"),
     role: !enableSubGroup ? 'gridcell' : 'none',
     "aria-label": getAriaLabel()
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers.extends({
     renderIcon: icons.AddAlt,
     onClick: onClickHandler
   }, previewHandlers(), {
@@ -80,10 +75,10 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
     label: buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : addConditionText,
     tabIndex: tabIndex,
     wrapperClassName: "".concat(util.blockClass, "__add-condition-wrapper")
-  })), enableSubGroup && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers["extends"]({
+  })), enableSubGroup && /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers.extends({
     renderIcon: icons.TextNewLine,
     onClick: addConditionSubGroupHandler,
-    className: cx__default["default"]("".concat(util.blockClass, "__add-condition-sub-group")),
+    className: cx("".concat(util.blockClass, "__add-condition-sub-group")),
     hideLabel: true,
     label: addSubgroupText,
     wrapperProps: wrapperProps,
@@ -94,41 +89,41 @@ ConditionBuilderAdd.propTypes = {
   /**
    * handler for hiding sub group preview
    */
-  addConditionSubGroupHandler: index["default"].func,
+  addConditionSubGroupHandler: index.default.func,
   /**
    * handler for hiding sub group preview
    */ /**
       * tooltip label for plus button
       */
-  buttonLabel: index["default"].string,
+  buttonLabel: index.default.string,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * boolean to enable sub groups for the tree variant
    */
-  enableSubGroup: index["default"].bool,
+  enableSubGroup: index.default.bool,
   /**
    * handler for hiding sub group preview
    */
-  hideConditionPreviewHandler: index["default"].func,
-  hideConditionSubGroupPreviewHandler: index["default"].func,
+  hideConditionPreviewHandler: index.default.func,
+  hideConditionSubGroupPreviewHandler: index.default.func,
   /**
    * handler for hiding sub group preview
    */ /**
       * callback triggered on click of add button
       */
-  onClick: index["default"].func,
-  showConditionPreviewHandler: index["default"].func,
-  showConditionSubGroupPreviewHandler: index["default"].func,
+  onClick: index.default.func,
+  showConditionPreviewHandler: index.default.func,
+  showConditionSubGroupPreviewHandler: index.default.func,
   /**
    * handler for hiding sub group preview
    */
   /**
    * Tab index
    */
-  tabIndex: index["default"].number
+  tabIndex: index.default.number
 };
 
-exports["default"] = ConditionBuilderAdd;
+exports.default = ConditionBuilderAdd;