@carbon/ibm-products 1.64.0 → 1.66.0

package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.js

@@ -0,0 +1,83 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "title", "description"];
+/**
+ * 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.
+ */
+
+// Import portions of React that are needed.
+import React from 'react';
+
+// Other standard imports.
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { getDevtoolsProps } from '../../global/js/utils/devtools';
+import { pkg /*, carbon */ } from '../../settings';
+
+// Carbon and package components we use.
+/* TODO: @import(s) of carbon components and other package components. */
+
+// The block part of our conventional BEM class names (blockClass__E--M).
+var blockClass = "".concat(pkg.prefix, "--interstitial-screen-view-module");
+var componentName = 'InterstitialScreenViewModule';
+
+// NOTE: the component SCSS is not imported here: it is rolled up separately.
+
+// Default values can be included here and then assigned to the prop params,
+// e.g. prop = defaults.prop,
+// This gathers default values together neatly and ensures non-primitive
+// values are initialized early to avoid react making unnecessary re-renders.
+// Note that default values are not required for props that are 'required',
+// nor for props where the component can apply undefined values reasonably.
+// Default values should be provided when the component needs to make a choice
+// or assumption when a prop is not supplied.
+
+/**
+ * View module to help in building interstitial screen views.
+ */
+export var InterstitialScreenViewModule = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    title = _ref.title,
+    description = _ref.description,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("section", _extends({}, rest, {
+    className: cx(blockClass,
+    // Apply the block class to the main HTML element
+    className // Apply any supplied class names to the main HTML element.
+    ),
+
+    ref: ref
+  }, getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("h1", {
+    className: "".concat(blockClass, "--heading")
+  }, title), /*#__PURE__*/React.createElement("p", {
+    className: "".concat(blockClass, "--body")
+  }, description));
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+InterstitialScreenViewModule = pkg.checkComponentEnabled(InterstitialScreenViewModule, componentName);
+
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
+InterstitialScreenViewModule.displayName = componentName;
+
+// The types and DocGen commentary for the component props,
+// in alphabetical order (for consistency).
+// See https://www.npmjs.com/package/prop-types#usage.
+InterstitialScreenViewModule.propTypes = {
+  /**
+   * Provide an optional class to be applied to the containing node.
+   */
+  className: PropTypes.string,
+  /**
+   * The description of this component.
+   */
+  description: PropTypes.string.isRequired,
+  /**
+   * The title of this component.
+   */
+  title: PropTypes.string.isRequired
+};

package/es/components/InterstitialScreenViewModule/index.js

@@ -0,0 +1,8 @@
+/**
+ * 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 { InterstitialScreenViewModule } from './InterstitialScreenViewModule';

package/es/components/index.js

@@ -54,4 +54,7 @@ export { CoachmarkOverlayElements } from './CoachmarkOverlayElements';
 export { CoachmarkOverlayElement } from './CoachmarkOverlayElement';
 export { CoachmarkStack } from './CoachmarkStack';
 export { InlineTip, InlineTipButton, InlineTipLink } from './InlineTip';
+export { InterstitialScreen } from './InterstitialScreen';
+export { InterstitialScreenView } from './InterstitialScreenView';
+export { InterstitialScreenViewModule } from './InterstitialScreenViewModule';
 export { Checklist } from './Checklist';

package/es/global/js/package-settings.js

@@ -80,6 +80,9 @@ var defaults = {
     GuidebannerElementButton: false,
     GuidebannerElementLink: false,
     NonLinearReading: false,
+    InterstitialScreen: false,
+    InterstitialScreenView: false,
+    InterstitialScreenViewModule: false,
     Checklist: false,
     Coachmark: false,
     CoachmarkBeacon: false,
@@ -88,6 +91,7 @@ var defaults = {
     CoachmarkOverlayElement: false,
     CoachmarkOverlayElements: false,
     CoachmarkStack: false
+
     /* new component flags here - comment used by generate CLI */
   },
 

package/lib/components/Carousel/Carousel.js

