carbon-addons-iot-react 2.98.2 → 2.100.1

package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBox.js

@@ -0,0 +1,103 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var PropTypes = _interopDefault(require('prop-types'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var classnames = _interopDefault(require('classnames'));
+var carbonComponents = require('carbon-components');
+var __chunk_187 = require('./ListBoxPropTypes.js');
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var prefix = carbonComponents.settings.prefix;
+
+var handleOnKeyDown = function handleOnKeyDown(event) {
+  if (event.keyCode === 27) {
+    event.stopPropagation();
+  }
+};
+
+var handleClick = function handleClick(event) {
+  event.preventDefault();
+  event.stopPropagation();
+};
+/**
+ * `ListBox` is a generic container component that handles creating the
+ * container class name in response to certain props.
+ */
+
+
+var ListBox = function ListBox(_ref) {
+  var _cx;
+
+  var children = _ref.children,
+      containerClassName = _ref.className,
+      disabled = _ref.disabled,
+      innerRef = _ref.innerRef,
+      type = _ref.type,
+      size = _ref.size,
+      invalid = _ref.invalid,
+      invalidText = _ref.invalidText,
+      light = _ref.light,
+      isOpen = _ref.isOpen,
+      rest = _objectWithoutProperties(_ref, ["children", "className", "disabled", "innerRef", "type", "size", "invalid", "invalidText", "light", "isOpen"]);
+
+  var className = classnames((_cx = {}, _defineProperty(_cx, containerClassName, !!containerClassName), _defineProperty(_cx, "".concat(prefix, "--list-box"), true), _defineProperty(_cx, "".concat(prefix, "--list-box--").concat(size), size), _defineProperty(_cx, "".concat(prefix, "--list-box--inline"), type === 'inline'), _defineProperty(_cx, "".concat(prefix, "--list-box--disabled"), disabled), _defineProperty(_cx, "".concat(prefix, "--list-box--light"), light), _defineProperty(_cx, "".concat(prefix, "--list-box--expanded"), isOpen), _cx));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _extends({}, rest, {
+    className: className,
+    ref: innerRef,
+    onKeyDown: handleOnKeyDown,
+    onClick: handleClick,
+    "data-invalid": invalid || undefined
+  }), children), invalid ? React__default.createElement("div", {
+    className: "".concat(prefix, "--form-requirement")
+  }, invalidText) : null);
+};
+
+ListBox.propTypes = {
+  /**
+   * Provide the contents of your ListBox
+   */
+  children: PropTypes.node,
+
+  /**
+   * Specify a class name to be applied on the containing list box node
+   */
+  className: PropTypes.string,
+
+  /**
+   * `innerRef` hook used for libraries like Downshift that require a reference
+   * on a container node when it is not a native element
+   */
+  innerRef: PropTypes.func.isRequired,
+
+  /**
+   * Specify whether the ListBox is currently disabled
+   */
+  disabled: PropTypes.bool.isRequired,
+
+  /**
+   * Specify the "type" of the ListBox. Currently supports either `default` or
+   * `inline` as an option.
+   */
+  type: __chunk_187.ListBoxType.isRequired,
+
+  /**
+   * Specify the size of the ListBox. Currently supports either `sm` or `xl` as an option.
+   */
+  size: __chunk_187.ListBoxSize
+};
+ListBox.defaultProps = {
+  innerRef: function innerRef() {},
+  disabled: false,
+  type: 'default'
+};
+
+exports.default = ListBox;

package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxField.js

