@carbon/ibm-products 2.42.1-canary.27 → 2.42.1-canary.4

package/es/components/ConditionBuilder/ConditionBlock/ConditionBlock.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useContext, useState } from 'react';
 import { Close } from '@carbon/react/icons';
 import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
@@ -13,7 +13,7 @@ import PropTypes from '../../../node_modules/prop-types/index.js';
 import { blockClass, translateWithId, statementConfig, operatorConfig } from '../ConditionBuilderContext/DataConfigs.js';
 import { ConditionBuilderItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js';
 import cx from 'classnames';
-import ConditionConnector from '../ConditionBuilderConnector/ConditionConnector.js';
+import ConditionConnector from '../ConditionConnector/ConditionConnector.js';
 import { ConditionBuilderItemNumber } from '../ConditionBuilderItem/ConditionBuilderItemNumber/ConditionBuilderItemNumber.js';
 import { ConditionBuilderItemText } from '../ConditionBuilderItem/ConditionBuilderItemText/ConditionBuilderItemText.js';
 import { ConditionBuilderItemDate } from '../ConditionBuilderItem/ConditionBuilderItemDate/ConditionBuilderItemDate.js';
@@ -23,7 +23,6 @@ import { focusThisField } from '../utils/util.js';
 import { ConditionBuilderItemTime } from '../ConditionBuilderItem/ConditionBuilderItemTime/ConditionBuilderItemTime.js';
 import ConditionBuilderAdd from '../ConditionBuilderAdd/ConditionBuilderAdd.js';
 
-var _div;
 /**
  * This component build each block of condition consisting of property, operator value and close button.
  */
@@ -41,19 +40,11 @@ var ConditionBlock = function ConditionBlock(props) {
     isStatement = props.isStatement,
     group = props.group,
     onStatementChange = props.onStatementChange,
-    conditionIndex = props.conditionIndex,
     addConditionHandler = props.addConditionHandler,
-    _addConditionSubGroupHandler = props.addConditionSubGroupHandler,
-    aria = props.aria,
-    hideConditionSubGroupPreviewHandler = props.hideConditionSubGroupPreviewHandler,
-    showConditionSubGroupPreviewHandler = props.showConditionSubGroupPreviewHandler,
-    hideConditionPreviewHandler = props.hideConditionPreviewHandler,
-    showConditionPreviewHandler = props.showConditionPreviewHandler,
+    conditionIndex = props.conditionIndex,
     isLastCondition = props.isLastCondition;
   var _useContext = useContext(ConditionBuilderContext),
-    inputConfig = _useContext.inputConfig,
-    variant = _useContext.variant;
-  //Below possible input types expected for value field.
+    inputConfig = _useContext.inputConfig;
   var itemComponents = {
     option: ConditionBuilderItemOption,
     text: ConditionBuilderItemText,
@@ -78,17 +69,14 @@ var ConditionBlock = function ConditionBlock(props) {
     type = _getCurrentConfig.type,
     config = _getCurrentConfig.config,
     label = _getCurrentConfig.label;
-  var ItemComponent;
-  //   if (type == 'custom') {
-  //     ItemComponent = config.component;
-  //   } else {
-  ItemComponent = property ? itemComponents[type] : null;
-  //}
-
+  var ItemComponent = property ? itemComponents[type] : null;
   var onStatementChangeHandler = function onStatementChangeHandler(v, evt) {
     focusThisField(evt);
     onStatementChange(v);
   };
+  var onConnectorOperatorChangeHandler = function onConnectorOperatorChangeHandler(op) {
+    onConnectorOperatorChange(op);
+  };
   var onPropertyChangeHandler = function onPropertyChangeHandler(newProperty) {
     onChange(_objectSpread2(_objectSpread2({}, condition), {}, {
       property: newProperty,
@@ -121,32 +109,21 @@ var ConditionBlock = function ConditionBlock(props) {
       return operator.type.indexOf(type) != -1 || operator.type == 'all';
     });
   };
-  var getAriaAttributes = function getAriaAttributes() {
-    return variant == 'tree' ? {
-      'aria-level': aria.level,
-      'aria-posinset': aria.posinset,
-      'aria-setsize': aria.setsize
-    } : {};
-  };
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(blockClass, "__condition-block"), _defineProperty({}, "".concat(blockClass, "__condition__deletion-preview"), showDeletionPreview), _defineProperty({}, "".concat(blockClass, "__gap-bottom"), variant == 'tree' && !(conditionIndex + 1 >= group.conditions.length)), _defineProperty({}, "".concat(blockClass, "__gap ").concat(blockClass, "__gap-bottom"), variant == 'sentence')),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: cx("".concat(blockClass, "__condition-block conditionBlockWrapper ").concat(blockClass, "__gap ").concat(blockClass, "__gap-bottom"), _defineProperty({}, "".concat(blockClass, "__condition__deletion-preview"), showDeletionPreview)),
+    key: conditionIndex,
     role: "row",
     "aria-label": translateWithId('condition_row'),
     tabIndex: -1
-  }, getAriaAttributes()), conjunction ? /*#__PURE__*/React__default.createElement(ConditionConnector, {
-    className: "".concat(blockClass, "__gap"),
-    operator: conjunction,
-    onChange: function onChange(op) {
-      return onConnectorOperatorChange(op);
-    }
-  }) : _div || (_div = /*#__PURE__*/React__default.createElement("div", {
-    role: "gridcell"
-  })), isStatement && /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
+  }, isStatement && /*#__PURE__*/React__default.createElement(ConditionBuilderItem
+  //   open={false}
+  , {
     label: group.statement,
     title: translateWithId('condition'),
     "data-name": "connectorField",
     popOverClassName: "".concat(blockClass, "__gap"),
-    className: "".concat(blockClass, "__statement-button")
+    className: "".concat(blockClass, "__statement-button"),
+    tabIndex: 0
   }, /*#__PURE__*/React__default.createElement(ConditionBuilderItemOption, {
     conditionState: {
       value: group.statement,
@@ -156,7 +133,11 @@ var ConditionBlock = function ConditionBlock(props) {
     config: {
       options: statementConfig
     }
-  })), /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
+  })), conjunction && /*#__PURE__*/React__default.createElement(ConditionConnector, {
+    className: "".concat(blockClass, "__gap"),
+    operator: conjunction,
+    onChange: onConnectorOperatorChangeHandler
+  }), /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
     label: label,
     title: translateWithId('property'),
     renderIcon: icon !== null && icon !== void 0 ? icon : null,
@@ -203,8 +184,7 @@ var ConditionBlock = function ConditionBlock(props) {
       value: value
     },
     onChange: onValueChangeHandler,
-    config: config,
-    "data-name": "valueField"
+    config: config
   })), /*#__PURE__*/React__default.createElement("span", {
     role: "gridcell",
     "aria-label": translateWithId('remove_condition')
@@ -222,15 +202,9 @@ var ConditionBlock = function ConditionBlock(props) {
   })), isLastCondition(conditionIndex, group.conditions) && /*#__PURE__*/React__default.createElement(ConditionBuilderAdd, {
     onClick: function onClick() {
       addConditionHandler(conditionIndex);
-    },
-    addConditionSubGroupHandler: function addConditionSubGroupHandler() {
-      _addConditionSubGroupHandler(conditionIndex);
-    },
-    showConditionSubGroupPreviewHandler: showConditionSubGroupPreviewHandler,
-    hideConditionSubGroupPreviewHandler: hideConditionSubGroupPreviewHandler,
-    enableSubGroup: variant == 'tree',
-    showConditionPreviewHandler: showConditionPreviewHandler,
-    hideConditionPreviewHandler: hideConditionPreviewHandler,
+    }
+    //addConditionSubGroupHandler={()=>{addConditionSubGroupHandler(conditionIndex)}}
+    ,
     className: "".concat(blockClass, "__gap ").concat(blockClass, "__gap-left")
   }));
 };
