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

package/lib/global/js/utils/wrapFocus.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.elementOrParentIsFloatingMenu = elementOrParentIsFloatingMenu;
-
-var _keyboardNavigation = require("./keyboardNavigation");
-
-var _settings = require("../../../settings");
-
-/**
- * Copyright IBM Corp. 2020
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-/**
- * @param {Node} node A DOM node.
- * @param {string[]} selectorsFloatingMenus The CSS selectors that matches floating menus.
- * @returns {boolean} `true` of the given `node` is in a floating menu.
- */
-function elementOrParentIsFloatingMenu(node) {
-  var selectorsFloatingMenus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [".".concat(_settings.carbon.prefix, "--overflow-menu-options"), ".".concat(_settings.carbon.prefix, "--tooltip"), '.flatpickr-calendar'];
-
-  if (node && typeof node.closest === 'function') {
-    return selectorsFloatingMenus.some(function (selector) {
-      return node.closest(selector);
-    });
-  }
-}
-/**
- * Ensures the focus is kept in the given `modalNode`, implementing "focus-wrap" behavior.
- * @param {object} options The options.
- * @param {Node} options.bodyNode The DOM node of the inner modal.
- * @param {Node} options.startTrapNode The DOM node of the focus sentinel the is placed earlier next to `modalNode`.
- * @param {Node} options.endTrapNode The DOM node of the focus sentinel the is placed next to `modalNode`.
- * @param {Node} options.currentActiveNode The DOM node that has focus.
- * @param {Node} options.oldActiveNode The DOM node that previously had focus.
- * @param {Node} [options.selectorsFloatingMenus] The CSS selectors that matches floating menus
- */
-
-
-function wrapFocus(_ref) {
-  var bodyNode = _ref.bodyNode,
-      startTrapNode = _ref.startTrapNode,
-      endTrapNode = _ref.endTrapNode,
-      currentActiveNode = _ref.currentActiveNode,
-      oldActiveNode = _ref.oldActiveNode,
-      selectorsFloatingMenus = _ref.selectorsFloatingMenus;
-
-  if (bodyNode && currentActiveNode && oldActiveNode && !bodyNode.contains(currentActiveNode) && !elementOrParentIsFloatingMenu(currentActiveNode, selectorsFloatingMenus)) {
-    var comparisonResult = oldActiveNode.compareDocumentPosition(currentActiveNode);
-
-    if (currentActiveNode === startTrapNode || comparisonResult & _keyboardNavigation.DOCUMENT_POSITION_BROAD_PRECEDING) {
-      var arrayNodes = Array.from(bodyNode.querySelectorAll(_keyboardNavigation.selectorTabbable));
-      arrayNodes.reverse();
-      var tabbable = arrayNodes.find(function (elem) {
-        return Boolean(elem.offsetParent);
-      });
-
-      if (tabbable) {
-        tabbable.focus();
-      } else if (bodyNode !== oldActiveNode) {
-        bodyNode.focus();
-      }
-    } else if (currentActiveNode === endTrapNode || comparisonResult & _keyboardNavigation.DOCUMENT_POSITION_BROAD_FOLLOWING) {
-      var _tabbable = Array.prototype.find.call(bodyNode.querySelectorAll(_keyboardNavigation.selectorTabbable), function (elem) {
-        return Boolean(elem.offsetParent);
-      });
-
-      if (_tabbable) {
-        _tabbable.focus();
-      } else if (bodyNode !== oldActiveNode) {
-        bodyNode.focus();
-      }
-    }
-  }
-}
-
-var _default = wrapFocus;
-exports.default = _default;

package/lib/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  pkg: true
-};
-Object.defineProperty(exports, "pkg", {
-  enumerable: true,
-  get: function get() {
-    return _settings.pkg;
-  }
-});
-
-var _settings = require("./settings");
-
-var _components = require("./components");
-
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _components[key];
-    }
-  });
-});

