@carbon/ibm-products 2.43.2-canary.173 → 2.43.2-canary.174

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js

@@ -14,11 +14,11 @@ var React = require('react');
 var react = require('@carbon/react');
 var index = require('../../../node_modules/prop-types/index.js');
 var icons = require('@carbon/react/icons');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var ConditionBuilderButton = require('../ConditionBuilderButton/ConditionBuilderButton.js');
 var useTranslations = require('../utils/useTranslations.js');
 var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.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 }; }
 
@@ -44,7 +44,13 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useTranslations = useTranslations.useTranslations(['invalidText', 'addConditionText', 'addPropertyText', 'addOperatorText', 'addValueText', label]),
+  var statementIdMap = {
+    ifAll: 'if',
+    ifAny: 'if',
+    unlessAll: 'unless',
+    unlessAny: 'unless'
+  };
+  var _useTranslations = useTranslations.useTranslations(['invalidText', 'addConditionText', 'addPropertyText', 'addOperatorText', 'addValueText', label], statementIdMap),
     _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 6),
     invalidText = _useTranslations2[0],
     addConditionText = _useTranslations2[1],
@@ -64,7 +70,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
         isInvalid: true
       };
     }
-    var propertyId = rest['data-name'] == 'valueField' && type ? DataConfigs.valueRenderers[type](label, config) : labelText;
+    var propertyId = rest['data-name'] == 'valueField' && type ? util.getValue[type](label, config) : labelText;
     return {
       isInvalid: false,
       propertyLabel: propertyId
@@ -154,7 +160,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     open: open,
     isTabTip: true,
     role: "gridcell",
-    className: "".concat(popOverClassName, " ").concat(DataConfigs.blockClass, "__popover"),
+    className: "".concat(popOverClassName, " ").concat(util.blockClass, "__popover"),
     ref: popoverRef,
     onRequestClose: closePopover
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers["extends"]({
@@ -168,14 +174,14 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     showToolTip: showToolTip,
     isInvalid: isInvalid
   }, rest)), open && /*#__PURE__*/React__default["default"].createElement(react.PopoverContent, {
-    className: "".concat(DataConfigs.blockClass, "__popover-content-wrapper"),
+    className: "".concat(util.blockClass, "__popover-content-wrapper"),
     role: "dialog",
     "aria-label": title,
     onKeyDown: handleKeyDownHandler
   }, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, /*#__PURE__*/React__default["default"].createElement("h1", {
-    className: "".concat(DataConfigs.blockClass, "__item__title")
+    className: "".concat(util.blockClass, "__item__title")
   }, title), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__popover-content")
+    className: "".concat(util.blockClass, "__popover-content")
   }, renderChildren ? renderChildren(popoverRef) : children))));
 };
 ConditionBuilderItem.propTypes = {

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js

@@ -12,15 +12,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
-var settings = require('../../../../settings.js');
 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 blockClass = "".concat(settings.pkg.prefix, "--condition-builder");
 var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
   var conditionState = _ref.conditionState,
     onChange = _ref.onChange,
@@ -35,7 +34,7 @@ var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
     onChange(selectedDate && selectedDate.length > 0 ? selectedDate : 'INVALID');
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(blockClass, "__item-date ")
+    className: "".concat(util.blockClass, "__item-date ")
   }, datePickerType == 'single' && /*#__PURE__*/React__default["default"].createElement(react.DatePicker, {
     ref: DatePickerInputRef,
     dateFormat: "d/m/Y",

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var react = require('@carbon/react');
 var index = require('../../../../node_modules/prop-types/index.js');
-var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.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 }; }
 
