@carbon/ibm-products 2.43.2-canary.32 → 2.43.2-canary.321

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

@@ -1 +1,8 @@
-export { SidePanel } from "./SidePanel";
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { SidePanel } from './SidePanel';
+export type { SidePanelProps } from './SidePanel';

package/es/components/SidePanel/motion/variants.d.ts

@@ -16,15 +16,13 @@ export namespace overlayVariants {
     }
 }
 export namespace panelVariants {
-    export function visible_1({ shouldReduceMotion }: {
-        shouldReduceMotion: any;
-    }): {
+    export function visible_1(): {
         x: number;
         transition: {
             duration: number;
             ease: number[];
         };
-        opacity: any;
+        opacity: number;
     };
     export { visible_1 as visible };
     export function hidden_1({ placement, shouldReduceMotion }: {
@@ -32,7 +30,7 @@ export namespace panelVariants {
         shouldReduceMotion: any;
     }): {
         x: string | number;
-        opacity: any;
+        opacity: number;
     };
     export { hidden_1 as hidden };
     export function exit_1({ placement, shouldReduceMotion }: {
@@ -44,7 +42,7 @@ export namespace panelVariants {
             duration: number;
             ease: number[];
         };
-        opacity: any;
+        opacity: number;
     };
     export { exit_1 as exit };
 }

package/es/components/SidePanel/motion/variants.js

@@ -23,35 +23,34 @@ var overlayVariants = {
   }
 };
 var panelVariants = {
-  visible: function visible(_ref) {
-    var shouldReduceMotion = _ref.shouldReduceMotion;
+  visible: function visible() {
     return {
       x: 0,
       transition: {
         duration: DURATIONS.moderate02,
         ease: EASINGS.productive.standard
       },
-      opacity: shouldReduceMotion && 1
+      opacity: 1
     };
   },
-  hidden: function hidden(_ref2) {
-    var placement = _ref2.placement,
-      shouldReduceMotion = _ref2.shouldReduceMotion;
+  hidden: function hidden(_ref) {
+    var placement = _ref.placement,
+      shouldReduceMotion = _ref.shouldReduceMotion;
     return {
       x: placement === 'right' ? shouldReduceMotion ? 0 : '100%' : shouldReduceMotion ? 0 : -320,
-      opacity: shouldReduceMotion && 0
+      opacity: shouldReduceMotion ? 0 : 1
     };
   },
-  exit: function exit(_ref3) {
-    var placement = _ref3.placement,
-      shouldReduceMotion = _ref3.shouldReduceMotion;
+  exit: function exit(_ref2) {
+    var placement = _ref2.placement,
+      shouldReduceMotion = _ref2.shouldReduceMotion;
     return {
       x: placement === 'right' ? shouldReduceMotion ? 0 : '100%' : shouldReduceMotion ? 0 : -320,
       transition: {
         duration: DURATIONS.moderate01,
         ease: EASINGS.productive.exit
       },
-      opacity: shouldReduceMotion && 0
+      opacity: shouldReduceMotion ? 0 : 1
     };
   }
 };

package/es/components/SimpleHeader/SimpleHeader.d.ts

@@ -11,7 +11,7 @@ export const overflowAriaLabel_required_if_breadcrumbs_exist: (props: any, propN
  * The component will throw a warning message if neither a title or breadcrumbs are provided
  * since it requires at least one of them.
  * */
-export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, ...rest }: {
+export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, maxVisible, overflowAriaLabel, overflowTooltipAlign, ...rest }: {
     [x: string]: any;
     breadcrumbs: any;
     className: any;
@@ -19,7 +19,8 @@ export function SimpleHeader({ breadcrumbs, className, title, noTrailingSlash, m
     noTrailingSlash?: boolean | undefined;
     maxVisible: any;
     overflowAriaLabel: any;
-}): import("react/jsx-runtime").JSX.Element;
+    overflowTooltipAlign: any;
+}): React.JSX.Element;
 export namespace SimpleHeader {
     namespace propTypes {
         export let breadcrumbs: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -38,7 +39,9 @@ export namespace SimpleHeader {
         export let maxVisible: PropTypes.Requireable<number>;
         export let noTrailingSlash: PropTypes.Requireable<boolean>;
         export { overflowAriaLabel_required_if_breadcrumbs_exist as overflowAriaLabel };
+        export let overflowTooltipAlign: any;
         export let title: PropTypes.Requireable<string>;
     }
 }
+import React from 'react';
 import PropTypes from 'prop-types';

package/es/components/SimpleHeader/SimpleHeader.js

@@ -6,15 +6,16 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import React__default, { useCallback, useEffect } from 'react';
 import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';
+import { Tooltip } from '@carbon/react';
 import { BreadcrumbWithOverflow } from '../BreadcrumbWithOverflow/BreadcrumbWithOverflow.js';
 
-var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel"];
+var _excluded = ["breadcrumbs", "className", "title", "noTrailingSlash", "maxVisible", "overflowAriaLabel", "overflowTooltipAlign"];
 var blockClass = "".concat(pkg.prefix, "--simple-header");
 var componentName = 'SimpleHeader';
 /**
@@ -37,6 +38,7 @@ var SimpleHeader = function SimpleHeader(_ref) {
     noTrailingSlash = _ref$noTrailingSlash === void 0 ? true : _ref$noTrailingSlash,
     maxVisible = _ref.maxVisible,
     overflowAriaLabel = _ref.overflowAriaLabel,
+    overflowTooltipAlign = _ref.overflowTooltipAlign,
     rest = _objectWithoutProperties(_ref, _excluded);
   var warnIfNoTitleOrBreadcrumbs = useCallback(function () {
     if (!title && !(breadcrumbs !== null && breadcrumbs !== void 0 && breadcrumbs.length)) {
@@ -53,7 +55,8 @@ var SimpleHeader = function SimpleHeader(_ref) {
     className: cx("".concat(blockClass, "__breadcrumbs")),
     breadcrumbs: breadcrumbs,
     maxVisible: maxVisible,
-    overflowAriaLabel: overflowAriaLabel
+    overflowAriaLabel: overflowAriaLabel,
+    overflowTooltipAlign: overflowTooltipAlign
   }), title && /*#__PURE__*/React__default.createElement("h1", {
     className: cx("".concat(blockClass, "__title"))
   }, title));
@@ -84,6 +87,10 @@ SimpleHeader.propTypes = {
   noTrailingSlash: PropTypes.bool,
   /** Label for open/close overflow button used for breadcrumb items that do not fit */
   overflowAriaLabel: overflowAriaLabel_required_if_breadcrumbs_exist,
+  /**
+   * overflowTooltipAlign: align tooltip position
+   */
+  overflowTooltipAlign: Tooltip.propTypes.align,
   /** Header title */
   title: PropTypes.string
 };

package/es/components/SingleAddSelect/SingleAddSelect.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Entry } from '../AddSelect/types';
-interface SingleAddSelectProps {
+export interface SingleAddSelectProps {
     /**
      * optional class name
      */
@@ -69,4 +69,3 @@ interface SingleAddSelectProps {
  * Used to add or select one or more items from larger lists or hierarchies.
  */
 export declare let SingleAddSelect: React.ForwardRefExoticComponent<SingleAddSelectProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/SingleAddSelect/SingleAddSelect.js

@@ -7,11 +7,11 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import { AddSelect } from '../AddSelect/AddSelect.js';
+import PropTypes from '../../_virtual/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';
-import { AddSelect } from '../AddSelect/AddSelect.js';
 
 var componentName = 'SingleAddSelect';
 /**

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

@@ -1 +1,2 @@
-export { SingleAddSelect } from "./SingleAddSelect";
+export { SingleAddSelect } from './SingleAddSelect';
+export type { SingleAddSelectProps } from './SingleAddSelect';

package/es/components/StatusIcon/StatusIcon.d.ts

@@ -17,7 +17,7 @@ users to quickly assess and identify status and respond accordingly.
 type Size = 'sm' | 'md' | 'lg' | 'xl';
 type Theme = 'light' | 'dark';
 type Kind = 'fatal' | 'critical' | 'major-warning' | 'minor-warning' | 'undefined' | 'unknown' | 'normal' | 'info' | 'in-progress' | 'running' | 'pending';
-interface StatusIconProps extends PropsWithChildren {
+export interface StatusIconProps extends PropsWithChildren {
     /**
      * Provide an optional class to be applied to the modal root node.
      */

package/es/components/StatusIcon/StatusIcon.js

@@ -6,10 +6,10 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, InProgress, CheckmarkOutline, Pending } from '@carbon/react/icons';
 import React__default, { forwardRef } from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
-import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, InProgress, CheckmarkOutline, Pending } from '@carbon/react/icons';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 

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

@@ -1 +1,8 @@
-export { StatusIcon } from "./StatusIcon";
+/**
+ * Copyright IBM Corp. 2021, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { StatusIcon } from './StatusIcon';
+export type { StatusIconProps } from './StatusIcon';

package/es/components/StatusIndicator/StatusIndicator.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';

package/es/components/StatusIndicator/StatusIndicatorStep.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
-interface SteppedAnimatedMediaProps {
+export interface SteppedAnimatedMediaProps {
     /**
      * Optional class name for this component.
      */
@@ -23,4 +23,3 @@ interface SteppedAnimatedMediaProps {
  * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
  */
 export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -9,7 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useState, useRef, useEffect } from 'react';
 import lottie from 'lottie-web';
 import clamp from 'lodash/clamp';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
@@ -39,7 +39,7 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref
     _useState2 = _slicedToArray(_useState, 2),
     jsonData = _useState2[0],
     setJsonData = _useState2[1];
-  var animRef = useRef();
+  var animRef = useRef(undefined);
   var backupRef = useRef(null);
   var localRef = ref !== null && ref !== void 0 ? ref : backupRef;
   var localRefValue = localRef.current;

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

@@ -1 +1,8 @@
-export { SteppedAnimatedMedia } from "./SteppedAnimatedMedia";
+/**
+ * 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.
+ */
+export { SteppedAnimatedMedia } from './SteppedAnimatedMedia';
+export type { SteppedAnimatedMediaProps } from './SteppedAnimatedMedia';

package/es/components/StringFormatter/StringFormatter.js

@@ -7,19 +7,20 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from '../../node_modules/prop-types/index.js';
+import PropTypes from '../../_virtual/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { DefinitionTooltip } from '@carbon/react';
-import { StringFormatterAlignment } from './utils/enums.js';
+import { propMappingFunction, StringFormatterAlignment, deprecated_StringFormatterAlignment } from './utils/enums.js';
+import { allPropTypes } from '../../global/js/utils/props-helper.js';
 
 var _excluded = ["className", "lines", "tooltipDirection", "truncate", "width", "value"];
 var blockClass = "".concat(pkg.prefix, "--string-formatter");
 var componentName = 'StringFormatter';
 var defaults = {
   lines: 1,
-  tooltipDirection: StringFormatterAlignment.BOTTOM_LEFT,
+  tooltipDirection: StringFormatterAlignment.BOTTOM_START,
   truncate: false,
   width: null
 };
@@ -59,6 +60,16 @@ var StringFormatter = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
 });
 StringFormatter = pkg.checkComponentEnabled(StringFormatter, componentName);
 StringFormatter.displayName = componentName;
+StringFormatter.validateAlignment = function () {
+  return function (props, propName, componentName) {
+    var prop = props[propName];
+    var deprecatedAlignValues = Object.values(deprecated_StringFormatterAlignment);
+    if (deprecatedAlignValues.includes(prop)) {
+      var mappedNewProp = propMappingFunction(prop);
+      console.warn("\"".concat(prop, "\" is a deprecated value for the \"").concat(propName, "\" prop on the \"").concat(componentName, "\" component. Use \"").concat(mappedNewProp, "\" instead. Allowable values are: ").concat(Object.values(StringFormatterAlignment).join(', '), "."));
+    }
+  };
+};
 StringFormatter.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
@@ -67,7 +78,7 @@ StringFormatter.propTypes = {
   /** Number of lines to clamp value. */
   lines: PropTypes.number,
   /** Specify the direction of the tooltip. Can be either top or bottom. */
-  tooltipDirection: PropTypes.oneOf(Object.values(StringFormatterAlignment)),
+  tooltipDirection: allPropTypes([StringFormatter.validateAlignment(), PropTypes.oneOf(Object.values(deprecated_StringFormatterAlignment), Object.values(StringFormatterAlignment))]),
   /** Whether or not the value should be truncated. */
   truncate: PropTypes.bool,
   /** Value to format. */

package/es/components/StringFormatter/utils/enums.d.ts

@@ -1,4 +1,4 @@
-export namespace StringFormatterAlignment {
+export namespace deprecated_StringFormatterAlignment {
     let TOP: string;
     let TOP_LEFT: string;
     let TOP_RIGHT: string;
@@ -12,3 +12,22 @@ export namespace StringFormatterAlignment {
     let RIGHT_BOTTOM: string;
     let RIGHT_TOP: string;
 }
+export namespace StringFormatterAlignment {
+    let TOP_1: string;
+    export { TOP_1 as TOP };
+    export let TOP_START: string;
+    export let TOP_END: string;
+    let BOTTOM_1: string;
+    export { BOTTOM_1 as BOTTOM };
+    export let BOTTOM_START: string;
+    export let BOTTOM_END: string;
+    let LEFT_1: string;
+    export { LEFT_1 as LEFT };
+    export let LEFT_END: string;
+    export let LEFT_START: string;
+    let RIGHT_1: string;
+    export { RIGHT_1 as RIGHT };
+    export let RIGHT_END: string;
+    export let RIGHT_START: string;
+}
+export function propMappingFunction(deprecatedValue: any): string;

package/es/components/StringFormatter/utils/enums.js

@@ -5,7 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-var StringFormatterAlignment = {
+import { defineProperty as _defineProperty } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+
+/**
+ * Copyright IBM Corp. 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.
+ */
+
+var deprecated_StringFormatterAlignment = {
   TOP: 'top',
   TOP_LEFT: 'top-left',
   TOP_RIGHT: 'top-right',
@@ -19,5 +28,23 @@ var StringFormatterAlignment = {
   RIGHT_BOTTOM: 'right-bottom',
   RIGHT_TOP: 'right-top'
 };
+var StringFormatterAlignment = {
+  TOP: 'top',
+  TOP_START: 'top-start',
+  TOP_END: 'top-end',
+  BOTTOM: 'bottom',
+  BOTTOM_START: 'bottom-start',
+  BOTTOM_END: 'bottom-end',
+  LEFT: 'left',
+  LEFT_END: 'left-end',
+  LEFT_START: 'left-start',
+  RIGHT: 'right',
+  RIGHT_END: 'right-end',
+  RIGHT_START: 'right-start'
+};
+var propMappingFunction = function propMappingFunction(deprecatedValue) {
+  var mapping = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, deprecated_StringFormatterAlignment.TOP_LEFT, StringFormatterAlignment.TOP_START), deprecated_StringFormatterAlignment.TOP_RIGHT, StringFormatterAlignment.TOP_END), deprecated_StringFormatterAlignment.BOTTOM_LEFT, StringFormatterAlignment.BOTTOM_START), deprecated_StringFormatterAlignment.BOTTOM_RIGHT, StringFormatterAlignment.BOTTOM_END), deprecated_StringFormatterAlignment.LEFT_BOTTOM, StringFormatterAlignment.LEFT_END), deprecated_StringFormatterAlignment.LEFT_TOP, StringFormatterAlignment.LEFT_START), deprecated_StringFormatterAlignment.RIGHT_BOTTOM, StringFormatterAlignment.RIGHT_END), deprecated_StringFormatterAlignment.RIGHT_START, StringFormatterAlignment.RIGHT_START);
+  return mapping[deprecatedValue];
+};
 