package/lib/settings.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pkg = exports.carbon = void 0;
-
-var _Canary = require("./components/_Canary");
-
-var _packageSettings = _interopRequireDefault(require("./global/js/package-settings"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _themes = require("@carbon/themes");
-
-var _pconsole = _interopRequireDefault(require("./global/js/utils/pconsole"));
-
-var carbon = {
-  get themes() {
-    return _themes.themes;
-  },
-
-  prefix: 'cds'
-};
-exports.carbon = carbon;
-
-var componentDeprecatedWarning = function componentDeprecatedWarning(name, details) {
-  return "Carbon for IBM Products (WARNING): Component \"".concat(name, "\" is deprecated. ").concat(details);
-};
-
-_packageSettings.default.logDeprecated = function (component, name) {
-  if (component !== null && component !== void 0 && component.deprecated) {
-    var _pconsole$level;
-
-    var _component$deprecated = component.deprecated,
-        level = _component$deprecated.level,
-        details = _component$deprecated.details;
-    var logUsing = (_pconsole$level = _pconsole.default === null || _pconsole.default === void 0 ? void 0 : _pconsole.default[level]) !== null && _pconsole$level !== void 0 ? _pconsole$level : _pconsole.default.error;
-    logUsing(componentDeprecatedWarning(name || component.displayName, details));
-  }
-}; // Check that a component is enabled. This function returns a stub which checks
-// the component status on first use and then renders as the component or as
-// a Canary placeholder initialized with the name of the replaced component.
-// Note that the returned stub carries any other properties which had already
-// been assigned (eg propTypes, displayName, etc).
-
-
-_packageSettings.default.checkComponentEnabled = function (component, name) {
-  if (component.render) {
-    // The component is a forward-ref, so make a stub forward-ref.
-    var forward = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-      _packageSettings.default.logDeprecated(component, name); // may log don't care about result
-      // Replace the stub's render fn so this test only happens once.
-
-
-      return (forward.render = _packageSettings.default.isComponentEnabled(name) || !_packageSettings.default.isComponentPublic(name) ? // If the component is enabled, or if it's not a public component,
-      // replace the stub's render fn with the component's render fn.
-      component.render : // Note that Canary is a direct render fn (not a forward-ref) and
-      // will ignore the passed props and ref (if any)
-      _Canary.Canary.bind(undefined, {
-        componentName: name
-      }))( // Call it now (after this it will be directly called).
-      props, ref);
-    }); // Transfer object properties already assigned (eg propTypes, displayName)
-    // then merge in the stub forward-ref which checks the component status
-    // when first used.
-
-
-    return Object.assign({}, component, forward);
-  } else {
-    // The component is a direct render fn, so make a stub render fn.
-    var _render = function render(props) {
-      _packageSettings.default.logDeprecated(component, name); // may log don't care about result
-      // Replace the stub render fn so this test only happens once.
-
-
-      return (_render = _packageSettings.default.isComponentEnabled(name) || !_packageSettings.default.isComponentPublic(name) ? // If the component is enabled, or if it's not a public component,
-      // replace the stub render fn with the component render fn.
-      component : // Replace the stub render fn with the Canary render fn, which will
-      // ignore the passed props.
-      _Canary.Canary.bind(undefined, {
-        componentName: name
-      }))( // Call it now (after this it will be directly called).
-      props);
-    }; // Transfer object properties already assigned (eg propTypes, displayName)
-    // to a function which calls the stub render fn which checks the component
-    // status when first used.
-
-
-    return Object.assign(function (props) {
-      return _render(props);
-    }, component);
-  }
-};
-
-var pkg = _packageSettings.default;
-exports.pkg = pkg;

package/scss/components/APIKeyModal/_api-key-modal.scss

@@ -1,52 +0,0 @@
-//
-// 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.
-//
-
-// Standard imports.
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/components/button/tokens' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/type';
-@use '../../global/styles/project-settings' as c4p-settings;
-
-$block-class: #{c4p-settings.$pkg-prefix}--apikey-modal;
-
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--modal-close {
-  display: none;
-}
-
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--inline-loading {
-  min-height: 3rem; // increasing the height from 2 to 3 resolves an issue where the scroll bar bounces
-}
-
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--modal-content {
-  padding-right: $spacing-05;
-}
-
-.#{$block-class}__body {
-  padding-right: calc(20% - #{$spacing-05});
-  margin-bottom: $spacing-05;
-}
-
-.#{$block-class}__messaging {
-  display: flex;
-  padding-right: calc(20% - #{$spacing-05});
-  margin-top: $spacing-03;
-}
-
-.#{$block-class}__messaging-text {
-  flex: 1;
-  margin-left: $spacing-03;
-  @include type.type-style('label-01');
-}
-
-.#{$block-class}__messaging-text > * {
-  font: inherit;
-}
-
-.#{$block-class}__error-icon svg {
-  fill: $button-danger-primary;
-}

