@carbon/react 1.7.0 → 1.9.0-rc.0

package/lib/components/MultiSelect/next/FilterableMultiSelect.js

@@ -1,556 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var iconsReact = require('@carbon/icons-react');
-var cx = require('classnames');
-var Downshift = require('downshift');
-var isEqual = require('lodash.isequal');
-var PropTypes = require('prop-types');
-var React = require('react');
-var filter = require('../../ComboBox/tools/filter.js');
-var MultiSelectPropTypes = require('../MultiSelectPropTypes.js');
-require('../../ListBox/index.js');
-var Selection = require('../../../internal/Selection.js');
-var itemToString = require('../tools/itemToString.js');
-var mergeRefs = require('../../../tools/mergeRefs.js');
-var useId = require('../../../internal/useId.js');
-var sorting = require('../tools/sorting.js');
-var index = require('../../FeatureFlags/index.js');
-var usePrefix = require('../../../internal/usePrefix.js');
-var match = require('../../../internal/keyboard/match.js');
-var ListBoxSelection = require('../../ListBox/next/ListBoxSelection.js');
-var ListBoxTrigger = require('../../ListBox/next/ListBoxTrigger.js');
-var ListBox = require('../../ListBox/ListBox.js');
-var ListBoxPropTypes = require('../../ListBox/ListBoxPropTypes.js');
-var keys = require('../../../internal/keyboard/keys.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var Downshift__default = /*#__PURE__*/_interopDefaultLegacy(Downshift);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FilterableMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(function FilterableMultiSelect(_ref, ref) {
-  var _cx, _cx2, _cx3, _cx4;
-
-  var ariaLabel = _ref.ariaLabel,
-      containerClassName = _ref.className,
-      compareItems = _ref.compareItems,
-      direction = _ref.direction,
-      disabled = _ref.disabled,
-      downshiftProps = _ref.downshiftProps,
-      filterItems = _ref.filterItems,
-      helperText = _ref.helperText,
-      hideLabel = _ref.hideLabel,
-      id = _ref.id,
-      initialSelectedItems = _ref.initialSelectedItems,
-      invalid = _ref.invalid,
-      invalidText = _ref.invalidText,
-      items = _ref.items,
-      ItemToElement = _ref.itemToElement,
-      itemToString = _ref.itemToString,
-      light = _ref.light,
-      locale = _ref.locale,
-      onInputValueChange = _ref.onInputValueChange,
-      open = _ref.open,
-      onChange = _ref.onChange,
-      onMenuChange = _ref.onMenuChange,
-      placeholder = _ref.placeholder,
-      titleText = _ref.titleText,
-      type = _ref.type,
-      selectionFeedback = _ref.selectionFeedback,
-      size = _ref.size,
-      sortItems = _ref.sortItems,
-      translateWithId = _ref.translateWithId,
-      useTitleInItem = _ref.useTitleInItem,
-      warn = _ref.warn,
-      warnText = _ref.warnText;
-
-  var _useState = React.useState(open),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useState3 = React.useState(open),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      prevOpen = _useState4[0],
-      setPrevOpen = _useState4[1];
-
-  var _useState5 = React.useState(''),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInputValue = _useState6[1];
-
-  var _useState7 = React.useState([]),
-      _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
-      topItems = _useState8[0],
-      setTopItems = _useState8[1];
-
-  var _useState9 = React.useState(false),
-      _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
-      inputFocused = _useState10[0],
-      setInputFocused = _useState10[1];
-
-  var _useState11 = React.useState(null),
-      _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
-      highlightedIndex = _useState12[0],
-      setHighlightedIndex = _useState12[1];
-
-  var textInput = React.useRef();
-  var filterableMultiSelectInstanceId = useId.useId();
-  var enabled = index.useFeatureFlag('enable-v11-release');
-  var prefix = usePrefix.usePrefix();
-
-  if (prevOpen !== open) {
-    setIsOpen(open);
-    setPrevOpen(open);
-  }
-
-  var inline = type === 'inline';
-  var showWarning = !invalid && warn;
-  var wrapperClasses = cx__default["default"]("".concat(prefix, "--multi-select__wrapper"), "".concat(prefix, "--list-box__wrapper"), [enabled ? containerClassName : null], (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--multi-select__wrapper--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box__wrapper--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--multi-select__wrapper--inline--invalid"), inline && invalid), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box__wrapper--inline--invalid"), inline && invalid), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--list-box--up"), direction === 'top'), _cx));
-  var helperId = !helperText ? undefined : "filterablemultiselect-helper-text-".concat(filterableMultiSelectInstanceId);
-  var labelId = "".concat(id, "-label");
-  var titleClasses = cx__default["default"]((_cx2 = {}, _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--label"), true), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--label--disabled"), disabled), _rollupPluginBabelHelpers.defineProperty(_cx2, "".concat(prefix, "--visually-hidden"), hideLabel), _cx2));
-  var helperClasses = cx__default["default"]((_cx3 = {}, _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--form__helper-text"), true), _rollupPluginBabelHelpers.defineProperty(_cx3, "".concat(prefix, "--form__helper-text--disabled"), disabled), _cx3));
-  var inputClasses = cx__default["default"]((_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--text-input"), true), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--text-input--empty"), !inputValue), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--text-input--light"), light), _cx4));
-  var helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
-    id: helperId,
-    className: helperClasses
-  }, helperText) : null;
-  var menuId = "".concat(id, "__menu");
-  var inputId = "".concat(id, "-input");
-
-  function handleOnChange(changes) {
-    if (onChange) {
-      onChange(changes);
-    }
-  }
-
-  function handleOnMenuChange(forceIsOpen) {
-    var nextIsOpen = forceIsOpen !== null && forceIsOpen !== void 0 ? forceIsOpen : !isOpen;
-    setIsOpen(nextIsOpen);
-
-    if (onMenuChange) {
-      onMenuChange(nextIsOpen);
-    }
-  }
-
-  function handleOnOuterClick() {
-    handleOnMenuChange(false);
-  }
-
-  function handleOnStateChange(changes, downshift) {
-    if (changes.isOpen && !isOpen) {
-      setTopItems(downshift.selectedItem);
-    }
-
-    var type = changes.type;
-    var stateChangeTypes = Downshift__default["default"].stateChangeTypes;
-
-    switch (type) {
-      case stateChangeTypes.keyDownArrowDown:
-      case stateChangeTypes.keyDownArrowUp:
-      case stateChangeTypes.keyDownHome:
-      case stateChangeTypes.keyDownEnd:
-        setHighlightedIndex(changes.highlightedIndex !== undefined ? changes.highlightedIndex : null);
-
-        if (stateChangeTypes.keyDownArrowDown === type && !isOpen) {
-          handleOnMenuChange(true);
-        }
-
-        break;
-
-      case stateChangeTypes.keyDownEscape:
-        handleOnMenuChange(false);
-        break;
-    }
-  }
-
-  function handleOnInputValueChange(inputValue, _ref2) {
-    var type = _ref2.type;
-
-    if (onInputValueChange) {
-      onInputValueChange(inputValue);
-    }
-
-    if (type !== Downshift__default["default"].stateChangeTypes.changeInput) {
-      return;
-    }
-
-    if (Array.isArray(inputValue)) {
-      clearInputValue();
-    } else {
-      setInputValue(inputValue);
-    }
-
-    if (inputValue && !isOpen) {
-      handleOnMenuChange(true);
-    } else if (!inputValue && isOpen) {
-      handleOnMenuChange(false);
-    }
-  }
-
-  function clearInputValue() {
-    setInputValue('');
-
-    if (textInput.current) {
-      textInput.current.focus();
-    }
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement(Selection["default"], {
-    disabled: disabled,
-    onChange: handleOnChange,
-    initialSelectedItems: initialSelectedItems,
-    render: function render(_ref3) {
-      var selectedItems = _ref3.selectedItems,
-          onItemChange = _ref3.onItemChange,
-          _clearSelection = _ref3.clearSelection;
-      return /*#__PURE__*/React__default["default"].createElement(Downshift__default["default"], _rollupPluginBabelHelpers["extends"]({}, downshiftProps, {
-        highlightedIndex: highlightedIndex,
-        id: id,
-        isOpen: isOpen,
-        inputValue: inputValue,
-        onInputValueChange: handleOnInputValueChange,
-        onChange: function onChange(selectedItem) {
-          if (selectedItem !== null) {
-            onItemChange(selectedItem);
-          }
-        },
-        itemToString: itemToString,
-        onStateChange: handleOnStateChange,
-        onOuterClick: handleOnOuterClick,
-        selectedItem: selectedItems,
-        labelId: labelId,
-        menuId: menuId,
-        inputId: inputId
-      }), function (_ref4) {
-        var _cx5;
-
-        var getInputProps = _ref4.getInputProps,
-            getItemProps = _ref4.getItemProps,
-            getLabelProps = _ref4.getLabelProps,
-            getMenuProps = _ref4.getMenuProps,
-            getRootProps = _ref4.getRootProps,
-            getToggleButtonProps = _ref4.getToggleButtonProps,
-            isOpen = _ref4.isOpen,
-            inputValue = _ref4.inputValue,
-            selectedItem = _ref4.selectedItem;
-        var className = cx__default["default"]("".concat(prefix, "--multi-select"), "".concat(prefix, "--combo-box"), "".concat(prefix, "--multi-select--filterable"), [enabled ? null : containerClassName], (_cx5 = {}, _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--multi-select--invalid"), invalid), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--multi-select--open"), isOpen), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--multi-select--inline"), inline), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--multi-select--selected"), selectedItem.length > 0), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--multi-select--filterable--input-focused"), inputFocused), _cx5));
-        var rootProps = getRootProps({}, {
-          suppressRefError: true
-        });
-        var labelProps = getLabelProps();
-        var buttonProps = getToggleButtonProps({
-          disabled: disabled,
-          onClick: function onClick() {
-            handleOnMenuChange(!isOpen);
-
-            if (textInput.current) {
-              textInput.current.focus();
-            }
-          },
-          // When we moved the "root node" of Downshift to the <input> for
-          // ARIA 1.2 compliance, we unfortunately hit this branch for the
-          // "mouseup" event that downshift listens to:
-          // https://github.com/downshift-js/downshift/blob/v5.2.1/src/downshift.js#L1051-L1065
-          //
-          // As a result, it will reset the state of the component and so we
-          // stop the event from propagating to prevent this. This allows the
-          // toggleMenu behavior for the toggleButton to correctly open and
-          // close the menu.
-          onMouseUp: function onMouseUp(event) {
-            if (isOpen) {
-              event.stopPropagation();
-            }
-          }
-        });
-        var inputProps = getInputProps({
-          'aria-controls': isOpen ? menuId : null,
-          'aria-describedby': helperText ? helperId : null,
-          // Remove excess aria `aria-labelledby`. HTML <label for>
-          // provides this aria information.
-          'aria-labelledby': null,
-          disabled: disabled,
-          placeholder: placeholder,
-          onClick: function onClick() {
-            handleOnMenuChange(true);
-          },
-          onKeyDown: function onKeyDown(event) {
-            if (match.match(event, keys.Space)) {
-              event.stopPropagation();
-            }
-          },
-          onFocus: function onFocus() {
-            setInputFocused(true);
-          },
-          onBlur: function onBlur() {
-            setInputFocused(false);
-          }
-        });
-        var menuProps = getMenuProps({
-          'aria-label': ariaLabel
-        }, {
-          suppressRefError: true
-        });
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: wrapperClasses
-        }, titleText ? /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
-          className: titleClasses
-        }, labelProps), titleText) : null, /*#__PURE__*/React__default["default"].createElement(ListBox["default"], {
-          className: className,
-          disabled: disabled,
-          light: light,
-          ref: ref,
-          invalid: invalid,
-          invalidText: invalidText,
-          warn: warn,
-          warnText: warnText,
-          isOpen: isOpen,
-          size: size
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "".concat(prefix, "--list-box__field")
-        }, selectedItem.length > 0 && /*#__PURE__*/React__default["default"].createElement(ListBoxSelection["default"], {
-          clearSelection: function clearSelection() {
-            _clearSelection();
-
-            if (textInput.current) {
-              textInput.current.focus();
-            }
-          },
-          selectionCount: selectedItem.length,
-          translateWithId: translateWithId,
-          disabled: disabled
-        }), /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
-          className: inputClasses
-        }, rootProps, inputProps, {
-          ref: mergeRefs["default"](textInput, rootProps.ref)
-        })), invalid && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
-          className: "".concat(prefix, "--list-box__invalid-icon")
-        }), showWarning && /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
-          className: "".concat(prefix, "--list-box__invalid-icon ").concat(prefix, "--list-box__invalid-icon--warning")
-        }), inputValue && /*#__PURE__*/React__default["default"].createElement(ListBoxSelection["default"], {
-          clearSelection: clearInputValue,
-          disabled: disabled,
-          translateWithId: translateWithId,
-          onMouseUp: function onMouseUp(event) {
-            // If we do not stop this event from propagating,
-            // it seems like Downshift takes our event and
-            // prevents us from getting `onClick` /
-            // `clearSelection` from the underlying <button> in
-            // ListBoxSelection
-            event.stopPropagation();
-          }
-        }), /*#__PURE__*/React__default["default"].createElement(ListBoxTrigger["default"], _rollupPluginBabelHelpers["extends"]({}, buttonProps, {
-          isOpen: isOpen,
-          translateWithId: translateWithId
-        }))), isOpen ? /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Menu, menuProps, sortItems(filterItems(items, {
-          itemToString: itemToString,
-          inputValue: inputValue
-        }), {
-          selectedItems: {
-            top: selectedItems,
-            fixed: [],
-            'top-after-reopen': topItems
-          }[selectionFeedback],
-          itemToString: itemToString,
-          compareItems: compareItems,
-          locale: locale
-        }).map(function (item, index) {
-          var itemProps = getItemProps({
-            item: item,
-            disabled: item.disabled
-          });
-          var itemText = itemToString(item);
-          var isChecked = selectedItem.filter(function (selected) {
-            return isEqual__default["default"](selected, item);
-          }).length > 0;
-          return /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
-            key: itemProps.id,
-            "aria-label": itemText,
-            isActive: isChecked,
-            isHighlighted: highlightedIndex === index,
-            title: itemText
-          }, itemProps), /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "".concat(prefix, "--checkbox-wrapper")
-          }, /*#__PURE__*/React__default["default"].createElement("span", {
-            title: useTitleInItem ? itemText : null,
-            className: "".concat(prefix, "--checkbox-label"),
-            "data-contained-checkbox-state": isChecked,
-            id: "".concat(itemProps.id, "-item")
-          }, ItemToElement ? /*#__PURE__*/React__default["default"].createElement(ItemToElement, _rollupPluginBabelHelpers["extends"]({
-            key: itemProps.id
-          }, item)) : itemText)));
-        })) : null), !inline && !invalid && !warn ? helper : null);
-      });
-    }
-  });
-});
-FilterableMultiSelect.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-  /**
-   * 'aria-label' of the ListBox component.
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Specify the direction of the multiselect dropdown. Can be either top or bottom.
-   */
-  direction: PropTypes__default["default"].oneOf(['top', 'bottom']),
-
-  /**
-   * Disable the control
-   */
-  disabled: PropTypes__default["default"].bool,
-
-  /**
-   * Additional props passed to Downshift
-   */
-  downshiftProps: PropTypes__default["default"].shape(Downshift__default["default"].propTypes),
-
-  /**
-   * Specify whether the title text should be hidden or not
-   */
-  hideLabel: PropTypes__default["default"].bool,
-
-  /**
-   * Specify a custom `id`
-   */
-  id: PropTypes__default["default"].string.isRequired,
-
-  /**
-   * Allow users to pass in arbitrary items from their collection that are
-   * pre-selected
-   */
-  initialSelectedItems: PropTypes__default["default"].array,
-
-  /**
-   * Is the current selection invalid?
-   */
-  invalid: PropTypes__default["default"].bool,
-
-  /**
-   * If invalid, what is the error?
-   */
-  invalidText: PropTypes__default["default"].node,
-
-  /**
-   * Function to render items as custom components instead of strings.
-   * Defaults to null and is overridden by a getter
-   */
-  itemToElement: PropTypes__default["default"].func,
-
-  /**
-   * Helper function passed to downshift that allows the library to render a
-   * given item to a string label. By default, it extracts the `label` field
-   * from a given item to serve as the item label in the list.
-   */
-  itemToString: PropTypes__default["default"].func,
-
-  /**
-   * We try to stay as generic as possible here to allow individuals to pass
-   * in a collection of whatever kind of data structure they prefer
-   */
-  items: PropTypes__default["default"].array.isRequired,
-
-  /**
-   * `true` to use the light version.
-   */
-  light: PropTypes__default["default"].bool,
-
-  /**
-   * Specify the locale of the control. Used for the default `compareItems`
-   * used for sorting the list of items in the control.
-   */
-  locale: PropTypes__default["default"].string,
-
-  /**
-   * `onChange` is a utility for this controlled component to communicate to a
-   * consuming component what kind of internal state changes are occurring.
-   */
-  onChange: PropTypes__default["default"].func,
-
-  /**
-   * `onInputValueChange` is a utility for this controlled component to communicate to
-   * the currently typed input.
-   */
-  onInputValueChange: PropTypes__default["default"].func,
-
-  /**
-   * `onMenuChange` is a utility for this controlled component to communicate to a
-   * consuming component that the menu was opened(`true`)/closed(`false`).
-   */
-  onMenuChange: PropTypes__default["default"].func,
-
-  /**
-   * Initialize the component with an open(`true`)/closed(`false`) menu.
-   */
-  open: PropTypes__default["default"].bool,
-
-  /**
-   * Generic `placeholder` that will be used as the textual representation of
-   * what this field is for
-   */
-  placeholder: PropTypes__default["default"].string,
-
-  /**
-   * Specify feedback (mode) of the selection.
-   * `top`: selected item jumps to top
-   * `fixed`: selected item stays at it's position
-   * `top-after-reopen`: selected item jump to top after reopen dropdown
-   */
-  selectionFeedback: PropTypes__default["default"].oneOf(['top', 'fixed', 'top-after-reopen']),
-
-  /**
-   * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
-   */
-  size: ListBoxPropTypes.ListBoxSize
-}, MultiSelectPropTypes.sortingPropTypes), {}, {
-  /**
-   * Callback function for translating ListBoxMenuIcon SVG title
-   */
-  translateWithId: PropTypes__default["default"].func,
-
-  /**
-   * Specify title to show title on hover
-   */
-  useTitleInItem: PropTypes__default["default"].bool,
-
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes__default["default"].bool,
-
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes__default["default"].node
-});
-FilterableMultiSelect.defaultProps = {
-  ariaLabel: 'Choose an item',
-  compareItems: sorting.defaultCompareItems,
-  direction: 'bottom',
-  disabled: false,
-  filterItems: filter.defaultFilterItems,
-  initialSelectedItems: [],
-  itemToString: itemToString.defaultItemToString,
-  locale: 'en',
-  sortItems: sorting.defaultSortItems,
-  light: false,
-  open: false,
-  selectionFeedback: 'top-after-reopen'
-};
-var FilterableMultiSelectNext = FilterableMultiSelect;
-
-exports["default"] = FilterableMultiSelectNext;

