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

package/es/components/ConditionBuilder/utils/util.js

@@ -5,8 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { blockClass } from '../ConditionBuilderContext/DataConfigs.js';
+import { pkg } from '../../../settings.js';
 
+var blockClass = "".concat(pkg.prefix, "--condition-builder");
+var NON_HIERARCHICAL_VARIANT = 'Non-Hierarchical';
+var HIERARCHICAL_VARIANT = 'Hierarchical';
 var focusThisField = function focusThisField(evt, conditionBuilderRef) {
   if (evt) {
     setTimeout(function () {
@@ -66,5 +69,48 @@ var manageTabIndexAndFocus = function manageTabIndexAndFocus(currentElement, con
   (_conditionBuilderRef$ = conditionBuilderRef.current) === null || _conditionBuilderRef$ === void 0 || (_conditionBuilderRef$ = _conditionBuilderRef$.querySelector(".".concat(blockClass, "__statement-button"))) === null || _conditionBuilderRef$ === void 0 || _conditionBuilderRef$.setAttribute('tabindex', '1');
   currentElement === null || currentElement === void 0 || currentElement.focus();
 };
+var formatDate = function formatDate(date) {
+  var day = String(date.getDate()).padStart(2, '0');
+  var month = String(date.getMonth() + 1).padStart(2, '0');
+  var year = date.getFullYear();
+  return "".concat(day, "/").concat(month, "/").concat(year);
+};
+var getValue = {
+  text: function text(value) {
+    return value;
+  },
+  textarea: function textarea(value) {
+    return value;
+  },
+  time: function time(value) {
+    return value;
+  },
+  number: function number(value) {
+    return value;
+  },
+  option: function option(value) {
+    if (value && typeof value !== 'string') {
+      var selectedValues = Array.isArray(value) ? value : [value];
+      return selectedValues.map(function (option) {
+        return option.label;
+      }).join(', ');
+    }
+    return value;
+  },
+  date: function date(value) {
+    if (Array.isArray(value) && value.length > 1) {
+      var start = value !== null && value !== void 0 && value[0] && !isNaN(new Date(value[0])) ? formatDate(new Date(value[0])) : '';
+      var end = value !== null && value !== void 0 && value[1] && !isNaN(new Date(value[1])) ? formatDate(new Date(value[1])) : '';
+      return "".concat(start, " To ").concat(end);
+    } else if (Array.isArray(value) && !isNaN(new Date(value[0]))) {
+      return formatDate(new Date(value[0]));
+    } else {
+      return value;
+    }
+  },
+  custom: function custom(value) {
+    return value;
+  }
+};
 
-export { checkForHoldingKey, checkIsValid, focusThisField, focusThisItem, manageTabIndexAndFocus, traverseClockVise, traverseReverse };
+export { HIERARCHICAL_VARIANT, NON_HIERARCHICAL_VARIANT, blockClass, checkForHoldingKey, checkIsValid, focusThisField, focusThisItem, getValue, manageTabIndexAndFocus, traverseClockVise, traverseReverse };

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

@@ -14,7 +14,6 @@ var React = require('react');
 var icons = require('@carbon/react/icons');
 var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
 var index = require('../../../node_modules/prop-types/index.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var cx = require('classnames');
 var ConditionConnector = require('../ConditionBuilderConnector/ConditionConnector.js');
 var ConditionBuilderItemNumber = require('../ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js');
@@ -28,6 +27,7 @@ var ConditionBuilderAdd = require('../ConditionBuilderAdd/ConditionBuilderAdd.js
 var ItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js');
 var ItemOptionForValueField = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.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 }; }
 
@@ -81,6 +81,9 @@ var ConditionBlock = function ConditionBlock(props) {
     propertyText = _useTranslations2[2],
     operatorText = _useTranslations2[3],
     removeConditionText = _useTranslations2[4];
+  var _useDataConfigs = useDataConfigs.useDataConfigs(),
+    statementConfig = _useDataConfigs.statementConfig,
+    operatorConfig = _useDataConfigs.operatorConfig;
 
   //filtering the current property to access its properties and config options
   var getCurrentConfig = function getCurrentConfig(property) {
@@ -145,7 +148,7 @@ var ConditionBlock = function ConditionBlock(props) {
     setShowDeletionPreview(false);
   };
   var manageActionButtons = function manageActionButtons(conditionIndex, conditions) {
-    if (variant === DataConfigs.HIERARCHICAL_VARIANT) {
+    if (variant === util.HIERARCHICAL_VARIANT) {
       return true;
     }
     return isLastCondition(conditionIndex, conditions);
@@ -154,12 +157,12 @@ var ConditionBlock = function ConditionBlock(props) {
     if (config !== null && config !== void 0 && config.operators) {
       return config.operators;
     }
-    return DataConfigs.operatorConfig.filter(function (operator) {
+    return operatorConfig.filter(function (operator) {
       return operator.type.indexOf(type) != -1 || operator.type == 'all';
     });
   };
   var getAriaAttributes = function getAriaAttributes() {
-    return variant == DataConfigs.HIERARCHICAL_VARIANT ? {
+    return variant == util.HIERARCHICAL_VARIANT ? {
       'aria-level': aria.level,
       'aria-posinset': aria.posinset,
       'aria-setsize': aria.setsize
@@ -180,7 +183,7 @@ var ConditionBlock = function ConditionBlock(props) {
     });
   };
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(DataConfigs.blockClass, "__condition-block"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__condition__deletion-preview"), showDeletionPreview), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap-bottom"), variant == DataConfigs.HIERARCHICAL_VARIANT), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-bottom"), variant == DataConfigs.NON_HIERARCHICAL_VARIANT), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__condition--interacting"), showAllActions)),
+    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)),
     role: "row",
     "aria-label": conditionRowText
   }, getAriaAttributes(), {
@@ -189,7 +192,7 @@ var ConditionBlock = function ConditionBlock(props) {
     onMouseLeave: hideAllActionsHandler,
     onBlur: hideAllActionsHandler
   }), conjunction ? /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
-    className: "".concat(DataConfigs.blockClass, "__gap"),
+    className: "".concat(util.blockClass, "__gap"),
     operator: conjunction,
     onChange: function onChange(op) {
       return onConnectorOperatorChange === null || onConnectorOperatorChange === void 0 ? void 0 : onConnectorOperatorChange(op);
@@ -200,8 +203,8 @@ var ConditionBlock = function ConditionBlock(props) {
     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"),
     tabIndex: 0
   }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
     conditionState: {
@@ -210,13 +213,14 @@ var ConditionBlock = function ConditionBlock(props) {
     },
     onChange: onStatementChangeHandler,
     config: {
-      options: DataConfigs.statementConfig
+      options: statementConfig,
+      isStatement: true
     }
   })), /*#__PURE__*/React__default["default"].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,
-    className: "".concat(DataConfigs.blockClass, "__property-field"),
+    className: "".concat(util.blockClass, "__property-field"),
     "data-name": "propertyField",
     condition: condition,
     type: type,
@@ -268,7 +272,7 @@ var ConditionBlock = function ConditionBlock(props) {
     onFocus: handleShowDeletionPreview,
     onBlur: handleHideDeletionPreview,
     renderIcon: icons.Close,
-    className: "".concat(DataConfigs.blockClass, "__close-condition"),
+    className: "".concat(util.blockClass, "__close-condition"),
     "data-name": "closeCondition"
   })), manageActionButtons(conditionIndex, group.conditions) && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
     onClick: function onClick() {
@@ -279,10 +283,10 @@ var ConditionBlock = function ConditionBlock(props) {
     },
     showConditionSubGroupPreviewHandler: showConditionSubGroupPreviewHandler,
     hideConditionSubGroupPreviewHandler: hideConditionSubGroupPreviewHandler,
-    enableSubGroup: variant == DataConfigs.HIERARCHICAL_VARIANT,
+    enableSubGroup: variant == util.HIERARCHICAL_VARIANT,
     showConditionPreviewHandler: showConditionPreviewHandler,
     hideConditionPreviewHandler: hideConditionPreviewHandler,
-    className: "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-left")
+    className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-left")
   }));
 };
 ConditionBlock.propTypes = {

package/lib/components/ConditionBuilder/ConditionBuilder.js

@@ -18,8 +18,8 @@ var devtools = require('../../global/js/utils/devtools.js');
 var ConditionBuilderContent = require('./ConditionBuilderContent/ConditionBuilderContent.js');
 var ConditionBuilderProvider = require('./ConditionBuilderContext/ConditionBuilderProvider.js');
 var settings = require('../../settings.js');
-var DataConfigs = require('./ConditionBuilderContext/DataConfigs.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 }; }
 
@@ -27,6 +27,7 @@ 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.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -62,7 +63,7 @@ exports.ConditionBuilder = /*#__PURE__*/React__default["default"].forwardRef(fun
     getConditionState = _ref.getConditionState,
     getActionsState = _ref.getActionsState,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? DataConfigs.NON_HIERARCHICAL_VARIANT : _ref$variant,
+    variant = _ref$variant === void 0 ? util.NON_HIERARCHICAL_VARIANT : _ref$variant,
     actions = _ref.actions,
     translateWithId = _ref.translateWithId,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -79,7 +80,7 @@ exports.ConditionBuilder = /*#__PURE__*/React__default["default"].forwardRef(fun
     translateWithId: translateWithId,
     conditionBuilderRef: conditionBuilderRef
   }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](DataConfigs.blockClass,
+    className: cx__default["default"](util.blockClass,
     // Apply the block class to the main HTML element
     className,
     // Apply any supplied class names to the main HTML element.
@@ -91,7 +92,7 @@ exports.ConditionBuilder = /*#__PURE__*/React__default["default"].forwardRef(fun
     role: "main",
     ref: conditionBuilderRef
   }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.VStack, {
-    className: "".concat(DataConfigs.blockClass, "__").concat(variant),
+    className: "".concat(util.blockClass, "__").concat(variant),
     onKeyDown: handleKeyDownHandler
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderContent["default"], {
     startConditionLabel: startConditionLabel,

package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts

@@ -10,7 +10,7 @@ import { CarbonIconType } from '@carbon/react/icons';
 import { NumberInputProps } from '@carbon/react/lib/components/NumberInput/NumberInput';
 import { Dispatch, ForwardedRef, PropsWithChildren, ReactNode, SetStateAction } from 'react';
 export type LogicalOperator = 'and' | 'or';
-export type StatementOperator = 'if' | 'if-not';
+export type StatementOperator = 'ifAll' | 'ifAny' | 'unlessAll' | 'unlessAny';
 type CoreOperator = 'is';
 type NumberOperator = 'greater' | 'greaterEqual' | 'lower' | 'lowerEqual';
 type StringOperator = 'startsWith' | 'endsWith';
@@ -119,6 +119,7 @@ export type Action = {
     id?: string | number;
     label?: string;
 };
+export type variantsType = 'Non-Hierarchical' | 'Hierarchical';
 export type ConditionBuilderProps = {
     inputConfig: inputConfig;
     initialState?: ConditionBuilderState;

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

@@ -16,13 +16,13 @@ var cx = require('classnames');
 var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
 var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
 var ConditionBuilderAdd = require('../ConditionBuilderAdd/ConditionBuilderAdd.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 var ConditionBuilderButton = require('../ConditionBuilderButton/ConditionBuilderButton.js');
 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 }; }
 
@@ -81,21 +81,21 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: className
   }, /*#__PURE__*/React__default["default"].createElement(react.Section, {
-    className: "".concat(DataConfigs.blockClass, "__heading"),
+    className: "".concat(util.blockClass, "__heading"),
     level: 4
   }, /*#__PURE__*/React__default["default"].createElement(react.Heading, null, actionsText)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__condition-wrapper"),
+    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", {
       key: action.id,
       role: "row",
-      className: cx__default["default"]("".concat(DataConfigs.blockClass, "__condition-block ").concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-bottom"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__condition__deletion-preview"), showDeletionPreview == index))
+      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: "".concat(DataConfigs.blockClass, "__statement-button"),
+      className: "".concat(util.blockClass, "__statement-button"),
       tabIndex: 0,
-      popOverClassName: "".concat(DataConfigs.blockClass, "__gap"),
+      popOverClassName: "".concat(util.blockClass, "__gap"),
       label: index === 0 ? thenText : andText
     }), /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
       label: action.label,
@@ -131,17 +131,17 @@ var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
       },
       onBlur: handleHideDeletionPreview,
       renderIcon: icons.Close,
-      className: "".concat(DataConfigs.blockClass, "__close-condition"),
+      className: "".concat(util.blockClass, "__close-condition"),
       "data-name": "closeCondition"
     })), actionState.length === index + 1 && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
       onClick: addActionHandler,