@@ -240,15 +214,17 @@ ConditionBlock.propTypes = {
    * callback to add a new condition
    */
   addConditionHandler: PropTypes.func,
-  /**
-   * callback to add a new condition subgroup
-   */
-  addConditionSubGroupHandler: PropTypes.func,
   /**
    * object hold aria attributes
    */
   aria: PropTypes.object,
+  /**
+   * object that hold the current condition
+   */
   condition: PropTypes.object,
+  /**
+   * index of the current condition
+   */
   conditionIndex: PropTypes.number,
   /**
    * string that decides to show the condition connector
@@ -259,13 +235,8 @@ ConditionBlock.propTypes = {
    */
   group: PropTypes.object,
   /**
-   * handler for hiding sub group preview
-   */
-  hideConditionPreviewHandler: PropTypes.func,
-  /**
-   * handler for hiding sub group preview
+   * callback to add a new condition
    */
-  hideConditionSubGroupPreviewHandler: PropTypes.func,
   isLastCondition: PropTypes.func,
   /**
    *  boolean that decides to show the statement(if/ excl.if)
@@ -286,19 +257,7 @@ ConditionBlock.propTypes = {
   /**
    * callback to handle the statement(if/ excl.if) change
    */
-  onStatementChange: PropTypes.func,
-  /**
-   * handler for showing add condition preview
-   */
-  showConditionPreviewHandler: PropTypes.func,
-  /**
-   * handler for showing sub group preview
-   */
-  showConditionSubGroupPreviewHandler: PropTypes.func,
-  /**
-   * object that hold the current condition
-   */
-  state: PropTypes.object
+  onStatementChange: PropTypes.func
 };
 
 export { ConditionBlock$1 as default };

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

