@carbon/ibm-products 2.54.0-canary.13 → 2.54.0-canary.16

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

@@ -63,9 +63,6 @@ var ItemOption = function ItemOption(_ref) {
       className: "".concat(blockClass, "__statement_wrapper")
     }, /*#__PURE__*/React__default.createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React__default.createElement("div", null, option.text2));
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return;
   }
@@ -78,8 +75,7 @@ var ItemOption = function ItemOption(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), /*#__PURE__*/React__default.createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox"

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

@@ -129,13 +129,14 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     } else {
       onChange(option, evt);
     }
+    if (evt.target instanceof SVGElement) {
+      evt.stopPropagation();
+      //stop propagate event , since this closes the popover when clicked on checkboxes which are SVGs.
+    }
   };
   var getAriaLabel = function getAriaLabel() {
     return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React__default.createElement(SelectSkeleton, null));
   }
@@ -148,8 +149,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), multiSelectable && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__multiselectSelectionStatusContainer")
   }, /*#__PURE__*/React__default.createElement("h4", null, /*#__PURE__*/React__default.createElement("label", null, selection.length, "/", allOptions.length, " Selected")), /*#__PURE__*/React__default.createElement(Button, {

package/es/components/EditFullPage/EditFullPage.d.ts

@@ -16,7 +16,9 @@ export interface EditFullPageProps {
     children: ReactNode;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/EditFullPage/EditFullPage.js

@@ -38,8 +38,10 @@ var componentName = 'EditFullPage';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 var EditFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -60,6 +62,12 @@ var EditFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+EditFullPage.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 EditFullPage = pkg.checkComponentEnabled(EditFullPage, componentName);
 

package/es/components/EditSidePanel/EditSidePanel.d.ts

@@ -89,6 +89,8 @@ export interface EditSidePanelProps {
     title: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/EditSidePanel/EditSidePanel.js

@@ -25,7 +25,9 @@ var componentName = 'EditSidePanel';
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 var EditSidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -92,6 +94,12 @@ var EditSidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   }, children));
 });
 
+/**@ts-ignore*/
+EditSidePanel.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 EditSidePanel = pkg.checkComponentEnabled(EditSidePanel, componentName);
 

package/es/components/EditTearsheet/EditTearsheet.d.ts

@@ -81,7 +81,9 @@ interface EditTearsheetProps extends PropsWithChildren {
     verticalPosition?: 'normal' | 'lower';
 }
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheet: React.ForwardRefExoticComponent<EditTearsheetProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/components/EditTearsheet/EditTearsheet.js

@@ -38,7 +38,9 @@ var defaults = {
 // corresponding props for TearsheetNarrow and TearsheetShell components.
 
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 var EditTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var cancelButtonText = _ref.cancelButtonText,
@@ -171,6 +173,12 @@ var EditTearsheet = /*#__PURE__*/forwardRef(function (_ref, ref) {
   })))));
 });
 
+/**@ts-ignore*/
+EditTearsheet.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 EditTearsheet = pkg.checkComponentEnabled(EditTearsheet, componentName);
 

package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts

@@ -16,6 +16,8 @@ export interface EditTearsheetNarrowProps {
     className?: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -38,7 +38,9 @@ var componentName = 'EditTearsheetNarrow';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 var EditTearsheetNarrow = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -59,6 +61,12 @@ var EditTearsheetNarrow = /*#__PURE__*/React__default.forwardRef(function (_ref,
   }, getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+EditTearsheetNarrow.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 EditTearsheetNarrow = pkg.checkComponentEnabled(EditTearsheetNarrow, componentName);
 

package/es/components/EditUpdateCards/EditUpdateCards.d.ts

@@ -102,9 +102,11 @@ export interface EditUpdateCardsProps {
     titleSize?: 'default' | 'large';
 }
 /**
+ * **This component is deprecated.** <br>
  Editable cards allow a user to view, modify, and save the content contained within the card.
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
+ @deprecated
  */
 export declare let EditUpdateCards: React.ForwardRefExoticComponent<EditUpdateCardsProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/components/EditUpdateCards/EditUpdateCards.js

@@ -41,9 +41,11 @@ var componentName = 'EditUpdateCards';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  Editable cards allow a user to view, modify, and save the content contained within the card.
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
+ @deprecated
  */
 var EditUpdateCards = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
@@ -95,6 +97,12 @@ var EditUpdateCards = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
   }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React__default.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React__default.createElement("div", null, editChildren)));
 });
 
+/**@ts-ignore*/
+EditUpdateCards.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 EditUpdateCards = pkg.checkComponentEnabled(EditUpdateCards, componentName);
 

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

@@ -65,9 +65,6 @@ var ItemOption = function ItemOption(_ref) {
       className: "".concat(util.blockClass, "__statement_wrapper")
     }, /*#__PURE__*/React.createElement("div", null, option.text1, " (", option.connector, ")"), /*#__PURE__*/React.createElement("div", null, option.text2));
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return;
   }
@@ -80,8 +77,7 @@ var ItemOption = function ItemOption(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), /*#__PURE__*/React.createElement("ul", {
     "aria-label": getAriaLabel(),
     role: "listbox"

package/lib/components/ConditionBuilder/ConditionBuilderItem/ConditionBuilderItemOption/ItemOptionForValueField.js

@@ -131,13 +131,14 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     } else {
       onChange(option, evt);
     }
+    if (evt.target instanceof SVGElement) {
+      evt.stopPropagation();
+      //stop propagate event , since this closes the popover when clicked on checkboxes which are SVGs.
+    }
   };
   var getAriaLabel = function getAriaLabel() {
     return conditionState.label ? conditionState.label : conditionState.property ? conditionState.property : propertyText;
   };
