@carbon/ibm-products 2.50.0 → 2.51.0-rc.0

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,10 +46,11 @@ 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,
-    startConditionLabel = _ref.startConditionLabel,
+    _ref$startConditionLa = _ref.startConditionLabel,
+    startConditionLabel = _ref$startConditionLa === void 0 ? 'Add Condition' : _ref$startConditionLa,
     popOverSearchThreshold = _ref.popOverSearchThreshold,
     getOptions = _ref.getOptions,
     initialState = _ref.initialState,
@@ -72,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.
@@ -90,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,
@@ -117,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.
@@ -153,50 +147,55 @@ exports.ConditionBuilder.propTypes = {
   }
   };
    */
-  getOptions: index["default"].func,
+  getOptions: index.default.func,
   /**
-   * Optional prop if you want to pass a saved condition state.
-   *  This object should respect the structure of condition state that is available in getConditionState callback
+   * 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.
+   *
+   *  This state should respect the structure of condition state that is available in getConditionState callback
    */
   /**@ts-ignore */
-  initialState: 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]))
-    })),
-    operator: 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]))
+      })),
+      operator: index.default.string
+    }),
+    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
         }))
       })
     }))
@@ -204,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.isRequired,
+  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.
@@ -216,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/ConditionBuilder.types.d.ts

@@ -122,17 +122,21 @@ export type Action = {
 export type variantsType = 'Non-Hierarchical' | 'Hierarchical';
 export type ConditionBuilderProps = {
     inputConfig: inputConfig;
-    initialState?: ConditionBuilderState;
+    initialState?: InitialState;
     getActionsState?: (state: Action[] | undefined) => void;
     getConditionState: (state: ConditionBuilderState | undefined) => void;
     getOptions?: (state: ConditionBuilderState, condition: Condition) => Promise<Option[]>;
     actions?: Action[];
     className?: string;
     popOverSearchThreshold: number;
-    startConditionLabel: string;
+    startConditionLabel?: string;
     variant?: 'Non-Hierarchical' | 'Hierarchical';
     translateWithId: (id: string) => string;
 };
+export type InitialState = {
+    state: ConditionBuilderState;
+    enabledDefault?: boolean;
+};
 export interface ConditionBuilderContextInputProps extends PropsWithChildren {
     children?: ReactNode;
     inputConfig?: inputConfig;

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;

package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
@@ -17,11 +15,6 @@ var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 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 _WarningAltFilled;
 var _excluded = ["className", "label", "hideLabel", "tooltipAlign", "renderIcon", "onClick", "showToolTip", "wrapperProps", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "isInvalid", "wrapperClassName", "tabIndex"];
 var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
@@ -46,9 +39,9 @@ var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
   var Button = function Button() {
     var _rest$dataName;
     var dataName = (_rest$dataName = rest['data-name']) !== null && _rest$dataName !== void 0 ? _rest$dataName : '';
-    return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
       tabIndex: tabIndex !== undefined ? tabIndex : -1,
-      className: cx__default["default"]([className, "".concat(util.blockClass, "__button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__text-ellipsis"), showToolTip && !hideLabel && !isInvalid), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__invalid-input"), isInvalid)]),
+      className: cx([className, "".concat(util.blockClass, "__button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__text-ellipsis"), showToolTip && !hideLabel && !isInvalid), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__invalid-input"), isInvalid)]),
       type: "button",
       onClick: onClick,
       onBlur: onBlur,
@@ -56,70 +49,70 @@ var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       "data-name": dataName
-    }, rest), Icon && (_Icon || (_Icon = /*#__PURE__*/React__default["default"].createElement(Icon, null))), !hideLabel && (_span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null, label))), isInvalid && (_WarningAltFilled || (_WarningAltFilled = /*#__PURE__*/React__default["default"].createElement(icons.WarningAltFilled, null))));
+    }, rest), Icon && (_Icon || (_Icon = /*#__PURE__*/React.createElement(Icon, null))), !hideLabel && (_span || (_span = /*#__PURE__*/React.createElement("span", null, label))), isInvalid && (_WarningAltFilled || (_WarningAltFilled = /*#__PURE__*/React.createElement(icons.WarningAltFilled, null))));
   };
