@carbon/ibm-products 2.61.0 → 2.62.0-rc.0

package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.d.ts

@@ -1,60 +0,0 @@
-export namespace panelVariants {
-    function hidden(shouldReduceMotion: any): {
-        width: number;
-        overflow: string;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            when: string;
-        };
-    };
-    function visible(shouldReduceMotion: any): {
-        width: number;
-        overflow: string;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            when: string;
-        };
-    };
-}
-export namespace innerContainerVariants {
-    export function hidden_1(shouldReduceMotion: any): {
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-        };
-    };
-    export { hidden_1 as hidden };
-    export function visible_1(shouldReduceMotion: any): {
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            when: string | null;
-        };
-    };
-    export { visible_1 as visible };
-}
-export namespace actionSetVariants {
-    export function hidden_2(shouldReduceMotion: any): {
-        y: number;
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-        };
-    };
-    export { hidden_2 as hidden };
-    export function visible_2(shouldReduceMotion: any): {
-        y: number;
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            delay: number;
-        };
-    };
-    export { visible_2 as visible };
-}

package/es/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js

@@ -1,80 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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 { EASINGS, DURATIONS } from '../../../../../../global/js/utils/motionConstants.js';
-import { PANEL_WIDTH, ACTION_SET_HEIGHT } from '../constants.js';
-
-var panelVariants = {
-  hidden: function hidden(shouldReduceMotion) {
-    return {
-      width: 0,
-      overflow: 'hidden',
-      transition: {
-        duration: shouldReduceMotion ? 0 : DURATIONS.fast02,
-        ease: shouldReduceMotion ? 0 : EASINGS.productive.exit,
-        when: 'afterChildren'
-      }
-    };
-  },
-  visible: function visible(shouldReduceMotion) {
-    return {
-      width: PANEL_WIDTH,
-      overflow: 'visible',
-      transition: {
-        duration: shouldReduceMotion ? 0 : DURATIONS.moderate02,
-        ease: shouldReduceMotion ? 0 : EASINGS.productive.entrance,
-        when: 'beforeChildren'
-      }
-    };
-  }
-};
-var innerContainerVariants = {
-  hidden: function hidden(shouldReduceMotion) {
-    return {
-      opacity: 0,
-      transition: {
-        duration: shouldReduceMotion ? DURATIONS.moderate01 : DURATIONS.fast01,
-        ease: shouldReduceMotion ? 0 : EASINGS.productive.exit
-      }
-    };
-  },
-  visible: function visible(shouldReduceMotion) {
-    return {
-      opacity: 1,
-      transition: {
-        duration: shouldReduceMotion ? DURATIONS.moderate01 : DURATIONS.fast02,
-        ease: shouldReduceMotion ? 0 : EASINGS.productive.entrance,
-        when: shouldReduceMotion ? null : 'beforeChildren'
-      }
-    };
-  }
-};
-var actionSetVariants = {
-  hidden: function hidden(shouldReduceMotion) {
-    return {
-      y: shouldReduceMotion ? 0 : ACTION_SET_HEIGHT,
-      opacity: shouldReduceMotion ? 0 : 1,
-      transition: {
-        duration: shouldReduceMotion ? DURATIONS.moderate01 : DURATIONS.fast01,
-        ease: shouldReduceMotion ? 0 : EASINGS.productive.exit
-      }
-    };
-  },
-  visible: function visible(shouldReduceMotion) {
-    return {
-      y: 0,
-      opacity: 1,
-      transition: {
-        duration: shouldReduceMotion ? DURATIONS.moderate01 : DURATIONS.fast02,
-        ease: shouldReduceMotion ? 0 : EASINGS.productive.entrance,
-        delay: shouldReduceMotion ? 0.075 : 0
-      }
-    };
-  }
-};
-
-export { actionSetVariants, innerContainerVariants, panelVariants };

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

