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

package/lib/components/Datagrid/useOnRowClick.js

@@ -13,8 +13,7 @@ var settings = require('../../settings.js');
 
 var useOnRowClick = function useOnRowClick(hooks) {
   var useInstance = function useInstance(rowInstance) {
-    var _ref = rowInstance,
-      onRowClick = _ref.onRowClick;
+    var onRowClick = rowInstance.onRowClick;
     var getRowProps = function getRowProps(props, datagridState) {
       var isFetching = datagridState.isFetching,
         row = datagridState.row,

package/lib/components/Datagrid/useRowIsMouseOver.d.ts

@@ -1,3 +1,2 @@
-import { Hooks } from 'react-table';
-declare const useRowIsMouseOver: (hooks: Hooks) => void;
 export default useRowIsMouseOver;
+declare function useRowIsMouseOver(hooks: any): void;

package/lib/components/Datagrid/useRowIsMouseOver.js

@@ -25,7 +25,7 @@ var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
       setMouseOverRowIndex = _useState2[1];
     var onMouseChange = useDebounce(function (datagridState) {
       var row = datagridState.row;
-      setMouseOverRowIndex(row === null || row === void 0 ? void 0 : row.index);
+      setMouseOverRowIndex(row.index);
     }, 100);
     var getRowProps = function getRowProps(props, datagridState) {
       var onMouseOver = function onMouseOver() {

package/lib/components/Datagrid/useSelectRows.d.ts

@@ -1,9 +1,2 @@
-/**
- * Copyright IBM Corp. 2020, 2023
- *
- * 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 { Hooks } from 'react-table';
-declare const useSelectRows: (hooks: Hooks) => void;
 export default useSelectRows;
+declare function useSelectRows(hooks: any): void;

package/lib/components/Datagrid/useSelectRows.js

@@ -117,8 +117,7 @@ var SelectRow = function SelectRow(datagridState) {
       dispatch: dispatch,
       rowData: row,
       isChecked: event.target.checked,
-      getRowId: getRowId,
-      selectAll: null
+      getRowId: getRowId
     });
   };
   var selectDisabled = isFetching || row.getRowProps().disabled;
@@ -138,7 +137,7 @@ var SelectRow = function SelectRow(datagridState) {
     onSelect: onSelectHandler,
     id: rowId,
     name: "".concat(rowId, "-name"),
-    className: cx__default["default"]([checkboxClass, cellProps.className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(checkboxClass, "-sticky-left"), isFirstColumnStickyLeft && Number(windowSize) > 671)]),
+    className: cx__default["default"]([checkboxClass, cellProps.className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(checkboxClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671)]),
     ariaLabel: title,
     disabled: selectDisabled
   }));

package/lib/components/Datagrid/useSortableColumns.d.ts

@@ -1,13 +1,6 @@
-/**
- * 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 { Hooks } from 'react-table';
-export declare const getNewSortOrder: (sortOrder?: boolean | string) => {
-    newSortDesc: boolean;
+export function getNewSortOrder(sortOrder: any): {
+    newSortDesc: undefined;
     newOrder: string;
 };
-declare const useSortableColumns: (hooks: Hooks) => void;
 export default useSortableColumns;
+declare function useSortableColumns(hooks: any): void;

package/lib/components/Datagrid/useSortableColumns.js

@@ -31,7 +31,7 @@ var ordering = {
 };
 var getNewSortOrder = function getNewSortOrder(sortOrder) {
   var order = {
-    newSortDesc: false,
+    newSortDesc: undefined,
     newOrder: ordering.NONE
   };
   if (sortOrder === false || sortOrder === ordering.DESC) {
@@ -146,8 +146,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
     return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== void 0 && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _rollupPluginBabelHelpers.toConsumableArray(sortableColumns);
   };
   var sortInstanceProps = function sortInstanceProps(instance) {
-    var _ref3 = instance,
-      onSort = _ref3.onSort;
+    var onSort = instance.onSort;
     Object.assign(instance, {
       manualSortBy: !!onSort,
       isTableSortable: true

package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.d.ts

@@ -1,8 +1 @@
-/**
- * Copyright IBM Corp. 2023, 2023
- *
- * 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 { Row } from 'react-table';
-export declare const getAutoSizedColumnWidth: (rows: Array<Row<object>>, accessor: string, headerText: string) => number;
+export function getAutoSizedColumnWidth(rows: Array<object>, accessor: string, headerText: string): number;

package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js

@@ -18,6 +18,13 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * Calculates the auto sized width of a column
+ * @param {Array<object>} rows - The datagrid rows
+ * @param {string} accessor - The accessor for the column
+ * @param {string} headerText - The header text for the column
+ */
+
 var getAutoSizedColumnWidth = function getAutoSizedColumnWidth(rows, accessor, headerText) {
   var maxWidth = 400;
   var minWidth = 58;

package/lib/components/SidePanel/SidePanel.d.ts

@@ -11,7 +11,7 @@ type SidePanelBaseProps = {
     /**
      * Sets the action toolbar buttons
      */
-    actionToolbarButtons?: ButtonProps<any>[];
+    actionToolbarButtons?: ButtonProps[];
     /**
      * The primary actions to be shown in the side panel. Each action is
      * specified as an object that will render expressive Buttons. Any Button
@@ -20,7 +20,7 @@ type SidePanelBaseProps = {
      *
      * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
      */
-    actions?: ButtonProps<any>[];
+    actions?: ButtonProps[];
     /**
      * Determines if the title will animate on scroll
      */

package/lib/components/SidePanel/SidePanel.js

@@ -104,8 +104,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
   var subtitleRef = React.useRef(null);
   var previousState = usePreviousValue.usePreviousValue({
     size: size,
-    open: open,
-    currentStep: currentStep
+    open: open
   });
   var _useState3 = React.useState(-1),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
@@ -172,10 +171,9 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
     if (sidePanelRef && panelRefValue) {
       var _animatedScrollRef$cu;
       var scrollableSection = (_animatedScrollRef$cu = animatedScrollRef.current) !== null && _animatedScrollRef$cu !== void 0 ? _animatedScrollRef$cu : innerContentRef.current;
-      if (previousState && previousState['currentStep'] !== currentStep && scrollableSection) {
+      if (scrollableSection) {
         scrollableSection.scrollTop = 0;
       }
-
       // The size of the panel has changed while it is still opened
       // so we need to scroll it to the top and reset the header
       // height css custom property
@@ -334,12 +332,12 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
           if (primeFocusEl) {
             primeFocusEl === null || primeFocusEl === void 0 || primeFocusEl.focus();
           }
-        } else if (!slideIn) {
+        } else {
           firstElement === null || firstElement === void 0 || firstElement.focus();
         }
       }, 0);
     }
-  }, [animationComplete, firstElement, open, selectorPrimaryFocus, slideIn]);
+  }, [animationComplete, firstElement, open, selectorPrimaryFocus]);
   var primaryActionContainerClassNames = cx__default["default"](["".concat(blockClass, "__actions-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
   var mainPanelClassNames = cx__default["default"]([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
   var renderTitle = function renderTitle() {
@@ -459,7 +457,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
       placement: placement,
       shouldReduceMotion: shouldReduceMotion
     },
-    onKeyDown: slideIn ? undefined : keyDownListener
+    onKeyDown: keyDownListener
   }), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React__default["default"].createElement(MotionActionSet, {
     actions: actions !== null && actions !== void 0 ? actions : [],
     className: primaryActionContainerClassNames,
@@ -482,7 +480,6 @@ exports.SidePanel.propTypes = {
   /**
    * Sets the action toolbar buttons
    */
-  /**@ts-ignore */
   actionToolbarButtons: index["default"].arrayOf(index["default"].shape({
     label: index["default"].string,
     leading: index["default"].bool,
@@ -516,7 +513,6 @@ exports.SidePanel.propTypes = {
     label: index["default"].string,
     loading: index["default"].bool,
     // we duplicate this Button prop to improve the DocGen here
-    /**@ts-ignore */
     onClick: react.Button.propTypes.onClick
   })))]),
   /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.42.1-canary.27+452089a1f",
+  "version": "2.42.1-canary.4+7442150e7",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -97,7 +97,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.20.0",
-    "@carbon/ibm-products-styles": "^2.38.1",
+    "@carbon/ibm-products-styles": "^2.38.2-canary.4+7442150e7",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -121,5 +121,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "452089a1f3aca14aa3626e2d6cdce7c9c5dbc880"
+  "gitHead": "7442150e758ba89967e09233bc45c944bdb8c37f"
 }

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/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;