-export { StringFormatterAlignment };
+export { StringFormatterAlignment, deprecated_StringFormatterAlignment, propMappingFunction };

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

@@ -1,10 +1,46 @@
 /**
- * TODO: A description of the component.
+ * Copyright IBM Corp. 2024, 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.
  */
-export let TagOverflow: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React, { ReactNode, RefObject } from 'react';
+export interface TagOverflowItem {
+    className?: string;
+    /**
+     * @deprecated The `filter` prop is no longer going to be used. To use DismissibleTags, pass in an onClose function.
+     */
+    filter?: boolean;
+    id: string;
+    label: string;
+    onClose: () => void;
+    tagType?: 'red' | 'magenta' | 'purple' | 'blue' | 'cyan' | 'teal' | 'green' | 'gray' | 'cool-gray' | 'warm-gray' | 'high-contrast' | 'outline';
+    type?: string;
+}
+export interface TagOverflowProps {
+    align?: 'start' | 'center' | 'end';
+    allTagsModalAriaLabel?: string;
+    allTagsModalSearchLabel?: string;
+    allTagsModalSearchPlaceholderText?: string;
+    allTagsModalTarget?: ReactNode;
+    allTagsModalTitle?: string;
+    autoAlign?: boolean;
+    className?: string;
+    containingElementRef?: RefObject<HTMLElement>;
+    items: TagOverflowItem[];
+    maxVisible?: number;
+    measurementOffset?: number;
+    multiline?: boolean;
+    overflowAlign?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-bottom' | 'left-top' | 'right' | 'right-bottom' | 'right-top';
+    overflowClassName?: string;
+    overflowType?: 'default' | 'tag';
+    onOverflowTagChange?: (arr: TagOverflowItem[]) => void;
+    showAllTagsLabel?: string;
+    tagComponent?: string;
+}
+export declare let TagOverflow: React.ForwardRefExoticComponent<TagOverflowProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
  * @returns null if no problems
  */
-export const string_required_if_more_than_10_tags: (props: any, propName: any, componentName: any, location: any, propFullName: any, secret: any) => any;
-import React from 'react';
+export declare const string_required_if_more_than_10_tags: (props: any, propName: any, componentName: any, location: any, propFullName: any, secret: any) => any;