@carbon/ibm-products 2.0.0-rc.29 → 2.0.0-rc.32

package/lib/components/WebTerminal/WebTerminal.js

@@ -1,92 +1,76 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WebTerminal = void 0;
-
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../settings");
-
 var _icons = require("@carbon/react/icons");
-
 var _react2 = require("@carbon/react");
-
 var _motion = require("@carbon/motion");
-
 var _hooks = require("./hooks");
-
 var _devtools = require("../../global/js/utils/devtools");
-
 var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen"];
-
+/**
+ * Copyright IBM Corp. 2020, 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.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
+// Carbon and package components we use.
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var componentName = 'WebTerminal';
-var blockClass = "".concat(_settings.pkg.prefix, "--web-terminal"); // Default values for props
+var blockClass = "".concat(_settings.pkg.prefix, "--web-terminal");
 
+// Default values for props
 var defaults = {
   actions: Object.freeze([]),
   documentationLinks: Object.freeze([]),
   documentationLinksIconDescription: 'Show documentation links',
   isInitiallyOpen: false
 };
-
 var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var _ref3;
-
   var _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
-      children = _ref.children,
-      className = _ref.className,
-      closeIconDescription = _ref.closeIconDescription,
-      _ref$documentationLin = _ref.documentationLinks,
-      documentationLinks = _ref$documentationLin === void 0 ? defaults.documentationLinks : _ref$documentationLin,
-      _ref$documentationLin2 = _ref.documentationLinksIconDescription,
-      documentationLinksIconDescription = _ref$documentationLin2 === void 0 ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
-      _ref$isInitiallyOpen = _ref.isInitiallyOpen,
-      isInitiallyOpen = _ref$isInitiallyOpen === void 0 ? defaults.isInitiallyOpen : _ref$isInitiallyOpen,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
+    children = _ref.children,
+    className = _ref.className,
+    closeIconDescription = _ref.closeIconDescription,
+    _ref$documentationLin = _ref.documentationLinks,
+    documentationLinks = _ref$documentationLin === void 0 ? defaults.documentationLinks : _ref$documentationLin,
+    _ref$documentationLin2 = _ref.documentationLinksIconDescription,
+    documentationLinksIconDescription = _ref$documentationLin2 === void 0 ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
+    _ref$isInitiallyOpen = _ref.isInitiallyOpen,
+    isInitiallyOpen = _ref$isInitiallyOpen === void 0 ? defaults.isInitiallyOpen : _ref$isInitiallyOpen,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useWebTerminal = (0, _hooks.useWebTerminal)(),
-      open = _useWebTerminal.open,
-      closeWebTerminal = _useWebTerminal.closeWebTerminal,
-      openWebTerminal = _useWebTerminal.openWebTerminal;
-
+    open = _useWebTerminal.open,
+    closeWebTerminal = _useWebTerminal.closeWebTerminal,
+    openWebTerminal = _useWebTerminal.openWebTerminal;
   var _useState = (0, _react.useState)(open),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      shouldRender = _useState2[0],
-      setRender = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    shouldRender = _useState2[0],
+    setRender = _useState2[1];
   var _ref2 = window && window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : {
-    matches: true
-  },
-      prefersReducedMotion = _ref2.matches;
-
+      matches: true
+    },
+    prefersReducedMotion = _ref2.matches;
   var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit', " ").concat(_motion.moderate02);
   var showDocumentationLinks = (0, _react.useMemo)(function () {
     return documentationLinks.length > 0;
@@ -96,38 +80,34 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       setRender(true);
     }
   }, [open]);
+
   /**
     On render, check if user want's the web terminal to be open by default
   */
-
   (0, _react.useEffect)(function () {
     if (isInitiallyOpen) {
       openWebTerminal();
     }
   }, []); // eslint-disable-line
 
-  /** 
+  /**
     When the web terminal slide in animation is complete, sets render to false.
   */
-
   var onAnimationEnd = function onAnimationEnd() {
     if (!open) {
       setRender(false);
     }
   };
-
   var handleCloseTerminal = function handleCloseTerminal() {
-    /** 
+    /**
       If the user prefers reduced motion, we have to manually set render to false
       because onAnimationEnd will never be called.
     */
     if (prefersReducedMotion) {
       setRender(false);
     }
-
     closeWebTerminal();
   };