@@ -197,9 +197,11 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   (0, _react.useEffect)(function () {
     function handleWheel(event) {
       // update the scroll position
-      event.stopPropagation();
-      event.preventDefault();
-      event.cancelBubble = false;
+      if (event.shiftKey) {
+        event.stopPropagation();
+        event.preventDefault();
+        event.cancelBubble = false;
+      }
     }
     var scrollDiv = scrollRef.current;
     if (scrollDiv) {

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -25,7 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* eslint-disable react/jsx-key */
 /**
- * Copyright IBM Corp. 2022, 2023
+ * Copyright IBM Corp. 2022, 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.
@@ -112,6 +112,7 @@ var FilterPanel = function FilterPanel(_ref) {
     _useShouldDisableButt2 = (0, _slicedToArray2.default)(_useShouldDisableButt, 2),
     shouldDisableButtons = _useShouldDisableButt2[0],
     setShouldDisableButtons = _useShouldDisableButt2[1];
+  var shouldReduceMotion = (0, _framerMotion.useReducedMotion)();
 
   /** Memos */
   var showActionSet = (0, _react.useMemo)(function () {
@@ -156,6 +157,7 @@ var FilterPanel = function FilterPanel(_ref) {
       }],
       className: "".concat(componentClass, "__action-set"),
       ref: actionSetRef,
+      custom: shouldReduceMotion,
       variants: _variants.actionSetVariants
     });
   };
@@ -193,8 +195,10 @@ var FilterPanel = function FilterPanel(_ref) {
     className: (0, _classnames.default)(componentClass, "".concat(componentClass, "__container"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--open"), panelOpen), (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--batch"), showActionSet), (0, _defineProperty2.default)(_cx, "".concat(componentClass, "--instant"), !showActionSet), _cx)),
     initial: false,
     animate: panelOpen ? 'visible' : 'hidden',
+    custom: shouldReduceMotion,
     variants: _variants.panelVariants
   }, /*#__PURE__*/_react.default.createElement(_framerMotion.motion.div, {
+    custom: shouldReduceMotion,
     variants: _variants.innerContainerVariants
   }, /*#__PURE__*/_react.default.createElement("header", {
     ref: filterHeadingRef,

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

@@ -6,59 +6,78 @@ Object.defineProperty(exports, "__esModule", {
 exports.panelVariants = exports.innerContainerVariants = exports.actionSetVariants = void 0;
 var _motionConstants = require("../../../../../../global/js/utils/motionConstants");
 var _constants = require("../constants");
+/**
+ * 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.
+ */
+
 var panelVariants = {
-  hidden: {
-    width: 0,
-    overflow: 'hidden',
-    transition: {
-      duration: _motionConstants.DURATIONS.fast02,
-      ease: _motionConstants.EASINGS.productive.exit,
-      when: 'afterChildren'
-    }
+  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: {
-    width: _constants.PANEL_WIDTH,
-    overflow: 'visible',
-    transition: {
-      duration: _motionConstants.DURATIONS.moderate02,
-      ease: _motionConstants.EASINGS.productive.entrance,
-      when: 'beforeChildren'
-    }
+  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'
+      }
+    };
   }
 };
 exports.panelVariants = panelVariants;
 var innerContainerVariants = {
-  hidden: {
-    opacity: 0,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast01,
-      ease: _motionConstants.EASINGS.productive.exit
-    }
+  hidden: function hidden(shouldReduceMotion) {
+    return {
+      opacity: 0,
+      transition: {
+        duration: shouldReduceMotion ? 0 : _motionConstants.DURATIONS.fast01,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.exit
+      }
+    };
   },
-  visible: {
-    opacity: 1,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast02,
-      ease: _motionConstants.EASINGS.productive.entrance,
-      when: 'beforeChildren'
-    }
+  visible: function visible(shouldReduceMotion) {
+    return {
+      opacity: 1,
+      transition: {
+        duration: shouldReduceMotion ? 0 : _motionConstants.DURATIONS.fast02,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.entrance,
+        when: 'beforeChildren'
+      }
+    };
   }
 };
 exports.innerContainerVariants = innerContainerVariants;
 var actionSetVariants = {
-  hidden: {
-    y: _constants.ACTION_SET_HEIGHT,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast01,
-      ease: _motionConstants.EASINGS.productive.exit
-    }
+  hidden: function hidden(shouldReduceMotion) {
+    return {
+      y: _constants.ACTION_SET_HEIGHT,
+      transition: {
+        duration: shouldReduceMotion ? 0 : _motionConstants.DURATIONS.fast01,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.exit
+      }
+    };
   },
-  visible: {
-    y: 0,
-    transition: {
-      duration: _motionConstants.DURATIONS.fast02,
-      ease: _motionConstants.EASINGS.productive.entrance
-    }
+  visible: function visible(shouldReduceMotion) {
+    return {
+      y: 0,
+      transition: {
+        duration: shouldReduceMotion ? 0 : _motionConstants.DURATIONS.fast02,
+        ease: shouldReduceMotion ? 0 : _motionConstants.EASINGS.productive.entrance
+      }
+    };
   }
 };
 exports.actionSetVariants = actionSetVariants;