@@ -1,26 +1,12 @@
 export default ConditionBuilderAdd;
-declare function ConditionBuilderAdd({ className, onClick, addConditionSubGroupHandler, showConditionSubGroupPreviewHandler, hideConditionSubGroupPreviewHandler, showConditionPreviewHandler, hideConditionPreviewHandler, enableSubGroup, buttonLabel, }: {
+declare function ConditionBuilderAdd({ className, onClick }: {
     className: any;
     onClick: any;
-    addConditionSubGroupHandler: any;
-    showConditionSubGroupPreviewHandler: any;
-    hideConditionSubGroupPreviewHandler: any;
-    showConditionPreviewHandler: any;
-    hideConditionPreviewHandler: any;
-    enableSubGroup: any;
-    buttonLabel: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace ConditionBuilderAdd {
     namespace propTypes {
-        let addConditionSubGroupHandler: PropTypes.Requireable<(...args: any[]) => any>;
-        let buttonLabel: PropTypes.Requireable<string>;
         let className: PropTypes.Requireable<string>;
-        let enableSubGroup: PropTypes.Requireable<boolean>;
-        let hideConditionPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
-        let hideConditionSubGroupPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
         let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let showConditionPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
-        let showConditionSubGroupPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
     }
 }
 import PropTypes from 'prop-types';

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

@@ -5,119 +5,36 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState } from 'react';
-import { AddAlt, TextNewLine } from '@carbon/react/icons';
+import React__default from 'react';
+import { AddAlt } from '@carbon/react/icons';
 import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
 import PropTypes from '../../../node_modules/prop-types/index.js';
-import { translateWithId, blockClass } from '../ConditionBuilderContext/DataConfigs.js';
+import { blockClass, translateWithId } from '../ConditionBuilderContext/DataConfigs.js';
 
 var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
   var className = _ref.className,
-    onClick = _ref.onClick,
-    addConditionSubGroupHandler = _ref.addConditionSubGroupHandler,
-    showConditionSubGroupPreviewHandler = _ref.showConditionSubGroupPreviewHandler,
-    hideConditionSubGroupPreviewHandler = _ref.hideConditionSubGroupPreviewHandler,
-    showConditionPreviewHandler = _ref.showConditionPreviewHandler,
-    hideConditionPreviewHandler = _ref.hideConditionPreviewHandler,
-    enableSubGroup = _ref.enableSubGroup,
-    buttonLabel = _ref.buttonLabel;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isAddSubgroup = _useState2[0],
-    setIsAddSubgroup = _useState2[1];
-  var showAddSubGroup = function showAddSubGroup() {
-    setIsAddSubgroup(true);
-  };
-  var hideAddSubGroup = function hideAddSubGroup() {
-    setIsAddSubgroup(false);
-  };
-  var onClickHandler = function onClickHandler() {
-    hideConditionPreviewHandler === null || hideConditionPreviewHandler === void 0 || hideConditionPreviewHandler();
-    onClick();
-  };
-  var previewHandlers = function previewHandlers() {
-    return enableSubGroup ? {
-      onMouseEnter: showConditionPreviewHandler,
-      onMouseLeave: hideConditionPreviewHandler,
-      onFocus: showConditionPreviewHandler,
-      onBlur: hideConditionPreviewHandler
-    } : {};
-  };
-  var previewHandlersForSubgroup = function previewHandlersForSubgroup() {
-    return {
-      onMouseEnter: showConditionSubGroupPreviewHandler,
-      onMouseLeave: hideConditionSubGroupPreviewHandler,
-      onFocus: showConditionSubGroupPreviewHandler,
-      onBlur: hideConditionSubGroupPreviewHandler
-    };
-  };
-  var wrapperProps = enableSubGroup ? {
-    role: 'gridcell',
-    'aria-label': translateWithId('add-condition')
-  } : {};
+    onClick = _ref.onClick;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(className, " ").concat(blockClass, "__add-button-wrapper"),
-    role: !enableSubGroup ? 'gridcell' : 'none',
-    "aria-label": !enableSubGroup ? translateWithId('add_condition_row') : undefined,
-    onMouseEnter: showAddSubGroup,
-    onMouseLeave: hideAddSubGroup,
-    onFocus: showAddSubGroup,
-    onBlur: hideAddSubGroup
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, _extends({
+    className: className,
+    role: "gridcell"
+  }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, {
     renderIcon: AddAlt,
-    onClick: onClickHandler
-  }, previewHandlers(), {
+    onClick: onClick,
     className: "".concat(blockClass, "__add-button"),
     hideLabel: true,
-    "data-name": "addButton",
-    label: buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : translateWithId('add-condition'),
-    wrapperProps: wrapperProps
-  })), isAddSubgroup && enableSubGroup && /*#__PURE__*/React__default.createElement(ConditionBuilderButton, _extends({
-    renderIcon: TextNewLine,
-    onClick: addConditionSubGroupHandler,
-    className: "".concat(blockClass, "__add-condition-group ").concat(blockClass, "__gap-left"),
-    hideLabel: true,
-    label: translateWithId('add-condition'),
-    wrapperProps: wrapperProps
-  }, previewHandlersForSubgroup())));
+    label: translateWithId('add-condition')
+  }));
 };
 var ConditionBuilderAdd$1 = ConditionBuilderAdd;
 ConditionBuilderAdd.propTypes = {
-  /**
-   * handler for hiding sub group preview
-   */
-  addConditionSubGroupHandler: PropTypes.func,
-  /**
-   * handler for hiding sub group preview
-   */ /**
-      * tooltip label for plus button
-      */
-  buttonLabel: PropTypes.string,
   /**
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
   /**
-   * boolean to enable sub groups for the tree variant
-   */
-  enableSubGroup: PropTypes.bool,
-  /**
-   * handler for hiding sub group preview
-   */
-  hideConditionPreviewHandler: PropTypes.func,
-  hideConditionSubGroupPreviewHandler: PropTypes.func,
-  /**
-   * handler for hiding sub group preview
-   */ /**
-      * callback triggered on click of add button
-      */
-  onClick: PropTypes.func,
-  showConditionPreviewHandler: PropTypes.func,
-  showConditionSubGroupPreviewHandler: PropTypes.func
-  /**
-   * handler for hiding sub group preview
+   * callback triggered on click of add button
    */
+  onClick: PropTypes.func
 };
 
 export { ConditionBuilderAdd$1 as default };

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

