@carbon/ibm-products 2.41.1-canary.13 → 2.41.1-canary.5

package/lib/components/ProductiveCard/ProductiveCard.js

@@ -23,16 +23,22 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["actionsPlacement"];
 var componentName = 'ProductiveCard';
+
+// Default values for props
+var defaults = {
+  actionsPlacement: 'top'
+};
 exports.ProductiveCard = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$actionsPlacement = _ref.actionsPlacement,
-    actionsPlacement = _ref$actionsPlacement === void 0 ? 'top' : _ref$actionsPlacement,
+    actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var validProps = propsHelper.prepareProps(rest, ['media', 'mediaPosition', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind']);
   return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, validProps), {}, {
     actionsPlacement: actionsPlacement,
-    ref: ref,
+    ref: ref
+  }), {
     productive: true
-  }), devtools.getDevtoolsProps(componentName)));
+  }, devtools.getDevtoolsProps(componentName)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -41,7 +47,6 @@ exports.ProductiveCard.propTypes = {
   /**
    * Icons that are displayed on card. Refer to design documentation for implementation guidelines
    */
-  /**@ts-ignore */
   actionIcons: index["default"].arrayOf(index["default"].shape({
     id: index["default"].string,
     icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
@@ -89,7 +94,6 @@ exports.ProductiveCard.propTypes = {
   /**
    * Use an overflow menu instead of action icons. Refer to design documentation for implementation guidelines
    */
-  /**@ts-ignore */
   overflowActions: index["default"].arrayOf(index["default"].shape({
     id: index["default"].string,
     itemText: index["default"].string,
@@ -107,7 +111,6 @@ exports.ProductiveCard.propTypes = {
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
-  /**@ts-ignore */
   primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
   /**
    * Determines if the primary button is on the top or bottom of the card
@@ -116,7 +119,6 @@ exports.ProductiveCard.propTypes = {
   /**
    * The text that's displayed in the primary button
    */
-  /**@ts-ignore */
   primaryButtonText: index["default"].node,
   /**
    * Optionally specify an href for your Button to become an <a> element
@@ -125,7 +127,6 @@ exports.ProductiveCard.propTypes = {
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
-  /**@ts-ignore */
   secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
   /**
    * Determines if the secondary button is on the top or bottom of the card
@@ -134,7 +135,6 @@ exports.ProductiveCard.propTypes = {
   /**
    * The text that's displayed in the secondary button
    */
-  /**@ts-ignore */
   secondaryButtonText: index["default"].node,
   /**
    * **Experimental:** For all cases a `Slug` component can be provided.

package/lib/components/index.d.ts

@@ -69,4 +69,3 @@ 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/global/js/hooks/usePortalTarget.js

@@ -13,10 +13,8 @@ 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],
@@ -25,11 +23,11 @@ var usePortalTarget = function usePortalTarget(portalTargetIn) {
     if (portalTargetIn) {
       setPortalTarget(portalTargetIn);
     } else {
-      if (settings.pkg.isFeatureEnabled('default-portal-target-body') || enablePortalTarget) {
+      if (settings.pkg.isFeatureEnabled('default-portal-target-body')) {
         setPortalTarget(document.body);
       }
     }
-  }, [portalTargetIn, enablePortalTarget]);
+  }, [portalTargetIn]);
   var renderPortalUse = React.useCallback(function (children) {
     return portalTarget ? /*#__PURE__*/reactDom.createPortal(children, portalTarget) : children;
   }, [portalTarget]);

package/lib/index.js

@@ -137,7 +137,6 @@ 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');
 
 
 
@@ -582,6 +581,3 @@ 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.1-canary.13+3b244e6e2",
+  "version": "2.41.1-canary.5+e4c6a2c8e",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -17,10 +17,7 @@
   "sideEffects": [
     "**/global/js/utils/props-helper.js",
     "**/*.css",
-    "**/*.scss",
-    "es/feature-flags.js",
-    "lib/feature-flags.js",
-    "src/feature-flags.js"
+    "**/*.scss"
   ],
   "files": [
     "css",
@@ -95,7 +92,6 @@
   },
   "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",
@@ -120,5 +116,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "3b244e6e25880b04f15bfad0b81299b07725bd4f"
+  "gitHead": "e4c6a2c8e8d42dd74abf2370331dde96c258de1c"
 }

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

@@ -80,12 +80,6 @@ $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

package/es/components/FeatureFlags/index.d.ts

@@ -1,37 +0,0 @@
-/**
- * Supports an object of feature flag values with the `flags` prop, merging them
- * along with the current `FeatureFlagContext` to provide consumers to check if
- * a feature flag is enabled or disabled in a given React tree
- */
-export function FeatureFlags({ children, flags }: {
-    children: any;
-    flags?: {} | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace FeatureFlags {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let flags: PropTypes.Requireable<{
-            [x: string]: boolean | null | undefined;
-        }>;
-    }
-}
-/**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
- */
-export const FeatureFlagContext: React.Context<any>;
-/**
- * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
- */
-export function useFeatureFlags(): FeatureFlagScope;
-/**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
- */
-export function useFeatureFlag(flag: any): boolean;
-import PropTypes from 'prop-types';
-import React from 'react';

package/es/components/FeatureFlags/index.js

@@ -1,151 +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 { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useContext, useState, useRef, useEffect, createContext } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
-import { createScope, FeatureFlags as FeatureFlags$1 } from '@carbon/feature-flags';
-
-/**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
- */
-var FeatureFlagContext = /*#__PURE__*/createContext(FeatureFlags$1);
-
-/**
- * Supports an object of feature flag values with the `flags` prop, merging them
- * along with the current `FeatureFlagContext` to provide consumers to check if
- * a feature flag is enabled or disabled in a given React tree
- */
-function FeatureFlags(_ref) {
-  var children = _ref.children,
-    _ref$flags = _ref.flags,
-    flags = _ref$flags === void 0 ? {} : _ref$flags;
-  var parentScope = useContext(FeatureFlagContext);
-  var _useState = useState(parentScope),
-    _useState2 = _slicedToArray(_useState, 2),
-    prevParentScope = _useState2[0],
-    setPrevParentScope = _useState2[1];
-  var _useState3 = useState(function () {
-      var scope = createScope(flags);
-      scope.mergeWithScope(parentScope);
-      return scope;
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    scope = _useState4[0],
-    updateScope = _useState4[1];
-  if (parentScope !== prevParentScope) {
-    var _scope = createScope(flags);
-    _scope.mergeWithScope(parentScope);
-    updateScope(_scope);
-    setPrevParentScope(parentScope);
-  }
-
-  // We use a custom hook to detect if any of the keys or their values change
-  // for flags that are passed in. If they have changed, then we re-create the
-  // FeatureFlagScope using the new flags
-  useChangedValue(flags, isEqual, function (changedFlags) {
-    var scope = createScope(changedFlags);
-    scope.mergeWithScope(parentScope);
-    updateScope(scope);
-  });
-  return /*#__PURE__*/React__default.createElement(FeatureFlagContext.Provider, {
-    value: scope
-  }, children);
-}
-FeatureFlags.propTypes = {
-  children: PropTypes.node,
-  /**
-   * Provide the feature flags to enabled or disabled in the current React tree
-   */
-  flags: PropTypes.objectOf(PropTypes.bool)
-};
-
-/**
- * This hook will store previous versions of the given `value` and compare the
- * current value to the previous one using the `compare` function. If the
- * compare function returns true, then the given `callback` is invoked in an
- * effect.
- *
- * @param {any} value
- * @param {Function} compare
- * @param {Function} callback
- */
-function useChangedValue(value, compare, callback) {
-  var initialRender = useRef(false);
-  var savedCallback = useRef(callback);
-  var _useState5 = useState(value),
-    _useState6 = _slicedToArray(_useState5, 2),
-    prevValue = _useState6[0],
-    setPrevValue = _useState6[1];
-  if (!compare(prevValue, value)) {
-    setPrevValue(value);
-  }
-  useEffect(function () {
-    savedCallback.current = callback;
-  });
-  useEffect(function () {
-    // We only want the callback triggered after the first render
-    if (initialRender.current) {
-      savedCallback.current(prevValue);
-    }
-  }, [prevValue]);
-  useEffect(function () {
-    initialRender.current = true;
-  }, []);
-}
-
-/**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
- */
-function useFeatureFlag(flag) {
-  var scope = useContext(FeatureFlagContext);
-  // console.log(scope);
-  return scope.enabled(flag);
-}
-
-/**
- * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
- */
-function useFeatureFlags() {
-  return useContext(FeatureFlagContext);
-}
-
-/**
- * Compare two objects and determine if they are equal. This is a shallow
- * comparison since the objects we are comparing are objects with boolean flags
- * from the flags prop in the `FeatureFlags` component
- *
- * @param {object} a
- * @param {object} b
- * @returns {boolean}
- */
-function isEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-  for (var _i = 0, _Object$keys = Object.keys(a); _i < _Object$keys.length; _i++) {
-    var key = _Object$keys[_i];
-    if (a[key] !== b[key]) {
-      return false;
-    }
-  }
-  for (var _i2 = 0, _Object$keys2 = Object.keys(b); _i2 < _Object$keys2.length; _i2++) {
-    var _key = _Object$keys2[_i2];
-    if (b[_key] !== a[_key]) {
-      return false;
-    }
-  }
-  return true;
-}
-
-export { FeatureFlagContext, FeatureFlags, useFeatureFlag, useFeatureFlags };

package/es/feature-flags.d.ts

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

package/lib/components/FeatureFlags/index.d.ts

@@ -1,37 +0,0 @@
-/**
- * Supports an object of feature flag values with the `flags` prop, merging them
- * along with the current `FeatureFlagContext` to provide consumers to check if
- * a feature flag is enabled or disabled in a given React tree
- */
-export function FeatureFlags({ children, flags }: {
-    children: any;
-    flags?: {} | undefined;
-}): import("react/jsx-runtime").JSX.Element;
-export namespace FeatureFlags {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let flags: PropTypes.Requireable<{
-            [x: string]: boolean | null | undefined;
-        }>;
-    }
-}
-/**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
- */
-export const FeatureFlagContext: React.Context<any>;
-/**
- * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
- */
-export function useFeatureFlags(): FeatureFlagScope;
-/**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
- */
-export function useFeatureFlag(flag: any): boolean;
-import PropTypes from 'prop-types';
-import React from 'react';

package/lib/components/FeatureFlags/index.js

@@ -1,162 +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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
-var FeatureFlags$1 = require('@carbon/feature-flags');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
- */
-var FeatureFlagContext = /*#__PURE__*/React.createContext(FeatureFlags$1.FeatureFlags);
-
-/**
- * Supports an object of feature flag values with the `flags` prop, merging them
- * along with the current `FeatureFlagContext` to provide consumers to check if
- * a feature flag is enabled or disabled in a given React tree
- */
-function FeatureFlags(_ref) {
-  var children = _ref.children,
-    _ref$flags = _ref.flags,
-    flags = _ref$flags === void 0 ? {} : _ref$flags;
-  var parentScope = React.useContext(FeatureFlagContext);
-  var _useState = React.useState(parentScope),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    prevParentScope = _useState2[0],
-    setPrevParentScope = _useState2[1];
-  var _useState3 = React.useState(function () {
-      var scope = FeatureFlags$1.createScope(flags);
-      scope.mergeWithScope(parentScope);
-      return scope;
-    }),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    scope = _useState4[0],
-    updateScope = _useState4[1];
-  if (parentScope !== prevParentScope) {
-    var _scope = FeatureFlags$1.createScope(flags);
-    _scope.mergeWithScope(parentScope);
-    updateScope(_scope);
-    setPrevParentScope(parentScope);
-  }
-
-  // We use a custom hook to detect if any of the keys or their values change
-  // for flags that are passed in. If they have changed, then we re-create the
-  // FeatureFlagScope using the new flags
-  useChangedValue(flags, isEqual, function (changedFlags) {
-    var scope = FeatureFlags$1.createScope(changedFlags);
-    scope.mergeWithScope(parentScope);
-    updateScope(scope);
-  });
-  return /*#__PURE__*/React__default["default"].createElement(FeatureFlagContext.Provider, {
-    value: scope
-  }, children);
-}
-FeatureFlags.propTypes = {
-  children: index["default"].node,
-  /**
-   * Provide the feature flags to enabled or disabled in the current React tree
-   */
-  flags: index["default"].objectOf(index["default"].bool)
-};
-
-/**
- * This hook will store previous versions of the given `value` and compare the
- * current value to the previous one using the `compare` function. If the
- * compare function returns true, then the given `callback` is invoked in an
- * effect.
- *
- * @param {any} value
- * @param {Function} compare
- * @param {Function} callback
- */
-function useChangedValue(value, compare, callback) {
-  var initialRender = React.useRef(false);
-  var savedCallback = React.useRef(callback);
-  var _useState5 = React.useState(value),
-    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-    prevValue = _useState6[0],
-    setPrevValue = _useState6[1];
-  if (!compare(prevValue, value)) {
-    setPrevValue(value);
-  }
-  React.useEffect(function () {
-    savedCallback.current = callback;
-  });
-  React.useEffect(function () {
-    // We only want the callback triggered after the first render
-    if (initialRender.current) {
-      savedCallback.current(prevValue);
-    }
-  }, [prevValue]);
-  React.useEffect(function () {
-    initialRender.current = true;
-  }, []);
-}
-
-/**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
- */
-function useFeatureFlag(flag) {
-  var scope = React.useContext(FeatureFlagContext);
-  // console.log(scope);
-  return scope.enabled(flag);
-}
-
-/**
- * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
- */
-function useFeatureFlags() {
-  return React.useContext(FeatureFlagContext);
-}
-
-/**
- * Compare two objects and determine if they are equal. This is a shallow
- * comparison since the objects we are comparing are objects with boolean flags
- * from the flags prop in the `FeatureFlags` component
- *
- * @param {object} a
- * @param {object} b
- * @returns {boolean}
- */
-function isEqual(a, b) {
-  if (a === b) {
-    return true;
-  }
-  for (var _i = 0, _Object$keys = Object.keys(a); _i < _Object$keys.length; _i++) {
-    var key = _Object$keys[_i];
-    if (a[key] !== b[key]) {
-      return false;
-    }
-  }
-  for (var _i2 = 0, _Object$keys2 = Object.keys(b); _i2 < _Object$keys2.length; _i2++) {
-    var _key = _Object$keys2[_i2];
-    if (b[_key] !== a[_key]) {
-      return false;
-    }
-  }
-  return true;
-}
-
-exports.FeatureFlagContext = FeatureFlagContext;
-exports.FeatureFlags = FeatureFlags;
-exports.useFeatureFlag = useFeatureFlag;
-exports.useFeatureFlags = useFeatureFlags;

package/lib/feature-flags.d.ts

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