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

package/scss/components/ConditionBuilder/_condition-builder.scss

@@ -27,9 +27,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 // .#{$block-class} {
 //   // TODO: Styles.
 // }
-.#{$block-class} {
-  padding: $spacing-06;
-}
+
 .#{$block-class}__condition-builder__group {
   display: flex;
 }
@@ -49,23 +47,5 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 }
 .#{$block-class}__condition-block {
   display: flex;
-  width: max-content;
   flex-direction: row;
 }
-.#{$block-class}__content-container {
-  display: flex;
-  flex-direction: column;
-  row-gap: $spacing-02;
-}
-.#{$block-class}__heading {
-  margin-top: $spacing-03;
-  margin-bottom: $spacing-03;
-}
-.#{$block-class}__tree
-  .#{$block-class}__actions-container
-  .#{$block-class}__condition-wrapper {
-  flex-direction: column;
-}
-.#{$block-class}__group-separator {
-  margin-top: $spacing-02;
-}

package/scss/components/ConditionBuilder/styles/_conditionBuilderCondition.scss

@@ -1,4 +1,3 @@
-@use '@carbon/react/scss/theme' as *;
 @use '@carbon/react/scss/spacing' as *;
 @use '@carbon/react/scss/motion';
 @use '@carbon/styles/scss/components/tag' as *;
@@ -6,7 +5,6 @@
 @use '../../../global/styles/project-settings' as c4p-settings;
 @use '@carbon/styles/scss/type';
 @use '@carbon/styles/scss/type' as *;
-@use '@carbon/react/scss/utilities';
 
 $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 
@@ -16,17 +14,12 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   display: inline-flex;
 }
 
-.#{$block-class} [role='row'] {
-  position: relative;
-  outline: none;
-}
-.#{$block-class} [role='row']:focus::after {
+[role='row']:focus {
   @include focus-outline.focus-outline('outline');
 
-  position: absolute;
-  content: '';
-  inset: 0;
+  outline-offset: 0;
 }
+
 .#{$block-class}__condition__deletion-preview
   .#{$block-class}__button:not(
     .#{$block-class}__statement-button,
@@ -51,15 +44,3 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   text-overflow: ellipsis;
   text-wrap: nowrap;
 }
-.#{$block-class}__group-preview {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.#{$block-class}__connector-disabled {
-  display: flex;
-  min-width: $spacing-10;
-  align-items: center;
-  background-color: $layer;
-  color: $text-helper;
-  padding-inline: $spacing-03;
-}

package/scss/components/ConditionBuilder/styles/_conditionBuilderItem.scss

@@ -1,5 +1,3 @@
-@use 'sass:list';
-@use 'sass:string';
 @use '@carbon/react/scss/theme' as *;
 @use '../../../global/styles/project-settings' as c4p-settings;
 @use '@carbon/styles/scss/type';
@@ -10,11 +8,10 @@
 @use '@carbon/styles/scss/components/tag';
 
 @use '@carbon/styles/scss/type' as *;
-@use '@carbon/react/scss/colors' as *;
 
 $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 
-.#{$block-class}__condition-wrapper * {
+.#{$block-class}__content-container * {
   @include type-style('body-01');
 }
 
@@ -123,7 +120,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 }
 .#{$block-class}__condition-builder__group.hoveredConnector
   .#{$block-class}__condition-wrapper
-  > .#{$block-class}__condition-block
+  > .conditionBlockWrapper
   .#{$block-class}__connector-button {
   background-color: $layer-hover;
 }
@@ -152,6 +149,9 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
   padding-right: $spacing-03;
   padding-left: $spacing-03;
 }
+.#{$block-class}__conditionWrapper {
+  display: flex;
+}
 
 .#{$block-class}__multiselectSelectionStatusContainer {
   display: flex;
@@ -165,59 +165,22 @@ $block-class: #{c4p-settings.$pkg-prefix}--condition-builder;
 .#{$block-class}__item-option__option:focus {
   @include focus-outline.focus-outline('outline');
 }