@@ -1,4 +1,5 @@
-export function ConditionBuilderButton({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, wrapperProps, onBlur, onFocus, onMouseEnter, onMouseLeave, }: {
+export function ConditionBuilderButton({ className, label, hideLabel, tooltipAlign, renderIcon: Icon, onClick, showToolTip, ...rest }: {
+    [x: string]: any;
     className: any;
     label: any;
     hideLabel: any;
@@ -6,26 +7,16 @@ export function ConditionBuilderButton({ className, label, hideLabel, tooltipAli
     renderIcon: any;
     onClick: any;
     showToolTip: any;
-    wrapperProps: any;
-    onBlur: any;
-    onFocus: any;
-    onMouseEnter: any;
-    onMouseLeave: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace ConditionBuilderButton {
     namespace propTypes {
         let className: PropTypes.Requireable<string>;
         let hideLabel: PropTypes.Requireable<boolean>;
         let label: PropTypes.Requireable<string>;
-        let onBlur: PropTypes.Requireable<(...args: any[]) => any>;
         let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        let onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        let onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
         let renderIcon: PropTypes.Requireable<object>;
         let showToolTip: PropTypes.Requireable<boolean>;
         let tooltipAlign: PropTypes.Requireable<string>;
-        let wrapperProps: PropTypes.Requireable<object>;
     }
 }
 import PropTypes from 'prop-types';

package/es/components/ConditionBuilder/ConditionBuilderButton/ConditionBuilderButton.js

@@ -5,15 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cx from 'classnames';
 import PropTypes from '../../../node_modules/prop-types/index.js';
 import { Tooltip } from '@carbon/react';
 import { blockClass } from '../ConditionBuilderContext/DataConfigs.js';
 
+var _excluded = ["className", "label", "hideLabel", "tooltipAlign", "renderIcon", "onClick", "showToolTip"];
 var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
-  var _Icon, _span;
+  var _Icon;
   var className = _ref.className,
     label = _ref.label,
     hideLabel = _ref.hideLabel,
@@ -21,29 +22,21 @@ var ConditionBuilderButton = function ConditionBuilderButton(_ref) {
     Icon = _ref.renderIcon,
     onClick = _ref.onClick,
     showToolTip = _ref.showToolTip,
-    wrapperProps = _ref.wrapperProps,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseLeave = _ref.onMouseLeave;
+    rest = _objectWithoutProperties(_ref, _excluded);
   var Button = function Button() {
-    return /*#__PURE__*/React__default.createElement("button", {
+    return /*#__PURE__*/React__default.createElement("button", _extends({
       // role={'gridcell'}
       tabIndex: -1,
       className: cx([className, "".concat(blockClass, "__button"), _defineProperty({}, "".concat(blockClass, "__text-ellipsis"), showToolTip && !hideLabel)]),
       type: "button",
-      onClick: onClick,
-      onBlur: onBlur,
-      onFocus: onFocus,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    }, Icon && (_Icon || (_Icon = /*#__PURE__*/React__default.createElement(Icon, null))), !hideLabel && (_span || (_span = /*#__PURE__*/React__default.createElement("span", null, label))));
+      onClick: onClick
+    }, rest), Icon && (_Icon || (_Icon = /*#__PURE__*/React__default.createElement(Icon, null))), !hideLabel && label);
   };
   return hideLabel || showToolTip ? /*#__PURE__*/React__default.createElement(Tooltip, _extends({
     label: label,
     align: tooltipAlign,
     className: "".concat(blockClass, "__con-tooltip")
-  }, wrapperProps), Button()) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Button());
+  }, rest.wrapperProps), Button()) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Button());
 };
 ConditionBuilderButton.propTypes = {
   /**
@@ -58,17 +51,10 @@ ConditionBuilderButton.propTypes = {
    * label of the button
    */
   label: PropTypes.string,
-  /**
-   * mouse events callbacks
-   */
-  onBlur: PropTypes.func,
   /**
    * callback triggered on click of add button
    */
   onClick: PropTypes.func,
-  onFocus: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
   /**
    * Optional prop to allow overriding the icon rendering.
    */
@@ -82,11 +68,7 @@ ConditionBuilderButton.propTypes = {
   /**
    * tooltip position
    */
-  tooltipAlign: PropTypes.string,
-  /**
-   * optional props for tree grid to add role and aria-label to wrapper span
-   */
-  wrapperProps: PropTypes.object
+  tooltipAlign: PropTypes.string
 };
 
 export { ConditionBuilderButton };

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

@@ -7,12 +7,7 @@ declare function ConditionBuilderContent({ startConditionLabel, conditionBuilder
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace ConditionBuilderContent {
     namespace propTypes {
-        let actions: PropTypes.Requireable<(PropTypes.InferProps<{
-            id: PropTypes.Requireable<number>;
-            label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
         let conditionBuilderRef: PropTypes.Requireable<object>;
-        let getActionsState: PropTypes.Requireable<(...args: any[]) => any>;
         let getConditionState: PropTypes.Validator<(...args: any[]) => any>;
         let initialState: PropTypes.Requireable<PropTypes.InferProps<{
             groups: PropTypes.Requireable<(PropTypes.InferProps<{

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

@@ -8,38 +8,25 @@
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useContext, useState, useEffect, useCallback } from 'react';
 import PropTypes from '../../../node_modules/prop-types/index.js';
-import { Button, Section, Heading } from '@carbon/react';
-import { Add, TextNewLine } from '@carbon/react/icons';
+import { Button } from '@carbon/react';
+import { Add } from '@carbon/react/icons';
 import ConditionGroupBuilder from '../ConditionGroupBuilder/ConditionGroupBuilder.js';
 import { ConditionBuilderContext, emptyState } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
-import { blockClass, translateWithId } from '../ConditionBuilderContext/DataConfigs.js';
-import { ConditionBuilderButton } from '../ConditionBuilderButton/ConditionBuilderButton.js';
-import uuidv4 from '../../../global/js/utils/uuidv4.js';
-import ConditionPreview from '../ConditionPreview/ConditionPreview.js';
-import GroupConnector from '../ConditionBuilderConnector/GroupConnector.js';
+import { blockClass } from '../ConditionBuilderContext/DataConfigs.js';
 
-var _Heading, _GroupConnector, _ConditionPreview;
 var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
   var _rootState$groups2;
   var startConditionLabel = _ref.startConditionLabel,
     conditionBuilderRef = _ref.conditionBuilderRef,
     getConditionState = _ref.getConditionState,
     initialState = _ref.initialState;
-  // const { rootState, setRootState, variant, actionState } = useContext(
-  //   ConditionBuilderContext
-  // );
   var _useContext = useContext(ConditionBuilderContext),
     rootState = _useContext.rootState,
-    setRootState = _useContext.setRootState,
-    variant = _useContext.variant;
+    setRootState = _useContext.setRootState;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isConditionBuilderActive = _useState2[0],
     setIsConditionBuilderActive = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showConditionGroupPreview = _useState4[0],
-    setShowConditionGroupPreview = _useState4[1];
   useEffect(function () {
     var _rootState$groups;
     if (rootState !== null && rootState !== void 0 && (_rootState$groups = rootState.groups) !== null && _rootState$groups !== void 0 && _rootState$groups.length) {
@@ -52,12 +39,7 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [rootState]);
-
-  // useEffect(() => {
-  //   getActionsState?.(actionState);
-  //   // eslint-disable-next-line react-hooks/exhaustive-deps
-  // }, [actionState]);
+  }, [rootState, conditionBuilderRef]);
   var onStartConditionBuilder = function onStartConditionBuilder() {
     //when add condition button is clicked.
     setIsConditionBuilderActive(true);
@@ -81,28 +63,10 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
       groups: groups
     }));
   };
-  var addConditionGroupHandler = function addConditionGroupHandler() {
-    var newGroup = {
-      groupSeparateOperator: 'and',
-      // 'or'|'and'|'null',
-      groupOperator: 'and',
-      //'and|or',
-      statement: 'if',
-      // 'if|exclude if',
-      id: uuidv4(),
-      conditions: [{
-        property: undefined,
-        operator: '',
-        value: '',
-        popoverToOpen: 'propertyField',
-        id: uuidv4()
-      }]
-    };
-    setRootState(_objectSpread2(_objectSpread2({}, rootState), {}, {
-      groups: [].concat(_toConsumableArray(rootState.groups), [newGroup])
-    }));
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !isConditionBuilderActive && /*#__PURE__*/React__default.createElement(Button, {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__content-container"),
+    tabIndex: -1
+  }, !isConditionBuilderActive && /*#__PURE__*/React__default.createElement(Button, {
     className: "".concat(blockClass, "__add-condition-button"),
     renderIcon: function renderIcon(props) {
       return /*#__PURE__*/React__default.createElement(Add, _extends({
@@ -113,22 +77,10 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
     kind: "ghost",
     size: "sm",
     onClick: onStartConditionBuilder
-  }, startConditionLabel), isConditionBuilderActive &&
-  /*#__PURE__*/
-  // <h5 >Condition</h5>
-  React__default.createElement(Section, {
-    className: "".concat(blockClass, "__heading"),
-    level: 4
-  }, _Heading || (_Heading = /*#__PURE__*/React__default.createElement(Heading, null, "Condition"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__content-container"),
-    role: "treegrid",
-    "aria-label": "condition builder tree"
-  }, rootState && (rootState === null || rootState === void 0 || (_rootState$groups2 = rootState.groups) === null || _rootState$groups2 === void 0 ? void 0 : _rootState$groups2.map(function (eachGroup, groupIndex) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: eachGroup.id,
-      className: "".concat(blockClass, "__group-wrapper")
-    }, /*#__PURE__*/React__default.createElement(ConditionGroupBuilder, {
+  }, startConditionLabel), rootState && (rootState === null || rootState === void 0 || (_rootState$groups2 = rootState.groups) === null || _rootState$groups2 === void 0 ? void 0 : _rootState$groups2.map(function (eachGroup, groupIndex) {
+    return /*#__PURE__*/React__default.createElement(ConditionGroupBuilder, {
       className: "".concat(blockClass, "__group"),
+      key: groupIndex,
       aria: {
         level: 1,
         posinset: groupIndex * 2 + 1,
@@ -142,48 +94,15 @@ var ConditionBuilderContent = function ConditionBuilderContent(_ref) {
         onChangeHandler(updatedGroup, groupIndex);
       },
       conditionBuilderRef: conditionBuilderRef
-    }), groupIndex < rootState.groups.length - 1 && (_GroupConnector || (_GroupConnector = /*#__PURE__*/React__default.createElement(GroupConnector, null))));
-  })), isConditionBuilderActive && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, variant == 'tree' && /*#__PURE__*/React__default.createElement("div", {
-    role: "row",
-    tabIndex: -1,
-    "aria-level": 1
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderButton, {
-    renderIcon: TextNewLine,
-    onClick: addConditionGroupHandler,
-    onMouseEnter: function onMouseEnter() {
-      setShowConditionGroupPreview(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      setShowConditionGroupPreview(false);
-    },
-    className: "".concat(blockClass, "__add-condition-group "),
-    hideLabel: true,
-    label: translateWithId('add-condition-sub-group'),
-    wrapperProps: {
-      role: 'gridcell',
-      'aria-label': translateWithId('add-condition-sub-group')
-    }
-  })), showConditionGroupPreview && (_ConditionPreview || (_ConditionPreview = /*#__PURE__*/React__default.createElement(ConditionPreview, {
-    previewType: "newGroup"
-  }))))));
+    });
+  })));
 };
 var ConditionBuilderContent$1 = ConditionBuilderContent;
 ConditionBuilderContent.propTypes = {
-  /**
-   * optional array of object that give the list of actions.
-   */
-  actions: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.number,
-    label: PropTypes.string
-  })),
   /**
    * ref of condition builder
    */
   conditionBuilderRef: PropTypes.object,
-  /**
-   * callback functions that will provide the updated action state back.
-   */
-  getActionsState: PropTypes.func,
   /**
    * This is a callback function that returns the updated state
    */