@carbon/ibm-products 2.43.2-canary.18 → 2.43.2-canary.183

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

@@ -9,38 +9,61 @@
 
 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 ConditionBuilderItemNumber = function ConditionBuilderItemNumber(_ref) {
   var _conditionState$prope;
   var conditionState = _ref.conditionState,
     config = _ref.config,
     onChange = _ref.onChange;
+  var _useTranslations = useTranslations.useTranslations(['invalidNumberWarnText']),
+    _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 1),
+    invalidNumberWarnText = _useTranslations2[0];
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var value = _ref2.value;
-    onChange(value + '');
+    if (value !== '' && !isNaN(value) && checkIfValid(value)) {
+      var _config$unit;
+      onChange("".concat(value, " ").concat((_config$unit = config.unit) !== null && _config$unit !== void 0 ? _config$unit : ''));
+    } else {
+      onChange('INVALID');
+    }
+  };
+  var checkIfValid = function checkIfValid(value) {
+    if (config.max !== undefined && config.min === undefined && value > config.max) {
+      return false;
+    }
+    if (config.min !== undefined && config.max === undefined && value < config.min) {
+      return false;
+    }
+    if (config.max !== undefined && config.min !== undefined && (value > config.max || value < config.min)) {
+      return false;
+    }
+    return true;
+  };
+  var getDefaultValue = function getDefaultValue() {
+    var _split$, _conditionState$value;
+    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(blockClass, "__item-number")
-  }, /*#__PURE__*/React__default["default"].createElement(react.NumberInput, {
+    className: "".concat(util.blockClass, "__item-number")
+  }, /*#__PURE__*/React__default["default"].createElement(react.NumberInput, _rollupPluginBabelHelpers["extends"]({}, config, {
     label: conditionState.property,
     hideLabel: true,
     id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === void 0 ? void 0 : _conditionState$prope.replace(/\s/g, ''),
-    value: conditionState.value ? conditionState.value.split(' ')[0] : conditionState.value,
-    min: config.min,
-    max: config.max,
-    step: config.step,
+    invalidText: invalidNumberWarnText,
     allowEmpty: true,
-    onChange: onChangeHandler
-  }));
+    onChange: onChangeHandler,
+    defaultValue: getDefaultValue()
+  })));
 };
 ConditionBuilderItemNumber.propTypes = {
   /**

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

@@ -0,0 +1,36 @@
+/**
+ * Copyright IBM Corp. 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 PropTypes from 'prop-types';
+import { PropertyConfigOption } from '../../ConditionBuilder.types';
+interface ItemOptionProps {
+    conditionState: {
+        label?: string;
+        value?: string;
+    };
+    config: PropertyConfigOption['config'] & {
+        isStatement?: boolean;
+    };
+    onChange: (value: string, e: Event) => void;
+}
+export declare const ItemOption: {
+    ({ conditionState, config, onChange, }: ItemOptionProps): import("react/jsx-runtime").JSX.Element | undefined;
+    propTypes: {
+        /**
+         * current condition object
+         */
+        conditionState: PropTypes.Requireable<object>;
+        /**
+         * current config object that this property is part of
+         */
+        config: PropTypes.Requireable<object>;
+        /**
+         * callback to update state oin date change
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export {};

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

@@ -0,0 +1,129 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+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 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 ItemOption = function ItemOption(_ref) {
+  var _ref$conditionState = _ref.conditionState,
+    conditionState = _ref$conditionState === void 0 ? {} : _ref$conditionState,
+    _ref$config = _ref.config,
+    config = _ref$config === void 0 ? {} : _ref$config,
+    onChange = _ref.onChange;
+  var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
+    popOverSearchThreshold = _useContext.popOverSearchThreshold;
+  var contentRef = React.useRef(null);
+  var _useTranslations = useTranslations.useTranslations(['propertyText', 'clearSearchText']),
+    _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 2),
+    propertyText = _useTranslations2[0],
+    clearSearchText = _useTranslations2[1];
+  var allOptions = config.options;
+  var _useState = React.useState(''),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var selection = conditionState.value;
+  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
+
+    if (contentRef.current) {
+      var _contentRef$current;
+      var firstFocusableElement = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.querySelector('input, button,li');
+      if (firstFocusableElement) {
+        firstFocusableElement.focus();
+      }
+    }
+  }, [allOptions]);
+  var onClickHandler = function onClickHandler(evt, option) {
+    onChange(option.id, evt);
+  };
+  var onSearchChangeHandler = function onSearchChangeHandler(evt) {
+    var value = evt.target.value;
+    setSearchValue(value);
+  };
+  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(util.blockClass, "__item-option"),
+    ref: contentRef
+  }, popOverSearchThreshold && allOptions.length > popOverSearchThreshold && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(util.blockClass, "__item-option__search")
+  }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+    size: "sm",
+    labelText: clearSearchText,
+    closeButtonLabelText: clearSearchText,
+    onChange: onSearchChangeHandler
+  })), /*#__PURE__*/React__default["default"].createElement("ul", {
+    "aria-label": getAriaLabel(),
+    role: "listbox"
+  }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (option) {
+    var isSelected = selection === option.id;
+    var Icon = option.icon;
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      tabIndex: 0,
+      key: option.id,
+      role: "option",
+      "aria-selected": isSelected,
+      className: "".concat(util.blockClass, "__item-option__option"),
+      onKeyUp: function onKeyUp() {
+        return false;
+      },
+      onClick: function onClick(evt) {
+        return onClickHandler(evt, option);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(util.blockClass, "__item-option__option-content")
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      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")
+    })));
+  })));
+};
+ItemOption.propTypes = {
+  /**
+   * current condition object
+   */
+  conditionState: index["default"].object,
+  /**
+   * current config object that this property is part of
+   */
+  config: index["default"].object,
+  /**
+   * callback to update state oin date change
+   */
+  onChange: index["default"].func
+};
+
+exports.ItemOption = ItemOption;

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