@@ -1,25 +0,0 @@
-/**
- * Copyright IBM Corp. 2023, 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 React from 'react';
-export interface SteppedAnimatedMediaProps {
-    /**
-     * Optional class name for this component.
-     */
-    className?: string;
-    /**
-     * The file path(s) to json formatted Lottie animation files.
-     */
-    filePaths: string[] | undefined;
-    /**
-     * Which animation step from the filePaths array to play.
-     */
-    playStep?: number;
-}
-/**
- * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
- */
-export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -1,146 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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 { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect } from 'react';
-import lottie from 'lottie-web';
-import PropTypes from '../../_virtual/index.js';
-import cx from 'classnames';
-import { clamp } from '../../global/js/utils/clamp.js';
-import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { pkg } from '../../settings.js';
-
-var _excluded = ["className", "playStep", "filePaths"];
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--stepped-animated-media");
-var componentName = 'SteppedAnimatedMedia';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
-// Default values for props
-var defaults = {
-  playStep: 0
-};
-/**
- * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
- */
-var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$playStep = _ref.playStep,
-    playStep = _ref$playStep === undefined ? defaults.playStep : _ref$playStep,
-    filePaths = _ref.filePaths,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    jsonData = _useState2[0],
-    setJsonData = _useState2[1];
-  var animRef = useRef(undefined);
-  var backupRef = useRef(null);
-  var localRef = ref !== null && ref !== undefined ? ref : backupRef;
-  var localRefValue = localRef.current;
-  var filePathStr = filePaths === null || filePaths === undefined ? undefined : filePaths.join(); //converting the array to string will avoid unwanted useEffect trigger.
-  // load animation source
-  useEffect(function () {
-    var isJsonFile = function isJsonFile(filePath) {
-      return filePath.includes('.json');
-    };
-    function loadArtifact() {
-      return _loadArtifact.apply(this, arguments);
-    }
-    function _loadArtifact() {
-      _loadArtifact = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var allJsonArtifacts, rawResponse, jsonResponse, fileData;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (!(filePaths && filePaths.every(isJsonFile))) {
-                _context.next = 10;
-                break;
-              }
-              allJsonArtifacts = filePaths.map(function (el) {
-                return fetch(el);
-              });
-              _context.next = 4;
-              return Promise.all(allJsonArtifacts);
-            case 4:
-              rawResponse = _context.sent;
-              jsonResponse = rawResponse.map(function (el) {
-                return el.json();
-              });
-              _context.next = 8;
-              return Promise.all(jsonResponse);
-            case 8:
-              fileData = _context.sent;
-              setJsonData(fileData);
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return _loadArtifact.apply(this, arguments);
-    }
-    loadArtifact();
-    // eslint-disable-next-line
-  }, [filePathStr]);
-  useEffect(function () {
-    var _window;
-    var prefersReducedMotion = (_window = window) !== null && _window !== undefined && _window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : true;
-    if (localRefValue) {
-      var _animRef$current;
-      (_animRef$current = animRef.current) === null || _animRef$current === undefined || _animRef$current.destroy();
-      animRef.current = lottie.loadAnimation({
-        container: localRefValue,
-        renderer: 'svg',
-        animationData: jsonData[clamp(playStep, 0, jsonData.length - 1)],
-        loop: false,
-        autoplay: false,
-        rendererSettings: {
-          preserveAspectRatio: 'xMidYMid slice'
-        }
-      });
-      if (prefersReducedMotion) {
-        var _animRef$current2;
-        (_animRef$current2 = animRef.current) === null || _animRef$current2 === undefined || _animRef$current2.goToAndStop(0);
-      } else {
-        var _animRef$current3;
-        (_animRef$current3 = animRef.current) === null || _animRef$current3 === undefined || _animRef$current3.goToAndPlay(0);
-      }
-    }
-    return function () {
-      var _animRef$current4;
-      return (_animRef$current4 = animRef.current) === null || _animRef$current4 === undefined ? undefined : _animRef$current4.destroy();
-    };
-  }, [jsonData, localRefValue, playStep]);
-  if (!jsonData) {
-    return null;
-  }
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
-    className: cx(blockClass, className),
-    role: "img",
-    ref: localRef
-  }, getDevtoolsProps(componentName)));
-});
-SteppedAnimatedMedia.displayName = componentName;
-SteppedAnimatedMedia.propTypes = {
-  /**
-   * Optional class name for this component.
-   */
-  className: PropTypes.string,
-  /**
-   * The file path(s) to json formatted Lottie animation files.
-   */
-  /**@ts-ignore*/
-  filePaths: PropTypes.arrayOf(PropTypes.string).isRequired,
-  /**
-   * Which animation step from the filePaths array to play.
-   */
-  playStep: PropTypes.number
-};
-
-export { SteppedAnimatedMedia };

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