-
   return shouldRender ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, _objectSpread(_objectSpread({}, rest), (0, _devtools.getDevtoolsProps)(componentName)), {
     ref: ref,
     className: (0, _classnames.default)([blockClass, className, (_ref3 = {}, (0, _defineProperty2.default)(_ref3, "".concat(blockClass, "--open"), open), (0, _defineProperty2.default)(_ref3, "".concat(blockClass, "--closed"), !open), _ref3)]),
@@ -146,18 +126,18 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       }, props));
     },
     iconDescription: documentationLinksIconDescription,
-    ariaLabel: documentationLinksIconDescription,
+    "aria-label": documentationLinksIconDescription,
     menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
     size: "lg"
   }, documentationLinks.map(function (_ref4, i) {
-    var rest = (0, _extends2.default)({}, _ref4);
+    var rest = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_ref4), _ref4));
     return /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, (0, _extends2.default)({
       key: i
     }, rest));
   })), actions.map(function (_ref5) {
     var renderIcon = _ref5.renderIcon,
-        onClick = _ref5.onClick,
-        iconDescription = _ref5.iconDescription;
+      onClick = _ref5.onClick,
+      iconDescription = _ref5.iconDescription;
     return /*#__PURE__*/_react.default.createElement(_react2.Button, {
       key: iconDescription,
       hasIconOnly: true,
@@ -183,17 +163,19 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(blockClass, "__body")
   }, children)) : null;
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.WebTerminal = WebTerminal;
-exports.WebTerminal = WebTerminal = _settings.pkg.checkComponentEnabled(WebTerminal, componentName); // The display name of the component, used by React. Note that displayName
+exports.WebTerminal = WebTerminal = _settings.pkg.checkComponentEnabled(WebTerminal, componentName);
+
+// The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
+WebTerminal.displayName = componentName;
 
-WebTerminal.displayName = componentName; // The types and DocGen commentary for the component props,
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 WebTerminal.propTypes = {
   /**
    * An array of actions to be displayed in the web terminal header bar
@@ -203,32 +185,26 @@ WebTerminal.propTypes = {
     onClick: _propTypes.default.func.isRequired,
     iconDescription: _propTypes.default.string.isRequired
   })),
-
   /**
    * Provide your own terminal component as children to show up in the web terminal
    */
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
-
   /**
    * Custom classname for additional styling of the web terminal
    */
   className: _propTypes.default.string,
-
   /**
    * Icon description for the close button
    */
   closeIconDescription: _propTypes.default.string.isRequired,
-
   /**
    * Array of objects for each documentation link. Each documentation link uses the prop types of OverflowMenuItems. See more: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default
    */
   documentationLinks: _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread({}, _react2.OverflowMenuItem.propTypes))),
-
   /**
    * Description for the documentation link overflow menu tooltip
    */
   documentationLinksIconDescription: _propTypes.default.string,
-
   /**
    * Optionally pass if the web terminal should be open by default
    */

package/lib/components/WebTerminal/WebTerminalContentWrapper.js

@@ -1,55 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.WebTerminalContentWrapper = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../settings");
-
 var _hooks = require("./hooks");
-
 var _excluded = ["children"];
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
 // The block part of our conventional BEM class names (blockClass__E--M).
 var componentName = 'WebTerminalContentWrapper';
 var blockClass = "".concat(_settings.pkg.prefix, "--web-terminal-content-wrapper");
-
 var WebTerminalContentWrapper = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useWebTerminal = (0, _hooks.useWebTerminal)(),
-      open = _useWebTerminal.open;
-
+    open = _useWebTerminal.open;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref,
     className: (0, _classnames.default)([blockClass, (0, _defineProperty2.default)({}, "".concat(blockClass, "--open"), open)])
   }, rest), children);
-}); // Return a placeholder if not released and not enabled by feature flag
-
+});
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.WebTerminalContentWrapper = WebTerminalContentWrapper;
-exports.WebTerminalContentWrapper = WebTerminalContentWrapper = _settings.pkg.checkComponentEnabled(WebTerminalContentWrapper, componentName); // The display name of the component, used by React. Note that displayName
+exports.WebTerminalContentWrapper = WebTerminalContentWrapper = _settings.pkg.checkComponentEnabled(WebTerminalContentWrapper, componentName);
+
+// The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
+WebTerminalContentWrapper.displayName = componentName;
 
