@carbon/ibm-products 2.43.2-canary.3 → 2.43.2-canary.300

package/lib/components/OptionsTile/OptionsTile.js

@@ -7,24 +7,20 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var carbonMotion = require('@carbon/motion');
+var icons = require('@carbon/react/icons');
+var react = require('@carbon/react');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
-var react = require('@carbon/react');
-var icons = require('@carbon/react/icons');
-var carbonMotion = require('@carbon/motion');
+var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var useControllableState = require('../../global/js/hooks/useControllableState.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -37,13 +33,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var carbonMotion__namespace = /*#__PURE__*/_interopNamespace(carbonMotion);
+var carbonMotion__namespace = /*#__PURE__*/_interopNamespaceDefault(carbonMotion);
 
 var _Locked;
 var _excluded = ["children", "className", "enabled", "invalid", "invalidText", "locked", "lockedText", "onChange", "onToggle", "open", "size", "summary", "title", "titleId", "warn", "warnText"];
@@ -53,7 +47,7 @@ var componentName = 'OptionsTile';
 var defaults = {
   size: 'lg'
 };
-exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.OptionsTile = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     enabled = _ref.enabled,
@@ -93,15 +87,13 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     setIsOpen = _useControllableState2[1];
   var detailsRef = React.useRef(null);
   var contentRef = React.useRef(null);
-  var id = uuidv4["default"]();
+  var id = uuidv4.default();
   var titleId = userDefinedTitleId !== null && userDefinedTitleId !== void 0 ? userDefinedTitleId : "".concat(id, "-title");
   var isExpandable = children !== undefined;
   var isInvalid = invalid;
   var isWarn = !isInvalid && warn;
   var isLocked = !isInvalid && !isWarn && locked;
-  var reducedMotion = window && window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : {
-    matches: true
-  };
+  var shouldReduceMotion = usePrefersReducedMotion.default();
   if (open !== prevIsOpen) {
     if (isOpen && !open) {
       collapse();
@@ -111,7 +103,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     setPrevIsOpen(open);
   }
   function expand() {
-    if (detailsRef.current && contentRef.current && !reducedMotion.matches) {
+    if (detailsRef.current && contentRef.current && !shouldReduceMotion) {
       setIsOpen(true);
       detailsRef.current.open = true;
       var _getComputedStyle = getComputedStyle(contentRef.current),
@@ -140,7 +132,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     }
   }
   function collapse() {
-    if (contentRef.current && !reducedMotion.matches) {
+    if (contentRef.current && !shouldReduceMotion) {
       setClosing(true);
       var _getComputedStyle2 = getComputedStyle(contentRef.current),
         paddingTop = _getComputedStyle2.paddingTop,
@@ -192,6 +184,12 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     var Icon = null;
     var text = summary;
     var summaryClasses = ["".concat(blockClass, "__summary")];
+    if (closing) {
+      summaryClasses.push("".concat(blockClass, "__summary--closing"));
+    }
+    if (isOpen) {
+      summaryClasses.push("".concat(blockClass, "__summary--open"));
+    }
     if (invalid) {
       Icon = icons.WarningFilled;
       text = invalidText;
@@ -212,26 +210,26 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     if (summaryHidden) {
       summaryClasses.push("".concat(blockClass, "__summary--hidden"));
     }
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__heading")
-    }, /*#__PURE__*/React__default["default"].createElement("h6", {
+    }, /*#__PURE__*/React.createElement("h6", {
       id: titleId,
       className: "".concat(blockClass, "__title")
-    }, title), text && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: cx__default["default"](summaryClasses),
+    }, title), text && /*#__PURE__*/React.createElement("span", {
+      className: cx(summaryClasses),
       "aria-hidden": summaryHidden
-    }, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, {
+    }, Icon && /*#__PURE__*/React.createElement(Icon, {
       size: 16
-    }), /*#__PURE__*/React__default["default"].createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(blockClass, "__summary-text")
     }, text)));
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--closing"), closing)),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--closing"), closing)),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), enabled !== undefined && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), enabled !== undefined && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__toggle-container")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Toggle, {
+  }, /*#__PURE__*/React.createElement(react.Toggle, {
     id: "".concat(titleId, "-toggle"),
     className: "".concat(blockClass, "__toggle"),
     toggled: enabled,
@@ -240,7 +238,7 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
     onToggle: onToggle,
     size: "sm",
     disabled: isLocked
-  })), isExpandable ? /*#__PURE__*/React__default["default"].createElement("details", {
+  })), isExpandable ? /*#__PURE__*/React.createElement("details", {
     open: isOpen,
     ref: detailsRef
   },
@@ -250,20 +248,20 @@ exports.OptionsTile = /*#__PURE__*/React__default["default"].forwardRef(function
    * https://github.com/A11yance/axobject-query/issues/319
    */
   /* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-  React__default["default"].createElement("summary", {
+  React.createElement("summary", {
     className: "".concat(blockClass, "__header"),
     onClick: toggle
-  }, /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
+  }, /*#__PURE__*/React.createElement(icons.ChevronDown, {
     size: 16,
-    className: "".concat(blockClass, "__chevron")
-  }), renderTitle()), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: cx("".concat(blockClass, "__chevron"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__chevron--open"), isOpen), "".concat(blockClass, "__chevron--closing"), closing))
+  }), renderTitle()), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content"),
     ref: contentRef