@@ -0,0 +1,62 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var PropTypes = _interopDefault(require('prop-types'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var carbonComponents = require('carbon-components');
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var prefix = carbonComponents.settings.prefix;
+
+/**
+ * `ListBoxField` is responsible for creating the containing node for valid
+ * elements inside of a field. It also provides a11y-related attributes like
+ * `role` to make sure a user can focus the given field.
+ */
+
+var ListBoxField = function ListBoxField(_ref) {
+  var children = _ref.children,
+      id = _ref.id,
+      disabled = _ref.disabled,
+      tabIndex = _ref.tabIndex,
+      rest = _objectWithoutProperties(_ref, ["children", "id", "disabled", "tabIndex"]);
+
+  return React__default.createElement("div", _extends({
+    role: rest['aria-expanded'] ? 'combobox' : rest.role || 'combobox',
+    "aria-owns": rest['aria-expanded'] && "".concat(id, "__menu") || null,
+    "aria-controls": rest['aria-expanded'] && "".concat(id, "__menu") || null,
+    "aria-haspopup": "listbox",
+    className: "".concat(prefix, "--list-box__field"),
+    tabIndex: !disabled && tabIndex || -1
+  }, rest), children);
+};
+
+ListBoxField.propTypes = {
+  /**
+   * Provide the contents of your ListBoxField
+   */
+  children: PropTypes.node,
+
+  /**
+   * Specify a custom `id`
+   */
+  id: PropTypes.string.isRequired,
+
+  /**
+   * Specify if the parent <ListBox> is disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Optional prop to specify the tabIndex of the <ListBox> trigger button
+   */
+  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+
+exports.default = ListBoxField;

package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenu.js

@@ -0,0 +1,48 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var PropTypes = _interopDefault(require('prop-types'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var carbonComponents = require('carbon-components');
+var __chunk_190 = require('./ListBoxMenuItem.js');
+var __chunk_193 = require('../../prop-types/childrenOfType.js');
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var prefix = carbonComponents.settings.prefix;
+/**
+ * `ListBoxMenu` is a simple container node that isolates the `list-box__menu`
+ * class into a single component. It is also being used to validate given
+ * `children` components.
+ */
+
+var ListBoxMenu = function ListBoxMenu(_ref) {
+  var children = _ref.children,
+      id = _ref.id,
+      rest = _objectWithoutProperties(_ref, ["children", "id"]);
+
+  return React__default.createElement("div", _extends({
+    id: "".concat(id, "__menu"),
+    className: "".concat(prefix, "--list-box__menu"),
+    role: "listbox"
+  }, rest), children);
+};
+
+ListBoxMenu.propTypes = {
+  /**
+   * Provide the contents of your ListBoxMenu
+   */
+  children: __chunk_193.default(__chunk_190.default),
+
+  /**
+   * Specify a custom `id`
+   */
+  id: PropTypes.string.isRequired
+};
+
+exports.default = ListBoxMenu;

package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenuIcon.js

@@ -0,0 +1,60 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var PropTypes = _interopDefault(require('prop-types'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var classnames = _interopDefault(require('classnames'));
+var iconsReact = require('@carbon/icons-react');
+var carbonComponents = require('carbon-components');
+
+var _defaultTranslations;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var prefix = carbonComponents.settings.prefix;
+var translationIds = {
+  'close.menu': 'close.menu',
+  'open.menu': 'open.menu'
+};
+var defaultTranslations = (_defaultTranslations = {}, _defineProperty(_defaultTranslations, translationIds['close.menu'], 'Close menu'), _defineProperty(_defaultTranslations, translationIds['open.menu'], 'Open menu'), _defaultTranslations);
+/**
+ * `ListBoxMenuIcon` is used to orient the icon up or down depending on the
+ * state of the menu for a given `ListBox`
+ */
+
+var ListBoxMenuIcon = function ListBoxMenuIcon(_ref) {
+  var isOpen = _ref.isOpen,
+      t = _ref.translateWithId;
+  var className = classnames("".concat(prefix, "--list-box__menu-icon"), _defineProperty({}, "".concat(prefix, "--list-box__menu-icon--open"), isOpen));
+  var description = isOpen ? t('close.menu') : t('open.menu');
+  return React__default.createElement("div", {
+    className: className
+  }, React__default.createElement(iconsReact.ChevronDown16, {
+    name: "chevron--down",
+    "aria-label": description
+  }, React__default.createElement("title", null, description)));
+};
+
+ListBoxMenuIcon.propTypes = {
+  /**
+   * Specify whether the menu is currently open, which will influence the
+   * direction of the menu icon
+   */
+  isOpen: PropTypes.bool.isRequired,
+
+  /**
+   * i18n hook used to provide the appropriate description for the given menu
+   * icon. This function takes in an id defined in `translationIds` and should
+   * return a string message for that given message id.
+   */
+  translateWithId: PropTypes.func.isRequired
+};
+ListBoxMenuIcon.defaultProps = {
+  translateWithId: function translateWithId(id) {
+    return defaultTranslations[id];
+  }
+};
+
+exports.translationIds = translationIds;
+exports.default = ListBoxMenuIcon;

package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxMenuItem.js

@@ -0,0 +1,63 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var PropTypes = _interopDefault(require('prop-types'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var classnames = _interopDefault(require('classnames'));
+var carbonComponents = require('carbon-components');
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var prefix = carbonComponents.settings.prefix;
+/**
+ * `ListBoxMenuItem` is a helper component for managing the container class
+ * name, alongside any classes for any corresponding states, for a generic list
+ * box menu item.
+ */
+
+var ListBoxMenuItem = function ListBoxMenuItem(_ref) {
+  var _cx;
+
+  var children = _ref.children,
+      isActive = _ref.isActive,
+      isHighlighted = _ref.isHighlighted,
+      rest = _objectWithoutProperties(_ref, ["children", "isActive", "isHighlighted"]);
+
+  var className = classnames((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--list-box__menu-item"), true), _defineProperty(_cx, "".concat(prefix, "--list-box__menu-item--active"), isActive), _defineProperty(_cx, "".concat(prefix, "--list-box__menu-item--highlighted"), isHighlighted), _cx));
+  return React__default.createElement("div", _extends({
+    className: className
+  }, rest), React__default.createElement("div", {
+    className: "".concat(prefix, "--list-box__menu-item__option")
+  }, children));
+};
+
+ListBoxMenuItem.propTypes = {
+  /**
+   * Specify any children nodes that hsould be rendered inside of the ListBox
+   * Menu Item
+   */
+  children: PropTypes.node,
+
+  /**
+   * Specify whether the current menu item is "active".
+   */
+  isActive: PropTypes.bool.isRequired,
+
+  /**
+   * Specify whether the current menu item is "highlighed".
+   */
+  isHighlighted: PropTypes.bool.isRequired
+};
+ListBoxMenuItem.defaultProps = {
+  isActive: false,
+  isHighlighted: false
+};
+
+exports.default = ListBoxMenuItem;

package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxPropTypes.js

@@ -0,0 +1,17 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var PropTypes = _interopDefault(require('prop-types'));
+
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * 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 ListBoxType = PropTypes.oneOf(['default', 'inline']);
+var ListBoxSize = PropTypes.oneOf(['sm', 'xl']);
+
+exports.ListBoxType = ListBoxType;
+exports.ListBoxSize = ListBoxSize;

package/lib/node_modules/carbon-components-react/es/components/ListBox/ListBoxSelection.js

@@ -0,0 +1,101 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var PropTypes = _interopDefault(require('prop-types'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var classnames = _interopDefault(require('classnames'));
+var iconsReact = require('@carbon/icons-react');
+var carbonComponents = require('carbon-components');
+var __chunk_110 = require('../../internal/keyboard/keys.js');
+var __chunk_111 = require('../../internal/keyboard/match.js');
+require('../../internal/keyboard/navigation.js');
+
+var _defaultTranslations;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var prefix = carbonComponents.settings.prefix;
+/**
+ * `ListBoxSelection` is used to provide controls for clearing a selection, in
+ * addition to conditionally rendering a badge if the control has more than one
+ * selection.
+ */
+
+var ListBoxSelection = function ListBoxSelection(_ref) {
+  var _cx;
+
+  var clearSelection = _ref.clearSelection,
+      selectionCount = _ref.selectionCount,
+      t = _ref.translateWithId,
+      disabled = _ref.disabled;
+  var className = classnames("".concat(prefix, "--list-box__selection"), (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--tag--filter"), selectionCount), _defineProperty(_cx, "".concat(prefix, "--list-box__selection--multi"), selectionCount), _cx));
+
+  var handleOnClick = function handleOnClick(event) {
+    event.stopPropagation();
+
+    if (disabled) {
+      return;
+    }
+
+    clearSelection(event);
+  };
+
+  var handleOnKeyDown = function handleOnKeyDown(event) {
+    event.stopPropagation();
+
+    if (disabled) {
+      return;
+    } // When a user hits ENTER, we'll clear the selection
+
+
+    if (__chunk_111.match(event, __chunk_110.Enter)) {
+      clearSelection(event);
+    }
+  };
+
+  var description = selectionCount ? t('clear.all') : t('clear.selection');
+  return React__default.createElement("div", {
+    role: "button",
+    className: className,
+    tabIndex: disabled ? -1 : 0,
+    onClick: handleOnClick,
+    onKeyDown: handleOnKeyDown,
+    "aria-label": "Clear Selection",
+    title: description
+  }, selectionCount, React__default.createElement(iconsReact.Close16, null));
+};
+
+var translationIds = {
+  'clear.all': 'clear.all',
+  'clear.selection': 'clear.selection'
+};
+var defaultTranslations = (_defaultTranslations = {}, _defineProperty(_defaultTranslations, translationIds['clear.all'], 'Clear all selected items'), _defineProperty(_defaultTranslations, translationIds['clear.selection'], 'Clear selected item'), _defaultTranslations);
+ListBoxSelection.propTypes = {
+  /**
+   * Specify a function to be invoked when a user interacts with the clear
+   * selection element.
+   */
+  clearSelection: PropTypes.func.isRequired,
+
+  /**
+   * Specify an optional `selectionCount` value that will be used to determine
+   * whether the selection should display a badge or a single clear icon.
+   */
+  selectionCount: PropTypes.number,
+
+  /**
+   * i18n hook used to provide the appropriate description for the given menu
+   * icon. This function takes in an id defined in `translationIds` and should
+   * return a string message for that given message id.
+   */
+  translateWithId: PropTypes.func.isRequired
+};
+ListBoxSelection.defaultProps = {
+  translateWithId: function translateWithId(id) {
+    return defaultTranslations[id];
+  }
+};
+
+exports.translationIds = translationIds;
+exports.default = ListBoxSelection;

package/lib/node_modules/carbon-components-react/es/components/ListBox/index.js

@@ -0,0 +1,23 @@
+'use strict';
+
+require('./ListBoxPropTypes.js');
+var __chunk_188 = require('./ListBox.js');
+var __chunk_189 = require('./ListBoxField.js');
+var __chunk_190 = require('./ListBoxMenuItem.js');
+var __chunk_194 = require('./ListBoxMenu.js');
+var __chunk_195 = require('./ListBoxMenuIcon.js');
+var __chunk_196 = require('./ListBoxSelection.js');
+
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+__chunk_188.default.Field = __chunk_189.default;
+__chunk_188.default.Menu = __chunk_194.default;
+__chunk_188.default.MenuIcon = __chunk_195.default;
+__chunk_188.default.MenuItem = __chunk_190.default;
+__chunk_188.default.Selection = __chunk_196.default;
+
+exports.default = __chunk_188.default;

package/lib/node_modules/carbon-components-react/es/prop-types/childrenOfType.js

@@ -0,0 +1,41 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+var __chunk_191 = require('./tools/createChainableTypeChecker.js');
+var __chunk_192 = require('./tools/getDisplayName.js');
+
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * `childrenOfType` is used for asserting that children of a given React
+ * component are only of a given type. Currently, this supports React elements,
+ * Stateless Functional Components, and Class-based components.
+ *
+ * This prop validator also supports chaining through `isRequired`
+ */
+
+var childrenOfType = function childrenOfType(expectedChildType) {
+  var expectedDisplayName = __chunk_192.default( // Support both React elements and components by using `type` if it exists
+  expectedChildType.type || expectedChildType);
+
+  var validate = function validate(props, propName, componentName) {
+    React.Children.forEach(props[propName], function (child) {
+      var childDisplayName = __chunk_192.default(child.type);
+
+      if (child.type !== expectedChildType.type && child.type !== expectedChildType) {
+        throw new Error("Invalid prop `children` of type `".concat(childDisplayName, "` ") + "supplied to `".concat(componentName, "`, expected each child to be a ") + "`".concat(expectedDisplayName, "` component."));
+      }
+    });
+  };
+
+  return __chunk_191.default(validate);
+};
+
+exports.default = childrenOfType;

package/lib/node_modules/carbon-components-react/es/prop-types/tools/createChainableTypeChecker.js

@@ -0,0 +1,40 @@
+'use strict';
+
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * `createChainableTypeChecker` is used inside of our custom prop validators to
+ * add in chaining `isRequired` on a given prop validator.
+ */
+var createChainableTypeChecker = function createChainableTypeChecker(validate) {
+  // `checkType` is borrowed heavily from the `prop-types` package
+  var checkType = function checkType(isRequired, props, propName, componentName, location) {
+    if (props[propName] == null) {
+      if (isRequired) {
+        if (props[propName] === null) {
+          return new Error("The ".concat(location, " `").concat(propName, "` is marked as required in ") + "".concat(componentName, ", but its value is `null`."));
+        }
+
+        return new Error("The ".concat(location, " `").concat(propName, "` is marked as required in ") + "".concat(componentName, ", but its value is `undefined`."));
+      }
+
+      return null;
+    } else {
+      return validate(props, propName, componentName, location);
+    }
+  }; // By default, the validator will have `isRequired` set to false. However, we
+  // also define the `isRequired` property on the validtor so that consumers can
+  // chain their prop validator and assert that the property is required.
+
+
+  var chainedCheckType = checkType.bind(null, false);
+  chainedCheckType.isRequired = checkType.bind(null, true);
+  return chainedCheckType;
+};
+
+exports.default = createChainableTypeChecker;

package/lib/node_modules/carbon-components-react/es/prop-types/tools/getDisplayName.js

@@ -0,0 +1,39 @@
+'use strict';
+
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * 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 cachedDisplayNames = new WeakMap();
+/**
+ * `getDisplayName` is a utility function for getting a name from a given
+ * component type. It supports names from React elements, Stateless Functional
+ * Components, and Class-based Components
+ */
+
+var getDisplayName = function getDisplayName(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  if (cachedDisplayNames.has(type)) {
+    return cachedDisplayNames.get(type);
+  }
+
+  var displayName;
+
+  if (typeof type.displayName === 'string') {
+    displayName = type.displayName;
+  }
+
+  if (!displayName) {
+    displayName = type.name || 'Unknown';
+  }
+
+  cachedDisplayNames.set(type, displayName);
+  return displayName;
+};
+
+exports.default = getDisplayName;

package/lib/scss/components/ComboBox/_combo-box.scss

@@ -1 +1,44 @@
 @import '~carbon-components/scss/components/combo-box/combo-box';
+
+.#{$iot-prefix}--combobox {
+  display: flex;
+  flex-flow: column-reverse;
+  position: relative;
+  padding-top: $spacing-08;
+
+  .#{$prefix}--form__helper-text,
+  .#{$prefix}--label {
+    bottom: 100%;
+    position: absolute;
+  }
+
+  .#{$prefix}--label {
+    transform: translateY(25px);
+  }
+
+  .#{$prefix}--form__helper-text {
+    transform: translateY(40px);
+  }
+
+  &-tags {
+    margin-bottom: $spacing-03;
+
+    li {
+      display: inline-block;
+      max-width: 100%;
+    }
+  }
+
+  &.#{$iot-prefix}--combobox-add {
+    .#{$prefix}--list-box__menu-item:first-child {
+      &::after {
+        content: attr(data-text);
+        color: $text-03;
+        position: absolute;
+        right: $spacing-03;
+        top: 50%;
+        transform: translateY(-50%);
+      }
+    }
+  }
+}

package/lib/scss/components/ComposedModal/_composed-modal.scss

@@ -0,0 +1,5 @@
+@import '../../globals/vars';
+
+.#{$iot-prefix}--composed-modal__body--small-margin-bottom {
+  margin-bottom: $spacing-05;
+}

package/lib/scss/components/Tag/_tag.scss

@@ -1 +1,12 @@
 @import '~carbon-components/scss/components/tag/tag';
+
+html[dir='rtl'] {
+  .#{$prefix}--tag--filter {
+    padding-right: $spacing-03;
+    padding-left: $spacing-01;
+  }
+
+  .#{$prefix}--tag__close-icon {
+    margin: 0 $spacing-02 0 0;
+  }
+}