-WebTerminalContentWrapper.displayName = componentName; // The types and DocGen commentary for the component props,
+// The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
-
 WebTerminalContentWrapper.propTypes = {
   /**
    * Pass in content as children.

package/lib/components/WebTerminal/hooks/index.js

@@ -1,44 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useWebTerminal = exports.WebTerminalProvider = exports.WebTerminalContext = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _settings = require("../../../settings");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 //
 // Copyright IBM Corp. 2022, 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.
 //
+
 var WebTerminalContext = /*#__PURE__*/(0, _react.createContext)();
 exports.WebTerminalContext = WebTerminalContext;
 var componentName = 'WebTerminalProvider';
-
 var WebTerminalProvider = function WebTerminalProvider(_ref) {
   var children = _ref.children;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var openWebTerminal = (0, _react.useCallback)(function () {
     return setOpen(true);
   }, []);
@@ -56,9 +45,9 @@ var WebTerminalProvider = function WebTerminalProvider(_ref) {
       toggleWebTerminal: toggleWebTerminal
     }
   }, children);
-}; // Return a placeholder if not released and not enabled by feature flag
-
+};
 
+// Return a placeholder if not released and not enabled by feature flag
 exports.WebTerminalProvider = WebTerminalProvider;
 exports.WebTerminalProvider = WebTerminalProvider = _settings.pkg.checkComponentEnabled(WebTerminalProvider, componentName);
 WebTerminalProvider.propTypes = {
@@ -66,10 +55,10 @@ WebTerminalProvider.propTypes = {
    * Provide your own terminal component as children to show up in the web terminal
    */
   children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired
-}; // Custom hook that exposes the provided value from context
+};
 
+// Custom hook that exposes the provided value from context
 var useWebTerminal = function useWebTerminal() {
   return (0, _react.useContext)(WebTerminalContext);
 };
-
 exports.useWebTerminal = useWebTerminal;

package/lib/components/WebTerminal/index.js

@@ -27,9 +27,6 @@ Object.defineProperty(exports, "useWebTerminal", {
     return _hooks.useWebTerminal;
   }
 });
-
 var _WebTerminal = require("./WebTerminal");
-
 var _WebTerminalContentWrapper = require("./WebTerminalContentWrapper");
-
 var _hooks = require("./hooks");

package/lib/components/WebTerminal/preview-components/Navigation.js

@@ -1,30 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@carbon/react");
-
 var _icons = require("@carbon/react/icons");
-
 var _hooks = require("../hooks");
-
 //
 // Copyright IBM Corp. 2020, 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.
 //
+
 var Navigation = function Navigation() {
   var _useWebTerminal = (0, _hooks.useWebTerminal)(),
-      openWebTerminal = _useWebTerminal.openWebTerminal;
-
+    openWebTerminal = _useWebTerminal.openWebTerminal;
   return /*#__PURE__*/_react.default.createElement(_react2.Header, {
     "aria-label": "IBM Platform Name"
   }, /*#__PURE__*/_react.default.createElement(_react2.HeaderName, {
@@ -47,6 +41,5 @@ var Navigation = function Navigation() {
     size: 20
   }))));
 };
-
 var _default = Navigation;
 exports.default = _default;

package/lib/components/WebTerminal/preview-components/documentationLinks.js

@@ -10,6 +10,7 @@ exports.documentationLinks = void 0;
 // 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 documentationLinks = [{
   itemText: 'BX/ICP docs',
   href: '#',

package/lib/components/WebTerminal/preview-components/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "Navigation", {
     return _Navigation.default;
   }
 });
-
 var _Navigation = _interopRequireDefault(require("./Navigation"));

package/lib/components/_Canary/Canary.js

@@ -1,39 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Canary = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _packageSettings = _interopRequireDefault(require("../../global/js/package-settings"));
-
 var _react2 = require("@carbon/react");
-
 var _excluded = ["className", "componentName"];
+/**
+ * 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.
+ */
+// Import portions of React that are needed.
+// Other standard imports.
+// load the package settings direct, because Canary is used by settings.js
+// Carbon and package components we use.
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(_packageSettings.default.prefix, "--canary");
+
 /**
  *  Canary component used when the component requested is not yet production
  */
