@carbon/ibmdotcom-web-components 1.32.0-rc.0 → 1.32.0-rc.2

package/es/components-react/tabs-extended-media/tabs-extended-media.js

@@ -0,0 +1,34 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+import { descriptor as parentDescriptor } from '../tabs-extended/tabs-extended.js';
+import { propTypes as parentPropTypes } from '../tabs-extended/tabs-extended.js';
+export { default as CustomElement } from '../../components/tabs-extended-media/tabs-extended-media.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = Object.assign({}, parentDescriptor, {
+  sectionHeading: {
+    attribute: 'section-heading',
+  },
+});
+export var propTypes = {
+  /**
+   * `true` if section heading should be shown.
+   */
+  sectionHeading: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-tabs-extended-media'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/tag-group/tag-group.js

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+export { default as CustomElement } from '../../components/tag-group/tag-group.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {};
+export var propTypes = {};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-tag-group'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/tag-link/tag-link.js

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+export { default as CustomElement } from '../../components/tag-link/tag-link.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  href: {},
+  hreflang: {},
+  linkRole: {
+    attribute: 'link-role',
+  },
+  ping: {},
+  rel: {},
+  target: {},
+};
+export var propTypes = {
+  /**
+   * Link `href`.
+   */
+  href: PropTypes.string,
+  /**
+   * The language of what `href` points to.
+   */
+  hreflang: PropTypes.string,
+  /**
+   * The a11y role for `<a>`.
+   */
+  linkRole: PropTypes.string,
+  /**
+   * URLs to ping.
+   */
+  ping: PropTypes.string,
+  /**
+   * The link type.
+   */
+  rel: PropTypes.string,
+  /**
+   * The link target.
+   */
+  target: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-tag-link'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/universal-banner/universal-banner-copy.js

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+import { descriptor as parentDescriptor } from '../markdown/markdown.js';
+import { propTypes as parentPropTypes } from '../markdown/markdown.js';
+export { default as CustomElement } from '../../components/universal-banner/universal-banner-copy.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = Object.assign({}, parentDescriptor, {
+  slot: {},
+});
+export var propTypes = {
+  slot: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-universal-banner-copy'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/universal-banner/universal-banner-heading.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+export { default as CustomElement } from '../../components/universal-banner/universal-banner-heading.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  slot: {},
+};
+export var propTypes = {
+  /**
+   * The shadow slot this logo UI should be in.
+   */
+  slot: PropTypes.string,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-universal-banner-heading'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/universal-banner/universal-banner-image.js

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+import { descriptor as parentDescriptor } from '../image/image.js';
+import { propTypes as parentPropTypes } from '../image/image.js';
+export { default as CustomElement } from '../../components/universal-banner/universal-banner-image.js';
+import createReactCustomElementType from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = Object.assign({}, parentDescriptor, {});
+export var propTypes = {};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-universal-banner-image'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/universal-banner/universal-banner.js

@@ -0,0 +1,57 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+export { default as CustomElement } from '../../components/universal-banner/universal-banner.js';
+import createReactCustomElementType, {
+  booleanSerializer,
+} from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  buttonHref: {},
+  ctaType: {},
+  hasImage: {
+    serialize: booleanSerializer,
+    attribute: 'has-image',
+  },
+  imageWidth: {
+    attribute: 'image-width',
+  },
+  _shouldRenderAsLink: {
+    serialize: booleanSerializer,
+  },
+};
+export var propTypes = {
+  /**
+   * Saves the button CTA's href to use in link-with-icon for the small breakpoint
+   */
+  buttonHref: PropTypes.string,
+  /**
+   * Saves the button CTA's type to properly set the icon at `sm` and `md` breakpoints.
+   */
+  ctaType: PropTypes.string,
+  /**
+   * `true` if there is an image.
+   */
+  hasImage: PropTypes.bool,
+  /**
+   * Grid media options to display image.
+   * Available options are either '4-col' or '8-col'.
+   */
+  imageWidth: PropTypes.string,
+  _shouldRenderAsLink: PropTypes.bool,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-universal-banner'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/es/components-react/video-player/video-player.js

@@ -0,0 +1,134 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+export {
+  VIDEO_PLAYER_CONTENT_STATE,
+  VIDEO_PLAYER_PLAYING_MODE,
+} from '././defs.js';
+export { default as CustomElement } from '../../components/video-player/video-player.js';
+import createReactCustomElementType, {
+  numberSerializer,
+  booleanSerializer,
+} from '@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js';
+import PropTypes from 'prop-types';
+import settings from 'carbon-components/es/globals/js/settings.js';
+import ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';
+var prefix = settings.prefix;
+var ddsPrefix = ddsSettings.stablePrefix;
+export var descriptor = {
+  playingMode: {
+    attribute: 'playing-mode',
+  },
+  contentState: {
+    attribute: 'content-state',
+  },
+  duration: {
+    serialize: numberSerializer,
+  },
+  formatCaption: {
+    attribute: false,
+  },
+  formatDuration: {
+    attribute: false,
+  },
+  hideCaption: {
+    serialize: booleanSerializer,
+    attribute: 'hide-caption',
+  },
+  name: {},
+  backgroundMode: {
+    attribute: 'background-mode',
+  },
+  customVideoDescription: {
+    attribute: 'video-description',
+  },
+  thumbnailUrl: {
+    attribute: 'thumbnail-url',
+  },
+  videoId: {
+    attribute: 'video-id',
+  },
+  aspectRatio: {
+    attribute: 'aspect-ratio',
+  },
+  onContentStateChange: {
+    event: ''.concat(ddsPrefix, '-video-player-content-state-changed'),
+  },
+  onPlaybackStateChange: {
+    event: ''.concat(ddsPrefix, '-video-player-playback-state-changed'),
+  },
+};
+export var propTypes = {
+  /**
+   * The video player's mode showing Inline or Lightbox.
+   */
+  playingMode: PropTypes.string,
+  /**
+   * The video player's content state.
+   */
+  contentState: PropTypes.string,
+  /**
+   * The video duration.
+   */
+  duration: PropTypes.number,
+  /**
+   * The formatter for the video caption, composed with the video name and the video duration.
+   * Should be changed upon the locale the UI is rendered with.
+   */
+  formatCaption: PropTypes.string,
+  /**
+   * The formatter for the video duration.
+   * Should be changed upon the locale the UI is rendered with.
+   */
+  formatDuration: PropTypes.string,
+  /**
+   * `true` to hide the caption.
+   */
+  hideCaption: PropTypes.bool,
+  /**
+   * The video name.
+   */
+  name: PropTypes.string,
+  /**
+   * `true` to autoplay, mute video, and hide UI
+   */
+  backgroundMode: PropTypes.string,
+  /**
+   * Custom video description. This property should only be set when using `playing-mode="lightbox"`
+   */
+  customVideoDescription: PropTypes.string,
+  /**
+   * The thumbnail URL.
+   */
+  thumbnailUrl: PropTypes.string,
+  /**
+   * The video ID.
+   */
+  videoId: PropTypes.string,
+  /**
+   * Override default aspect ratio of `16x9`.
+   * Available aspect ratios:
+   *
+   * `16x9`, `9x16`, `2x1`, `1x2`, `4x3`, `3x4`, `1x1`
+   */
+  aspectRatio: PropTypes.string,
+  /**
+   * The name of the custom event fired after video content state is changed upon a user gesture.
+   */
+  onContentStateChange: PropTypes.func,
+  /**
+   * The name of the custom event fired requesting playback state change.
+   */
+  onPlaybackStateChange: PropTypes.func,
+};
+const Component = createReactCustomElementType(
+  ''.concat(ddsPrefix, '-video-player'),
+  descriptor
+);
+Component.propTypes = propTypes;
+export default Component;

package/lib/components-react-node/footer/dropdown.js

@@ -0,0 +1,80 @@
+/**
+ * @license
+ *
+ * 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.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true,
+});
+Object.defineProperty(exports, 'DROPDOWN_COLOR_SCHEME', {
+  enumerable: true,
+  get: function() {
+    return _defs.DROPDOWN_COLOR_SCHEME;
+  },
+});
+Object.defineProperty(exports, 'DROPDOWN_KEYBOARD_ACTION', {
+  enumerable: true,
+  get: function() {
+    return _defs.DROPDOWN_KEYBOARD_ACTION;
+  },
+});
+Object.defineProperty(exports, 'DROPDOWN_SIZE', {
+  enumerable: true,
+  get: function() {
+    return _defs.DROPDOWN_SIZE;
+  },
+});
+Object.defineProperty(exports, 'DROPDOWN_TYPE', {
+  enumerable: true,
+  get: function() {
+    return _defs.DROPDOWN_TYPE;
+  },
+});
+Object.defineProperty(exports, 'NAVIGATION_DIRECTION', {
+  enumerable: true,
+  get: function() {
+    return _defs.NAVIGATION_DIRECTION;
+  },
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _defs = require('././defs.js');
+var _createReactCustomElementType = _interopRequireDefault(
+  require('@carbon/web-components/es/globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+var _settings2 = _interopRequireDefault(
+  require('@carbon/ibmdotcom-utilities/lib/utilities/settings/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var ddsPrefix = _settings2.default.stablePrefix;
+var descriptor = {
+  formatSelectedItemStatusText: {
+    attribute: false,
+  },
+};
+exports.descriptor = descriptor;
+var propTypes = {
+  /**
+   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.
+   */
+  formatSelectedItemStatusText: _propTypes.default.string,
+};
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(ddsPrefix, '-dropdown'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;