-//need to revamp to a simpler logic
-$colors: (
-  ($purple-70, $purple-60, $purple-50, $purple-40, $purple-30, $purple-20),
-  ($cyan-70, $cyan-60, $cyan-50, $cyan-40, $cyan-30, $cyan-20),
-  ($teal-70, $teal-60, $teal-50, $teal-40, $teal-30, $teal-20),
-  (
-    $magenta-70,
-    $magenta-60,
-    $magenta-50,
-    $magenta-40,
-    $magenta-30,
-    $magenta-20
-  ),
-  ($red-70, $red-60, $red-50, $red-40, $red-30, $red-20),
-  ($orange-70, $orange-60, $orange-50, $orange-40, $orange-30, $orange-20),
-  ($yellow-70, $yellow-60, $yellow-50, $yellow-40, $yellow-30, $yellow-20),
-  ($green-70, $green-60, $green-50, $green-40, $green-30, $green-20)
-);
-
-@for $i from 1 through list.length($colors) {
-  $selector: (
-    string.unquote(
-      '.#{$block-class}__content-container > .#{$block-class}__group-wrapper:nth-of-type(#{list.length($colors)}n+#{$i})'
-    )
-  );
-  $group-colors: list.nth($colors, $i);
-  @each $color in $group-colors {
-    #{$selector} {
-      /* stylelint-disable-next-line carbon/theme-token-use */
-      --#{$block-class}__condition-wrapper-color: #{$color};
-    }
-
-    $selector: list.append(
-      $selector,
-      string.unquote('.#{$block-class}__group')
-    );
-  }
-}
-
-.#{$block-class}__tree {
-  .#{$block-class}__condition-wrapper > :nth-child(n + 3) {
-    flex-basis: 100%;
-  }
-  .#{$block-class}__groupConnector {
-    background-color: $layer;
-  }
-  .#{$block-class}__condition-wrapper > :nth-child(1) .#{$block-class}__button,
-  .#{$block-class}__condition-wrapper > :nth-child(2) .#{$block-class}__button {
-    /* stylelint-disable-next-line carbon/theme-token-use */
-    box-shadow: inset 0 #{$spacing-01} 0 0 var(--#{$block-class}__condition-wrapper-color);
-  }
-}
-
+// .#{$block-class}__tree {
+//   .#{$block-class}__condition-wrapper > :nth-child(n + 3) {
+//     flex-basis: 100%;
+//   }
+//   .#{$block-class}__groupConnector {
+//     background-color: $layer;
+//   }
+//   .#{$block-class}__condition-wrapper
+//     > :nth-child(1)
+//     .#{$block-class}__button,
+//   .#{$block-class}__condition-wrapper
+//     > :nth-child(2)
+//     .#{$block-class}__button {
+//     box-shadow: inset 0 #{$spacing-01} 0 0 var(--#{$block-class}__condition-wrapper-color);
+//   }
+// }
 .#{$block-class}__groupOperatorConnector {
   margin-bottom: $spacing-02;
 }

package/scss/components/NonLinearReading/_non-linear-reading.scss

@@ -104,7 +104,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--non-linear-reading;
   padding: $spacing-03 $spacing-04;
   border-left: to-rem(1.25px) solid $text-primary;
   margin: $spacing-02 0;
-  // Onboarding does not always use Carbon defaults/tokens
+  // Novice to pro does not always use Carbon defaults/tokens
   // stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
   animation: fade 600ms;
 

package/telemetry.yml

@@ -14,7 +14,6 @@ collect:
         - actionsPlacement
         - activeCellCoordinates
         - activeHref
-        - addConditionSubGroupHandler
         - align
         - allPageRowsLabel
         - allRowsLabel
@@ -123,8 +122,6 @@ collect:
         - HeaderRow
         - headers
         - headRef
-        - hideConditionPreviewHandler
-        - hideConditionSubGroupPreviewHandler
         - hideIcon
         - hideSelectAll
         - href
@@ -216,14 +213,12 @@ collect:
         - onRemove
         - onRequestClose
         - onRequestSubmit
-        - onRowClick
         - onScroll
         - onSecondaryButtonClick
         - onSelectAllRows
         - onSelectColumn
         - onSelectionAreaChange
         - onShowAllClick
-        - onSort
         - onSubmit
         - onSubmitButtonText
         - onToggle
@@ -301,8 +296,6 @@ collect:
         - setSelectionAreas
         - showAllTagsLabel
         - showCloseButton
-        - showConditionPreviewHandler
-        - showConditionSubGroupPreviewHandler
         - showToolTip
         - sideNavAriaLabel
         - size
@@ -511,25 +504,13 @@ collect:
         - isStatement
         - onConnectorOperatorChange
         - onStatementChange
-        # ConditionBuilderAdd
-        - buttonLabel
-        - enableSubGroup
         # ConditionBuilderButton
         - hideLabel
-        - onBlur
-        - onFocus
-        - onMouseEnter
-        - onMouseLeave
         - tooltipAlign
-        - wrapperProps
-        # ConditionBuilderContent
-        - getActionsState
         # ConditionBuilderItem
         - popOverClassName
         # ConditionConnector
         - operator