-
-var Canary = function Canary(_ref
-/*, originalArgs*/
-) {
+var Canary = function Canary(_ref /*, originalArgs*/) {
   var className = _ref.className,
-      componentName = _ref.componentName,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    componentName = _ref.componentName,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var instructions = "\nimport { pkg } from '@carbon/ibm-products';\n// NOTE: must happen before component is first used\npkg.component.".concat(componentName, " = true;\n");
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass, className)
@@ -43,12 +42,10 @@ var Canary = function Canary(_ref
     href: "https://codesandbox.io/s/example-component-olif5?file=/src/config.js"
   }, "codesandbox"), "."));
 };
-
 exports.Canary = Canary;
 Canary.propTypes = {
   /** Provide an optional class to be applied to the containing node */
   className: _propTypes.default.string,
-
   /** Name of the component that is not ready yet */
   componentName: _propTypes.default.string.isRequired
 };

package/lib/components/_Canary/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Canary", {
     return _Canary.Canary;
   }
 });
-
 var _Canary = require("./Canary");

package/lib/components/index.js

@@ -447,77 +447,40 @@ Object.defineProperty(exports, "useWebTerminal", {
     return _WebTerminal.useWebTerminal;
   }
 });
-
 var _AboutModal = require("./AboutModal");
-
 var _APIKeyModal = require("./APIKeyModal");
-
 var _Cascade = require("./Cascade");
-
 var _ComboButton = require("./ComboButton");
-
 var _CreateFullPage = require("./CreateFullPage");
-
 var _CreateModal = require("./CreateModal");
-
 var _CreateSidePanel = require("./CreateSidePanel");
-
 var _CreateTearsheet = require("./CreateTearsheet");
-
 var _CreateTearsheetNarrow = require("./CreateTearsheetNarrow");
-
 var _EmptyStates = require("./EmptyStates");
-
 var _ExportModal = require("./ExportModal");
-
 var _ExpressiveCard = require("./ExpressiveCard");
-
 var _HTTPErrors = require("./HTTPErrors");
-
 var _ImportModal = require("./ImportModal");
-
 var _MultiAddSelect = require("./MultiAddSelect");
-
 var _NotificationsPanel = require("./NotificationsPanel");
-
 var _PageHeader = require("./PageHeader");
-
 var _ProductiveCard = require("./ProductiveCard");
-
 var _RemoveModal = require("./RemoveModal");
-
 var _Saving = require("./Saving");
-
 var _SidePanel = require("./SidePanel");
-
 var _SingleAddSelect = require("./SingleAddSelect");
-
 var _StatusIcon = require("./StatusIcon");
-
 var _TagSet = require("./TagSet");
-
 var _Tearsheet = require("./Tearsheet");
-
 var _Toolbar = require("./Toolbar");
-
 var _UserProfileImage = require("./UserProfileImage");
-
 var _WebTerminal = require("./WebTerminal");
-
 var _EditSidePanel = require("./EditSidePanel");
-
 var _OptionsTile = require("./OptionsTile");
-
 var _EditInPlace = require("./EditInPlace");
-
 var _DataSpreadsheet = require("./DataSpreadsheet");
-
 var _Datagrid = require("./Datagrid");
-
 var _EditTearsheet = require("./EditTearsheet");
-
 var _EditTearsheetNarrow = require("./EditTearsheetNarrow");
-
 var _EditFullPage = require("./EditFullPage");
-
 var _EditUpdateCards = require("./EditUpdateCards");

package/lib/global/js/hooks/index.js

@@ -75,25 +75,14 @@ Object.defineProperty(exports, "useWindowScroll", {
     return _useWindowScroll.useWindowScroll;
   }
 });
-
 var _useActiveElement = require("./useActiveElement");
-
 var _useWindowScroll = require("./useWindowScroll");
-
 var _useWindowResize = require("./useWindowResize");
-
 var _useClickOutside = require("./useClickOutside");
-
 var _useCreateComponentFocus = require("./useCreateComponentFocus");
-
 var _useCreateComponentStepChange = require("./useCreateComponentStepChange");
-
 var _usePreviousValue = require("./usePreviousValue");
-
 var _useResetCreateComponent = require("./useResetCreateComponent");
-
 var _useRetrieveStepData = require("./useRetrieveStepData");
-
 var _useValidCreateStepCount = require("./useValidCreateStepCount");
-
 var _useControllableState = require("./useControllableState");