@@ -0,0 +1,33 @@
+/**
+ * Copyright IBM Corp. 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 PropTypes from 'prop-types';
+import { Condition, PropertyConfigOption } from '../../ConditionBuilder.types';
+interface ItemOptionForValueFieldProps {
+    conditionState: Condition & {
+        label?: string;
+    };
+    config: PropertyConfigOption['config'];
+    onChange: (value: any, e?: Event) => void;
+}
+export declare const ItemOptionForValueField: {
+    ({ conditionState, config, onChange, }: ItemOptionForValueFieldProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * current condition object
+         */
+        conditionState: PropTypes.Requireable<object>;
+        /**
+         * current config object that this property is part of
+         */
+        config: PropTypes.Requireable<object>;
+        /**
+         * callback to update state oin date change
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export {};

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/{ConditionBuilderItemOption.js → ItemOptionForValueField.js}

@@ -15,34 +15,62 @@ 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 }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _CheckboxCheckedFille, _Checkbox, _SelectSkeleton;
-var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
+var _SelectSkeleton, _CheckboxCheckedFille, _Checkbox;
+var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
   var _ref$conditionState = _ref.conditionState,
     conditionState = _ref$conditionState === void 0 ? {} : _ref$conditionState,
     _ref$config = _ref.config,
     config = _ref$config === void 0 ? {} : _ref$config,
     onChange = _ref.onChange;
-  var multiSelectable = conditionState.operator === 'one-of';
+  var multiSelectable = conditionState.operator === 'oneOf';
   var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
     popOverSearchThreshold = _useContext.popOverSearchThreshold,
-    getOptions = _useContext.getOptions;
+    getOptions = _useContext.getOptions,
+    rootState = _useContext.rootState;
+  var _useTranslations = useTranslations.useTranslations(['propertyText', 'clearSearchText']),
+    _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 2),
+    propertyText = _useTranslations2[0],
+    clearSearchText = _useTranslations2[1];
+  var contentRef = React.useRef(null);
   var _useState = React.useState(config.options),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     allOptions = _useState2[0],
     setAllOptions = _useState2[1];
-  var _useState3 = React.useState(config.options),
+  var _useState3 = React.useState(''),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    filteredItems = _useState4[0],
-    setFilteredItems = _useState4[1];
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
+  var filteredItems = allOptions === null || allOptions === void 0 ? void 0 : allOptions.filter(function (opt) {
+    return opt.label.toLowerCase().includes(searchValue.toLowerCase());
+  });
   var selection = Array.isArray(conditionState.value) ? conditionState.value : conditionState.value !== undefined ? [conditionState.value] : [];
-  var contentRef = React.useRef();
   React.useEffect(function () {
+    // if(rest['data-name'] == 'valueField'){
+    //   const fetchData = async () => {
+    //     const response = await config.options(conditionState);
+    //     if (
+    //       response?.length > 0 &&
+    //       Object.keys(response[0]).includes('label') &&
+    //       Object.keys(response[0]).includes('id')
+    //     ) {
+    //       setAllOptions(response);
+    //       setFilteredItems(response);
+    //     }
+    //   };
+
+    //   fetchData(); // Call the async method
+    // }else{
+    //   setAllOptions(config.options);
+    //       setFilteredItems(config.options);
+    // }
+
     if (!allOptions && getOptions) {
       var fetchData = /*#__PURE__*/function () {
         var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
@@ -51,12 +79,11 @@ var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 _context.next = 2;
-                return getOptions(conditionState);
+                return getOptions(rootState, conditionState);
               case 2:
                 response = _context.sent;
                 if ((response === null || response === void 0 ? void 0 : response.length) > 0 && Object.keys(response[0]).includes('label') && Object.keys(response[0]).includes('id')) {
                   setAllOptions(response);
-                  setFilteredItems(response);
                 }
               case 4:
               case "end":
@@ -76,73 +103,79 @@ var ConditionBuilderItemOption = function ConditionBuilderItemOption(_ref) {
     //this will focus the first input field in the popover
 
     if (contentRef.current) {
-      var _contentRef$current;
-      var firstFocusableElement = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.querySelector('input, button,li');
-      firstFocusableElement === null || firstFocusableElement === void 0 || firstFocusableElement.focus();
+      var firstFocusableElement = contentRef.current.querySelector('input, button,li');
+      if (firstFocusableElement) {
+        firstFocusableElement === null || firstFocusableElement === void 0 || firstFocusableElement.focus();
+      }
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [allOptions]);
   var handleSelectAll = function handleSelectAll(evt) {
     if (evt.currentTarget.dataset.selectedAll == 'false') {
       onChange(undefined);
     } else {
-      onChange(allOptions.map(function (op) {
-        return op.id;
-      }));
+      onChange(allOptions);
     }
   };
   var onSearchChangeHandler = function onSearchChangeHandler(evt) {
     var value = evt.target.value;
-    var _filteredItems = allOptions.filter(function (opt) {
-      return opt.label.toLowerCase().includes(value.toLowerCase());
-    });
-    setFilteredItems(_filteredItems);
+    setSearchValue(value);
   };
   var onClickHandler = function onClickHandler(evt, option, isSelected) {
+    var updatedSelections = selection.filter(function (item) {
+      return item !== 'INVALID';
+    });
     if (multiSelectable) {
       if (isSelected) {
-        var items = selection.filter(function (v) {
-          return v !== option.id;
+        var items = updatedSelections.filter(function (v) {
+          return v.id !== option.id;
         });
-        onChange(items.length > 0 ? items : undefined, evt);
+        onChange(items.length > 0 ? items : undefined);
       } else {
-        onChange([].concat(_rollupPluginBabelHelpers.toConsumableArray(selection), [option.id]), evt);
+        onChange([].concat(_rollupPluginBabelHelpers.toConsumableArray(updatedSelections), [option]));
       }
     } else {
-      onChange(option.id, evt);
+      onChange(option, evt);
     }
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, allOptions && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-option"),
+  var getAriaLabel = function getAriaLabel() {
+    return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
+  };
+  if (!allOptions) {
+    return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default["default"].createElement(react.SelectSkeleton, null));
+  }
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(util.blockClass, "__item-option"),
     ref: contentRef
-  }, (config.includeSearch || allOptions.length > popOverSearchThreshold) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-option__search")
+  }, popOverSearchThreshold && allOptions.length > popOverSearchThreshold && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(util.blockClass, "__item-option__search")
   }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
     size: "sm",
-    labelText: DataConfigs.translateWithId('clear_search'),
-    closeButtonLabelText: DataConfigs.translateWithId('clear_search'),
+    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": conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : DataConfigs.translateWithId('property'),
+    "aria-label": getAriaLabel(),
     role: "listbox",
     "data-multi-select": multiSelectable
   }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (option) {
-    var isSelected = selection.includes(option.id);
+    var isSelected = selection.map(function (option) {
+      return option.id;
+    }).includes(option.id);
     var Icon = option.icon;
     return /*#__PURE__*/React__default["default"].createElement("li", {
       tabIndex: 0,
       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;
       },
@@ -150,21 +183,21 @@ var ConditionBuilderItemOption = function ConditionBuilderItemOption(_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")
     }))));
