@carbon/ibm-products 2.43.2-canary.183 → 2.43.2-canary.186

package/es/components/TagOverflow/TagOverflow.d.ts

@@ -20,6 +20,7 @@ export interface TagOverflowProps {
     allTagsModalSearchPlaceholderText?: string;
     allTagsModalTarget?: ReactNode;
     allTagsModalTitle?: string;
+    autoAlign?: boolean;
     className?: string;
     containingElementRef?: RefObject<HTMLElement>;
     items: TagOverflowItem[];

package/es/components/TagOverflow/TagOverflow.js

@@ -18,7 +18,7 @@ import { isRequiredIf } from '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 
-var _excluded = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
+var _excluded = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "autoAlign", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
   _excluded2 = ["className", "id"],
   _excluded3 = ["tagType"],
   _excluded4 = ["id", "label", "tagType", "onClose"];
@@ -32,6 +32,7 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
     allTagsModalSearchPlaceholderText = props.allTagsModalSearchPlaceholderText,
     allTagsModalTarget = props.allTagsModalTarget,
     allTagsModalTitle = props.allTagsModalTitle,
+    autoAlign = props.autoAlign,
     className = props.className,
     containingElementRef = props.containingElementRef,
     items = props.items,
@@ -212,7 +213,8 @@ var TagOverflow = /*#__PURE__*/forwardRef(function (props, ref) {
     key: "tag-overflow-popover",
     ref: overflowRef,
     popoverOpen: popoverOpen,
-    setPopoverOpen: setPopoverOpen
+    setPopoverOpen: setPopoverOpen,
+    autoAlign: autoAlign
   }), /*#__PURE__*/React__default.createElement(TagOverflowModal, {
     allTags: items,
     open: showAllModalOpen,
@@ -266,6 +268,10 @@ TagOverflow.propTypes = {
    * title for the show all modal. **Note: Required if more than 10 tags**
    */
   allTagsModalTitle: string_required_if_more_than_10_tags,
+  /**
+   * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+   */
+  autoAlign: PropTypes.bool,
   /**
    * Provide an optional class to be applied to the containing node.
    */

package/es/components/TagOverflow/TagOverflowPopover.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { TagOverflowItem } from './TagOverflow';
 export interface Props {
     allTagsModalSearchThreshold?: number;
+    autoAlign?: boolean;
     className?: string;
     onShowAllClick: () => void;
     overflowAlign?: string;

package/es/components/TagOverflow/TagOverflowPopover.js

@@ -13,13 +13,14 @@ import { Popover, Tag, PopoverContent, Link } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { useClickOutside } from '../../global/js/hooks/useClickOutside.js';
 
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"],
+var _excluded = ["allTagsModalSearchThreshold", "autoAlign", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"],
   _excluded2 = ["label", "id", "tagType", "filter", "onClose"];
 var componentName = 'TagOverflowPopover';
 var blockClass = "".concat(pkg.prefix, "--tag-overflow-popover");
 var TagOverflowPopover = /*#__PURE__*/forwardRef(function (props, ref) {
   var _overflowTags$length;
   var allTagsModalSearchThreshold = props.allTagsModalSearchThreshold,
+    autoAlign = props.autoAlign,
     className = props.className,
     onShowAllClick = props.onShowAllClick,
     overflowAlign = props.overflowAlign,
@@ -62,6 +63,7 @@ var TagOverflowPopover = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref || localRef
   }), /*#__PURE__*/React__default.createElement(Popover, {
     align: overflowAlign,
+    autoAlign: autoAlign,
     className: cx(className, "".concat(blockClass, "__el")),
     dropShadow: true,
     highContrast: true,
@@ -109,6 +111,10 @@ TagOverflowPopover.propTypes = {
    * count of overflowTags over which a modal is offered
    */
   allTagsModalSearchThreshold: PropTypes.number,
+  /**
+   * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+   */
+  autoAlign: PropTypes.bool,
   /**
    * className
    */

package/lib/components/TagOverflow/TagOverflow.d.ts

@@ -20,6 +20,7 @@ export interface TagOverflowProps {
     allTagsModalSearchPlaceholderText?: string;
     allTagsModalTarget?: ReactNode;
     allTagsModalTitle?: string;
+    autoAlign?: boolean;
     className?: string;
     containingElementRef?: RefObject<HTMLElement>;
     items: TagOverflowItem[];

package/lib/components/TagOverflow/TagOverflow.js

@@ -27,7 +27,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
+var _excluded = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "autoAlign", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
   _excluded2 = ["className", "id"],
   _excluded3 = ["tagType"],
   _excluded4 = ["id", "label", "tagType", "onClose"];
@@ -41,6 +41,7 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     allTagsModalSearchPlaceholderText = props.allTagsModalSearchPlaceholderText,
     allTagsModalTarget = props.allTagsModalTarget,
     allTagsModalTitle = props.allTagsModalTitle,
+    autoAlign = props.autoAlign,
     className = props.className,
     containingElementRef = props.containingElementRef,
     items = props.items,
@@ -221,7 +222,8 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     key: "tag-overflow-popover",
     ref: overflowRef,
     popoverOpen: popoverOpen,
-    setPopoverOpen: setPopoverOpen
+    setPopoverOpen: setPopoverOpen,
+    autoAlign: autoAlign
   }), /*#__PURE__*/React__default["default"].createElement(TagOverflowModal.TagOverflowModal, {
     allTags: items,
     open: showAllModalOpen,
@@ -275,6 +277,10 @@ exports.TagOverflow.propTypes = {
    * title for the show all modal. **Note: Required if more than 10 tags**
    */
   allTagsModalTitle: string_required_if_more_than_10_tags,
+  /**
+   * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+   */
+  autoAlign: index["default"].bool,
   /**
    * Provide an optional class to be applied to the containing node.
    */

package/lib/components/TagOverflow/TagOverflowPopover.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { TagOverflowItem } from './TagOverflow';
 export interface Props {
     allTagsModalSearchThreshold?: number;
+    autoAlign?: boolean;
     className?: string;
     onShowAllClick: () => void;
     overflowAlign?: string;

package/lib/components/TagOverflow/TagOverflowPopover.js

@@ -22,13 +22,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"],
+var _excluded = ["allTagsModalSearchThreshold", "autoAlign", "className", "onShowAllClick", "overflowAlign", "overflowTags", "overflowType", "showAllTagsLabel", "popoverOpen", "setPopoverOpen"],
   _excluded2 = ["label", "id", "tagType", "filter", "onClose"];
 var componentName = 'TagOverflowPopover';
 var blockClass = "".concat(settings.pkg.prefix, "--tag-overflow-popover");
 var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _overflowTags$length;
   var allTagsModalSearchThreshold = props.allTagsModalSearchThreshold,
+    autoAlign = props.autoAlign,
     className = props.className,
     onShowAllClick = props.onShowAllClick,
     overflowAlign = props.overflowAlign,
@@ -71,6 +72,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref || localRef
   }), /*#__PURE__*/React__default["default"].createElement(react.Popover, {
     align: overflowAlign,
+    autoAlign: autoAlign,
     className: cx__default["default"](className, "".concat(blockClass, "__el")),
     dropShadow: true,
     highContrast: true,
@@ -118,6 +120,10 @@ TagOverflowPopover.propTypes = {
    * count of overflowTags over which a modal is offered
    */
   allTagsModalSearchThreshold: index["default"].number,
+  /**
+   * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
+   */
+  autoAlign: index["default"].bool,
   /**
    * className
    */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.43.2-canary.183+5eff0243b",
+  "version": "2.43.2-canary.186+8fee17fd3",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -81,7 +81,7 @@
     "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
     "jest": "^29.7.0",
-    "jest-config-ibm-cloud-cognitive": "^1.7.0-rc.0",
+    "jest-config-ibm-cloud-cognitive": "^1.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "namor": "^1.1.2",
     "npm-check-updates": "^16.14.12",
@@ -96,7 +96,7 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@carbon/feature-flags": "^0.20.0",
-    "@carbon/ibm-products-styles": "^2.44.0-rc.0",
+    "@carbon/ibm-products-styles": "^2.44.0",
     "@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": "5eff0243b65123fb39c801194a1b1a8bb9889240"
+  "gitHead": "8fee17fd31732b792733a95ddf2955675e8ca5ae"
 }