@carbon/ibm-products 2.47.0 → 2.48.0

package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts

@@ -1,6 +1,75 @@
+/**
+ * Copyright IBM Corp. 2023, 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+type Media = {
+    render?: () => ReactNode;
+    filePaths?: never;
+} | {
+    render?: never;
+    filePaths?: string[];
+};
+interface CoachmarkStackHomeProps {
+    /**
+     * Optional class name for this component.
+     */
+    className?: string;
+    /**
+     * The label for the button that will close the stack
+     */
+    closeButtonLabel?: string;
+    /**
+     * The description of the Coachmark.
+     */
+    description: React.ReactNode;
+    /**
+     * If the stack home is open.
+     */
+    isOpen: boolean;
+    /**
+     * The object describing an image in one of two shapes.
+     *
+     * If a single media element is required, use `{render}`.
+     *
+     * If a stepped animation is required, use `{filePaths}`.
+     *
+     * @see {@link MEDIA_PROP_TYPE}.
+     */
+    media?: Media;
+    /**
+     * The labels used to link to the stackable Coachmarks.
+     */
+    navLinkLabels: string[];
+    /**
+     * For internal use only by CoachmarkStack and CoachmarkStackHome.
+     */
+    onClickNavItem: (index: number) => void;
+    /**
+     * Function to call when the stack closes.
+     */
+    onClose: () => void;
+    /**
+     * By default, the CoachmarkStackHome will be appended to the end of `document.body`.
+     * The CoachmarkStackHome will remain persistent as the user navigates the app until
+     * the user closes the CoachmarkStackHome.
+     *
+     * Alternatively, the app developer can tightly couple the CoachmarkStackHome to a DOM
+     * element or other component by specifying a CSS selector. The CoachmarkStackHome will
+     * remain visible as long as that element remains visible or mounted. When the
+     * element is hidden or component is unmounted, the CoachmarkStackHome will disappear.
+     */
+    portalTarget?: string;
+    /**
+     * The title of the Coachmark.
+     */
+    title: string;
+}
 /**
  * DO NOT USE. This component is for the exclusive use
  * of other Onboarding components.
  */
-export let CoachmarkStackHome: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let CoachmarkStackHome: React.ForwardRefExoticComponent<CoachmarkStackHomeProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/CoachmarkStack/CoachmarkStackHome.js

@@ -20,8 +20,8 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var reactDom = require('react-dom');
 var CoachmarkHeader = require('../Coachmark/CoachmarkHeader.js');
-var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
 var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
+var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,7 +29,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "description", "isOpen", "media", "navLinkLabels", "onClickNavItem", "onClose", "portalTarget", "closeButtonLabel", "title"];
-
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -54,7 +53,7 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     closeButtonLabel = _ref.closeButtonLabel,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var buttonFocusRef = React.useRef();
+  var buttonFocusRef = React.useRef(null);
   var _useState = React.useState(0),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     linkFocusIndex = _useState2[0],
@@ -66,7 +65,7 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       }
     }, 100);
   }, [isOpen]);
-  var portalNode = React.useRef();
+  var portalNode = React.useRef(null);
   useIsomorphicEffect.useIsomorphicEffect(function () {
     var _document$querySelect, _document, _document2, _document3;
     portalNode.current = portalTarget ? (_document$querySelect = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector('body') : (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.querySelector('body');
@@ -74,6 +73,20 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   if (!navLinkLabels) {
     return pconsole["default"].warn("".concat(componentName, " is an Onboarding internal component and is not intended for general use."));
   }
+  function renderNavLink(index, label) {
+    var ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      key: index
+    }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+      kind: "ghost",
+      size: "sm",
+      onClick: function onClick() {
+        setLinkFocusIndex(index);
+        onClickNavItem(index + 1);
+      },
+      ref: ref
+    }, label));
+  }
   return portalNode !== null && portalNode !== void 0 && portalNode.current ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: cx__default["default"](blockClass, className),
     ref: ref,
@@ -105,9 +118,8 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }, navLinkLabels.map(function (label, index) {
     if (index === linkFocusIndex) {
       return renderNavLink(index, label, buttonFocusRef);
-    } else {
-      return renderNavLink(index, label);
     }
+    return renderNavLink(index, label);
   })), closeButtonLabel && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(overlayClass, "__footer")
   }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