package/scss/components/APIKeyModal/_carbon-imports.scss

@@ -1,15 +0,0 @@
-//
-// 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.
-//
-
-// APIKeyModal uses the following Carbon components:
-// ComposedModal, ModalHeader, ModalFooter, ModalBody, TextInput,
-// InlineLoading, Form, Button
-@use '@carbon/react/scss/components/modal';
-@use '@carbon/react/scss/components/text-input';
-@use '@carbon/react/scss/components/inline-loading';
-@use '@carbon/react/scss/components/form';
-@use '@carbon/react/scss/components/button';

package/scss/components/APIKeyModal/_index-with-carbon.scss

@@ -1,9 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 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.
-//
-
-@use './carbon-imports';
-@use './api-key-modal';

package/scss/components/APIKeyModal/_index.scss

@@ -1,10 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 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.
-//
-
-// An index file is most useful when you have multiple components
-
-@use './api-key-modal';

package/scss/components/APIKeyModal/_storybook-styles.scss

@@ -1,35 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 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.
-//
-
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-
-$block-class: #{c4p-settings.$pkg-prefix}--apikey-modal;
-
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--radio-button-wrapper {
-  margin-bottom: $spacing-02;
-}
-
-.#{$block-class}__permissions.#{c4p-settings.$carbon-prefix}--fieldset {
-  margin-top: $spacing-05;
-  margin-bottom: 0;
-}
-
-.#{$block-class}__resource-toggle.#{c4p-settings.$carbon-prefix}--fieldset {
-  margin-top: 0;
-  margin-bottom: $spacing-05;
-}
-
-.#{$block-class}__resource-name.#{c4p-settings.$carbon-prefix}--fieldset {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.#{$block-class}__button-loading.#{c4p-settings.$carbon-prefix}--btn--primary {
-  background: $link-secondary;
-}

package/scss/components/AboutModal/_about-modal.scss

@@ -1,110 +0,0 @@
-//
-// 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.
-//
-
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/type';
-@use '@carbon/type/scss/font-family' as *;
-
-// Standard imports.
-@use '../../global/styles/project-settings' as c4p-settings;
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-$block-class: #{c4p-settings.$pkg-prefix}--about-modal;
-
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--modal-container {
-  grid-template-rows: auto auto 1fr auto;
-}
-
-.#{$block-class} .#{$block-class}__logo {
-  margin: $spacing-05 $spacing-05 $spacing-07 $spacing-05;
-}
-
-.#{$block-class} .#{$block-class}__header {
-  padding: 0 20% 0 $spacing-05;
-  margin-bottom: 0;
-  grid-row: auto;
-}
-
-.#{$block-class} .#{$block-class}__title {
-  @include type.type-style('heading-04');
-
-  color: $text-primary;
-}
-
-.#{$block-class} .#{$block-class}__body {
-  @include type.type-style('body-compact-02');
-
-  min-height: $spacing-10;
-  padding: 0 20% 0 $spacing-05;
-  margin-bottom: $spacing-06;
-  grid-row: auto;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-
-.#{$block-class}
-  .#{c4p-settings.$carbon-prefix}--modal-content--overflow-indicator {
-  bottom: #{$spacing-06};
-  background-image: linear-gradient(to bottom, #00000000, $layer-01);
-}
-
-.#{$block-class} .#{$block-class}__links-container {
-  @include type.type-style('body-compact-01');
-
-  margin-top: $spacing-06;
-}
-
-.#{$block-class} .#{$block-class}__version {
-  color: $text-secondary;
-}
-
-.#{$block-class} .#{$block-class}__links-container a + a {
-  padding-left: $spacing-03;
-  border-left: 1px solid $border-strong-01;
-  margin-left: $spacing-03;
-}
-
-.#{$block-class} .#{$block-class}__content,
-.#{$block-class} .#{$block-class}__copyright-text {
-  @include type.type-style('label-01');
-
-  margin-top: $spacing-06;
-  margin-bottom: 0;
-  color: $text-secondary;
-}
-
-.#{$block-class} .#{$block-class}__copyright-text {
-  margin-top: $spacing-05;
-}
-
-p.c4p--about-modal__content:first-child,
-p.c4p--about-modal__copyright-text:first-child {
-  margin-top: $spacing-07;
-}
-
-.#{$block-class} .#{$block-class}__footer {
-  position: relative;
-  height: calc(
-    #{$spacing-05} + #{$spacing-02} + #{$spacing-06} + #{$spacing-07}
-  );
-  flex-direction: column;
-  justify-content: center;
-  background-color: $layer-02;
-}
-
-.#{$block-class} .#{$block-class}__footer-label {
-  @include type.type-style('label-01');
-
-  padding: $spacing-05 0 0 $spacing-05;
-  margin-bottom: $spacing-02;
-  color: $text-secondary;
-}
-
-.#{$block-class} .#{$block-class}__footer-content {
-  padding: 0 0 $spacing-05 $spacing-05;
-}

