@carbon/ibm-products 2.59.0 → 2.60.0-rc.0

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItem.d.ts

@@ -4,10 +4,9 @@
  * 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 React, { PropsWithChildren, ReactNode, RefObject } from 'react';
-import PropTypes from 'prop-types';
+import React, { PropsWithChildren, ReactNode, Ref } from 'react';
 import { CarbonIconType } from '@carbon/react/icons';
-import { Condition, PropertyConfig, Action, Option } from '../ConditionBuilder.types';
+import { Condition, Action, Option, ConfigType } from '../ConditionBuilder.types';
 interface ConditionBuilderItemProps extends PropsWithChildren {
     className?: string;
     label?: string | Option | Option[];
@@ -16,9 +15,10 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
     showToolTip?: boolean;
     popOverClassName?: string;
     type?: string;
+    description?: string;
     condition?: Action & Condition;
-    config?: PropertyConfig;
-    renderChildren?: (ref: RefObject<HTMLDivElement>) => ReactNode;
+    config?: ConfigType;
+    renderChildren?: (ref: Ref<HTMLDivElement>) => ReactNode;
     onChange?: (val: string) => void;
     tabIndex?: number;
     onMouseEnter?: (e: React.MouseEvent<HTMLButtonElement>) => void;
@@ -27,56 +27,56 @@ interface ConditionBuilderItemProps extends PropsWithChildren {
     onBlur?: React.FocusEventHandler<HTMLButtonElement>;
 }
 export declare const ConditionBuilderItem: {
-    ({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, ...rest }: ConditionBuilderItemProps): React.JSX.Element;
+    ({ children, className, label, renderIcon, title, type, showToolTip, condition, popOverClassName, config, renderChildren, onChange, description, ...rest }: ConditionBuilderItemProps): React.JSX.Element;
     propTypes: {
         /**
          * provide the contents of the popover
          */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: any;
         /**
          * Provide an optional class to be applied to the containing node.
          */
-        className: PropTypes.Requireable<string>;
+        className: any;
         /**
          * current condition state object
          */
-        condition: PropTypes.Requireable<object>;
+        condition: any;
         /**
          * this is the config object again the current property from inputConfig
          */
-        config: PropTypes.Requireable<object>;
+        config: any;
         /**
          * text to be displayed in the field
          */
-        label: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
+        label: any;
         /**
          * callback to update the current condition of the state tree
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
         /**
          * class name for popover
          */
-        popOverClassName: PropTypes.Requireable<string>;
+        popOverClassName: any;
         /**
          * callback prop that returns the jsx for children
          */
-        renderChildren: PropTypes.Requireable<(...args: any[]) => any>;
+        renderChildren: any;
         /**
          * Optional prop to allow overriding the icon rendering.
          */
-        renderIcon: PropTypes.Requireable<object>;
+        renderIcon: any;
         /**
          * show tool tip
          */
-        showToolTip: PropTypes.Requireable<boolean>;
+        showToolTip: any;
         /**
          * title of the popover
          */
-        title: PropTypes.Requireable<string>;
+        title: any;
         /**
          * input type
          */
-        type: PropTypes.Requireable<string>;
+        type: any;
     };
 };
 export {};

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

@@ -14,10 +14,10 @@ import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuild
 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';
+import { checkForMultiSelectOperator, blockClass, getValue } from '../utils/util.js';
 import { translationsObject } from '../ConditionBuilderContext/translationObject.js';
 
-var _excluded = ["children", "className", "label", "renderIcon", "title", "type", "showToolTip", "condition", "popOverClassName", "config", "renderChildren", "onChange"];
+var _excluded = ["children", "className", "label", "renderIcon", "title", "type", "showToolTip", "condition", "popOverClassName", "config", "renderChildren", "onChange", "description"];
 var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -31,6 +31,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     config = _ref.config,
     renderChildren = _ref.renderChildren,
     onChange = _ref.onChange,
+    description = _ref.description,
     rest = _objectWithoutProperties(_ref, _excluded);
   var popoverRef = useRef(null);
   var _useState = useState(false),
@@ -47,7 +48,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     unlessAny: translationsObject.unlessText
   };
   //Appending statements from custom statement configuration if present
-  statementConfigCustom === null || statementConfigCustom === void 0 || statementConfigCustom.forEach(function (statement) {
+  statementConfigCustom === null || statementConfigCustom === undefined || statementConfigCustom.forEach(function (statement) {
     statementIdMap[statement.id] = statement.label;
   });
   var _useTranslations = useTranslations(['invalidText', 'addConditionText', 'addPropertyText', 'addOperatorText', 'addValueText', label], statementIdMap),
@@ -68,7 +69,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
         isInvalid: true
       };
     }