@@ -117,20 +129,6 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       _onClose();
     }
   }, closeButtonLabel))))), portalNode === null || portalNode === void 0 ? void 0 : portalNode.current) : null;
-  function renderNavLink(index, label) {
-    var ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    return /*#__PURE__*/React__default["default"].createElement("li", {
-      key: index
-    }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
-      kind: "ghost",
-      size: "sm",
-      onClick: function onClick() {
-        setLinkFocusIndex(index);
-        onClickNavItem(index + 1);
-      },
-      ref: ref
-    }, label));
-  }
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -177,7 +175,7 @@ exports.CoachmarkStackHome.propTypes = {
   /**
    * The labels used to link to the stackable Coachmarks.
    */
-  navLinkLabels: index["default"].arrayOf(index["default"].string).isRequired,
+  navLinkLabels: index["default"].arrayOf(index["default"].string.isRequired).isRequired,
   /**
    * For internal use only by CoachmarkStack and CoachmarkStackHome.
    */

package/lib/components/ComboButton/ComboButton.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ComponentProps, ReactNode } from 'react';
-interface ComboButtonProps extends ComponentProps<'div'> {
+export interface ComboButtonProps extends ComponentProps<'div'> {
     /** Provide the contents of the `ComboButton` */
     children?: ReactNode;
     /** Provide an optional class to be applied to the containing node */

package/lib/components/ComboButton/ComboButton.js

@@ -10,18 +10,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
-var cx = require('classnames');
-var index = require('../../node_modules/prop-types/index.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
+var icons = require('@carbon/react/icons');
 var React = require('react');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var settings = require('../../settings.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["children", "className", "overflowMenu"],
   _excluded2 = ["children", "renderIcon"];

package/lib/components/ComboButton/index.d.ts

@@ -1,2 +1,9 @@
-export { ComboButton } from "./ComboButton";
-export { ComboButtonItem } from "./ComboButtonItem";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { ComboButton } from './ComboButton';
+export { ComboButtonItem } from './ComboButtonItem';
+export type { ComboButtonProps } from './ComboButton';

package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.d.ts

@@ -20,7 +20,6 @@ declare namespace ConditionBlock {
         let onConnectorOperatorChange: PropTypes.Requireable<(...args: any[]) => any>;
         let onRemove: PropTypes.Requireable<(...args: any[]) => any>;
         let onStatementChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let setShowDeletionPreviewForSubgroups: PropTypes.Requireable<(...args: any[]) => any>;
         let showConditionPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
         let showConditionSubGroupPreviewHandler: PropTypes.Requireable<(...args: any[]) => any>;
         let state: PropTypes.Requireable<object>;

package/lib/components/ConditionBuilder/ConditionBlock/ConditionBlock.js

@@ -61,8 +61,7 @@ var ConditionBlock = function ConditionBlock(props) {
     showConditionSubGroupPreviewHandler = props.showConditionSubGroupPreviewHandler,
     hideConditionPreviewHandler = props.hideConditionPreviewHandler,
     showConditionPreviewHandler = props.showConditionPreviewHandler,
-    isLastCondition = props.isLastCondition,
-    setShowDeletionPreviewForSubgroups = props.setShowDeletionPreviewForSubgroups;
+    isLastCondition = props.isLastCondition;
   var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
     inputConfig = _useContext.inputConfig,
     variant = _useContext.variant,
@@ -71,6 +70,10 @@ var ConditionBlock = function ConditionBlock(props) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     showDeletionPreview = _useState2[0],
     setShowDeletionPreview = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    showAllActions = _useState4[0],
+    setShowAllActions = _useState4[1];
   var _useTranslations = useTranslations.useTranslations(['conditionRowText', 'conditionText', 'propertyText', 'operatorText', 'removeConditionText']),
     _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 5),
     conditionRowText = _useTranslations2[0],
@@ -103,15 +106,12 @@ var ConditionBlock = function ConditionBlock(props) {
     textarea: ConditionBuilderItemText.ConditionBuilderItemText
   };
   var ItemComponent = property ? itemComponents[type] : null;
-  React.useEffect(function () {
-    var _group$conditions, _group$conditions2;
-    if (showDeletionPreview && (group === null || group === void 0 || (_group$conditions = group.conditions) === null || _group$conditions === void 0 ? void 0 : _group$conditions.length) > 1 && group !== null && group !== void 0 && (_group$conditions2 = group.conditions) !== null && _group$conditions2 !== void 0 && _group$conditions2[1].conditions && group.conditions[1].id !== condition.id) {
-      setShowDeletionPreviewForSubgroups === null || setShowDeletionPreviewForSubgroups === void 0 || setShowDeletionPreviewForSubgroups(true);
-    } else {
-      setShowDeletionPreviewForSubgroups === null || setShowDeletionPreviewForSubgroups === void 0 || setShowDeletionPreviewForSubgroups(false);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [showDeletionPreview]);
+  var showAllActionsHandler = function showAllActionsHandler() {
+    setShowAllActions(true);
+  };
+  var hideAllActionsHandler = function hideAllActionsHandler() {
+    setShowAllActions(false);
+  };
   var onStatementChangeHandler = function onStatementChangeHandler(v, evt) {
     util.focusThisField(evt, conditionBuilderRef);
     onStatementChange(v);
@@ -144,6 +144,12 @@ var ConditionBlock = function ConditionBlock(props) {
   var handleHideDeletionPreview = function handleHideDeletionPreview() {
     setShowDeletionPreview(false);
   };
+  var manageActionButtons = function manageActionButtons(conditionIndex, conditions) {
+    if (variant === 'tree') {
+      return true;
+    }
+    return isLastCondition(conditionIndex, conditions);
+  };
   var getOperators = function getOperators() {
     if (config !== null && config !== void 0 && config.operators) {
       return config.operators;
@@ -174,10 +180,15 @@ var ConditionBlock = function ConditionBlock(props) {
     });
   };
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(DataConfigs.blockClass, "__condition-block"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__condition__deletion-preview"), showDeletionPreview), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap-bottom"), variant == 'tree' && !(conditionIndex + 1 >= group.conditions.length)), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-bottom"), variant == 'sentence')),
+    className: cx__default["default"]("".concat(DataConfigs.blockClass, "__condition-block"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__condition__deletion-preview"), showDeletionPreview), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap-bottom"), variant == 'tree'), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-bottom"), variant == 'sentence'), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__condition--interacting"), showAllActions)),
     role: "row",
     "aria-label": conditionRowText
-  }, getAriaAttributes()), conjunction ? /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
+  }, getAriaAttributes(), {
+    tabIndex: -1,
+    onMouseEnter: showAllActionsHandler,
+    onMouseLeave: hideAllActionsHandler,
+    onBlur: hideAllActionsHandler
+  }), conjunction ? /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
     className: "".concat(DataConfigs.blockClass, "__gap"),
     operator: conjunction,
     onChange: function onChange(op) {
@@ -190,7 +201,8 @@ var ConditionBlock = function ConditionBlock(props) {
     title: conditionText,
     "data-name": "connectorField",
     popOverClassName: "".concat(DataConfigs.blockClass, "__gap"),
-    className: "".concat(DataConfigs.blockClass, "__statement-button")
+    className: "".concat(DataConfigs.blockClass, "__statement-button"),
+    tabIndex: 0
   }, /*#__PURE__*/React__default["default"].createElement(ItemOption.ItemOption, {
     conditionState: {
       value: group.statement,
@@ -258,7 +270,7 @@ var ConditionBlock = function ConditionBlock(props) {
     renderIcon: icons.Close,
     className: "".concat(DataConfigs.blockClass, "__close-condition"),
     "data-name": "closeCondition"
-  })), isLastCondition(conditionIndex, group.conditions) && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
+  })), manageActionButtons(conditionIndex, group.conditions) && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderAdd["default"], {
     onClick: function onClick() {
       addConditionHandler(conditionIndex);
     },
@@ -326,10 +338,6 @@ ConditionBlock.propTypes = {
    * callback to handle the statement(if/ excl.if) change
    */
   onStatementChange: index["default"].func,
-  /**
-   * method to set ShowDeletionPreviewForSubgroups
-   */
-  setShowDeletionPreviewForSubgroups: index["default"].func,
   /**
    * handler for showing add condition preview
    */

package/lib/components/ConditionBuilder/ConditionBuilderAdd/ConditionBuilderAdd.js

@@ -34,21 +34,11 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
     enableSubGroup = _ref.enableSubGroup,
     buttonLabel = _ref.buttonLabel,
     tabIndex = _ref.tabIndex;
-  var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    isAddSubgroup = _useState2[0],
-    setIsAddSubgroup = _useState2[1];
   var _useTranslations = useTranslations.useTranslations(['addConditionText', 'addConditionRowText', 'addSubgroupText']),
     _useTranslations2 = _rollupPluginBabelHelpers.slicedToArray(_useTranslations, 3),
     addConditionText = _useTranslations2[0],
     addConditionRowText = _useTranslations2[1],
     addSubgroupText = _useTranslations2[2];
-  var showAddSubGroup = function showAddSubGroup() {
-    setIsAddSubgroup(true);
-  };
-  var hideAddSubGroup = function hideAddSubGroup() {
-    setIsAddSubgroup(false);
-  };
   var onClickHandler = function onClickHandler() {
     hideConditionPreviewHandler === null || hideConditionPreviewHandler === void 0 || hideConditionPreviewHandler();
     onClick();
@@ -78,11 +68,7 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(className, " ").concat(DataConfigs.blockClass, "__add-button-wrapper"),
     role: !enableSubGroup ? 'gridcell' : 'none',
-    "aria-label": getAriaLabel(),
-    onMouseEnter: showAddSubGroup,
-    onMouseLeave: hideAddSubGroup,
-    onFocus: showAddSubGroup,
-    onBlur: hideAddSubGroup
+    "aria-label": getAriaLabel()
   }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers["extends"]({
     renderIcon: icons.AddAlt,
     onClick: onClickHandler
@@ -92,7 +78,8 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
     hideLabel: true,
     "data-name": "addButton",
     label: buttonLabel !== null && buttonLabel !== void 0 ? buttonLabel : addConditionText,
-    tabIndex: tabIndex
+    tabIndex: tabIndex,
+    wrapperClassName: "".concat(DataConfigs.blockClass, "__add-condition-wrapper")
   })), enableSubGroup && /*#__PURE__*/React__default["default"].createElement(ConditionBuilderButton.ConditionBuilderButton, _rollupPluginBabelHelpers["extends"]({
     renderIcon: icons.TextNewLine,
     onClick: addConditionSubGroupHandler,
@@ -100,7 +87,7 @@ var ConditionBuilderAdd = function ConditionBuilderAdd(_ref) {
     hideLabel: true,
     label: addSubgroupText,
     wrapperProps: wrapperProps,
-    wrapperClassName: cx__default["default"]("".concat(DataConfigs.blockClass, "__add-condition-sub-group-wrapper ").concat(DataConfigs.blockClass, "__gap-left"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__add-condition-sub-group-wrapper--show"), isAddSubgroup))
+    wrapperClassName: "".concat(DataConfigs.blockClass, "__add-condition-sub-group-wrapper ").concat(DataConfigs.blockClass, "__gap-left")
   }, previewHandlersForSubgroup())));
 };
 var ConditionBuilderAdd$1 = ConditionBuilderAdd;

package/lib/components/ConditionBuilder/ConditionGroupBuilder/ConditionGroupBuilder.js

@@ -59,56 +59,50 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     showConditionSubGroupPreview = _useState4[0],
     setShowConditionSubGroupPreview = _useState4[1];
-  var _useState5 = React.useState(false),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    showDeletionPreviewForSubgroups = _useState6[0],
-    setShowDeletionPreviewForSubgroups = _useState6[1];
+  React.useState(false);
   var conditionBuilderContentRef = React.useRef();
   var onRemoveHandler = function onRemoveHandler(conditionId, evt, conditionIndex) {
     if (group.conditions.length > 1) {
       variant == 'tree' ? handleFocusOnCloseTree(evt) : handleFocusOnClose(evt, conditionIndex);
-      if (group.conditions[1].conditions && group.conditions[1].id !== conditionId) {
-        //when we remove every plain conditions of a group without deleting  the subgroup, we need to restructure the group
-        //the inner group become outer group and same level subgroups become plain conditions
-
-        //ensure we are deleting last condition , not the subgroup
+      if (!checkGroupHaveCondition(group.conditions, conditionId)) {
+        //when we delete the last  condition of a group without deleting  the subgroup, we need to restructure the group.
+        //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.conditions.reduce(function (acc, item) {
-          if (item.conditions) {
-            return acc.concat(item.conditions);
+        var allConditions = group.conditions.reduce(function (acc, condition) {
+          if (condition.conditions) {
+            //this is a subgroup
+            return acc.concat(condition.conditions);
           }
           return acc;
         }, []);
-
-        //we always have conditions first and then subgroups, so ordering accordingly
-        var groupedItems = {
-          groups: [],
-          conditions: []
-        };
-        allConditions.forEach(function (item) {
-          if (item.conditions) {
-            groupedItems.groups.push(item);
-          } else {
-            groupedItems.conditions.push(item);
-          }
-        });
-        onRemove(evt);
-        // onChange({
-        //   ...group,
-        //   conditions: [...groupedItems.conditions, ...groupedItems.groups],
-        // });
+        onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, group), {}, {
+          conditions: allConditions
+        }));
       } else {
+        var filteredConditions = group.conditions.filter(function (condition) {
+          return conditionId !== condition.id;
+        });
+        //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 !== void 0 && filteredConditions[0].conditions) {
+          filteredConditions.splice.apply(filteredConditions, [0, 1].concat(_rollupPluginBabelHelpers.toConsumableArray(filteredConditions[0].conditions)));
+        }
         onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, group), {}, {
-          conditions: group.conditions.filter(function (condition) {
-            return conditionId !== condition.id;
-          })
+          conditions: filteredConditions
         }));
       }
     } else {
       onRemove(evt);
     }
   };