@@ -54,7 +54,7 @@ var ConditionBuilderItemNumber = function ConditionBuilderItemNumber(_ref) {
     return (_split$ = (_conditionState$value = conditionState.value) === null || _conditionState$value === void 0 || (_conditionState$value = _conditionState$value.split(' ')) === null || _conditionState$value === void 0 ? void 0 : _conditionState$value[0]) !== null && _split$ !== void 0 ? _split$ : '';
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-number")
+    className: "".concat(util.blockClass, "__item-number")
   }, /*#__PURE__*/React__default["default"].createElement(react.NumberInput, _rollupPluginBabelHelpers["extends"]({}, config, {
     label: conditionState.property,
     hideLabel: true,

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.d.ts

@@ -11,7 +11,9 @@ interface ItemOptionProps {
         label?: string;
         value?: string;
     };
-    config: PropertyConfigOption['config'];
+    config: PropertyConfigOption['config'] & {
+        isStatement?: boolean;
+    };
     onChange: (value: string, e: Event) => void;
 }
 export declare const ItemOption: {

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js

@@ -15,8 +15,8 @@ var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var index = require('../../../../node_modules/prop-types/index.js');
 var ConditionBuilderProvider = require('../../ConditionBuilderContext/ConditionBuilderProvider.js');
-var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.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 }; }
 
@@ -41,9 +41,10 @@ var ItemOption = function ItemOption(_ref) {
     searchValue = _useState2[0],
     setSearchValue = _useState2[1];
   var selection = conditionState.value;
-  var filteredItems = allOptions === null || allOptions === void 0 ? void 0 : allOptions.filter(function (opt) {
-    return opt.label.toLowerCase().includes(searchValue.toLowerCase());
-  });
+  var filteredItems = searchValue ? allOptions === null || allOptions === void 0 ? void 0 : allOptions.filter(function (opt) {
+    var _opt$label;
+    return (_opt$label = opt.label) === null || _opt$label === void 0 ? void 0 : _opt$label.toLowerCase().includes(searchValue.toLowerCase());
+  }) : allOptions;
   React.useEffect(function () {
     //this will focus the first input field in the popover
 
@@ -65,14 +66,19 @@ var ItemOption = function ItemOption(_ref) {
   var getAriaLabel = function getAriaLabel() {
     return conditionState.label ? conditionState.label : propertyText;
   };
+  var getStatementContent = function getStatementContent(option) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(util.blockClass, "__statement_wrapper")
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React__default["default"].createElement("div", null, option.text2));
+  };
   if (!allOptions) {
     return;
   }
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-option"),
+    className: "".concat(util.blockClass, "__item-option"),
     ref: contentRef
   }, popOverSearchThreshold && allOptions.length > popOverSearchThreshold && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-option__search")
+    className: "".concat(util.blockClass, "__item-option__search")
   }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
     size: "sm",
     labelText: clearSearchText,
@@ -89,7 +95,7 @@ var ItemOption = function ItemOption(_ref) {
       key: option.id,
       role: "option",
       "aria-selected": isSelected,
-      className: "".concat(DataConfigs.blockClass, "__item-option__option"),
+      className: "".concat(util.blockClass, "__item-option__option"),
       onKeyUp: function onKeyUp() {
         return false;
       },
@@ -97,11 +103,11 @@ var ItemOption = function ItemOption(_ref) {
         return onClickHandler(evt, option);
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(DataConfigs.blockClass, "__item-option__option-content")
+      className: "".concat(util.blockClass, "__item-option__option-content")
     }, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(DataConfigs.blockClass, "__item-option__option-label")
-    }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), option.label), isSelected && /*#__PURE__*/React__default["default"].createElement(icons.Checkmark, {
-      className: "".concat(DataConfigs.blockClass, "__checkmark")
+      className: "".concat(util.blockClass, "__item-option__option-label")
+    }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), config.isStatement ? getStatementContent(option) : option.label), isSelected && /*#__PURE__*/React__default["default"].createElement(icons.Checkmark, {
+      className: "".concat(util.blockClass, "__checkmark")
     })));
   })));
 };

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js

@@ -15,8 +15,8 @@ var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var index = require('../../../../node_modules/prop-types/index.js');
 var ConditionBuilderProvider = require('../../ConditionBuilderContext/ConditionBuilderProvider.js');
-var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.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 }; }
 
@@ -144,23 +144,23 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default["default"].createElement(react.SelectSkeleton, null));
   }
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-option"),
+    className: "".concat(util.blockClass, "__item-option"),
     ref: contentRef
   }, popOverSearchThreshold && allOptions.length > popOverSearchThreshold && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-option__search")
+    className: "".concat(util.blockClass, "__item-option__search")
   }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
     onChange: onSearchChangeHandler
   })), multiSelectable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__multiselectSelectionStatusContainer")