-  return hideLabel || showToolTip ? /*#__PURE__*/React__default["default"].createElement(react.Tooltip, _rollupPluginBabelHelpers["extends"]({
+  return hideLabel || showToolTip ? /*#__PURE__*/React.createElement(react.Tooltip, _rollupPluginBabelHelpers.extends({
     label: label,
     align: tooltipAlign,
     className: "".concat(wrapperClassName, " ").concat(util.blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
   }, wrapperProps, {
     leaveDelayMs: 0
-  }), Button()) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, Button());
+  }), Button()) : /*#__PURE__*/React.createElement(React.Fragment, null, Button());
 };
 ConditionBuilderButton.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * decides if label and tooltip to be hidden
    */
-  hideLabel: index["default"].bool,
+  hideLabel: index.default.bool,
   /**
    * boolean to know the updated value in not valid
    */
-  isInvalid: index["default"].bool,
+  isInvalid: index.default.bool,
   /**
    * label of the button
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * mouse events callbacks
    */
-  onBlur: index["default"].func,
+  onBlur: index.default.func,
   /**
    * callback triggered on click of add button
    */
-  onClick: index["default"].func,
-  onFocus: index["default"].func,
-  onMouseEnter: index["default"].func,
-  onMouseLeave: index["default"].func,
+  onClick: index.default.func,
+  onFocus: index.default.func,
+  onMouseEnter: index.default.func,
+  onMouseLeave: index.default.func,
   /**
    * Optional prop to allow overriding the icon rendering.
    */
-  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    */
   /**
    *decides if  tooltip to be shown
    */
-  showToolTip: index["default"].bool,
+  showToolTip: index.default.bool,
   /**
    * Tab index
    */
-  tabIndex: index["default"].number,
+  tabIndex: index.default.number,
   /**
    * tooltip position
    */
-  tooltipAlign: index["default"].string,
+  tooltipAlign: index.default.string,
   /**
    * classname applies to the wrapper of popover
    */
-  wrapperClassName: index["default"].string,
+  wrapperClassName: index.default.string,
   /**
    * optional props for tree grid to add role and aria-label to wrapper span
    */
-  wrapperProps: index["default"].object
+  wrapperProps: index.default.object
 };
 
 exports.ConditionBuilderButton = ConditionBuilderButton;

package/lib/components/ConditionBuilder/ConditionBuilderConnector/ConditionConnector.js

@@ -20,10 +20,6 @@ var useTranslations = require('../utils/useTranslations.js');
 var useDataConfigs = require('../utils/useDataConfigs.js');
 var ConditionBuilderButton = require('../ConditionBuilderButton/ConditionBuilderButton.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _excluded = ["operator", "className", "onChange"];
 var ConditionConnector = function ConditionConnector(_ref) {
   var operator = _ref.operator,
@@ -57,14 +53,14 @@ var ConditionConnector = function ConditionConnector(_ref) {
     onChange === null || onChange === void 0 || onChange(op);
     util.focusThisField(evt, conditionBuilderRef);
   };
-  return variant == util.HIERARCHICAL_VARIANT ? /*#__PURE__*/React__default["default"].createElement("span", {
+  return variant == util.HIERARCHICAL_VARIANT ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(className, " ").concat(util.blockClass, "__connector--disabled")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, {
+  }, /*#__PURE__*/React.createElement(ConditionBuilderButton.ConditionBuilderButton, {
     label: operator
   })) :
   /*#__PURE__*/
   // <div className={className} {...rest}>
-  React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, _rollupPluginBabelHelpers["extends"]({
+  React.createElement(ConditionBuilderItem.ConditionBuilderItem, _rollupPluginBabelHelpers.extends({
     label: operator,
     title: connectorText,
     "data-name": "connectorField",
@@ -75,7 +71,7 @@ var ConditionConnector = function ConditionConnector(_ref) {
   }, rest, {
     popOverClassName: className,
     className: "".concat(util.blockClass, "__connector-button")
-  }), /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
+  }), /*#__PURE__*/React.createElement(ItemOption.ItemOption, {
     config: {
       options: connectorConfig
     },
@@ -93,15 +89,15 @@ ConditionConnector.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * callback to update the current condition of the state tree
    */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /**
    * string that defines the connector operator (and/or)
    */
-  operator: index["default"].string
+  operator: index.default.string
 };
 
-exports["default"] = ConditionConnector;
+exports.default = ConditionConnector;