-  }))), !allOptions && (_SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default["default"].createElement(react.SelectSkeleton, null))));
+  })));
 };
-ConditionBuilderItemOption.propTypes = {
+ItemOptionForValueField.propTypes = {
   /**
    * current condition object
    */
@@ -179,4 +212,4 @@ ConditionBuilderItemOption.propTypes = {
   onChange: index["default"].func
 };
 
-exports.ConditionBuilderItemOption = ConditionBuilderItemOption;
+exports.ItemOptionForValueField = ItemOptionForValueField;

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.d.ts

@@ -1,11 +1,36 @@
-export function ConditionBuilderItemText({ conditionState, onChange }: {
-    conditionState: any;
-    onChange: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace ConditionBuilderItemText {
-    namespace propTypes {
-        let conditionState: PropTypes.Requireable<object>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
+/**
+ * Copyright IBM Corp. 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 PropTypes from 'prop-types';
+import { Condition, PropertyConfigText, PropertyConfigTextArea } from '../../ConditionBuilder.types';
+interface ConditionBuilderItemTextProps {
+    conditionState: Condition;
+    config: PropertyConfigText | PropertyConfigTextArea;
+    onChange: (value: string) => void;
+    type: 'textarea' | 'text';
+}
+export declare const ConditionBuilderItemText: {
+    ({ conditionState, onChange, config, type, }: ConditionBuilderItemTextProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * current condition object
+         */
+        conditionState: PropTypes.Requireable<object>;
+        /**
+         * config of the current property
+         */
+        config: PropTypes.Requireable<object>;
+        /**
+         * callback to update state oin date change
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * current input type
+         */
+        type: PropTypes.Requireable<string>;
+    };
+};
+export {};

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

@@ -9,40 +9,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 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 }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ConditionBuilderItemText = function ConditionBuilderItemText(_ref) {
-  var _conditionState$value, _conditionState$prope;
+  var _conditionState$prope;
   var conditionState = _ref.conditionState,
-    _onChange = _ref.onChange;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__item-text")
-  }, /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
-    labelText: conditionState.property,
+    _onChange = _ref.onChange,
+    config = _ref.config,
+    type = _ref.type;
+  var inputProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, config), {}, {
     hideLabel: true,
-    value: (_conditionState$value = conditionState.value) !== null && _conditionState$value !== void 0 ? _conditionState$value : '',
+    value: util.checkIsValid(conditionState.value) ? conditionState.value : '',
     id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === void 0 ? void 0 : _conditionState$prope.replace(/\s/g, ''),
     onChange: function onChange(evt) {
       _onChange(evt.target.value);
-    }
-  }));
+    },
+    labelText: conditionState.property
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    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 = {
   /**
    * current condition object
    */
   conditionState: index["default"].object,
+  /**
+   * config of the current property
+   */
+  config: index["default"].object,
   /**
    * callback to update state oin date change
    */
-  onChange: index["default"].func
+  onChange: index["default"].func,
+  /**
+   * current input type
+   */
+  type: index["default"].string
 };
 
 exports.ConditionBuilderItemText = ConditionBuilderItemText;

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.d.ts

@@ -1,11 +1,26 @@
-export function ConditionBuilderItemTime({ onChange, config }: {
-    onChange: any;
-    config: any;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace ConditionBuilderItemTime {
-    namespace propTypes {
-        let config: PropTypes.Requireable<object>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
+/**
+ * Copyright IBM Corp. 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 PropTypes from 'prop-types';
+import { PropertyConfigTime } from '../../ConditionBuilder.types';
+interface ConditionBuilderItemTime {
+    onChange: (value: string | undefined) => void;
+    config: PropertyConfigTime['config'];
+}
+export declare const ConditionBuilderItemTime: {
+    ({ onChange, config, }: ConditionBuilderItemTime): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * current config object that this property is part of
+         */
+        config: PropTypes.Requireable<object>;
+        /**
+         * callback to update state oin date change
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export {};