@carbon/ibm-products 2.41.0 → 2.41.1-canary.11

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

@@ -1,31 +1,37 @@
-export function TagOverflowModal({ allTags, className, title, onClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: {
-    [x: string]: any;
-    allTags: any;
-    className: any;
-    title: any;
-    onClose: any;
-    open: any;
-    overflowType: any;
-    portalTarget: any;
-    searchLabel?: string | undefined;
-    searchPlaceholder: any;
-}): any;
-export namespace TagOverflowModal {
-    export namespace propTypes {
-        let allTags: PropTypes.Requireable<(PropTypes.InferProps<{
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { Tag } from '@carbon/react';
+interface TagType {
+    label: string;
+}
+type AllTags = (TagType & Omit<React.ComponentProps<Tag>, 'filter'>)[];
+interface TagOverflowModalProps {
+    allTags?: AllTags;
+    className?: string;
+    onClose?: () => void;
+    open?: boolean;
+    overflowType?: 'default' | 'tag';
+    portalTarget?: ReactNode;
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    title?: string;
+}
+export declare const TagOverflowModal: {
+    ({ allTags, className, title, onClose, open, overflowType, portalTarget: portalTargetIn, searchLabel, searchPlaceholder, ...rest }: TagOverflowModalProps): any;
+    propTypes: {
+        allTags: PropTypes.Requireable<(PropTypes.InferProps<{
             label: PropTypes.Validator<string>;
         }> | null | undefined)[]>;
-        let className: PropTypes.Requireable<string>;
-        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        let open: PropTypes.Requireable<boolean>;
-        let overflowType: PropTypes.Requireable<string>;
-        let portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let searchLabel: PropTypes.Requireable<string>;
-        let searchPlaceholder: PropTypes.Requireable<string>;
-        let title: PropTypes.Requireable<string>;
-    }
-    export { componentName as displayName };
-}
-import PropTypes from 'prop-types';
-declare const componentName: "TagOverflowModal";
+        className: PropTypes.Requireable<string>;
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        open: PropTypes.Requireable<boolean>;
+        overflowType: PropTypes.Requireable<string>;
+        portalTarget: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        searchLabel: PropTypes.Requireable<string>;
+        searchPlaceholder: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
 export {};

package/lib/components/TagOverflow/TagOverflowModal.js

@@ -51,13 +51,13 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
     setSearch = _useState2[1];
   var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
   var getFilteredItems = function getFilteredItems() {
-    if (open && search) {
+    if (open && search && allTags) {
       return allTags.filter(function (tag) {
         var _tag$label;
         return (_tag$label = tag.label) === null || _tag$label === void 0 || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === void 0 ? void 0 : _tag$label.includes(search.toLocaleLowerCase());
       });
     }
-    return allTags;
+    return allTags || [];
   };
   var handleSearch = function handleSearch(evt) {
     setSearch(evt.target.value || '');

package/lib/components/index.d.ts

@@ -69,3 +69,4 @@ export { Guidebanner, GuidebannerElement, GuidebannerElementButton, GuidebannerE
 export { InlineTip, InlineTipButton, InlineTipLink } from "./InlineTip";
 export { DescriptionList, DescriptionListBody, DescriptionListCell, DescriptionListRow } from "./DescriptionList";
 export { FilterPanel, FilterPanelAccordion, FilterPanelAccordionItem, FilterPanelCheckbox, FilterPanelCheckboxWithOverflow, FilterPanelGroup, FilterPanelLabel, FilterPanelSearch } from "./FilterPanel";
+export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from "./FeatureFlags";

package/lib/feature-flags.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/global/js/hooks/usePortalTarget.js

@@ -13,8 +13,10 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
 var React = require('react');
 var settings = require('../../../settings.js');
 var reactDom = require('react-dom');
+var index = require('../../../components/FeatureFlags/index.js');
 
 var usePortalTarget = function usePortalTarget(portalTargetIn) {
+  var enablePortalTarget = index.useFeatureFlag('default-portal-target-body');
   var _useState = React.useState(null),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     portalTarget = _useState2[0],
@@ -23,11 +25,11 @@ var usePortalTarget = function usePortalTarget(portalTargetIn) {
     if (portalTargetIn) {
       setPortalTarget(portalTargetIn);
     } else {
-      if (settings.pkg.isFeatureEnabled('default-portal-target-body')) {
+      if (settings.pkg.isFeatureEnabled('default-portal-target-body') || enablePortalTarget) {
         setPortalTarget(document.body);
       }
     }
-  }, [portalTargetIn]);
+  }, [portalTargetIn, enablePortalTarget]);
   var renderPortalUse = React.useCallback(function (children) {
     return portalTarget ? /*#__PURE__*/reactDom.createPortal(children, portalTarget) : children;
   }, [portalTarget]);

package/lib/index.js

@@ -137,6 +137,7 @@ var FilterPanelLabel = require('./components/FilterPanel/FilterPanelLabel/Filter
 var FilterPanelSearch = require('./components/FilterPanel/FilterPanelSearch/FilterPanelSearch.js');
 var ConditionBuilder = require('./components/ConditionBuilder/ConditionBuilder.js');
 var GetStartedCard = require('./components/GetStartedCard/GetStartedCard.js');
+var index$2 = require('./components/FeatureFlags/index.js');
 
 
 
@@ -581,3 +582,6 @@ Object.defineProperty(exports, 'GetStartedCard', {
 	enumerable: true,
 	get: function () { return GetStartedCard.GetStartedCard; }
 });
+exports.unstable_FeatureFlags = index$2.FeatureFlags;
+exports.unstable_useFeatureFlag = index$2.useFeatureFlag;
+exports.unstable_useFeatureFlags = index$2.useFeatureFlags;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.41.0",
+  "version": "2.41.1-canary.11+b54cbad87",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -17,7 +17,10 @@
   "sideEffects": [
     "**/global/js/utils/props-helper.js",
     "**/*.css",
-    "**/*.scss"
+    "**/*.scss",
+    "es/feature-flags.js",
+    "lib/feature-flags.js",
+    "src/feature-flags.js"
   ],
   "files": [
     "css",
@@ -92,6 +95,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
+    "@carbon/feature-flags": "^0.20.0",
     "@carbon/ibm-products-styles": "^2.38.0",
     "@carbon/telemetry": "^0.1.0",
     "@dnd-kit/core": "^6.0.8",
@@ -116,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": "51b3c237bbf5923c8b9274f51077b5deec132fb6"
+  "gitHead": "b54cbad876d63df0c280bcd0a843eee7199bf3f7"
 }

package/scss/components/Datagrid/styles/_useInlineEdit.scss

@@ -80,6 +80,12 @@ $row-heights: (
   align-items: center;
 }
 
+.#{variables.$block-class}__static--outer-cell {
+  display: flex;
+  height: -webkit-fill-available;
+  align-items: center;
+}
+
 .#{variables.$block-class}__inline-edit--outer-cell-button {
   width: 100%;
   height: calc(100% + 2px); // account for borders