-      className: "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-left"),
+      className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-left"),
       buttonLabel: addActionText,
       tabIndex: 0
     }));
   }), actionState.length === 0 && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
     onClick: addActionHandler,
-    className: "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-left"),
+    className: "".concat(util.blockClass, "__gap ").concat(util.blockClass, "__gap-left"),
     buttonLabel: addActionText,
     tabIndex: 0
   })));

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

@@ -15,8 +15,8 @@ var cx = require('classnames');
 var icons = require('@carbon/react/icons');
 var ConditionBuilderButton = require('../ConditionBuilderButton/ConditionBuilderButton.js');
 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 }; }
 
@@ -66,7 +66,7 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
     role: 'gridcell'
   } : {};
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(className, " ").concat(DataConfigs.blockClass, "__add-button-wrapper"),
+    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"]({
@@ -74,20 +74,20 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
     onClick: onClickHandler
   }, previewHandlers(), {
     wrapperProps: wrapperProps,
-    className: "".concat(DataConfigs.blockClass, "__add-button"),
+    className: "".concat(util.blockClass, "__add-button"),
     hideLabel: true,
     "data-name": "addButton",
     label: buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : addConditionText,
     tabIndex: tabIndex,
-    wrapperClassName: "".concat(DataConfigs.blockClass, "__add-condition-wrapper")
+    wrapperClassName: "".concat(util.blockClass, "__add-condition-wrapper")
   })), enableSubGroup && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers["extends"]({
     renderIcon: icons.TextNewLine,
     onClick: addConditionSubGroupHandler,
-    className: cx__default["default"]("".concat(DataConfigs.blockClass, "__add-condition-sub-group")),
+    className: cx__default["default"]("".concat(util.blockClass, "__add-condition-sub-group")),
     hideLabel: true,
     label: addSubgroupText,
     wrapperProps: wrapperProps,
-    wrapperClassName: "".concat(DataConfigs.blockClass, "__add-condition-sub-group-wrapper ").concat(DataConfigs.blockClass, "__gap-left")
+    wrapperClassName: "".concat(util.blockClass, "__add-condition-sub-group-wrapper ").concat(util.blockClass, "__gap-left")
   }, previewHandlersForSubgroup())));
 };
 ConditionBuilderAdd.propTypes = {

package/lib/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.d.ts

@@ -4,14 +4,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/// <reference path="../../../../src/custom-typings/index.d.ts" />
 import React from 'react';
 import PropTypes from 'prop-types';
+import { PopoverAlignment } from '@carbon/react';
 import { CarbonIconType } from '@carbon/react/icons';
 interface ConditionBuilderButtonProps {
     className?: string;
     label: string;
     hideLabel?: boolean;
-    tooltipAlign?: string;
+    tooltipAlign?: PopoverAlignment;
     renderIcon?: CarbonIconType;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onBlur?: React.FocusEventHandler<HTMLButtonElement>;

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

@@ -14,8 +14,8 @@ var React = require('react');
 var cx = require('classnames');
 var index = require('../../../node_modules/prop-types/index.js');
 var react = require('@carbon/react');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.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 }; }
 
