@carbon/ibm-products 2.61.0 → 2.62.0

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -1,148 +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 _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var lottie = require('lottie-web');
-var index = require('../../_virtual/index.js');
-var cx = require('classnames');
-var clamp = require('../../global/js/utils/clamp.js');
-var devtools = require('../../global/js/utils/devtools.js');
-var settings = require('../../settings.js');
-
-var _excluded = ["className", "playStep", "filePaths"];
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(settings.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.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$playStep = _ref.playStep,
-    playStep = _ref$playStep === undefined ? defaults.playStep : _ref$playStep,
-    filePaths = _ref.filePaths,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState([]),
-    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    jsonData = _useState2[0],
-    setJsonData = _useState2[1];
-  var animRef = React.useRef(undefined);
-  var backupRef = React.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
-  React.useEffect(function () {
-    var isJsonFile = function isJsonFile(filePath) {
-      return filePath.includes('.json');
-    };
-    function loadArtifact() {
-      return _loadArtifact.apply(this, arguments);
-    }
-    function _loadArtifact() {
-      _loadArtifact = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee() {
-        var allJsonArtifacts, rawResponse, jsonResponse, fileData;
-        return _rollupPluginBabelHelpers.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]);
-  React.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.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.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
-    className: cx(blockClass, className),
-    role: "img",
-    ref: localRef
-  }, devtools.getDevtoolsProps(componentName)));
-});
-SteppedAnimatedMedia.displayName = componentName;
-SteppedAnimatedMedia.propTypes = {
-  /**
-   * Optional class name for this component.
-   */
-  className: index.default.string,
-  /**
-   * The file path(s) to json formatted Lottie animation files.
-   */
-  /**@ts-ignore*/
-  filePaths: index.default.arrayOf(index.default.string).isRequired,
-  /**
-   * Which animation step from the filePaths array to play.
-   */
-  playStep: index.default.number
-};
-
-exports.SteppedAnimatedMedia = SteppedAnimatedMedia;

package/lib/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/lib/global/js/utils/getBezierValues.d.ts

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

package/lib/global/js/utils/getBezierValues.js

@@ -1,30 +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 carbonMotion = require('@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 = carbonMotion.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 [];
-};
-
-exports.getBezierValues = getBezierValues;

package/lib/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/lib/global/js/utils/motionConstants.js

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