-  var preventDefault = function preventDefault(evt) {
-    return evt.preventDefault();
-  };
   if (!allOptions) {
     return _SelectSkeleton || (_SelectSkeleton = /*#__PURE__*/React.createElement(react.SelectSkeleton, null));
   }
@@ -150,8 +151,7 @@ var ItemOptionForValueField = function ItemOptionForValueField(_ref) {
     size: "sm",
     labelText: clearSearchText,
     closeButtonLabelText: clearSearchText,
-    onChange: onSearchChangeHandler,
-    onKeyDown: preventDefault
+    onChange: onSearchChangeHandler
   })), multiSelectable && /*#__PURE__*/React.createElement("div", {
     className: "".concat(util.blockClass, "__multiselectSelectionStatusContainer")
   }, /*#__PURE__*/React.createElement("h4", null, /*#__PURE__*/React.createElement("label", null, selection.length, "/", allOptions.length, " Selected")), /*#__PURE__*/React.createElement(react.Button, {

package/lib/components/EditFullPage/EditFullPage.d.ts

@@ -16,7 +16,9 @@ export interface EditFullPageProps {
     children: ReactNode;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditFullPage/EditFullPage.js

@@ -40,8 +40,10 @@ var componentName = 'EditFullPage';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
+ * @deprecated
  */
 exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -62,6 +64,12 @@ exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, devtools.getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+exports.EditFullPage.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditFullPage = settings.pkg.checkComponentEnabled(exports.EditFullPage, componentName);
 

package/lib/components/EditSidePanel/EditSidePanel.d.ts

@@ -89,6 +89,8 @@ export interface EditSidePanelProps {
     title: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditSidePanel/EditSidePanel.js

@@ -27,7 +27,9 @@ var componentName = 'EditSidePanel';
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
 /**
+ * **This component is deprecated.** <br>
  * Use with medium complexity edits if the user needs page context.
+ * @deprecated
  */
 exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -94,6 +96,12 @@ exports.EditSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, children));
 });
 
+/**@ts-ignore*/
+exports.EditSidePanel.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditSidePanel = settings.pkg.checkComponentEnabled(exports.EditSidePanel, componentName);
 

package/lib/components/EditTearsheet/EditTearsheet.d.ts

@@ -81,7 +81,9 @@ interface EditTearsheetProps extends PropsWithChildren {
     verticalPosition?: 'normal' | 'lower';
 }
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheet: React.ForwardRefExoticComponent<EditTearsheetProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/EditTearsheet/EditTearsheet.js

@@ -40,7 +40,9 @@ var defaults = {
 // corresponding props for TearsheetNarrow and TearsheetShell components.
 
 /**
+ * **This component is deprecated.** <br>
  * Use Tearsheet with medium to complex edits. See usage guidance for further information.
+ * @deprecated
  */
 exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var cancelButtonText = _ref.cancelButtonText,
@@ -173,6 +175,12 @@ exports.EditTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })))));
 });
 
+/**@ts-ignore*/
+exports.EditTearsheet.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditTearsheet = settings.pkg.checkComponentEnabled(exports.EditTearsheet, componentName);
 

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts

@@ -16,6 +16,8 @@ export interface EditTearsheetNarrowProps {
     className?: string;
 }
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 export declare let EditTearsheetNarrow: React.ForwardRefExoticComponent<EditTearsheetNarrowProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js

@@ -40,7 +40,9 @@ var componentName = 'EditTearsheetNarrow';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  * Use a narrow tearsheet as an alternative to a modal when there is scrolling. See usage guidance for further information.
+ * @deprecated
  */
 exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -61,6 +63,12 @@ exports.EditTearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   }, devtools.getDevtoolsProps(componentName)), children);
 });
 
+/**@ts-ignore*/
+exports.EditTearsheetNarrow.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditTearsheetNarrow = settings.pkg.checkComponentEnabled(exports.EditTearsheetNarrow, componentName);
 

package/lib/components/EditUpdateCards/EditUpdateCards.d.ts

@@ -102,9 +102,11 @@ export interface EditUpdateCardsProps {
     titleSize?: 'default' | 'large';
 }
 /**
+ * **This component is deprecated.** <br>
  Editable cards allow a user to view, modify, and save the content contained within the card.
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
+ @deprecated
  */
 export declare let EditUpdateCards: React.ForwardRefExoticComponent<EditUpdateCardsProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -43,9 +43,11 @@ var componentName = 'EditUpdateCards';
 // };
 
 /**
+ * **This component is deprecated.** <br>
  Editable cards allow a user to view, modify, and save the content contained within the card.
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
+ @deprecated
  */
 exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
@@ -97,6 +99,12 @@ exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React.createElement("div", null, editChildren)));
 });
 
+/**@ts-ignore*/
+exports.EditUpdateCards.deprecated = {
+  level: 'warn',
+  details: "This component is deprecated and will be removed in the next major version."
+};
+
 // Return a placeholder if not released and not enabled by feature flag
 exports.EditUpdateCards = settings.pkg.checkComponentEnabled(exports.EditUpdateCards, componentName);
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.54.0-canary.13+f4b170642",
+  "version": "2.54.0-canary.16+1f5b63ec4",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.24.0",
-    "@carbon/ibm-products-styles": "^2.50.0-canary.13+f4b170642",
+    "@carbon/ibm-products-styles": "^2.50.0-rc.1",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "f4b1706428ec30c8c7c5c8d9060b1a9071afec04"
+  "gitHead": "1f5b63ec428ddd2a2b2ee7c4153c83c2fff6a61c"
 }