-  }, /*#__PURE__*/React__default["default"].createElement(react.Layer, null, isLocked && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, /*#__PURE__*/React.createElement(react.Layer, null, isLocked && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__locked-text")
-  }, _Locked || (_Locked = /*#__PURE__*/React__default["default"].createElement(icons.Locked, {
+  }, _Locked || (_Locked = /*#__PURE__*/React.createElement(icons.Locked, {
     size: 16
-  })), lockedText), children))) : /*#__PURE__*/React__default["default"].createElement("div", {
+  })), lockedText), children))) : /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__static-content")
   }, renderTitle()));
 });
@@ -283,70 +281,68 @@ exports.OptionsTile.propTypes = {
    * Provide content to render as expandable OptionsTile. If no children
    * are present, the OptionsTile will render as its variant.
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Whether the toggle is enabled or disabled. If nothing is passed,
    * no toggle will be rendered.
    */
-  enabled: index["default"].bool,
+  enabled: index.default.bool,
   /**
    * Whether the OptionsTile is in invalid validation state.
    */
-  invalid: index["default"].bool,
+  invalid: index.default.bool,
   /**
    * Provide a text explaining why the OptionsTile is in invalid state.
    */
-  invalidText: index["default"].string,
+  invalidText: index.default.string,
   /**
    * Whether the OptionsTile is in locked validation state.
    */
-  locked: index["default"].bool,
+  locked: index.default.bool,
   /**
    * Provide a text explaining why the OptionsTile is in locked state.
    */
-  lockedText: index["default"].string,
+  lockedText: index.default.string,
   /**
    * Provide a function which will be called each time the user
    * toggles the open state of the OptionsTile.
    */
-  onChange: index["default"].func,
+  onChange: index.default.func,
   /**
    * Provide a function which will be called each time the user
    * interacts with the toggle.
    */
-  /**@ts-ignore*/
-  onToggle: index["default"].func,
+  onToggle: index.default.func,
   /**
    * Whether the OptionsTile is in open state.
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * Define the size of the OptionsTile.
    */
-  /**@ts-ignore*/
-  size: index["default"].oneOf(['lg', 'xl']),
+  size: index.default.oneOf(['lg', 'xl']),
   /**
    * Optionally provide a text summarizing the current state of the content.
    */
-  summary: index["default"].string,
+  summary: index.default.string,
   /**
    * Provide the title for this OptionsTile.
    */
-  title: index["default"].string.isRequired,
+  title: index.default.string.isRequired,
   /**
    * Optionally provide an id which should be used for the title.
    */
-  titleId: index["default"].string,
+  titleId: index.default.string,
   /**
    * Whether the OptionsTile is in warning validation state.
    */
-  warn: index["default"].bool,
+  warn: index.default.bool,
   /**
    * Provide a text explaining why the OptionsTile is in warning state.
    */
-  warnText: index["default"].string
+  warnText: index.default.string
 };

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

@@ -1 +1,8 @@
-export { OptionsTile } from "./OptionsTile";
+/**
+ * Copyright IBM Corp. 2021, 2022
+ *
+ * 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 { OptionsTile } from './OptionsTile';
+export type { OptionsTileProps } from './OptionsTile';

package/lib/components/PageHeader/PageHeader.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { PropsWithChildren, ReactNode } from 'react';
 import { Tag } from '@carbon/react';
 import { ButtonProps, PopoverAlignment, TagProps } from '@carbon/type';
+import React, { PropsWithChildren, ReactNode } from 'react';
 interface ActionBarItem extends ButtonProps {
     iconDescription: string;
     onClick: () => void;
@@ -284,7 +284,7 @@ interface PageHeaderBaseProps extends PropsWithChildren {
      */
     hasBackgroundAlways?: boolean;
 }
-type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
+export type PageHeaderProps = PageHeaderBaseProps & PageActionProps & CollapseHeaderProps & BreadcrumbProps & ActionBarOverflowAriaLabelProps;
 export declare let PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {
     /**