+    className: "".concat(util.blockClass, "__multiselectSelectionStatusContainer")
   }, /*#__PURE__*/React__default["default"].createElement("h4", null, /*#__PURE__*/React__default["default"].createElement("label", null, selection.length, "/", allOptions.length, " Selected")), /*#__PURE__*/React__default["default"].createElement(react.Button, {
     kind: 'ghost',
     size: 'sm',
     "data-selected-all": "".concat(selection.length == 0 ? true : false),
     onClick: handleSelectAll,
-    className: "".concat(DataConfigs.blockClass, "__selectAll-button")
+    className: "".concat(util.blockClass, "__selectAll-button")
   }, selection.length == 0 ? 'Select all' : 'Deselect all')), /*#__PURE__*/React__default["default"].createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox",
@@ -175,7 +175,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
       key: option.id,
       role: "option",
       "aria-selected": isSelected,
-      className: "".concat(DataConfigs.blockClass, "__item-option__option"),
+      className: "".concat(util.blockClass, "__item-option__option"),
       onKeyUp: function onKeyUp() {
         return false;
       },
@@ -183,17 +183,17 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
         return onClickHandler(evt, option, isSelected);
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(DataConfigs.blockClass, "__item-option__option-content")
+      className: "".concat(util.blockClass, "__item-option__option-content")
     }, multiSelectable ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(DataConfigs.blockClass, "__option-check-box")
+      className: "".concat(util.blockClass, "__option-check-box")
     }, isSelected ? _CheckboxCheckedFille || (_CheckboxCheckedFille = /*#__PURE__*/React__default["default"].createElement(icons.CheckboxCheckedFilled, null)) : _Checkbox || (_Checkbox = /*#__PURE__*/React__default["default"].createElement(icons.Checkbox, null))), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(DataConfigs.blockClass, "__item-option__option-label")
+      className: "".concat(util.blockClass, "__item-option__option-label")
     }, option.label), Icon && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(DataConfigs.blockClass, "__option-icon")
+      className: "".concat(util.blockClass, "__option-icon")
     }, /*#__PURE__*/React__default["default"].createElement(Icon, null))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(DataConfigs.blockClass, "__item-option__option-label")
+      className: "".concat(util.blockClass, "__item-option__option-label")
     }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), option.label), isSelected && /*#__PURE__*/React__default["default"].createElement(icons.Checkmark, {
-      className: "".concat(DataConfigs.blockClass, "__checkmark")
+      className: "".concat(util.blockClass, "__checkmark")
     }))));
   })));
 };

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var react = require('@carbon/react');
 var index = require('../../../../node_modules/prop-types/index.js');