@@ -48,7 +48,7 @@ var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
     var dataName = (_rest$dataName = rest['data-name']) !== null && _rest$dataName !== void 0 ? _rest$dataName : '';
     return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
       tabIndex: tabIndex !== undefined ? tabIndex : -1,
-      className: cx__default["default"]([className, "".concat(DataConfigs.blockClass, "__button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__text-ellipsis"), showToolTip && !hideLabel && !isInvalid), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__invalid-input"), isInvalid)]),
+      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)]),
       type: "button",
       onClick: onClick,
       onBlur: onBlur,
@@ -61,7 +61,7 @@ var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
   return hideLabel || showToolTip ? /*#__PURE__*/React__default["default"].createElement(react.Tooltip, _rollupPluginBabelHelpers["extends"]({
     label: label,
     align: tooltipAlign,
-    className: "".concat(wrapperClassName, " ").concat(DataConfigs.blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
+    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());

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

@@ -13,11 +13,11 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var React = require('react');
 var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
 var ItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var index = require('../../../node_modules/prop-types/index.js');
 var util = require('../utils/util.js');
 var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
 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 }; }
@@ -36,6 +36,8 @@ var ConditionConnector = function ConditionConnector(_ref) {
   var _useTranslations = useTranslations.useTranslations(['connectorText']),
     _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 1),
     connectorText = _useTranslations2[0];
+  var _useDataConfigs = useDataConfigs.useDataConfigs(),
+    connectorConfig = _useDataConfigs.connectorConfig;
   var handleConnectorHover = React.useCallback(function (parentGroup, isHover) {
     if (isHover) {
       parentGroup.classList.add('hoveredConnector');
@@ -55,8 +57,8 @@ var ConditionConnector = function ConditionConnector(_ref) {
     onChange === null || onChange === void 0 || onChange(op);
     util.focusThisField(evt, conditionBuilderRef);
   };
-  return variant == DataConfigs.HIERARCHICAL_VARIANT ? /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "".concat(className, " ").concat(DataConfigs.blockClass, "__connector--disabled")
+  return variant == util.HIERARCHICAL_VARIANT ? /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(className, " ").concat(util.blockClass, "__connector--disabled")
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, {
     label: operator
   })) :
@@ -72,10 +74,10 @@ var ConditionConnector = function ConditionConnector(_ref) {
     onBlur: inActiveConnectorHandler
   }, rest, {
     popOverClassName: className,
-    className: "".concat(DataConfigs.blockClass, "__connector-button")
+    className: "".concat(util.blockClass, "__connector-button")
   }), /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
     config: {
-      options: DataConfigs.connectorConfig
+      options: connectorConfig
     },
     conditionState: {
       value: operator,

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

@@ -12,10 +12,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var ItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js');
 var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
 var useTranslations = require('../utils/useTranslations.js');
+var util = require('../utils/util.js');
+var useDataConfigs = require('../utils/useDataConfigs.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,13 +29,15 @@ var GroupConnector = function GroupConnector() {
   var _useTranslations = useTranslations.useTranslations(['conditionText']),
     _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 1),
     conditionText = _useTranslations2[0];
+  var _useDataConfigs = useDataConfigs.useDataConfigs(),
+    connectorConfig = _useDataConfigs.connectorConfig;
   var onStatementChangeHandler = function onStatementChangeHandler(updatedStatement) {
     setRootState(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rootState), {}, {
       operator: updatedStatement
     }));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__group-separator ").concat(DataConfigs.blockClass, "__group-separator-row"),
+    className: "".concat(util.blockClass, "__group-separator ").concat(util.blockClass, "__group-separator-row"),
     role: "row",
     tabIndex: -1,
     "aria-level": 1
@@ -42,8 +45,8 @@ var GroupConnector = function GroupConnector() {
     label: rootState.operator,
     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: rootState.operator,
@@ -51,7 +54,7 @@ var GroupConnector = function GroupConnector() {
     },
     onChange: onStatementChangeHandler,
     config: {
-      options: DataConfigs.connectorConfig
+      options: connectorConfig
     }
   })));
 };