-        # ConditionPreview
-        - previewType
         # CreateFullPage
         - breadcrumbsOverflowAriaLabel
         - maxVisibleBreadcrumbs
@@ -1097,10 +1078,6 @@ collect:
         - floating
         - stacked
         - tooltip
-        # ConditionPreview - previewType
-        - condition
-        - newGroup
-        - subGroup
         # DecoratorIcon - magnitude
         - benign
         - critical

package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts

@@ -1,2 +0,0 @@
-export default GroupConnector;
-declare function GroupConnector(): import("react/jsx-runtime").JSX.Element;

package/es/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js

@@ -1,44 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import React__default, { useContext } from 'react';
-import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
-import { blockClass, translateWithId, connectorConfig } from '../ConditionBuilderContext/DataConfigs.js';
-import { ConditionBuilderItemOption } from '../ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js';
-import { focusThisField } from '../utils/util.js';
-import { ConditionBuilderContext } from '../ConditionBuilderContext/ConditionBuilderProvider.js';
-
-var GroupConnector = function GroupConnector() {
-  var _useContext = useContext(ConditionBuilderContext),
-    rootState = _useContext.rootState;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__group-separator"),
-    role: "row",
-    tabIndex: -1,
-    "aria-level": 1
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-    label: rootState.operator,
-    title: translateWithId('condition'),
-    "data-name": "connectorField",
-    popOverClassName: "".concat(blockClass, "__gap"),
-    className: "".concat(blockClass, "__statement-button")
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderItemOption, {
-    conditionState: {
-      value: rootState.operator,
-      label: translateWithId('condition')
-    },
-    onChange: function onChange(v, e) {
-      focusThisField(e);
-    },
-    config: {
-      options: connectorConfig
-    }
-  })));
-};
-var GroupConnector$1 = GroupConnector;
-
-export { GroupConnector$1 as default };

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

@@ -1,10 +0,0 @@
-export default ConditionPreview;
-declare function ConditionPreview({ previewType }: {
-    previewType: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace ConditionPreview {
-    namespace propTypes {
-        let previewType: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from 'prop-types';

package/es/components/ConditionBuilder/ConditionPreview/ConditionPreview.js

@@ -1,69 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import React__default from 'react';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { blockClass, translateWithId } from '../ConditionBuilderContext/DataConfigs.js';
-import { ConditionBuilderItem } from '../ConditionBuilderItem/ConditionBuilderItem.js';
-import ConditionConnector from '../ConditionBuilderConnector/ConditionConnector.js';
-
-var ConditionPreview = function ConditionPreview(_ref) {
-  var previewType = _ref.previewType;
-  var getConditionSection = function getConditionSection() {
-    return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-      label: translateWithId('property')
-    }), /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-      label: translateWithId('operator')
-    }), /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-      label: translateWithId('value')
-    }));
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__group__row ").concat(blockClass, "__group-preview  ")
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-    className: "".concat(blockClass, "__statement-button"),
-    label: translateWithId('and')
-  })), /*#__PURE__*/React__default.createElement("div", {
-    "aria-hidden": true,
-    className: "".concat(blockClass, "__group ").concat(blockClass, "__condition-wrapper ").concat(blockClass, "__group-preview ").concat(blockClass, "__group-wrapper")
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__gap")
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-    className: "".concat(blockClass, "__statement-button"),
-    label: translateWithId('if')
-  })), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__group-preview")
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__condition-block  ").concat(blockClass, "__gap")
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-    label: translateWithId('and'),
-    className: "".concat(blockClass, "__statement-button"),
-    popOverClassName: "".concat(blockClass, "__gap")
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__group ").concat(blockClass, "__condition-wrapper")
-  }, /*#__PURE__*/React__default.createElement(ConditionConnector, {
-    className: "".concat(blockClass, "__gap ").concat(blockClass, "__groupConnector"),
-    operator: translateWithId('if')
-  }), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__group-preview")
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__condition-block  ").concat(blockClass, "__gap")
-  }, /*#__PURE__*/React__default.createElement(ConditionBuilderItem, {
-    label: translateWithId('and'),
-    className: "".concat(blockClass, "__statement-button"),
-    popOverClassName: "".concat(blockClass, "__gap")
-  }), getConditionSection())));
-};
-var ConditionPreview$1 = ConditionPreview;
-ConditionPreview.propTypes = {
-  /**
-   * type of review to be displayed
-   */
-  previewType: PropTypes.oneOf(['condition', 'subGroup', 'newGroup'])
-};
-
-export { ConditionPreview$1 as default };

