@carbon/ibm-products 2.61.0-rc.0 → 2.62.0-rc.0

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

@@ -33,7 +33,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     setRootState = _useContext.setRootState,
     variant = _useContext.variant,
     actionState = _useContext.actionState;
-  var initialConditionState = useRef(initialState !== null && initialState !== undefined && initialState.state ? JSON.parse(JSON.stringify(initialState === null || initialState === undefined ? undefined : initialState.state)) : null);
+  var initialConditionState = useRef(initialState !== null && initialState !== void 0 && initialState.state ? JSON.parse(JSON.stringify(initialState === null || initialState === void 0 ? void 0 : initialState.state)) : null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isConditionBuilderActive = _useState2[0],
@@ -55,24 +55,24 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
   };
   useEffect(function () {
     var _rootState$groups;
-    if (rootState !== null && rootState !== undefined && (_rootState$groups = rootState.groups) !== null && _rootState$groups !== undefined && _rootState$groups.length) {
+    if (rootState !== null && rootState !== void 0 && (_rootState$groups = rootState.groups) !== null && _rootState$groups !== void 0 && _rootState$groups.length) {
       setIsConditionBuilderActive(true);
     } else {
       setIsConditionBuilderActive(false);
     }
     if (getConditionState) {
-      getConditionState(rootState !== null && rootState !== undefined ? rootState : {});
+      getConditionState(rootState !== null && rootState !== void 0 ? rootState : {});
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rootState]);
   useEffect(function () {
-    getActionsState === null || getActionsState === undefined || getActionsState(actionState !== null && actionState !== undefined ? actionState : []);
+    getActionsState === null || getActionsState === void 0 || getActionsState(actionState !== null && actionState !== void 0 ? actionState : []);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [actionState]);
   useEffect(function () {
-    if (initialState !== null && initialState !== undefined && initialState.enabledDefault) {
-      setRootState === null || setRootState === undefined || setRootState(initialState.state);
+    if (initialState !== null && initialState !== void 0 && initialState.enabledDefault) {
+      setRootState === null || setRootState === void 0 || setRootState(initialState.state);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [initialState]);
@@ -80,25 +80,25 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     var _initialConditionStat;
     //when add condition button is clicked.
     setIsConditionBuilderActive(true);
-    if (initialConditionState !== null && initialConditionState !== undefined && (_initialConditionStat = initialConditionState.current) !== null && _initialConditionStat !== undefined && (_initialConditionStat = _initialConditionStat.groups) !== null && _initialConditionStat !== undefined && _initialConditionStat.length) {
-      setRootState === null || setRootState === undefined || setRootState(initialConditionState.current);
+    if (initialConditionState !== null && initialConditionState !== void 0 && (_initialConditionStat = initialConditionState.current) !== null && _initialConditionStat !== void 0 && (_initialConditionStat = _initialConditionStat.groups) !== null && _initialConditionStat !== void 0 && _initialConditionStat.length) {
+      setRootState === null || setRootState === void 0 || setRootState(initialConditionState.current);
       initialConditionState.current = null;
     } else {
-      setRootState === null || setRootState === undefined || setRootState(emptyState); //here we can set an empty skeleton object for an empty condition builder,
+      setRootState === null || setRootState === void 0 || setRootState(emptyState); //here we can set an empty skeleton object for an empty condition builder,
     }
 
     //or we can even pre-populate some existing builder and continue editing
   };
   var _onRemove = useCallback(function (groupId) {
     var _rootState$groups2;
-    var groups = rootState === null || rootState === undefined || (_rootState$groups2 = rootState.groups) === null || _rootState$groups2 === undefined ? undefined : _rootState$groups2.filter(function (group) {
-      return groupId !== (group === null || group === undefined ? undefined : group.id);
+    var groups = rootState === null || rootState === void 0 || (_rootState$groups2 = rootState.groups) === null || _rootState$groups2 === void 0 ? void 0 : _rootState$groups2.filter(function (group) {
+      return groupId !== (group === null || group === void 0 ? void 0 : group.id);
     });
-    setRootState === null || setRootState === undefined || setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
+    setRootState === null || setRootState === void 0 || setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
       groups: rootState ? groups : []
     }));
     //set the initial state to empty.
-    if ((groups === null || groups === undefined ? undefined : groups.length) === 0) {
+    if ((groups === null || groups === void 0 ? void 0 : groups.length) === 0) {
       initialConditionState.current = null;
     }
   }, [setRootState, rootState]);
@@ -109,7 +109,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
      */
     if (rootState && rootState.groups) {
       var groups = [].concat(_toConsumableArray(rootState.groups ? rootState.groups.slice(0, groupIndex) : []), [updatedGroup], _toConsumableArray(rootState.groups ? rootState.groups.slice(groupIndex + 1) : []));
-      setRootState === null || setRootState === undefined || setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
+      setRootState === null || setRootState === void 0 || setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
         groups: groups
       }));
     }
@@ -127,13 +127,13 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
         id: uuidv4()
       }]
     };