package/lib/components/Notification/index.js

@@ -1,51 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 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 strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Notification = require('./next/Notification.js');
-var Notification$1 = require('./Notification.js');
-var ComponentToggle = require('../../internal/ComponentToggle.js');
-
-var NotificationActionButton = ComponentToggle.createComponentToggle({
-  name: 'NotificationActionButton',
-  next: Notification.NotificationActionButton,
-  classic: Notification$1.NotificationActionButton
-});
-var NotificationTextDetails = ComponentToggle.createComponentToggle({
-  name: 'NotificationTextDetails',
-  classic: Notification$1.NotificationTextDetails
-});
-var NotificationButton = ComponentToggle.createComponentToggle({
-  name: 'NotificationButton',
-  next: Notification.NotificationButton,
-  classic: Notification$1.NotificationButton
-});
-var ToastNotification = ComponentToggle.createComponentToggle({
-  name: 'ToastNotification',
-  next: Notification.ToastNotification,
-  classic: Notification$1.ToastNotification
-});
-var InlineNotification = ComponentToggle.createComponentToggle({
-  name: 'InlineNotification',
-  next: Notification.InlineNotification,
-  classic: Notification$1.InlineNotification
-});
-var ActionableNotification = ComponentToggle.createComponentToggle({
-  name: 'ActionableNotification',
-  next: Notification.ActionableNotification,
-  classic: null
-});
-
-exports.ActionableNotification = ActionableNotification;
-exports.InlineNotification = InlineNotification;
-exports.NotificationActionButton = NotificationActionButton;
-exports.NotificationButton = NotificationButton;
-exports.NotificationTextDetails = NotificationTextDetails;
-exports.ToastNotification = ToastNotification;