package/lib/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js

@@ -16,13 +16,13 @@ var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var ConditionGroupBuilder = require('../ConditionGroupBuilder/ConditionGroupBuilder.js');
 var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
 var ConditionBuilderButton = require('../ConditionBuilderButton/ConditionBuilderButton.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 var ConditionPreview = require('../ConditionPreview/ConditionPreview.js');
 var GroupConnector = require('../ConditionBuilderConnector/GroupConnector.js');
 var ConditionBuilderActions = require('../ConditionBuilderActions/ConditionBuilderActions.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 }; }
 
@@ -105,7 +105,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
   };
   var addConditionGroupHandler = function addConditionGroupHandler() {
     var newGroup = {
-      statement: 'if',
+      statement: 'ifAll',
       // 'if|exclude if',
       groupOperator: 'and',
       id: uuidv4["default"](),
@@ -128,7 +128,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
   };
   if (!isConditionBuilderActive) {
     return /*#__PURE__*/React__default["default"].createElement(react.Button, {
-      className: "".concat(DataConfigs.blockClass, "__addConditionText-button"),
+      className: "".concat(util.blockClass, "__addConditionText-button"),
       renderIcon: function renderIcon(props) {
         return /*#__PURE__*/React__default["default"].createElement(icons.Add, props);
       },
@@ -139,19 +139,19 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     }, startConditionLabel);
   }
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.Section, {
-    className: "".concat(DataConfigs.blockClass, "__heading"),
+    className: "".concat(util.blockClass, "__heading"),
     level: 4
   }, /*#__PURE__*/React__default["default"].createElement(react.Heading, null, conditionHeadingText)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__content-container"),
+    className: "".concat(util.blockClass, "__content-container"),
     role: "treegrid",
     "aria-label": conditionBuilderHierarchicalText
   }, rootState && (rootState === null || rootState === void 0 || (_rootState$groups4 = rootState.groups) === null || _rootState$groups4 === void 0 ? void 0 : _rootState$groups4.map(function (eachGroup, groupIndex) {
     var _ref2;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: eachGroup.id,
-      className: "".concat(DataConfigs.blockClass, "__group-wrapper")
+      className: "".concat(util.blockClass, "__group-wrapper")
     }, /*#__PURE__*/React__default["default"].createElement(ConditionGroupBuilder["default"], {
-      className: "".concat(DataConfigs.blockClass, "__group"),
+      className: "".concat(util.blockClass, "__group"),
       aria: {
         level: 1,
         posinset: groupIndex * 2 + 1,
@@ -165,11 +165,11 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
         onChangeHandler(updatedGroup, groupIndex);
       }
     }), rootState.groups && groupIndex < rootState.groups.length - 1 && (_GroupConnector || (_GroupConnector = /*#__PURE__*/React__default["default"].createElement(GroupConnector["default"], null))));
-  })), variant == DataConfigs.HIERARCHICAL_VARIANT && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), variant == util.HIERARCHICAL_VARIANT && /*#__PURE__*/React__default["default"].createElement("div", {
     role: "row",
     tabIndex: -1,
     "aria-level": 1,
-    className: "".concat(DataConfigs.blockClass, "__add-group")
+    className: "".concat(util.blockClass, "__add-group")
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, {
     renderIcon: icons.TextNewLine,
     onClick: addConditionGroupHandler,
@@ -177,7 +177,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     onMouseLeave: hideConditionGroupPreviewHandler,
     onFocus: showConditionGroupPreviewHandler,
     onBlur: hideConditionGroupPreviewHandler,
-    className: "".concat(DataConfigs.blockClass, "__add-condition-group "),
+    className: "".concat(util.blockClass, "__add-condition-group "),
     hideLabel: true,
     label: addConditionGroupText,
     wrapperProps: {
@@ -193,7 +193,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     }
   })), actions && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderActions["default"], {
     actions: actions,
-    className: "".concat(DataConfigs.blockClass, "__actions-container")
+    className: "".concat(util.blockClass, "__actions-container")
   }));
 };
 ConditionBuilderContent.propTypes = {

package/lib/components/ConditionBuilder/ConditionBuilderContext/ConditionBuilderProvider.js

@@ -22,7 +22,7 @@ var emptyState = {
   operator: 'or',
   groups: [{
     groupOperator: 'and',
-    statement: 'if',
+    statement: 'ifAll',
     id: uuidv4["default"](),
     conditions: [{
       property: undefined,

package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.d.ts

@@ -1,9 +1,14 @@
 export namespace translationsObject {
     let ifText: string;
+    let unlessText: string;
     let excl_if: string;
     let and: string;
     let or: string;
     let is: string;
+    let ifAll: string;
+    let ifAny: string;
+    let unlessAll: string;
+    let unlessAny: string;
     let greater: string;
     let greaterEqual: string;
     let lower: string;

package/lib/components/ConditionBuilder/ConditionBuilderContext/translationObject.js

@@ -11,10 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var translationsObject = {
   ifText: 'if',
+  unlessText: 'unless',
   excl_if: 'excl.if',
   and: 'and',
   or: 'or',
   is: 'is',
+  ifAll: 'if all',
+  ifAny: 'if any',
+  unlessAll: 'unless all',
+  unlessAny: 'unless any',
   greater: 'is greater than',
   greaterEqual: 'is greater than or equal to',
   lower: 'is lower than',