package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.d.ts

@@ -1,2 +0,0 @@
-export default GroupConnector;
-declare function GroupConnector(): import("react/jsx-runtime").JSX.Element;

package/lib/components/ConditionBuilder/ConditionBuilderConnector/GroupConnector.js

@@ -1,52 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
-var ConditionBuilderItemOption = require('../ConditionBuilderItem/ConditionBuilderItemOption/ConditionBuilderItemOption.js');
-var util = require('../utils/util.js');
-var ConditionBuilderProvider = require('../ConditionBuilderContext/ConditionBuilderProvider.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var GroupConnector = function GroupConnector() {
-  var _useContext = React.useContext(ConditionBuilderProvider.ConditionBuilderContext),
-    rootState = _useContext.rootState;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__group-separator"),
-    role: "row",
-    tabIndex: -1,
-    "aria-level": 1
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-    label: rootState.operator,
-    title: DataConfigs.translateWithId('condition'),
-    "data-name": "connectorField",
-    popOverClassName: "".concat(DataConfigs.blockClass, "__gap"),
-    className: "".concat(DataConfigs.blockClass, "__statement-button")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItemOption.ConditionBuilderItemOption, {
-    conditionState: {
-      value: rootState.operator,
-      label: DataConfigs.translateWithId('condition')
-    },
-    onChange: function onChange(v, e) {
-      util.focusThisField(e);
-    },
-    config: {
-      options: DataConfigs.connectorConfig
-    }
-  })));
-};
-var GroupConnector$1 = GroupConnector;
-
-exports["default"] = GroupConnector$1;

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

@@ -1,10 +0,0 @@
-export default ConditionPreview;
-declare function ConditionPreview({ previewType }: {
-    previewType: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace ConditionPreview {
-    namespace propTypes {
-        let previewType: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from 'prop-types';

package/lib/components/ConditionBuilder/ConditionPreview/ConditionPreview.js

@@ -1,77 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var index = require('../../../node_modules/prop-types/index.js');
-var DataConfigs = require('../ConditionBuilderContext/DataConfigs.js');
-var ConditionBuilderItem = require('../ConditionBuilderItem/ConditionBuilderItem.js');
-var ConditionConnector = require('../ConditionBuilderConnector/ConditionConnector.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ConditionPreview = function ConditionPreview(_ref) {
-  var previewType = _ref.previewType;
-  var getConditionSection = function getConditionSection() {
-    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-      label: DataConfigs.translateWithId('property')
-    }), /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-      label: DataConfigs.translateWithId('operator')
-    }), /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-      label: DataConfigs.translateWithId('value')
-    }));
-  };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, previewType == 'newGroup' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__group__row ").concat(DataConfigs.blockClass, "__group-preview  ")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
-    label: DataConfigs.translateWithId('and')
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "aria-hidden": true,
-    className: "".concat(DataConfigs.blockClass, "__group ").concat(DataConfigs.blockClass, "__condition-wrapper ").concat(DataConfigs.blockClass, "__group-preview ").concat(DataConfigs.blockClass, "__group-wrapper")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__gap")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
-    label: DataConfigs.translateWithId('if')
-  })), getConditionSection())), previewType == 'subGroup' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__group-preview")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__condition-block  ").concat(DataConfigs.blockClass, "__gap")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-    label: DataConfigs.translateWithId('and'),
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
-    popOverClassName: "".concat(DataConfigs.blockClass, "__gap")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__group ").concat(DataConfigs.blockClass, "__condition-wrapper")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionConnector["default"], {
-    className: "".concat(DataConfigs.blockClass, "__gap ").concat(DataConfigs.blockClass, "__groupConnector"),
-    operator: DataConfigs.translateWithId('if')
-  }), getConditionSection()))), previewType == 'condition' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__group-preview")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(DataConfigs.blockClass, "__condition-block  ").concat(DataConfigs.blockClass, "__gap")
-  }, /*#__PURE__*/React__default["default"].createElement(ConditionBuilderItem.ConditionBuilderItem, {
-    label: DataConfigs.translateWithId('and'),
-    className: "".concat(DataConfigs.blockClass, "__statement-button"),
-    popOverClassName: "".concat(DataConfigs.blockClass, "__gap")
-  }), getConditionSection())));
-};
-var ConditionPreview$1 = ConditionPreview;
-ConditionPreview.propTypes = {
-  /**
-   * type of review to be displayed
-   */
-  previewType: index["default"].oneOf(['condition', 'subGroup', 'newGroup'])
-};
-
-exports["default"] = ConditionPreview$1;