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

package/es/components/ConditionBuilder/ConditionBuilder.js

@@ -14,10 +14,11 @@ import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import ConditionBuilderContent from './ConditionBuilderContent/ConditionBuilderContent.js';
 import { ConditionBuilderProvider } from './ConditionBuilderContext/ConditionBuilderProvider.js';
 import { pkg } from '../../settings.js';
-import { blockClass, NON_HIERARCHICAL_VARIANT } from './ConditionBuilderContext/DataConfigs.js';
 import { handleKeyDown } from './utils/handleKeyboardEvents.js';
+import { blockClass, NON_HIERARCHICAL_VARIANT } from './utils/util.js';
 
 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. */
 

package/es/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/es/components/ConditionBuilder/ConditionBuilderActions/ConditionBuilderActions.js

@@ -12,13 +12,13 @@ import cx from 'classnames';
 import { Close } from '@carbon/react/icons';
 import { Section, Heading } from '@carbon/react';
 import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
-import { blockClass } from '../ConditionBuilderContext/DataConfigs.js';
 import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
 import ConditionBuilderAdd from '../ConditionBuilderAdd/ConditionBuilderAdd.js';
 import uuidv4 from '../../../global/js/utils/uuidv4.js';
 import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
 import { useTranslations } from '../utils/useTranslations.js';
 import { ItemOptionForValueField } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js';