-    setRootState === null || setRootState === undefined || setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
+    setRootState === null || setRootState === void 0 || setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
       groups: rootState && rootState.groups ? [].concat(_toConsumableArray(rootState.groups), [newGroup]) : [newGroup]
     }));
   };
   var getColorIndex = function getColorIndex() {
     var _rootState$groups$len, _rootState$groups3;
-    var groupLength = (_rootState$groups$len = rootState === null || rootState === undefined || (_rootState$groups3 = rootState.groups) === null || _rootState$groups3 === undefined ? undefined : _rootState$groups3.length) !== null && _rootState$groups$len !== undefined ? _rootState$groups$len : 0;
+    var groupLength = (_rootState$groups$len = rootState === null || rootState === void 0 || (_rootState$groups3 = rootState.groups) === null || _rootState$groups3 === void 0 ? void 0 : _rootState$groups3.length) !== null && _rootState$groups$len !== void 0 ? _rootState$groups$len : 0;
     return groupLength % 5;
   };
   if (!isConditionBuilderActive) {
@@ -157,7 +157,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     level: 4
   }, /*#__PURE__*/React__default.createElement(Heading, null, conditionHeadingText)), /*#__PURE__*/React__default.createElement("div", _extends({
     className: "".concat(blockClass, "__content-container")
-  }, wrapperRole), rootState && (rootState === null || rootState === undefined || (_rootState$groups4 = rootState.groups) === null || _rootState$groups4 === undefined ? undefined : _rootState$groups4.map(function (eachGroup, groupIndex) {
+  }, wrapperRole), rootState && (rootState === null || rootState === void 0 || (_rootState$groups4 = rootState.groups) === null || _rootState$groups4 === void 0 ? void 0 : _rootState$groups4.map(function (eachGroup, groupIndex) {
     var _ref2;
     return /*#__PURE__*/React__default.createElement("div", {
       key: eachGroup.id,
@@ -167,7 +167,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
       aria: {
         level: 1,
         posinset: groupIndex * 2 + 1,
-        setsize: (_ref2 = rootState.groups && rootState.groups.length * 2) !== null && _ref2 !== undefined ? _ref2 : 0
+        setsize: (_ref2 = rootState.groups && rootState.groups.length * 2) !== null && _ref2 !== void 0 ? _ref2 : 0
       },
       group: eachGroup,
       onRemove: function onRemove() {
@@ -200,7 +200,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     previewType: "newGroup",
     colorIndex: getColorIndex(),
     group: {
-      groupOperator: rootState === null || rootState === undefined ? undefined : rootState.operator,
+      groupOperator: rootState === null || rootState === void 0 ? void 0 : rootState.operator,
       id: uuidv4()
     }
   })), actions && /*#__PURE__*/React__default.createElement(ConditionBuilderActions, {

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

@@ -48,7 +48,7 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
     unlessAny: translationsObject.unlessText
   };
   //Appending statements from custom statement configuration if present
-  statementConfigCustom === null || statementConfigCustom === undefined || statementConfigCustom.forEach(function (statement) {
+  statementConfigCustom === null || statementConfigCustom === void 0 || statementConfigCustom.forEach(function (statement) {
     statementIdMap[statement.id] = statement.label;
   });
   var _useTranslations = useTranslations(['invalidText', 'addConditionText', 'addPropertyText', 'addOperatorText', 'addValueText', label], statementIdMap),
@@ -108,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 === undefined || (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === undefined ? undefined : _popoverRef$current.querySelector('input,textarea');
+      var firstFocusableElement = popoverRef === null || popoverRef === void 0 || (_popoverRef$current = popoverRef.current) === null || _popoverRef$current === void 0 ? void 0 : _popoverRef$current.querySelector('input,textarea');
       if (firstFocusableElement) {
         setTimeout(function () {
           return firstFocusableElement.focus();
@@ -118,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 !== 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');
+    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');
     }
   };
   var closePopover = function closePopover() {
@@ -145,15 +145,15 @@ var ConditionBuilderItem = function ConditionBuilderItem(_ref) {
   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) {
+    config === null || config === void 0 || (_config$operators = config.operators) === null || _config$operators === void 0 ? void 0 : _config$operators.find(function (operator) {
       return operator.id === propertyLabel;
     }));
   };
   var getLabel = function getLabel() {
     // @ts-ignore
-    if (config !== null && config !== undefined && config.operators && rest['data-name'] === 'operatorField') {
+    if (config !== null && config !== void 0 && 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;
+      return (_getCustomOperatorLab = (_getCustomOperatorLab2 = getCustomOperatorLabel(propertyLabel)) === null || _getCustomOperatorLab2 === void 0 ? void 0 : _getCustomOperatorLab2.label) !== null && _getCustomOperatorLab !== void 0 ? _getCustomOperatorLab : propertyLabel;
     } else if (propertyLabel) {
       return propertyLabel;
     } else if (rest['data-name'] === 'propertyField') {

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

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

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 !== undefined ? _config$unit : ''));
+      onChange("".concat(value, " ").concat((_config$unit = config.unit) !== null && _config$unit !== void 0 ? _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 === undefined || (_conditionState$value = _conditionState$value.split(' ')) === null || _conditionState$value === undefined ? undefined : _conditionState$value[0]) !== null && _split$ !== undefined ? _split$ : '';
+    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.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 === undefined ? undefined : _conditionState$prope.replace(/\s/g, ''),
+    id: (_conditionState$prope = conditionState.property) === null || _conditionState$prope === void 0 ? void 0 : _conditionState$prope.replace(/\s/g, ''),
     invalidText: invalidNumberWarnText,
     allowEmpty: true,
     onChange: onChangeHandler,

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

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

@@ -17,9 +17,9 @@ import { checkForMultiSelectOperator, blockClass, onKeyDownHandlerForSearch } fr
 var _SelectSkeleton, _CheckboxCheckedFille, _Checkbox;
 var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
   var _ref$conditionState = _ref.conditionState,
-    conditionState = _ref$conditionState === undefined ? {} : _ref$conditionState,
+    conditionState = _ref$conditionState === void 0 ? {} : _ref$conditionState,
     _ref$config = _ref.config,
-    config = _ref$config === undefined ? {} : _ref$config,
+    config = _ref$config === void 0 ? {} : _ref$config,
     onChange = _ref.onChange;
   var multiSelectable = checkForMultiSelectOperator(conditionState, config);
   var _useContext = useContext(ConditionBuilderContext),
@@ -41,7 +41,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     searchValue = _useState4[0],
     setSearchValue = _useState4[1];
-  var filteredItems = allOptions === null || allOptions === undefined ? undefined : allOptions.filter(function (opt) {
+  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] : [];
@@ -77,7 +77,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
                 return getOptions(rootState, conditionState);
               case 2:
                 response = _context.sent;
-                if ((response === null || response === undefined ? undefined : response.length) > 0 && Object.keys(response[0]).includes('label') && Object.keys(response[0]).includes('id')) {
+                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);
                 }
               case 4:
@@ -100,7 +100,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     if (contentRef.current) {
       var firstFocusableElement = contentRef.current.querySelector('input, button,li');
       if (firstFocusableElement) {
-        firstFocusableElement === null || firstFocusableElement === undefined || firstFocusableElement.focus();
+        firstFocusableElement === null || firstFocusableElement === void 0 || firstFocusableElement.focus();
       }
     }
   }, [allOptions]);
@@ -167,7 +167,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     "aria-label": getAriaLabel(),
     role: "listbox",
     "data-multi-select": multiSelectable
-  }, filteredItems === null || filteredItems === undefined ? undefined : filteredItems.map(function (option) {
+  }, filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map(function (option) {
     var isSelected = selection.map(function (option) {
       return option.id;
     }).includes(option.id);

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 === undefined ? undefined : _conditionState$prope.replace(/\s/g, ''),
+    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);
     },

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 === undefined || (_config$timeZones = config.timeZones) === null || _config$timeZones === undefined ? undefined : _config$timeZones[0]),
+  var _useState5 = useState(config === null || config === void 0 || (_config$timeZones = config.timeZones) === null || _config$timeZones === void 0 ? void 0 : _config$timeZones[0]),
     _useState6 = _slicedToArray(_useState5, 2),
     timeZoneValue = _useState6[0],
     setTimeZoneValue = _useState6[1];
   useEffect(function () {
-    var timeToUpdate = "".concat(timeValue !== null && timeValue !== undefined ? timeValue : '', " ").concat(dayZoneValue !== null && dayZoneValue !== undefined ? dayZoneValue : '', " ").concat(timeZoneValue !== null && timeZoneValue !== undefined ? timeZoneValue : '');
+    var timeToUpdate = "".concat(timeValue !== null && timeValue !== void 0 ? timeValue : '', " ").concat(dayZoneValue !== null && dayZoneValue !== void 0 ? dayZoneValue : '', " ").concat(timeZoneValue !== null && timeZoneValue !== void 0 ? 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 === undefined || (_config$timeZones2 = config.timeZones) === null || _config$timeZones2 === undefined ? undefined : _config$timeZones2.map(function (timeZone, index) {
+  }, config === null || config === void 0 || (_config$timeZones2 = config.timeZones) === null || _config$timeZones2 === void 0 ? void 0 : _config$timeZones2.map(function (timeZone, index) {
     return /*#__PURE__*/React__default.createElement(SelectItem, {
       key: index,
       value: timeZone,

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

@@ -67,7 +67,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         //we will shift the group one level up. The subgroups will open up as conditions.
 
         //spreading out the condition inside the subgroup
-        var allConditions = group === null || group === undefined || (_group$conditions = group.conditions) === null || _group$conditions === undefined ? undefined : _group$conditions.reduce(function (acc, condition) {
+        var allConditions = group === null || group === void 0 || (_group$conditions = group.conditions) === null || _group$conditions === void 0 ? void 0 : _group$conditions.reduce(function (acc, condition) {
           var _condition = condition;
           if (_condition.conditions) {
             //this is a subgroup
@@ -75,7 +75,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
           }
           return acc;
         }, []);
-        onChange === null || onChange === undefined || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
+        onChange === null || onChange === void 0 || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
           conditions: allConditions
         }));
       } else {
@@ -85,16 +85,16 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         //This is to handle a edge case.
         //When a group has structure as 1 condition,1 subgroup, 1 condition and if we delete first condition,
         //the group will start with a subgroup. To avoid this,opening up that subgroup.
-        if ((filteredConditions === null || filteredConditions === undefined ? undefined : filteredConditions[0]).conditions) {
+        if ((filteredConditions === null || filteredConditions === void 0 ? void 0 : filteredConditions[0]).conditions) {
           var firstFilteredConditions = filteredConditions[0];
-          filteredConditions.splice.apply(filteredConditions, [0, 1].concat(_toConsumableArray(firstFilteredConditions === null || firstFilteredConditions === undefined ? undefined : firstFilteredConditions.conditions)));
+          filteredConditions.splice.apply(filteredConditions, [0, 1].concat(_toConsumableArray(firstFilteredConditions === null || firstFilteredConditions === void 0 ? void 0 : firstFilteredConditions.conditions)));
         }
-        onChange === null || onChange === undefined || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
+        onChange === null || onChange === void 0 || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
           conditions: filteredConditions
         }));
       }
     } else {
-      onRemove === null || onRemove === undefined || onRemove(evt);
+      onRemove === null || onRemove === void 0 || onRemove(evt);
     }
   };
   //check to identify a group without a plain condition
@@ -105,10 +105,10 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
   };
   var onChangeHandler = function onChangeHandler(updatedCondition, conditionIndex) {
     var _group$id;
-    var updatedConditions = [].concat(_toConsumableArray(group !== null && group !== undefined && group.conditions ? group.conditions.slice(0, conditionIndex) : []), [updatedCondition], _toConsumableArray(group !== null && group !== undefined && group.conditions ? group.conditions.slice(conditionIndex + 1) : []));
-    onChange === null || onChange === undefined || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
+    var updatedConditions = [].concat(_toConsumableArray(group !== null && group !== void 0 && group.conditions ? group.conditions.slice(0, conditionIndex) : []), [updatedCondition], _toConsumableArray(group !== null && group !== void 0 && group.conditions ? group.conditions.slice(conditionIndex + 1) : []));
+    onChange === null || onChange === void 0 || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
       conditions: updatedConditions,
-      id: (_group$id = group === null || group === undefined ? undefined : group.id) !== null && _group$id !== undefined ? _group$id : uuidv4()
+      id: (_group$id = group === null || group === void 0 ? void 0 : group.id) !== null && _group$id !== void 0 ? _group$id : uuidv4()
     }));
   };
   var addConditionHandler = function addConditionHandler(conditionIndex) {
@@ -119,7 +119,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
       popoverToOpen: 'propertyField',
       id: uuidv4()
     };
-    onChange === null || onChange === undefined || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
+    onChange === null || onChange === void 0 || onChange(_objectSpread2(_objectSpread2({}, group), {}, {
       conditions: [].concat(_toConsumableArray(group.conditions ? group.conditions.slice(0, conditionIndex + 1) : []), [newCondition], _toConsumableArray(group.conditions ? group.conditions.slice(conditionIndex + 1) : []))
     }));
   };
@@ -128,7 +128,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     //get all close buttons.
     //if the last condition is closing, focus the second last one.
     //or focus the next one.
-    var currentGroupCloseButtons = (_e$currentTarget$clos = e.currentTarget.closest(".".concat(blockClass, "__group"))) === null || _e$currentTarget$clos === undefined ? undefined : _e$currentTarget$clos.querySelectorAll('[data-name="closeCondition"]');
+    var currentGroupCloseButtons = (_e$currentTarget$clos = e.currentTarget.closest(".".concat(blockClass, "__group"))) === null || _e$currentTarget$clos === void 0 ? void 0 : _e$currentTarget$clos.querySelectorAll('[data-name="closeCondition"]');
     if (conditionIndex == currentGroupCloseButtons.length - 1) {
       manageTabIndexAndFocus(currentGroupCloseButtons[conditionIndex - 1], conditionBuilderRef);
     } else {
@@ -138,25 +138,25 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
   var handleFocusOnCloseHierarchical = function handleFocusOnCloseHierarchical(evt) {
     var _evt$currentTarget, _evt$currentTarget2, _conditionBuilderCont, _conditionBuilderCont2;
     //getting the current aria-level and aria-posinset.
-    var currentLevel = (_evt$currentTarget = evt.currentTarget) === null || _evt$currentTarget === undefined || (_evt$currentTarget = _evt$currentTarget.closest('[role="row"]')) === null || _evt$currentTarget === undefined ? undefined : _evt$currentTarget.getAttribute('aria-level');
-    var currentPos = (_evt$currentTarget2 = evt.currentTarget) === null || _evt$currentTarget2 === undefined || (_evt$currentTarget2 = _evt$currentTarget2.closest('[role="row"]')) === null || _evt$currentTarget2 === undefined ? undefined : _evt$currentTarget2.getAttribute('aria-posinset');
+    var currentLevel = (_evt$currentTarget = evt.currentTarget) === null || _evt$currentTarget === void 0 || (_evt$currentTarget = _evt$currentTarget.closest('[role="row"]')) === null || _evt$currentTarget === void 0 ? void 0 : _evt$currentTarget.getAttribute('aria-level');
+    var currentPos = (_evt$currentTarget2 = evt.currentTarget) === null || _evt$currentTarget2 === void 0 || (_evt$currentTarget2 = _evt$currentTarget2.closest('[role="row"]')) === null || _evt$currentTarget2 === void 0 ? void 0 : _evt$currentTarget2.getAttribute('aria-posinset');
 
     //finding the next and previous items in same level
-    var nextElement = (_conditionBuilderCont = conditionBuilderContentRef.current) === null || _conditionBuilderCont === undefined ? undefined : _conditionBuilderCont.querySelector("[aria-level=\"".concat(currentLevel, "\"][aria-posinset=\"").concat(Number(currentPos) + 1, "\"]"));
-    var prevElement = (_conditionBuilderCont2 = conditionBuilderContentRef.current) === null || _conditionBuilderCont2 === undefined ? undefined : _conditionBuilderCont2.querySelector("[aria-level=\"".concat(currentLevel, "\"][aria-posinset=\"").concat(Number(currentPos) - 1, "\"]"));
+    var nextElement = (_conditionBuilderCont = conditionBuilderContentRef.current) === null || _conditionBuilderCont === void 0 ? void 0 : _conditionBuilderCont.querySelector("[aria-level=\"".concat(currentLevel, "\"][aria-posinset=\"").concat(Number(currentPos) + 1, "\"]"));
+    var prevElement = (_conditionBuilderCont2 = conditionBuilderContentRef.current) === null || _conditionBuilderCont2 === void 0 ? void 0 : _conditionBuilderCont2.querySelector("[aria-level=\"".concat(currentLevel, "\"][aria-posinset=\"").concat(Number(currentPos) - 1, "\"]"));
     //checking if next level is a valid condition. If then, focus the close button inside that condition
     //Otherwise , check the previous item is a valid condition
 
-    if (nextElement !== null && nextElement !== undefined && nextElement.classList.contains("".concat(blockClass, "__condition-block"))) {
-      manageTabIndexAndFocus(nextElement === null || nextElement === undefined ? undefined : nextElement.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
-    } else if (prevElement !== null && prevElement !== undefined && prevElement.classList.contains("".concat(blockClass, "__condition-block"))) {
-      manageTabIndexAndFocus(prevElement === null || prevElement === undefined ? undefined : prevElement.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
+    if (nextElement !== null && nextElement !== void 0 && nextElement.classList.contains("".concat(blockClass, "__condition-block"))) {
+      manageTabIndexAndFocus(nextElement === null || nextElement === void 0 ? void 0 : nextElement.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
+    } else if (prevElement !== null && prevElement !== void 0 && prevElement.classList.contains("".concat(blockClass, "__condition-block"))) {
+      manageTabIndexAndFocus(prevElement === null || prevElement === void 0 ? void 0 : prevElement.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
     }
     //If there are no valid condition in this group, focus next or previous row
     else {
       var _conditionBuilderCont3, _conditionBuilderCont4;
-      var prevRows = (_conditionBuilderCont3 = conditionBuilderContentRef.current) === null || _conditionBuilderCont3 === undefined ? undefined : _conditionBuilderCont3.querySelectorAll("[aria-level=\"".concat(Number(currentLevel) - 1, "\"][role=\"row\"]"));
-      var nextRow = (_conditionBuilderCont4 = conditionBuilderContentRef.current) === null || _conditionBuilderCont4 === undefined ? undefined : _conditionBuilderCont4.querySelector("[aria-level=\"".concat(Number(currentLevel) + 1, "\"][role=\"row\"]"));
+      var prevRows = (_conditionBuilderCont3 = conditionBuilderContentRef.current) === null || _conditionBuilderCont3 === void 0 ? void 0 : _conditionBuilderCont3.querySelectorAll("[aria-level=\"".concat(Number(currentLevel) - 1, "\"][role=\"row\"]"));
+      var nextRow = (_conditionBuilderCont4 = conditionBuilderContentRef.current) === null || _conditionBuilderCont4 === void 0 ? void 0 : _conditionBuilderCont4.querySelector("[aria-level=\"".concat(Number(currentLevel) + 1, "\"][role=\"row\"]"));
       if (nextRow) {
         //since there are no condition in current group, this group will move one level up
 
@@ -166,12 +166,12 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         };
         setTimeout(function () {
           var _conditionBuilderCont5;
-          var currentRowToFocus = (_conditionBuilderCont5 = conditionBuilderContentRef.current) === null || _conditionBuilderCont5 === undefined ? undefined : _conditionBuilderCont5.querySelector("[role=\"row\"][aria-level=\"".concat(rowIdentity.ariaLevel, "\"][aria-posinset=\"").concat(rowIdentity.ariaPosInSet, "\"]"));
-          manageTabIndexAndFocus(currentRowToFocus === null || currentRowToFocus === undefined ? undefined : currentRowToFocus.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
+          var currentRowToFocus = (_conditionBuilderCont5 = conditionBuilderContentRef.current) === null || _conditionBuilderCont5 === void 0 ? void 0 : _conditionBuilderCont5.querySelector("[role=\"row\"][aria-level=\"".concat(rowIdentity.ariaLevel, "\"][aria-posinset=\"").concat(rowIdentity.ariaPosInSet, "\"]"));
+          manageTabIndexAndFocus(currentRowToFocus === null || currentRowToFocus === void 0 ? void 0 : currentRowToFocus.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
         }, 0);
-      } else if (prevRows !== null && prevRows !== undefined && prevRows.length && prevRows.length > 1) {
+      } else if (prevRows !== null && prevRows !== void 0 && prevRows.length && prevRows.length > 1) {
         var _prevRows;
-        manageTabIndexAndFocus((_prevRows = prevRows[prevRows.length - 2]) === null || _prevRows === undefined ? undefined : _prevRows.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
+        manageTabIndexAndFocus((_prevRows = prevRows[prevRows.length - 2]) === null || _prevRows === void 0 ? void 0 : _prevRows.querySelector('[data-name="closeCondition"]'), conditionBuilderRef);
       }
     }
   };
@@ -210,7 +210,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     var _statementConfig$find;
     var groupOperator = (_statementConfig$find = statementConfig.find(function (statement) {
       return statement.id == updatedStatement;
-    })) === null || _statementConfig$find === undefined ? undefined : _statementConfig$find.connector;
+    })) === null || _statementConfig$find === void 0 ? void 0 : _statementConfig$find.connector;
     onChange(_objectSpread2(_objectSpread2({}, group), {}, {
       groupOperator: groupOperator,
       statement: updatedStatement
@@ -229,7 +229,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
       className: "".concat(blockClass, "__condition-wrapper"),
       role: "grid",
       "aria-label": conditionBuilderText
-    }, group === null || group === undefined || (_group$conditions2 = group.conditions) === null || _group$conditions2 === undefined ? undefined : _group$conditions2.map(function (eachCondition, conditionIndex) {
+    }, group === null || group === void 0 || (_group$conditions2 = group.conditions) === null || _group$conditions2 === void 0 ? void 0 : _group$conditions2.map(function (eachCondition, conditionIndex) {
       var _group$conditions3;
       return /*#__PURE__*/React__default.createElement("div", {
         key: eachCondition.id,
@@ -239,7 +239,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         aria: {
           level: aria.level + 1,
           posinset: conditionIndex + 1,
-          setsize: group === null || group === undefined || (_group$conditions3 = group.conditions) === null || _group$conditions3 === undefined ? undefined : _group$conditions3.length
+          setsize: group === null || group === void 0 || (_group$conditions3 = group.conditions) === null || _group$conditions3 === void 0 ? void 0 : _group$conditions3.length
         },
         isStatement: conditionIndex == 0,
         condition: eachCondition,
@@ -290,7 +290,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         options: statementConfig,
         isStatement: true
       }
-    }))), group === null || group === undefined || (_group$conditions4 = group.conditions) === null || _group$conditions4 === undefined ? undefined : _group$conditions4.map(function (eachCondition, conditionIndex) {
+    }))), group === null || group === void 0 || (_group$conditions4 = group.conditions) === null || _group$conditions4 === void 0 ? void 0 : _group$conditions4.map(function (eachCondition, conditionIndex) {
       var _group$conditions$len, _group$conditions5, _group$conditions$len2, _group$conditions6;
       return /*#__PURE__*/React__default.createElement(Fragment, {
         key: eachCondition.id
@@ -304,7 +304,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         aria: {
           level: aria.level + 1,
           posinset: conditionIndex + 1,
-          setsize: (_group$conditions$len = (_group$conditions5 = group.conditions) === null || _group$conditions5 === undefined ? undefined : _group$conditions5.length) !== null && _group$conditions$len !== undefined ? _group$conditions$len : 0
+          setsize: (_group$conditions$len = (_group$conditions5 = group.conditions) === null || _group$conditions5 === void 0 ? void 0 : _group$conditions5.length) !== null && _group$conditions$len !== void 0 ? _group$conditions$len : 0
         },
         className: "".concat(blockClass, "__group"),
         group: eachCondition,
@@ -319,7 +319,7 @@ var _ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
         aria: {
           level: aria.level + 1,
           posinset: conditionIndex + 1,
-          setsize: (_group$conditions$len2 = (_group$conditions6 = group.conditions) === null || _group$conditions6 === undefined ? undefined : _group$conditions6.length) !== null && _group$conditions$len2 !== undefined ? _group$conditions$len2 : 0
+          setsize: (_group$conditions$len2 = (_group$conditions6 = group.conditions) === null || _group$conditions6 === void 0 ? void 0 : _group$conditions6.length) !== null && _group$conditions$len2 !== void 0 ? _group$conditions$len2 : 0
         },
         isStatement: false,
         condition: eachCondition,