-var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.js');
 var util = require('../../utils/util.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -36,7 +35,7 @@ var ConditionBuilderItemText = function ConditionBuilderItemText(_ref) {
     labelText: conditionState.property
   });
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-text")
+    className: "".concat(util.blockClass, "__item-text")
   }, type == 'textarea' ? /*#__PURE__*/React__default["default"].createElement(react.TextArea, inputProps) : /*#__PURE__*/React__default["default"].createElement(react.TextInput, inputProps));
 };
 ConditionBuilderItemText.propTypes = {

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js

@@ -13,7 +13,7 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var react = require('@carbon/react');
 var index = require('../../../../node_modules/prop-types/index.js');
-var DataConfigs = require('../../ConditionBuilderContext/DataConfigs.js');
+var util = require('../../utils/util.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,7 +51,7 @@ var ConditionBuilderItemTime = function ConditionBuilderItemTime(_ref) {
     setTimeValue(evt.target.value);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-time")
+    className: "".concat(util.blockClass, "__item-time")
   }, /*#__PURE__*/React__default["default"].createElement(react.TimePicker, {
     id: "time-picker",
     labelText: "Select a time",

package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js

@@ -14,7 +14,6 @@ var React = require('react');
 var ConditionBlock = require('../ConditionBlock/ConditionBlock.js');
 var index = require('../../../node_modules/prop-types/index.js');
 var cx = require('classnames');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
 var util = require('../utils/util.js');
 var ConditionConnector = require('../ConditionBuilderConnector/ConditionConnector.js');
@@ -23,6 +22,7 @@ var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 var ConditionPreview = require('../ConditionPreview/ConditionPreview.js');
 var ItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js');
 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 }; }
 
@@ -48,6 +48,8 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     conditionBuilderGroupText = _useTranslations2[0],
     conditionText = _useTranslations2[1],
     conditionBuilderText = _useTranslations2[2];
+  var _useDataConfigs = useDataConfigs.useDataConfigs(),
+    statementConfig = _useDataConfigs.statementConfig;
   var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
     variant = _useContext.variant,
     conditionBuilderRef = _useContext.conditionBuilderRef;
@@ -63,7 +65,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
   var conditionBuilderContentRef = React.useRef(null);
   var onRemoveHandler = function onRemoveHandler(conditionId, evt, conditionIndex) {
     if (group && group.conditions && group.conditions.length > 1) {
-      variant == DataConfigs.HIERARCHICAL_VARIANT ? handleFocusOnCloseHierarchical(evt) : handleFocusOnClose(evt, conditionIndex);
+      variant == util.HIERARCHICAL_VARIANT ? handleFocusOnCloseHierarchical(evt) : handleFocusOnClose(evt, conditionIndex);
       if (!checkGroupHaveCondition(group.conditions, conditionId)) {
         var _group$conditions;
         //when we delete the last  condition of a group without deleting  the subgroup, we need to restructure the group.
@@ -131,7 +133,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     //get all close buttons.
     //if the last condition is closing, focus the second last one.
     //or focus the next one.
-    var currentGroupCloseButtons = (_e$currentTarget$clos = e.currentTarget.closest(".".concat(DataConfigs.blockClass, "__group"))) === null || _e$currentTarget$clos === void 0 ? void 0 : _e$currentTarget$clos.querySelectorAll('[data-name="closeCondition"]');
+    var currentGroupCloseButtons = (_e$currentTarget$clos = e.currentTarget.closest(".".concat(util.blockClass, "__group"))) === null || _e$currentTarget$clos === void 0 ? void 0 : _e$currentTarget$clos.querySelectorAll('[data-name="closeCondition"]');
     if (conditionIndex == currentGroupCloseButtons.length - 1) {
       util.manageTabIndexAndFocus(currentGroupCloseButtons[conditionIndex - 1], conditionBuilderRef);
     } else {
@@ -150,9 +152,9 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     //checking if next level is a valid condition. If then, focus the close button inside that condition
     //Otherwise , check the previous item is a valid condition
 
-    if (nextElement !== null && nextElement !== void 0 && nextElement.classList.contains("".concat(DataConfigs.blockClass, "__condition-block"))) {
+    if (nextElement !== null && nextElement !== void 0 && nextElement.classList.contains("".concat(util.blockClass, "__condition-block"))) {
       util.manageTabIndexAndFocus(nextElement === null || nextElement === void 0 ? void 0 : nextElement.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
-    } else if (prevElement !== null && prevElement !== void 0 && prevElement.classList.contains("".concat(DataConfigs.blockClass, "__condition-block"))) {
+    } else if (prevElement !== null && prevElement !== void 0 && prevElement.classList.contains("".concat(util.blockClass, "__condition-block"))) {
       util.manageTabIndexAndFocus(prevElement === null || prevElement === void 0 ? void 0 : prevElement.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
     }
     //If there are no valid condition in this group, focus next or previous row
@@ -181,7 +183,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
   var addConditionSubGroupHandler = function addConditionSubGroupHandler(conditionIndex) {
     onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, group), {}, {
       conditions: [].concat(_rollupPluginBabelHelpers.toConsumableArray(group.conditions ? group.conditions.slice(0, conditionIndex + 1) : []), [{
-        statement: 'if',
+        statement: 'ifAll',
         groupOperator: 'and',
         conditions: [{
           property: undefined,
@@ -211,7 +213,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
   };
   var onStatementChangeHandler = function onStatementChangeHandler(updatedStatement) {
     var _statementConfig$find;
-    var groupOperator = (_statementConfig$find = DataConfigs.statementConfig.find(function (statement) {
+    var groupOperator = (_statementConfig$find = statementConfig.find(function (statement) {
       return statement.id == updatedStatement;
     })) === null || _statementConfig$find === void 0 ? void 0 : _statementConfig$find.connector;
     onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, group), {}, {
@@ -229,14 +231,14 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(className, "  eachGroup")
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(DataConfigs.blockClass, "__condition-wrapper"),
+      className: "".concat(util.blockClass, "__condition-wrapper"),
       role: "grid",
       "aria-label": conditionBuilderText
     }, group === null || group === void 0 || (_group$conditions2 = group.conditions) === null || _group$conditions2 === void 0 ? void 0 : _group$conditions2.map(function (eachCondition, conditionIndex) {
       var _group$conditions3;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         key: eachCondition.id,
-        className: "".concat(DataConfigs.blockClass, "__group-wrapper")
+        className: "".concat(util.blockClass, "__group-wrapper")
       }, /*#__PURE__*/React__default["default"].createElement(ConditionBlock["default"], {
         conjunction: conditionIndex > 0 ? group.groupOperator : undefined,
         aria: {
@@ -264,7 +266,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
   var getHierarchicalVariant = function getHierarchicalVariant() {
     var _group$conditions4;
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(className, " ").concat(DataConfigs.blockClass, "__condition-wrapper"),
+      className: "".concat(className, " ").concat(util.blockClass, "__condition-wrapper"),
       role: aria.level === 1 ? 'rowgroup' : undefined,
       "aria-label": aria.level == 1 ? conditionBuilderGroupText : undefined,
       ref: conditionBuilderContentRef
@@ -278,8 +280,8 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
       label: group.statement,
       title: conditionText,
       "data-name": "connectorField",
-      popOverClassName: "".concat(DataConfigs.blockClass, "__gap"),
-      className: "".concat(DataConfigs.blockClass, "__statement-button")
+      popOverClassName: "".concat(util.blockClass, "__gap"),
+      className: "".concat(util.blockClass, "__statement-button")
     }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
       conditionState: {
         value: group.statement,
@@ -290,16 +292,17 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         onStatementChangeHandler(v);
       },
       config: {
-        options: DataConfigs.statementConfig
+        options: statementConfig,
+        isStatement: true
       }
     }))), group === null || group === void 0 || (_group$conditions4 = group.conditions) === null || _group$conditions4 === void 0 ? void 0 : _group$conditions4.map(function (eachCondition, conditionIndex) {
       var _group$conditions$len, _group$conditions5, _group$conditions$len2, _group$conditions6;
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
         key: eachCondition.id
       }, eachCondition.conditions ? /*#__PURE__*/React__default["default"].createElement("div", {
-        className: cx__default["default"]("".concat(DataConfigs.blockClass, "__condition-block subgroup  ").concat(DataConfigs.blockClass, "__gap"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap-bottom"), group && group.conditions && group.conditions.length < conditionIndex + 1), {})
+        className: cx__default["default"]("".concat(util.blockClass, "__condition-block subgroup  ").concat(util.blockClass, "__gap"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__gap-bottom"), group && group.conditions && group.conditions.length < conditionIndex + 1), {})
       }, /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
-        className: "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-bottom ").concat(DataConfigs.blockClass, "__groupConnector"),
+        className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-bottom ").concat(util.blockClass, "__groupConnector"),
         operator: group.groupOperator,
         "aria-hidden": true
       }), /*#__PURE__*/React__default["default"].createElement(ConditionGroupBuilder, {
@@ -308,7 +311,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
           posinset: conditionIndex + 1,
           setsize: (_group$conditions$len = (_group$conditions5 = group.conditions) === null || _group$conditions5 === void 0 ? void 0 : _group$conditions5.length) !== null && _group$conditions$len !== void 0 ? _group$conditions$len : 0
         },
-        className: "".concat(DataConfigs.blockClass, "__group"),
+        className: "".concat(util.blockClass, "__group"),
         group: eachCondition,
         onChange: function onChange(updatedConditions) {
           onChangeHandler(updatedConditions, conditionIndex);
@@ -355,7 +358,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
       }))));
     }));
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, variant == DataConfigs.HIERARCHICAL_VARIANT && getHierarchicalVariant(), variant == DataConfigs.NON_HIERARCHICAL_VARIANT && getNonHierarchicalVariant());
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, variant == util.HIERARCHICAL_VARIANT && getHierarchicalVariant(), variant == util.NON_HIERARCHICAL_VARIANT && getNonHierarchicalVariant());
 };
 ConditionGroupBuilder.propTypes = {
   /**

package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js

@@ -13,11 +13,11 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var React = require('react');
 var cx = require('classnames');
 var index = require('../../../node_modules/prop-types/index.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
 var ConditionConnector = require('../ConditionBuilderConnector/ConditionConnector.js');
 var useTranslations = require('../utils/useTranslations.js');
 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 }; }
 
@@ -44,7 +44,7 @@ var ConditionPreview = function ConditionPreview(_ref) {
   }, []);
   var getConditionSection = function getConditionSection() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(DataConfigs.blockClass, "__preview-condition")
+      className: "".concat(util.blockClass, "__preview-condition")
     }, _ConditionBuilderItem || (_ConditionBuilderItem = /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
       label: propertyText,
       renderIcon: icons.Bee
@@ -55,40 +55,40 @@ var ConditionPreview = function ConditionPreview(_ref) {
     })));
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(DataConfigs.blockClass, "__group__row ").concat(DataConfigs.blockClass, "__group-preview "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__group-preview-animate"), animate)])
+    className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
+    className: "".concat(util.blockClass, "__statement-button"),
     label: group.groupOperator
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-color-index": colorIndex,
     "aria-hidden": true,
-    className: cx__default["default"](["".concat(DataConfigs.blockClass, "__group ").concat(DataConfigs.blockClass, "__condition-wrapper ").concat(DataConfigs.blockClass, "__group-preview ").concat(DataConfigs.blockClass, "__group-wrapper "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__group-preview-animate"), animate)])
+    className: cx__default["default"](["".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__group-wrapper "), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__gap")
+    className: "".concat(util.blockClass, "__gap")
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
+    className: "".concat(util.blockClass, "__statement-button"),
     label: ifText
   })), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(DataConfigs.blockClass, "__group__row ").concat(DataConfigs.blockClass, "__group-preview ").concat(DataConfigs.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__group-preview-animate"), animate)])
+    className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__condition-block  ").concat(DataConfigs.blockClass, "__gap")
+    className: "".concat(util.blockClass, "__condition-block  ").concat(util.blockClass, "__gap")
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: group.groupOperator,
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
-    popOverClassName: "".concat(DataConfigs.blockClass, "__gap")
+    className: "".concat(util.blockClass, "__statement-button"),
+    popOverClassName: "".concat(util.blockClass, "__gap")
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__group ").concat(DataConfigs.blockClass, "__condition-wrapper")
+    className: "".concat(util.blockClass, "__group ").concat(util.blockClass, "__condition-wrapper")
   }, /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
-    className: "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__groupConnector"),
+    className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__groupConnector"),
     operator: ifText
   }), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(DataConfigs.blockClass, "__group__row ").concat(DataConfigs.blockClass, "__group-preview ").concat(DataConfigs.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__group-preview-animate"), animate)])
+    className: cx__default["default"](["".concat(util.blockClass, "__group__row ").concat(util.blockClass, "__group-preview ").concat(util.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(util.blockClass, "__group-preview-animate"), animate)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__condition-block  ").concat(DataConfigs.blockClass, "__gap")
+    className: "".concat(util.blockClass, "__condition-block  ").concat(util.blockClass, "__gap")
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
     label: group.groupOperator,
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
-    popOverClassName: "".concat(DataConfigs.blockClass, "__gap")
+    className: "".concat(util.blockClass, "__statement-button"),
+    popOverClassName: "".concat(util.blockClass, "__gap")
   }), getConditionSection())));
 };
 ConditionPreview.propTypes = {

package/lib/components/ConditionBuilder/utils/handleKeyboardEvents.js

@@ -10,13 +10,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var util = require('./util.js');
 
 var handleKeyDown = function handleKeyDown(evt, conditionBuilderRef, variant) {
   var _activeElement$closes;
   var activeElement = document.activeElement;
-  if (!((_activeElement$closes = activeElement.closest(".".concat(DataConfigs.blockClass, "__popover"))) !== null && _activeElement$closes !== void 0 && _activeElement$closes.querySelector('[role="dialog"]'))) {
+  if (!((_activeElement$closes = activeElement.closest(".".concat(util.blockClass, "__popover"))) !== null && _activeElement$closes !== void 0 && _activeElement$closes.querySelector('[role="dialog"]'))) {
     handleKeyPressForMainContent(evt, conditionBuilderRef, variant);
   }
 };
@@ -29,7 +28,7 @@ var handleKeyDownForPopover = function handleKeyDownForPopover(evt, conditionBui
 
 //skipping keyboard handling for date and time fields to get take carbon's
 var excludeKeyPress = function excludeKeyPress(evt) {
-  return !['Escape'].includes(evt.key) && (evt.target.closest(".".concat(DataConfigs.blockClass, "__item-date")) || evt.target.closest(".".concat(DataConfigs.blockClass, "__item-time")));
+  return !['Escape'].includes(evt.key) && (evt.target.closest(".".concat(util.blockClass, "__item-date")) || evt.target.closest(".".concat(util.blockClass, "__item-time")));
 };
 var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentContainer, conditionBuilderRef) {
   var _parentContainer$quer;
@@ -46,7 +45,7 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
       });
       //scroll to top when we reach a the top of the list to make search box visible
       if (Array.from(evt.target.closest('ul').querySelectorAll('li')).indexOf(evt.target) === 1) {
-        parentContainer.querySelector(".".concat(DataConfigs.blockClass, "__popover-content-wrapper")).scrollTop = 0;
+        parentContainer.querySelector(".".concat(util.blockClass, "__popover-content-wrapper")).scrollTop = 0;
       }
       break;
     case 'ArrowDown':
@@ -57,7 +56,7 @@ var handleKeyPressForPopover = function handleKeyPressForPopover(evt, parentCont
       });
       break;
     case 'Tab':
-      allItems = [].concat(_rollupPluginBabelHelpers.toConsumableArray(Array.from(parentContainer.querySelectorAll(".".concat(DataConfigs.blockClass, "__selectAll-button,[role=\"searchbox\"]")))), [parentContainer.querySelector("[role=\"option\"]")]);
+      allItems = [].concat(_rollupPluginBabelHelpers.toConsumableArray(Array.from(parentContainer.querySelectorAll(".".concat(util.blockClass, "__selectAll-button,[role=\"searchbox\"]")))), [parentContainer.querySelector("[role=\"option\"]")]);
       allItems.forEach(function (eachElem, index, allElements) {
         if (isHoldingShiftKey) {
           util.traverseReverse(eachElem, index, allElements, true, true, conditionBuilderRef);
@@ -105,7 +104,7 @@ var handleKeyPressForMainContent = function handleKeyPressForMainContent(evt, co
   switch (evt.key) {
     case 'ArrowRight':
       evt.preventDefault();
-      if (variant == DataConfigs.HIERARCHICAL_VARIANT) {
+      if (variant == util.HIERARCHICAL_VARIANT) {
         var _evt$target$closest;
         var allCellsInRow = Array.from((_evt$target$closest = evt.target.closest('[role="row"]')) === null || _evt$target$closest === void 0 ? void 0 : _evt$target$closest.querySelectorAll('[role="gridcell"] button'));
         if (allCellsInRow.length === 1) {
@@ -132,7 +131,7 @@ var handleKeyPressForMainContent = function handleKeyPressForMainContent(evt, co
       break;
     case 'ArrowLeft':
       evt.preventDefault();
-      if (variant == DataConfigs.HIERARCHICAL_VARIANT) {
+      if (variant == util.HIERARCHICAL_VARIANT) {
         if (evt.target.getAttribute('role') !== 'row') {
           var _evt$target$closest2;
           //when any cell is focussed, arrow left will select the previous cell or current row
@@ -154,7 +153,7 @@ var handleKeyPressForMainContent = function handleKeyPressForMainContent(evt, co
     case 'ArrowUp':
     case 'ArrowDown':
       evt.preventDefault();
-      if (variant == DataConfigs.HIERARCHICAL_VARIANT) {
+      if (variant == util.HIERARCHICAL_VARIANT) {
         handleRowNavigationHierarchical(evt, conditionBuilderRef, variant);
       } else {
         handleRowNavigation(evt, conditionBuilderRef, variant);
@@ -221,7 +220,7 @@ var navigateToNextRowCell = function navigateToNextRowCell(evt, currentRowIndex,
   var itemName = evt.target.dataset.name;
   if (nextRow !== null && nextRow !== void 0 && nextRow.querySelector("[data-name=\"".concat(itemName, "\"]"))) {
     util.manageTabIndexAndFocus(nextRow === null || nextRow === void 0 ? void 0 : nextRow.querySelector("[data-name=\"".concat(itemName, "\"]")), conditionBuilderRef);
-  } else if (variant === DataConfigs.HIERARCHICAL_VARIANT) {
+  } else if (variant === util.HIERARCHICAL_VARIANT) {
     //when the next row is a if statement , then that row is focused. From any cell of last row of an group , arrow down select the next row (if)
     util.manageTabIndexAndFocus(nextRow, conditionBuilderRef);
   }