@@ -1,8 +0,0 @@
-/**
- * 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/global/js/utils/getBezierValues.d.ts

@@ -1 +0,0 @@
-export function getBezierValues(type: string, mode: string): number[];

package/es/global/js/utils/getBezierValues.js

@@ -1,28 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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 { motion } from '@carbon/motion';
-
-/**
- * This function turns a cubic-bezier() string to an
- * array of values that we can use with framer-motion
- * @param {string} type - The carbon motion type, either 'standard', 'entrance', or 'exit'
- * @param {string} mode - The carbon motion mode, either 'productive', or 'expressive'
- */
-
-var getBezierValues = function getBezierValues(type, mode) {
-  var cubicBezier = motion(type, mode);
-  var extractStringFromParens = /\(([^)]+)\)/;
-  var desiredBezierStrings = extractStringFromParens.exec(cubicBezier)[1];
-  var formattedDesiredBezierStrings = desiredBezierStrings.trim().split(',').map(Number);
-  if (Array.isArray(formattedDesiredBezierStrings)) {
-    return formattedDesiredBezierStrings;
-  }
-  return [];
-};
-
-export { getBezierValues };

package/es/global/js/utils/motionConstants.d.ts

@@ -1,23 +0,0 @@
-export namespace DURATIONS {
-    let fast01: number;
-    let fast02: number;
-    let moderate01: number;
-    let moderate02: number;
-    let slow01: number;
-    let slow02: number;
-}
-export namespace EASINGS {
-    namespace productive {
-        let entrance: number[];
-        let standard: number[];
-        let exit: number[];
-    }
-    namespace expressive {
-        let entrance_1: number[];
-        export { entrance_1 as entrance };
-        let standard_1: number[];
-        export { standard_1 as standard };
-        let exit_1: number[];
-        export { exit_1 as exit };
-    }
-}

package/es/global/js/utils/motionConstants.js

@@ -1,39 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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 { getBezierValues } from './getBezierValues.js';
-import { moderate02, moderate01, fast02, fast01 } from '@carbon/motion';
-
-var cleanMotionValue = function cleanMotionValue(val) {
-  return parseInt(val) / 1000;
-};
-var DURATIONS = {
-  // Micro-interactions such as button and toggle
-  fast01: cleanMotionValue(fast01),
-  // '70ms'
-  // Micro-interactions such as fade
-  fast02: cleanMotionValue(fast02),
-  // '110ms'
-  // Micro-interactions, small expansion, short distance movements
-  moderate01: cleanMotionValue(moderate01),
-  // '150ms'
-  // Expansion, system communication, toast
-  moderate02: cleanMotionValue(moderate02)};
-var EASINGS = {
-  productive: {
-    entrance: getBezierValues('entrance', 'productive'),
-    standard: getBezierValues('standard', 'productive'),
-    exit: getBezierValues('exit', 'productive')
-  },
-  expressive: {
-    entrance: getBezierValues('entrance', 'expressive'),
-    standard: getBezierValues('standard', 'expressive'),
-    exit: getBezierValues('exit', 'expressive')
-  }
-};
-
-export { DURATIONS, EASINGS };

package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.d.ts