package/scss/components/AboutModal/_carbon-imports.scss

@@ -1,11 +0,0 @@
-//
-// 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.
-//
-
-// AboutModal uses the following Carbon components:
-// ComposedModal, ModalHeader, ModalFooter, ModalBody, Tabs, Tab
-@use '@carbon/react/scss/components/modal';
-@use '@carbon/react/scss/components/tabs';

package/scss/components/AboutModal/_index-with-carbon.scss

@@ -1,9 +0,0 @@
-//
-// 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.
-//
-
-@use './carbon-imports';
-@use './about-modal';

package/scss/components/AboutModal/_index.scss

@@ -1,8 +0,0 @@
-//
-// 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.
-//
-
-@use './about-modal';

package/scss/components/AboutModal/_storybook-styles.scss

@@ -1,22 +0,0 @@
-//
-// 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.
-//
-
-@use '../../global/styles/project-settings' as *;
-@use '@carbon/styles/scss/spacing' as *;
-
-// Standard imports.
-@use '../../global/styles/project-settings' as c4p-settings;
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-$block-class: #{c4p-settings.$pkg-prefix}--about-modal;
-
-.#{$block-class}__stories--tech-logo {
-  width: $spacing-06;
-  height: $spacing-06;
-  margin-right: $spacing-03;
-  object-fit: contain;
-}

package/scss/components/ActionBar/_action-bar.scss

@@ -1,51 +0,0 @@
-//
-// 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.
-//
-
-// Standard imports.
-@use '@carbon/styles/scss/spacing' as *;
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '../../global/styles/mixins' as *;
-
-$_block-class: #{c4p-settings.$pkg-prefix}--action-bar;
-$block-class-overflow-items: #{$_block-class}-overflow-items;
-
-@include block-wrap($block-class: $_block-class) {
-  &.#{$_block-class} {
-    display: block;
-  }
-
-  .#{$_block-class}__displayed-items {
-    display: inline-flex;
-    width: 100%;
-    white-space: nowrap;
-  }
-
-  .#{$_block-class}__displayed-items--right {
-    justify-content: flex-end;
-  }
-
-  .#{$_block-class}__hidden-sizing-items {
-    // This breadcrumb container is used to measure the width of all displayable breadcrumbs
-    @include measuring-container;
-  }
-}
-
-@include block-wrap($block-class: $block-class-overflow-items + '__options') {
-  .#{$block-class-overflow-items}__item {
-    padding: 0 $spacing-03;
-  }
-
-  .#{$block-class-overflow-items}__item-content {
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-  }
-
-  .#{$block-class-overflow-items}__item svg {
-    margin: 0 $spacing-02;
-  }
-}

package/scss/components/ActionBar/_carbon-imports.scss

@@ -1,11 +0,0 @@
-//
-// 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.
-//
-
-// ActionBar uses the following Carbon components:
-// Button, OverflowMenu, OverflowMenuItem
-@use '@carbon/react/scss/components/button';
-@use '@carbon/react/scss/components/overflow-menu';

package/scss/components/ActionBar/_index-with-carbon.scss

@@ -1,9 +0,0 @@
-//
-// 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.
-//
-
-@use './carbon-imports';
-@use './action-bar';

package/scss/components/ActionBar/_index.scss

@@ -1,8 +0,0 @@
-//
-// 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.
-//
-
-@use './action-bar';

package/scss/components/ActionBar/_storybook-styles.scss

@@ -1,8 +0,0 @@
-//
-// 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.
-//
-
-@use '../../global/styles/display-box' as *;