+  //check to identify a group without a plain condition
+  var checkGroupHaveCondition = function checkGroupHaveCondition(conditions, conditionId) {
+    return conditions.find(function (eachCondition) {
+      return !eachCondition.conditions && eachCondition.id !== conditionId;
+    });
+  };
   var onChangeHandler = function onChangeHandler(updatedCondition, conditionIndex) {
     var updatedConditions = [].concat(_rollupPluginBabelHelpers.toConsumableArray(group.conditions.slice(0, conditionIndex)), [updatedCondition], _rollupPluginBabelHelpers.toConsumableArray(group.conditions.slice(conditionIndex + 1)));
     onChange(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, group), {}, {
@@ -295,7 +289,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
         key: eachCondition.id
       }, eachCondition.conditions ? /*#__PURE__*/React__default["default"].createElement("div", {
-        className: cx__default["default"]("".concat(DataConfigs.blockClass, "__condition-block subgroup  ").concat(DataConfigs.blockClass, "__gap"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap-bottom"), group.conditions.length < conditionIndex + 1), "".concat(DataConfigs.blockClass, "__subgroup_deletionPreview"), showDeletionPreviewForSubgroups), {})
+        className: cx__default["default"]("".concat(DataConfigs.blockClass, "__condition-block subgroup  ").concat(DataConfigs.blockClass, "__gap"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(DataConfigs.blockClass, "__gap-bottom"), group.conditions.length < conditionIndex + 1), {})
       }, /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
         className: "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__gap-bottom ").concat(DataConfigs.blockClass, "__groupConnector"),
         operator: group.groupOperator,
@@ -343,8 +337,7 @@ var ConditionGroupBuilder = function ConditionGroupBuilder(_ref) {
           _showConditionPreviewHandler(conditionIndex);
         },
         hideConditionPreviewHandler: hideConditionPreviewHandler,
-        isLastCondition: isLastCondition,
-        setShowDeletionPreviewForSubgroups: setShowDeletionPreviewForSubgroups
+        isLastCondition: isLastCondition
       })), conditionIndex == showConditionSubGroupPreview && (_ConditionPreview || (_ConditionPreview = /*#__PURE__*/React__default["default"].createElement(ConditionPreview["default"], {
         previewType: "subGroup",
         group: group

package/lib/components/CreateFullPage/CreateFullPage.d.ts

@@ -117,7 +117,7 @@ type CreateFullPageBaseProps = {
      */
     title?: string;
 };
-type CreateFullPageProps = CreateFullPageBaseProps & CreateFullPageBreadcrumbsProps;
+export type CreateFullPageProps = CreateFullPageBaseProps & CreateFullPageBreadcrumbsProps;
 /**
  * Use with creations that must be completed in order for a service to be usable.
  *

package/lib/components/CreateFullPage/CreateFullPage.js

@@ -10,22 +10,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
+var SimpleHeader = require('../SimpleHeader/SimpleHeader.js');
+var ActionSet = require('../ActionSet/ActionSet.js');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
-var react = require('@carbon/react');
-var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
 var getNumberOfHiddenSteps = require('../../global/js/utils/getNumberOfHiddenSteps.js');
-var SimpleHeader = require('../SimpleHeader/SimpleHeader.js');
+var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
+var settings = require('../../settings.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useCreateComponentFocus = require('../../global/js/hooks/useCreateComponentFocus.js');
 var useValidCreateStepCount = require('../../global/js/hooks/useValidCreateStepCount.js');
 var useResetCreateComponent = require('../../global/js/hooks/useResetCreateComponent.js');
 var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
 var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
-var ActionSet = require('../ActionSet/ActionSet.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/CreateFullPage/index.d.ts

@@ -1,2 +1,9 @@
-export { CreateFullPage } from "./CreateFullPage";
-export { CreateFullPageStep } from "./CreateFullPageStep";
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { CreateFullPage } from './CreateFullPage';
+export { CreateFullPageStep } from './CreateFullPageStep';
+export type { CreateFullPageProps } from './CreateFullPage';

package/lib/components/CreateModal/CreateModal.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { ReactNode } from 'react';
 import { ComposedModal } from '@carbon/react';
-interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
+import React, { ReactNode } from 'react';
+export interface CreateModalProps extends React.ComponentProps<typeof ComposedModal> {
     /**
      * Specify an optional className to be applied to the modal root node
      */
@@ -69,4 +69,3 @@ immediately apparent to the user, with a clear and obvious path to completion.
 export declare let CreateModal: React.ForwardRefExoticComponent<CreateModalProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;
-export {};

package/lib/components/CreateModal/CreateModal.js

@@ -10,8 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
 var react = require('@carbon/react');
+var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');

package/lib/components/CreateModal/index.d.ts

@@ -1 +1,2 @@
-export { CreateModal } from "./CreateModal";
+export { CreateModal } from './CreateModal';
+export type { CreateModalProps } from './CreateModal';

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -16,8 +16,8 @@ var cx = require('classnames');
 var settings = require('../../settings.js');
 var devtools = require('../../global/js/utils/devtools.js');
 var react = require('@carbon/react');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var SidePanel = require('../SidePanel/SidePanel.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/CreateSidePanel/index.d.ts

@@ -1 +1,7 @@
-export { CreateSidePanel } from "./CreateSidePanel";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { CreateSidePanel } from './CreateSidePanel';

package/lib/components/CreateTearsheet/CreateTearsheet.d.ts

@@ -4,7 +4,7 @@
  * 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, { ReactNode, PropsWithChildren, Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, PropsWithChildren, ReactNode, SetStateAction } from 'react';
 export interface StepsContextType {
     currentStep: number;
     setIsDisabled: Dispatch<SetStateAction<boolean>>;
@@ -16,7 +16,7 @@ export interface StepsContextType {
 }
 export declare const StepsContext: React.Context<StepsContextType | null>;
 export declare const StepNumberContext: React.Context<number>;
-interface CreateTearsheetProps extends PropsWithChildren {
+export interface CreateTearsheetProps extends PropsWithChildren {
     /**
      * The back button text
      */

package/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -11,14 +11,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
-var cx = require('classnames');
 var react = require('@carbon/react');
+var index = require('../../node_modules/prop-types/index.js');
 var TearsheetShell = require('../Tearsheet/TearsheetShell.js');
-var settings = require('../../settings.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
 var getNumberOfHiddenSteps = require('../../global/js/utils/getNumberOfHiddenSteps.js');
+var lastIndexInArray = require('../../global/js/utils/lastIndexInArray.js');
+var settings = require('../../settings.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useCreateComponentFocus = require('../../global/js/hooks/useCreateComponentFocus.js');
 var useValidCreateStepCount = require('../../global/js/hooks/useValidCreateStepCount.js');