@@ -1,60 +0,0 @@
-export namespace panelVariants {
-    function hidden(shouldReduceMotion: any): {
-        width: number;
-        overflow: string;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            when: string;
-        };
-    };
-    function visible(shouldReduceMotion: any): {
-        width: number;
-        overflow: string;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            when: string;
-        };
-    };
-}
-export namespace innerContainerVariants {
-    export function hidden_1(shouldReduceMotion: any): {
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-        };
-    };
-    export { hidden_1 as hidden };
-    export function visible_1(shouldReduceMotion: any): {
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            when: string | null;
-        };
-    };
-    export { visible_1 as visible };
-}
-export namespace actionSetVariants {
-    export function hidden_2(shouldReduceMotion: any): {
-        y: number;
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-        };
-    };
-    export { hidden_2 as hidden };
-    export function visible_2(shouldReduceMotion: any): {
-        y: number;
-        opacity: number;
-        transition: {
-            duration: number;
-            ease: number | number[];
-            delay: number;
-        };
-    };
-    export { visible_2 as visible };
-}

package/lib/components/Datagrid/Datagrid/addons/Filtering/motion/variants.js

@@ -1,84 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * 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';
-
-var motionConstants = require('../../../../../../global/js/utils/motionConstants.js');
-var constants = require('../constants.js');
-
-var panelVariants = {
-  hidden: function hidden(shouldReduceMotion) {
-    return {
-      width: 0,
-      overflow: 'hidden',
-      transition: {
-        duration: shouldReduceMotion ? 0 : motionConstants.DURATIONS.fast02,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.exit,
-        when: 'afterChildren'
-      }
-    };
-  },
-  visible: function visible(shouldReduceMotion) {
-    return {
-      width: constants.PANEL_WIDTH,
-      overflow: 'visible',
-      transition: {
-        duration: shouldReduceMotion ? 0 : motionConstants.DURATIONS.moderate02,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.entrance,
-        when: 'beforeChildren'
-      }
-    };
-  }
-};
-var innerContainerVariants = {
-  hidden: function hidden(shouldReduceMotion) {
-    return {
-      opacity: 0,
-      transition: {
-        duration: shouldReduceMotion ? motionConstants.DURATIONS.moderate01 : motionConstants.DURATIONS.fast01,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.exit
-      }
-    };
-  },
-  visible: function visible(shouldReduceMotion) {
-    return {
-      opacity: 1,
-      transition: {
-        duration: shouldReduceMotion ? motionConstants.DURATIONS.moderate01 : motionConstants.DURATIONS.fast02,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.entrance,
-        when: shouldReduceMotion ? null : 'beforeChildren'
-      }
-    };
-  }
-};
-var actionSetVariants = {
-  hidden: function hidden(shouldReduceMotion) {
-    return {
-      y: shouldReduceMotion ? 0 : constants.ACTION_SET_HEIGHT,
-      opacity: shouldReduceMotion ? 0 : 1,
-      transition: {
-        duration: shouldReduceMotion ? motionConstants.DURATIONS.moderate01 : motionConstants.DURATIONS.fast01,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.exit
-      }
-    };
-  },
-  visible: function visible(shouldReduceMotion) {
-    return {
-      y: 0,
-      opacity: 1,
-      transition: {
-        duration: shouldReduceMotion ? motionConstants.DURATIONS.moderate01 : motionConstants.DURATIONS.fast02,
-        ease: shouldReduceMotion ? 0 : motionConstants.EASINGS.productive.entrance,
-        delay: shouldReduceMotion ? 0.075 : 0
-      }
-    };
-  }
-};
-
-exports.actionSetVariants = actionSetVariants;
-exports.innerContainerVariants = innerContainerVariants;
-exports.panelVariants = panelVariants;

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts

@@ -1,25 +0,0 @@
-/**
- * Copyright IBM Corp. 2023, 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 React from 'react';
-export interface SteppedAnimatedMediaProps {
-    /**
-     * Optional class name for this component.
-     */
-    className?: string;
-    /**
-     * The file path(s) to json formatted Lottie animation files.
-     */
-    filePaths: string[] | undefined;
-    /**
-     * Which animation step from the filePaths array to play.
-     */
-    playStep?: number;
-}
-/**
- * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
- */
-export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;