+import { blockClass } from '../utils/util.js';
 
 var ConditionBuilderActions = function ConditionBuilderActions(_ref) {
   var actions = _ref.actions,

package/es/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js

@@ -11,8 +11,8 @@ import cx from 'classnames';
 import { AddAlt, TextNewLine } from '@carbon/react/icons';
 import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
 import PropTypes from '../../../node_modules/prop-types/index.js';
-import { blockClass } from '../ConditionBuilderContext/DataConfigs.js';
 import { useTranslations } from '../utils/useTranslations.js';
+import { blockClass } from '../utils/util.js';
 
 var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
   var className = _ref.className,

package/es/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/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js

@@ -10,8 +10,8 @@ import React__default from 'react';
 import cx from 'classnames';
 import PropTypes from '../../../node_modules/prop-types/index.js';
 import { usePrefix, Tooltip } from '@carbon/react';
-import { blockClass } from '../ConditionBuilderContext/DataConfigs.js';
 import { WarningAltFilled } from '@carbon/react/icons';
+import { blockClass } from '../utils/util.js';
 
 var _WarningAltFilled;
 var _excluded = ["className", "label", "hideLabel", "tooltipAlign", "renderIcon", "onClick", "showToolTip", "wrapperProps", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "isInvalid", "wrapperClassName", "tabIndex"];

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

@@ -9,11 +9,11 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useContext, useCallback } from 'react';
 import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
 import { ItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js';
-import { HIERARCHICAL_VARIANT, blockClass, connectorConfig } from '../ConditionBuilderContext/DataConfigs.js';
 import PropTypes from '../../../node_modules/prop-types/index.js';
-import { focusThisField } from '../utils/util.js';
+import { HIERARCHICAL_VARIANT, blockClass, focusThisField } from '../utils/util.js';
 import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
 import { useTranslations } from '../utils/useTranslations.js';
+import { useDataConfigs } from '../utils/useDataConfigs.js';
 import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
 
 var _excluded = ["operator", "className", "onChange"];
@@ -28,6 +28,8 @@ var ConditionConnector = function ConditionConnector(_ref) {
   var _useTranslations = useTranslations(['connectorText']),
     _useTranslations2 = _slicedToArray(_useTranslations, 1),
     connectorText = _useTranslations2[0];
+  var _useDataConfigs = useDataConfigs(),
+    connectorConfig = _useDataConfigs.connectorConfig;
   var handleConnectorHover = useCallback(function (parentGroup, isHover) {
     if (isHover) {
       parentGroup.classList.add('hoveredConnector');

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

@@ -8,10 +8,11 @@
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useContext } from 'react';
 import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
-import { blockClass, connectorConfig } from '../ConditionBuilderContext/DataConfigs.js';
 import { ItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js';
 import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
 import { useTranslations } from '../utils/useTranslations.js';
+import { blockClass } from '../utils/util.js';
+import { useDataConfigs } from '../utils/useDataConfigs.js';
 
 var GroupConnector = function GroupConnector() {
   var _useContext = useContext(ConditionBuilderContext),
@@ -20,6 +21,8 @@ var GroupConnector = function GroupConnector() {
   var _useTranslations = useTranslations(['conditionText']),
     _useTranslations2 = _slicedToArray(_useTranslations, 1),
     conditionText = _useTranslations2[0];
+  var _useDataConfigs = useDataConfigs(),
+    connectorConfig = _useDataConfigs.connectorConfig;
   var onStatementChangeHandler = function onStatementChangeHandler(updatedStatement) {
     setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
       operator: updatedStatement

package/es/components/ConditionBuilder/ConditionBuilderContent/ConditionBuilderContent.js

@@ -12,13 +12,13 @@ import { Button, Section, Heading } from '@carbon/react';
 import { Add, TextNewLine } from '@carbon/react/icons';
 import ConditionGroupBuilder from '../ConditionGroupBuilder/ConditionGroupBuilder.js';
 import { ConditionBuilderContext, emptyState } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
-import { blockClass, HIERARCHICAL_VARIANT } from '../ConditionBuilderContext/DataConfigs.js';
 import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
 import uuidv4 from '../../../global/js/utils/uuidv4.js';
 import ConditionPreview from '../ConditionPreview/ConditionPreview.js';
 import GroupConnector from '../ConditionBuilderConnector/GroupConnector.js';
 import ConditionBuilderActions from '../ConditionBuilderActions/ConditionBuilderActions.js';
 import { useTranslations } from '../utils/useTranslations.js';
+import { blockClass, HIERARCHICAL_VARIANT } from '../utils/util.js';
 
 var _GroupConnector;
 var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
@@ -97,7 +97,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
   };
   var addConditionGroupHandler = function addConditionGroupHandler() {
     var newGroup = {
-      statement: 'if',
+      statement: 'ifAll',
       // 'if|exclude if',
       groupOperator: 'and',
       id: uuidv4(),

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

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

package/es/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/es/components/ConditionBuilder/ConditionBuilderContext/translationObject.js

@@ -7,10 +7,15 @@
 
 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',

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.js

@@ -10,11 +10,11 @@ import React__default, { useRef, useState, useContext, useEffect } from 'react';
 import { Popover, PopoverContent, Layer } from '@carbon/react';
 import PropTypes from '../../../node_modules/prop-types/index.js';
 import { Add } from '@carbon/react/icons';
-import { blockClass, valueRenderers } from '../ConditionBuilderContext/DataConfigs.js';
 import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
 import { useTranslations } from '../utils/useTranslations.js';
 import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
 import { handleKeyDownForPopover } from '../utils/handleKeyboardEvents.js';
+import { blockClass, getValue } from '../utils/util.js';
 
 var _excluded = ["children", "className", "label", "renderIcon", "title", "type", "showToolTip", "condition", "popOverClassName", "config", "renderChildren", "onChange"];
 var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
@@ -36,7 +36,13 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  var _useTranslations = useTranslations(['invalidText', 'addConditionText', 'addPropertyText', 'addOperatorText', 'addValueText', label]),
+  var statementIdMap = {
+    ifAll: 'if',
+    ifAny: 'if',
+    unlessAll: 'unless',
+    unlessAny: 'unless'
+  };
+  var _useTranslations = useTranslations(['invalidText', 'addConditionText', 'addPropertyText', 'addOperatorText', 'addValueText', label], statementIdMap),
     _useTranslations2 = _slicedToArray(_useTranslations, 6),
     invalidText = _useTranslations2[0],
     addConditionText = _useTranslations2[1],
@@ -56,7 +62,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
         isInvalid: true
       };
     }
-    var propertyId = rest['data-name'] == 'valueField' && type ? valueRenderers[type](label, config) : labelText;
+    var propertyId = rest['data-name'] == 'valueField' && type ? getValue[type](label, config) : labelText;
     return {
       isInvalid: false,
       propertyLabel: propertyId

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

@@ -8,11 +8,10 @@
 import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef } from 'react';
 import { DatePicker, DatePickerInput } from '@carbon/react';
-import { pkg } from '../../../../settings.js';
 import PropTypes from '../../../../node_modules/prop-types/index.js';
 import { useTranslations } from '../../utils/useTranslations.js';
+import { blockClass } from '../../utils/util.js';
 
-var blockClass = "".concat(pkg.prefix, "--condition-builder");
 var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
   var conditionState = _ref.conditionState,
     onChange = _ref.onChange,

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

@@ -9,8 +9,8 @@ import { slicedToArray as _slicedToArray, extends as _extends } from '../../../.
 import React__default from 'react';
 import { NumberInput } from '@carbon/react';
 import PropTypes from '../../../../node_modules/prop-types/index.js';
-import { blockClass } from '../../ConditionBuilderContext/DataConfigs.js';
 import { useTranslations } from '../../utils/useTranslations.js';
+import { blockClass } from '../../utils/util.js';
 
 var ConditionBuilderItemNumber = function ConditionBuilderItemNumber(_ref) {
   var _conditionState$prope;

package/es/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/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js

@@ -11,8 +11,8 @@ import { Search } from '@carbon/react';
 import { Checkmark } from '@carbon/react/icons';
 import PropTypes from '../../../../node_modules/prop-types/index.js';
 import { ConditionBuilderContext } from '../../ConditionBuilderContext/ConditionBuilderProvider.js';
-import { blockClass } from '../../ConditionBuilderContext/DataConfigs.js';
 import { useTranslations } from '../../utils/useTranslations.js';
+import { blockClass } from '../../utils/util.js';
 
 var ItemOption = function ItemOption(_ref) {
   var _ref$conditionState = _ref.conditionState,
@@ -33,9 +33,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;
   useEffect(function () {
     //this will focus the first input field in the popover
 
@@ -57,6 +58,11 @@ var ItemOption = function ItemOption(_ref) {
   var getAriaLabel = function getAriaLabel() {
     return conditionState.label ? conditionState.label : propertyText;
   };
+  var getStatementContent = function getStatementContent(option) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "".concat(blockClass, "__statement_wrapper")
+    }, /*#__PURE__*/React__default.createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React__default.createElement("div", null, option.text2));
+  };
   if (!allOptions) {
     return;
   }
@@ -92,7 +98,7 @@ var ItemOption = function ItemOption(_ref) {
       className: "".concat(blockClass, "__item-option__option-content")
     }, /*#__PURE__*/React__default.createElement("span", {
       className: "".concat(blockClass, "__item-option__option-label")
-    }, Icon && /*#__PURE__*/React__default.createElement(Icon, null), option.label), isSelected && /*#__PURE__*/React__default.createElement(Checkmark, {
+    }, Icon && /*#__PURE__*/React__default.createElement(Icon, null), config.isStatement ? getStatementContent(option) : option.label), isSelected && /*#__PURE__*/React__default.createElement(Checkmark, {
       className: "".concat(blockClass, "__checkmark")
     })));
   })));

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

@@ -11,8 +11,8 @@ import { SelectSkeleton, Search, Button } from '@carbon/react';
 import { CheckboxCheckedFilled, Checkbox, Checkmark } from '@carbon/react/icons';
 import PropTypes from '../../../../node_modules/prop-types/index.js';
 import { ConditionBuilderContext } from '../../ConditionBuilderContext/ConditionBuilderProvider.js';
-import { blockClass } from '../../ConditionBuilderContext/DataConfigs.js';
 import { useTranslations } from '../../utils/useTranslations.js';
+import { blockClass } from '../../utils/util.js';
 
 var _SelectSkeleton, _CheckboxCheckedFille, _Checkbox;
 var ItemOptionForValueField = function ItemOptionForValueField(_ref) {

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

@@ -9,8 +9,7 @@ import { objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPlu
 import React__default from 'react';
 import { TextArea, TextInput } from '@carbon/react';
 import PropTypes from '../../../../node_modules/prop-types/index.js';
-import { blockClass } from '../../ConditionBuilderContext/DataConfigs.js';
-import { checkIsValid } from '../../utils/util.js';
+import { checkIsValid, blockClass } from '../../utils/util.js';
 
 var ConditionBuilderItemText = function ConditionBuilderItemText(_ref) {
   var _conditionState$prope;

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

@@ -9,7 +9,7 @@ import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPlu
 import React__default, { useState, useEffect } from 'react';
 import { TimePicker, TimePickerSelect, SelectItem } from '@carbon/react';
 import PropTypes from '../../../../node_modules/prop-types/index.js';
-import { blockClass } from '../../ConditionBuilderContext/DataConfigs.js';
+import { blockClass } from '../../utils/util.js';
 
 var _SelectItem, _SelectItem2;
 var ConditionBuilderItemTime = function ConditionBuilderItemTime(_ref) {

package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js

@@ -10,15 +10,15 @@ import React__default, { useContext, useState, useRef, Fragment } from 'react';
 import ConditionBlock from '../ConditionBlock/ConditionBlock.js';
 import PropTypes from '../../../node_modules/prop-types/index.js';
 import cx from 'classnames';
-import { HIERARCHICAL_VARIANT, NON_HIERARCHICAL_VARIANT, blockClass, statementConfig } from '../ConditionBuilderContext/DataConfigs.js';
 import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
-import { focusThisField, manageTabIndexAndFocus } from '../utils/util.js';
+import { HIERARCHICAL_VARIANT, NON_HIERARCHICAL_VARIANT, blockClass, focusThisField, manageTabIndexAndFocus } from '../utils/util.js';
 import ConditionConnector from '../ConditionBuilderConnector/ConditionConnector.js';
 import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
 import uuidv4 from '../../../global/js/utils/uuidv4.js';
 import ConditionPreview from '../ConditionPreview/ConditionPreview.js';
 import { ItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ItemOption.js';
 import { useTranslations } from '../utils/useTranslations.js';
+import { useDataConfigs } from '../utils/useDataConfigs.js';
 
 /**
  *
@@ -39,6 +39,8 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     conditionBuilderGroupText = _useTranslations2[0],
     conditionText = _useTranslations2[1],
     conditionBuilderText = _useTranslations2[2];
+  var _useDataConfigs = useDataConfigs(),
+    statementConfig = _useDataConfigs.statementConfig;
   var _useContext = useContext(ConditionBuilderContext),
     variant = _useContext.variant,
     conditionBuilderRef = _useContext.conditionBuilderRef;
@@ -172,7 +174,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
   var addConditionSubGroupHandler = function addConditionSubGroupHandler(conditionIndex) {
     onChange(_objectSpread2(_objectSpread2({}, group), {}, {
       conditions: [].concat(_toConsumableArray(group.conditions ? group.conditions.slice(0, conditionIndex + 1) : []), [{
-        statement: 'if',
+        statement: 'ifAll',
         groupOperator: 'and',
         conditions: [{
           property: undefined,
@@ -281,7 +283,8 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         onStatementChangeHandler(v);
       },
       config: {
-        options: 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;

package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js

@@ -9,11 +9,11 @@ import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } fr
 import React__default, { useState, useEffect } from 'react';
 import cx from 'classnames';
 import PropTypes from '../../../node_modules/prop-types/index.js';
-import { blockClass } from '../ConditionBuilderContext/DataConfigs.js';
 import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
 import ConditionConnector from '../ConditionBuilderConnector/ConditionConnector.js';
 import { useTranslations } from '../utils/useTranslations.js';
 import { Bee } from '@carbon/react/icons';
+import { blockClass } from '../utils/util.js';
 
 var ConditionPreview = function ConditionPreview(_ref) {
   var _ConditionBuilderItem, _ConditionBuilderItem2, _ConditionBuilderItem3;

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

@@ -6,8 +6,7 @@
  */
 
 import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { blockClass, HIERARCHICAL_VARIANT } from '../ConditionBuilderContext/DataConfigs.js';
-import { focusThisItem, manageTabIndexAndFocus, traverseClockVise, traverseReverse, checkForHoldingKey, focusThisField } from './util.js';
+import { blockClass, HIERARCHICAL_VARIANT, focusThisItem, manageTabIndexAndFocus, traverseClockVise, traverseReverse, checkForHoldingKey, focusThisField } from './util.js';
 
 var handleKeyDown = function handleKeyDown(evt, conditionBuilderRef, variant) {
   var _activeElement$closes;

package/es/components/ConditionBuilder/utils/useDataConfigs.d.ts

@@ -0,0 +1,18 @@
+export function useDataConfigs(): {
+    statementConfig: {
+        label: string;
+        id: string;
+        connector: string;
+        text1: any;
+        text2: string;
+    }[];
+    connectorConfig: {
+        label: any;
+        id: string;
+    }[];
+    operatorConfig: {
+        label: any;
+        id: string;
+        type: string;
+    }[];
+};

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

@@ -0,0 +1,120 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useTranslations } from './useTranslations.js';
+
+var useDataConfigs = function useDataConfigs() {
+  var _useTranslations = useTranslations(['ifAll', 'ifAny', 'unlessAll', 'unlessAny', 'and', 'or', 'is', 'greater', 'greaterEqual', 'lower', 'lowerEqual', 'startsWith', 'endsWith', 'contains', 'oneOf', 'before', 'after', 'between']),
+    _useTranslations2 = _slicedToArray(_useTranslations, 18),
+    ifAll = _useTranslations2[0],
+    ifAny = _useTranslations2[1],
+    unlessAll = _useTranslations2[2],
+    unlessAny = _useTranslations2[3],
+    and = _useTranslations2[4],
+    or = _useTranslations2[5],
+    is = _useTranslations2[6],
+    greater = _useTranslations2[7],
+    greaterEqual = _useTranslations2[8],
+    lower = _useTranslations2[9],
+    lowerEqual = _useTranslations2[10],
+    startsWith = _useTranslations2[11],
+    endsWith = _useTranslations2[12],
+    contains = _useTranslations2[13],
+    oneOf = _useTranslations2[14],
+    before = _useTranslations2[15],
+    after = _useTranslations2[16],
+    between = _useTranslations2[17];
+  var statementConfig = [{
+    label: 'ifText',
+    id: 'ifAll',
+    connector: 'and',
+    text1: ifAll,
+    text2: '(a && b)'
+  }, {
+    label: 'ifText',
+    id: 'ifAny',
+    connector: 'or',
+    text1: ifAny,
+    text2: '(a || b)'
+  }, {
+    label: 'unlessText',
+    id: 'unlessAll',
+    connector: 'and',
+    text1: unlessAll,
+    text2: '! (a && b)'
+  }, {
+    label: 'unlessText',
+    id: 'unlessAny',
+    connector: 'or',
+    text1: unlessAny,
+    text2: '! (a || b)'
+  }];
+  var connectorConfig = [{
+    label: and,
+    id: 'and'
+  }, {
+    label: or,
+    id: 'or'
+  }];
+  var operatorConfig = [{
+    label: is,
+    id: 'is',
+    type: 'all'
+  }, {
+    label: greater,
+    id: 'greater',
+    type: 'number'
+  }, {
+    label: greaterEqual,
+    id: 'greaterEqual',
+    type: 'number'
+  }, {
+    label: lower,
+    id: 'lower',
+    type: 'number'
+  }, {
+    label: lowerEqual,
+    id: 'lowerEqual',
+    type: 'number'
+  }, {
+    label: startsWith,
+    id: 'startsWith',
+    type: 'text,textarea'
+  }, {
+    label: endsWith,
+    id: 'endsWith',
+    type: 'text,textarea'
+  }, {
+    label: contains,
+    id: 'contains',
+    type: 'text,textarea'
+  }, {
+    label: oneOf,
+    id: 'oneOf',
+    type: 'option'
+  }, {
+    label: before,
+    id: 'before',
+    type: 'date,time'
+  }, {
+    label: after,
+    id: 'after',
+    type: 'date,time'
+  }, {
+    label: between,
+    id: 'between',
+    type: 'date'
+  }];
+  return {
+    statementConfig: statementConfig,
+    connectorConfig: connectorConfig,
+    operatorConfig: operatorConfig
+  };
+};
+
+export { useDataConfigs };

package/es/components/ConditionBuilder/utils/useTranslations.d.ts

@@ -1 +1 @@
-export function useTranslations(translationKeys: any): any;
+export function useTranslations(translationKeys: any, alterTranslationKeyMap: any): any;

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

@@ -9,10 +9,13 @@ import { useContext } from 'react';
 import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
 import { translationsObject } from '../ConditionBuilderContext/translationObject.js';
 
-var useTranslations = function useTranslations(translationKeys) {
+var useTranslations = function useTranslations(translationKeys, alterTranslationKeyMap) {
   var _useContext = useContext(ConditionBuilderContext),
     translateWithId = _useContext.translateWithId;
   return translationKeys.map(function (translationKey) {
+    if (alterTranslationKeyMap !== null && alterTranslationKeyMap !== void 0 && alterTranslationKeyMap[translationKey]) {
+      translationKey = alterTranslationKeyMap[translationKey];
+    }
     if (translateWithId !== null && translateWithId !== void 0 && translateWithId(translationKey)) {
       return translateWithId(translationKey);
     } else if (translationsObject[translationKey]) {

package/es/components/ConditionBuilder/utils/util.d.ts

@@ -1,3 +1,6 @@
+export const blockClass: string;
+export const NON_HIERARCHICAL_VARIANT: "Non-Hierarchical";
+export const HIERARCHICAL_VARIANT: "Hierarchical";
 export function focusThisField(evt: any, conditionBuilderRef: any): void;
 export function focusThisItem(currentElement: any, conditionBuilderRef: any): void;
 export function traverseClockVise(eachElem: any, index: any, allElements: any, rotate: any, trapFocus: any, conditionBuilderRef: any): void;
@@ -5,3 +8,12 @@ export function traverseReverse(eachElem: any, index: any, allElements: any, rot
 export function checkForHoldingKey(evt: any, key: any): any;
 export function checkIsValid(item: any): any;
 export function manageTabIndexAndFocus(currentElement: any, conditionBuilderRef: any): void;
+export namespace getValue {
+    function text(value: any): any;
+    function textarea(value: any): any;
+    function time(value: any): any;
+    function number(value: any): any;
+    function option(value: any): any;
+    function date(value: any): any;
+    function custom(value: any): any;
+}