-    var propertyId = rest['data-name'] == 'valueField' && type ? getValue[type](label, config) : labelText;
+    var propertyId = rest['data-name'] == 'valueField' && type ? getValue(type, label, config) : labelText;
     return {
       isInvalid: false,
       propertyLabel: propertyId
@@ -88,7 +89,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
       if (condition.popoverToOpen && currentField !== condition.popoverToOpen) {
         // close the previous popover
         closePopover();
-      } else if (currentField == 'valueField' && type == 'option' && (condition === null || condition === void 0 ? void 0 : condition.operator) !== 'oneOf') {
+      } else if (currentField == 'valueField' && type === 'option' && !checkForMultiSelectOperator(condition, config)) {
         //close the current popover if the field is valueField and  is a single select dropdown. For all other inputs ,popover need to be open on value changes.
         closePopover();
       }
@@ -107,7 +108,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     //this will focus the first input field in the popover
     if (open && popoverRef.current) {
       var _popoverRef$current;
-      var firstFocusableElement = popoverRef === null || popoverRef === void 0 || (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === void 0 ? void 0 : _popoverRef$current.querySelector('input,textarea');
+      var firstFocusableElement = popoverRef === null || popoverRef === undefined || (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === undefined ? undefined : _popoverRef$current.querySelector('input,textarea');
       if (firstFocusableElement) {
         setTimeout(function () {
           return firstFocusableElement.focus();
@@ -117,8 +118,8 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
   }, [popoverRef, open]);
   var manageInvalidSelection = function manageInvalidSelection() {
     //when the user didn't select any value , we need to show as incomplete
-    if (rest['data-name'] === 'propertyField' && !(condition !== null && condition !== void 0 && condition.property) || rest['data-name'] === 'operatorField' && !(condition !== null && condition !== void 0 && condition.operator) || rest['data-name'] === 'valueField' && !(condition !== null && condition !== void 0 && condition.value)) {
-      onChange === null || onChange === void 0 || onChange('INVALID');
+    if (rest['data-name'] === 'propertyField' && !(condition !== null && condition !== undefined && condition.property) || rest['data-name'] === 'operatorField' && !(condition !== null && condition !== undefined && condition.operator) || rest['data-name'] === 'valueField' && !(condition !== null && condition !== undefined && condition.value)) {
+      onChange === null || onChange === undefined || onChange('INVALID');
     }
   };
   var closePopover = function closePopover() {
@@ -141,8 +142,19 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
       manageInvalidSelection();
     }
   };
+  var getCustomOperatorLabel = function getCustomOperatorLabel(propertyLabel) {
+    var _config$operators;
+    return propertyLabel && (// @ts-ignore
+    config === null || config === undefined || (_config$operators = config.operators) === null || _config$operators === undefined ? undefined : _config$operators.find(function (operator) {
+      return operator.id === propertyLabel;
+    }));
+  };
   var getLabel = function getLabel() {
-    if (propertyLabel) {
+    // @ts-ignore
+    if (config !== null && config !== undefined && config.operators && rest['data-name'] === 'operatorField') {
+      var _getCustomOperatorLab, _getCustomOperatorLab2;
+      return (_getCustomOperatorLab = (_getCustomOperatorLab2 = getCustomOperatorLabel(propertyLabel)) === null || _getCustomOperatorLab2 === undefined ? undefined : _getCustomOperatorLab2.label) !== null && _getCustomOperatorLab !== undefined ? _getCustomOperatorLab : propertyLabel;
+    } else if (propertyLabel) {
       return propertyLabel;
     } else if (rest['data-name'] === 'propertyField') {
       return addPropertyText;
@@ -170,7 +182,8 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     "aria-expanded": open,
     renderIcon: renderIcon ? renderIcon : label == undefined ? Add : undefined,
     showToolTip: showToolTip,
-    isInvalid: isInvalid
+    isInvalid: isInvalid,
+    description: description
   }, rest)), open && /*#__PURE__*/React__default.createElement(PopoverContent, {
     className: "".concat(blockClass, "__popover-content-wrapper"),
     role: "dialog",

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 export declare const ConditionBuilderItemDate: {
     ({ conditionState, onChange, parentRef, }: {
         conditionState: any;
@@ -16,14 +15,14 @@ export declare const ConditionBuilderItemDate: {
         /**
          * current condition object
          */
-        conditionState: PropTypes.Requireable<object>;
+        conditionState: any;
         /**
          * callback to update state oin date change
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
         /**
          * reference to the popover node
          */
-        parentRef: PropTypes.Requireable<object>;
+        parentRef: any;
     };
 };

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

@@ -33,7 +33,7 @@ var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
     datePickerType: "single",
     value: conditionState.value,
     onClose: onCloseHandler,
-    appendTo: parentRef === null || parentRef === void 0 ? void 0 : parentRef.current
+    appendTo: parentRef === null || parentRef === undefined ? undefined : parentRef.current
   }, /*#__PURE__*/React__default.createElement(DatePickerInput, {
     id: "datePicker",
     placeholder: "dd/mm/yyyy",
@@ -44,7 +44,7 @@ var ConditionBuilderItemDate = function ConditionBuilderItemDate(_ref) {
     datePickerType: datePickerType,
     onClose: onCloseHandler,
     value: conditionState.value,
-    appendTo: parentRef === null || parentRef === void 0 ? void 0 : parentRef.current
+    appendTo: parentRef === null || parentRef === undefined ? undefined : parentRef.current
   }, /*#__PURE__*/React__default.createElement(DatePickerInput, {
     id: "datePickerStart",
     placeholder: "dd/mm/yyyy",

package/es/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Condition, PropertyConfigNumber } from '../../ConditionBuilder.types';
 interface ConditionBuilderItemNumberProps {
     conditionState: Condition;
@@ -18,15 +17,15 @@ export declare const ConditionBuilderItemNumber: {
         /**
          * current condition object
          */
-        conditionState: PropTypes.Requireable<object>;
+        conditionState: any;
         /**
          * current config object that this property is part of
          */
-        config: PropTypes.Requireable<object>;
+        config: any;
         /**
          * callback to update state oin date change
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
     };
 };
 export {};

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

@@ -24,7 +24,7 @@ var ConditionBuilderItemNumber = function ConditionBuilderItemNumber(_ref) {
     var value = _ref2.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 : ''));
+      onChange("".concat(value, " ").concat((_config$unit = config.unit) !== null && _config$unit !== undefined ? _config$unit : ''));
     } else {
       onChange('INVALID');
     }
@@ -43,14 +43,14 @@ var ConditionBuilderItemNumber = function ConditionBuilderItemNumber(_ref) {
   };
   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 (_split$ = (_conditionState$value = conditionState.value) === null || _conditionState$value === undefined || (_conditionState$value = _conditionState$value.split(' ')) === null || _conditionState$value === undefined ? undefined : _conditionState$value[0]) !== null && _split$ !== undefined ? _split$ : '';
   };
   return /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__item-number")
   }, /*#__PURE__*/React__default.createElement(NumberInput, _extends({}, config, {
     label: conditionState.property,
     hideLabel: true,
-    id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === void 0 ? void 0 : _conditionState$prope.replace(/\s/g, ''),
+    id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === undefined ? undefined : _conditionState$prope.replace(/\s/g, ''),
     invalidText: invalidNumberWarnText,
     allowEmpty: true,
     onChange: onChangeHandler,

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { option, statementConfig } from '../../ConditionBuilder.types';
 interface ItemOptionProps {
     conditionState: {
@@ -25,15 +24,15 @@ export declare const ItemOption: {
         /**
          * current condition object
          */
-        conditionState: PropTypes.Requireable<object>;
+        conditionState: any;
         /**
          * current config object that this property is part of
          */
-        config: PropTypes.Requireable<object>;
+        config: any;
         /**
          * callback to update state oin date change
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
     };
 };
 export {};

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

@@ -16,9 +16,9 @@ import { blockClass } from '../../utils/util.js';
 
 var ItemOption = function ItemOption(_ref) {
   var _ref$conditionState = _ref.conditionState,
-    conditionState = _ref$conditionState === void 0 ? {} : _ref$conditionState,
+    conditionState = _ref$conditionState === undefined ? {} : _ref$conditionState,
     _ref$config = _ref.config,
-    config = _ref$config === void 0 ? {} : _ref$config,
+    config = _ref$config === undefined ? {} : _ref$config,
     onChange = _ref.onChange;
   var _useContext = useContext(ConditionBuilderContext),
     popOverSearchThreshold = _useContext.popOverSearchThreshold;
@@ -33,16 +33,16 @@ var ItemOption = function ItemOption(_ref) {
     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 filteredItems = searchValue ? allOptions === null || allOptions === undefined ? undefined : 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());
+    return (_opt$label = opt.label) === null || _opt$label === undefined ? undefined : _opt$label.toLowerCase().includes(searchValue.toLowerCase());
   }) : allOptions;
   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');
+      var firstFocusableElement = (_contentRef$current = contentRef.current) === null || _contentRef$current === undefined ? undefined : _contentRef$current.querySelector('input, button,li');
       if (firstFocusableElement) {
         firstFocusableElement.focus();
       }
@@ -79,7 +79,7 @@ var ItemOption = function ItemOption(_ref) {
   })), /*#__PURE__*/React__default.createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox"
-  }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (option) {
+  }, filteredItems === null || filteredItems === undefined ? undefined : filteredItems.map(function (option) {
     var isSelected = selection === option.id;
     var Icon = option.icon;
     return /*#__PURE__*/React__default.createElement("li", {

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Condition, PropertyConfigOption } from '../../ConditionBuilder.types';
 interface ItemOptionForValueFieldProps {
     conditionState: Condition & {
@@ -20,15 +19,15 @@ export declare const ItemOptionForValueField: {
         /**
          * current condition object
          */
-        conditionState: PropTypes.Requireable<object>;
+        conditionState: any;
         /**
          * current config object that this property is part of
          */
-        config: PropTypes.Requireable<object>;
+        config: any;
         /**
          * callback to update state oin date change
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
     };
 };
 export {};

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

@@ -12,16 +12,16 @@ import { CheckboxCheckedFilled, Checkbox, Checkmark } from '@carbon/react/icons'
 import PropTypes from '../../../../_virtual/index.js';
 import { ConditionBuilderContext } from '../../ConditionBuilderContext/ConditionBuilderProvider.js';
 import { useTranslations } from '../../utils/useTranslations.js';
-import { blockClass } from '../../utils/util.js';
+import { checkForMultiSelectOperator, blockClass } from '../../utils/util.js';
 
 var _SelectSkeleton, _CheckboxCheckedFille, _Checkbox;
 var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
   var _ref$conditionState = _ref.conditionState,
-    conditionState = _ref$conditionState === void 0 ? {} : _ref$conditionState,
+    conditionState = _ref$conditionState === undefined ? {} : _ref$conditionState,
     _ref$config = _ref.config,
-    config = _ref$config === void 0 ? {} : _ref$config,
+    config = _ref$config === undefined ? {} : _ref$config,
     onChange = _ref.onChange;
-  var multiSelectable = conditionState.operator === 'oneOf';
+  var multiSelectable = checkForMultiSelectOperator(conditionState, config);
   var _useContext = useContext(ConditionBuilderContext),
     popOverSearchThreshold = _useContext.popOverSearchThreshold,
     getOptions = _useContext.getOptions,
@@ -39,7 +39,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     searchValue = _useState4[0],
     setSearchValue = _useState4[1];
-  var filteredItems = allOptions === null || allOptions === void 0 ? void 0 : allOptions.filter(function (opt) {
+  var filteredItems = allOptions === null || allOptions === undefined ? undefined : allOptions.filter(function (opt) {
     return opt.label.toLowerCase().includes(searchValue.toLowerCase());
   });
   var selection = Array.isArray(conditionState.value) ? conditionState.value : conditionState.value !== undefined ? [conditionState.value] : [];
@@ -66,7 +66,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
 
     if (!allOptions && getOptions) {
       var fetchData = /*#__PURE__*/function () {
-        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
           var response;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
@@ -75,7 +75,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
                 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')) {
+                if ((response === null || response === undefined ? undefined : response.length) > 0 && Object.keys(response[0]).includes('label') && Object.keys(response[0]).includes('id')) {
                   setAllOptions(response);
                 }
               case 4:
@@ -98,7 +98,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     if (contentRef.current) {
       var firstFocusableElement = contentRef.current.querySelector('input, button,li');
       if (firstFocusableElement) {
-        firstFocusableElement === null || firstFocusableElement === void 0 || firstFocusableElement.focus();
+        firstFocusableElement === null || firstFocusableElement === undefined || firstFocusableElement.focus();
       }
     }
   }, [allOptions]);
@@ -162,7 +162,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     "aria-label": getAriaLabel(),
     role: "listbox",
     "data-multi-select": multiSelectable
-  }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (option) {
+  }, filteredItems === null || filteredItems === undefined ? undefined : filteredItems.map(function (option) {
     var isSelected = selection.map(function (option) {
       return option.id;
     }).includes(option.id);

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Condition, PropertyConfigText, PropertyConfigTextArea } from '../../ConditionBuilder.types';
 interface ConditionBuilderItemTextProps {
     conditionState: Condition;
@@ -19,19 +18,19 @@ export declare const ConditionBuilderItemText: {
         /**
          * current condition object
          */
-        conditionState: PropTypes.Requireable<object>;
+        conditionState: any;
         /**
          * config of the current property
          */
-        config: PropTypes.Requireable<object>;
+        config: any;
         /**
          * callback to update state oin date change
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
         /**
          * current input type
          */
-        type: PropTypes.Requireable<string>;
+        type: any;
     };
 };
 export {};

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

@@ -20,7 +20,7 @@ var ConditionBuilderItemText = function ConditionBuilderItemText(_ref) {
   var inputProps = _objectSpread2(_objectSpread2({}, config), {}, {
     hideLabel: true,
     value: checkIsValid(conditionState.value) ? conditionState.value : '',
-    id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === void 0 ? void 0 : _conditionState$prope.replace(/\s/g, ''),
+    id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === undefined ? undefined : _conditionState$prope.replace(/\s/g, ''),
     onChange: function onChange(evt) {
       _onChange(evt.target.value);
     },

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { PropertyConfigTime } from '../../ConditionBuilder.types';
 interface ConditionBuilderItemTime {
     onChange: (value: string | undefined) => void;
@@ -17,11 +16,11 @@ export declare const ConditionBuilderItemTime: {
         /**
          * current config object that this property is part of
          */
-        config: PropTypes.Requireable<object>;
+        config: any;
         /**
          * callback to update state oin date change
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
     };
 };
 export {};

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

@@ -24,12 +24,12 @@ var ConditionBuilderItemTime = function ConditionBuilderItemTime(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     dayZoneValue = _useState4[0],
     setDayZoneValue = _useState4[1];
-  var _useState5 = useState(config === null || config === void 0 || (_config$timeZones = config.timeZones) === null || _config$timeZones === void 0 ? void 0 : _config$timeZones[0]),
+  var _useState5 = useState(config === null || config === undefined || (_config$timeZones = config.timeZones) === null || _config$timeZones === undefined ? undefined : _config$timeZones[0]),
     _useState6 = _slicedToArray(_useState5, 2),
     timeZoneValue = _useState6[0],
     setTimeZoneValue = _useState6[1];
   useEffect(function () {
-    var timeToUpdate = "".concat(timeValue !== null && timeValue !== void 0 ? timeValue : '', " ").concat(dayZoneValue !== null && dayZoneValue !== void 0 ? dayZoneValue : '', " ").concat(timeZoneValue !== null && timeZoneValue !== void 0 ? timeZoneValue : '');
+    var timeToUpdate = "".concat(timeValue !== null && timeValue !== undefined ? timeValue : '', " ").concat(dayZoneValue !== null && dayZoneValue !== undefined ? dayZoneValue : '', " ").concat(timeZoneValue !== null && timeZoneValue !== undefined ? timeZoneValue : '');
     onChange(timeValue ? timeToUpdate : undefined);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timeValue, dayZoneValue, timeZoneValue]);
@@ -60,7 +60,7 @@ var ConditionBuilderItemTime = function ConditionBuilderItemTime(_ref) {
   }))), /*#__PURE__*/React__default.createElement(TimePickerSelect, {
     id: "time-picker-time-zone",
     onChange: setTimeZone
-  }, config === null || config === void 0 || (_config$timeZones2 = config.timeZones) === null || _config$timeZones2 === void 0 ? void 0 : _config$timeZones2.map(function (timeZone, index) {
+  }, config === null || config === undefined || (_config$timeZones2 = config.timeZones) === null || _config$timeZones2 === undefined ? undefined : _config$timeZones2.map(function (timeZone, index) {
     return /*#__PURE__*/React__default.createElement(SelectItem, {
       key: index,
       value: timeZone,

package/es/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { ConditionGroup } from '../ConditionBuilder.types';
 /**
  *
@@ -30,23 +29,23 @@ declare const ConditionGroupBuilder: {
         /**
          * object contains the aria attributes
          */
-        aria: PropTypes.Requireable<object>;
+        aria: any;
         /**
          * state defines the current group
          */
         /**
          * Provide an optional class to be applied to the containing node.
          */
-        className: PropTypes.Requireable<string>;
-        group: PropTypes.Requireable<object>;
+        className: any;
+        group: any;
         /**
          * callback to update the current condition of the state tree
          */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: any;
         /**
          * call back to remove the particular group from the state tree
          */
-        onRemove: PropTypes.Requireable<(...args: any[]) => any>;
+        onRemove: any;
     };
 };
 export default ConditionGroupBuilder;