@carbon/react 1.21.0-rc.0 → 1.22.0-rc.0

package/es/components/Accordion/AccordionItem.js

@@ -11,12 +11,12 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useState } from 'react';
 import '../Text/index.js';
-import { Escape } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { Text } from '../Text/Text.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["children", "className", "iconDescription", "open", "onHeadingClick", "renderExpando", "renderToggle", "title", "disabled"];
 

package/es/components/Breadcrumb/Breadcrumb.js

@@ -53,5 +53,6 @@ Breadcrumb.propTypes = {
    */
   noTrailingSlash: PropTypes.bool
 };
+var Breadcrumb$1 = Breadcrumb;
 
-export { Breadcrumb as default };
+export { Breadcrumb$1 as default };

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -89,5 +89,6 @@ BreadcrumbItem.propTypes = {
    */
   isCurrentPage: PropTypes.bool
 };
+var BreadcrumbItem$1 = BreadcrumbItem;
 
-export { BreadcrumbItem as default };
+export { BreadcrumbItem$1 as default };

package/es/components/Button/Button.Skeleton.js

@@ -64,5 +64,6 @@ ButtonSkeleton.propTypes = {
    */
   small: PropTypes.bool
 };
+var ButtonSkeleton$1 = ButtonSkeleton;
 
-export { ButtonSkeleton, ButtonSkeleton as default };
+export { ButtonSkeleton, ButtonSkeleton$1 as default };

package/es/components/Button/Button.js

@@ -285,5 +285,6 @@ Button.propTypes = {
    */
   type: PropTypes.oneOf(['button', 'reset', 'submit'])
 };
+var Button$1 = Button;
 
-export { Button as default };
+export { Button$1 as default };

package/es/components/Button/index.js

@@ -7,4 +7,3 @@
 
 import Button from './Button.js';
 export { default as Button, default } from './Button.js';
-export { default as ButtonSkeleton } from './Button.Skeleton.js';

package/es/components/ButtonSet/ButtonSet.js

@@ -43,5 +43,6 @@ ButtonSet.propTypes = {
    */
   stacked: PropTypes.bool
 };
+var ButtonSet$1 = ButtonSet;
 
-export { ButtonSet as default };
+export { ButtonSet$1 as default };

package/es/components/CodeSnippet/CodeSnippet.js

@@ -13,7 +13,6 @@ import useResizeObserver from '../../node_modules/use-resize-observer/polyfilled
 import { ChevronDown } from '@carbon/icons-react';
 import Copy from '../Copy/Copy.js';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import CopyButton from '../CopyButton/CopyButton.js';
 import uniqueId from '../../tools/uniqueId.js';
 import copy from 'copy-to-clipboard';

package/es/components/ComboBox/ComboBox.js

@@ -12,11 +12,7 @@ import PropTypes from 'prop-types';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
 import '../Text/index.js';
 import { WarningFilled, WarningAltFilled, Checkmark } from '@carbon/icons-react';
-import '../ListBox/index.js';
-import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
-import ListBoxTrigger from '../ListBox/next/ListBoxTrigger.js';
-import { Space, Enter } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
+import ListBox from '../ListBox/index.js';
 import setupGetInstanceId from '../../tools/setupGetInstanceId.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
@@ -24,9 +20,12 @@ import deprecate from '../../prop-types/deprecate.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
+import { match } from '../../internal/keyboard/match.js';
 import { Text } from '../Text/Text.js';
-import ListBox from '../ListBox/ListBox.js';
+import ListBoxSelection from '../ListBox/next/ListBoxSelection.js';
+import ListBoxTrigger from '../ListBox/next/ListBoxTrigger.js';
 import { ListBoxSize, ListBoxType } from '../ListBox/ListBoxPropTypes.js';
+import { Space, Enter } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["ariaLabel", "className", "direction", "disabled", "downshiftProps", "helperText", "id", "initialSelectedItem", "invalid", "invalidText", "items", "itemToElement", "itemToString", "light", "onChange", "onInputChange", "onToggleClick", "placeholder", "readOnly", "selectedItem", "shouldFilterItem", "size", "titleText", "translateWithId", "type", "warn", "warnText", "onStateChange"];
 
@@ -561,5 +560,6 @@ ComboBox.defaultProps = {
   ariaLabel: 'Choose an item',
   direction: 'bottom'
 };
+var ComboBox$1 = ComboBox;
 
-export { ComboBox as default };
+export { ComboBox$1 as default };

package/es/components/ComposedModal/ComposedModal.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { ModalHeader } from './ModalHeader.js';
@@ -222,5 +222,6 @@ ComposedModal.defaultProps = {
   onKeyDown: function onKeyDown() {},
   selectorPrimaryFocus: '[data-modal-primary-focus]'
 };
+var ComposedModal$1 = ComposedModal;
 
-export { ModalBody, ComposedModal as default };
+export { ModalBody, ComposedModal$1 as default };

package/es/components/ComposedModal/ModalFooter.js

@@ -9,7 +9,6 @@ import { objectWithoutProperties as _objectWithoutProperties, defineProperty as
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import ButtonSet from '../ButtonSet/ButtonSet.js';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/ContentSwitcher/ContentSwitcher.js

@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { inherits as _inherits, createSuper as _createSuper, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, objectSpread2 as _objectSpread2, createClass as _createClass, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import deprecate from '../../prop-types/deprecate.js';
 import { composeEventHandlers } from '../../tools/events.js';
-import { ArrowRight, ArrowLeft } from '../../internal/keyboard/keys.js';
+import { PrefixContext } from '../../internal/usePrefix.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { getNextIndex } from '../../internal/keyboard/navigation.js';
-import { PrefixContext } from '../../internal/usePrefix.js';
+import { ArrowRight, ArrowLeft } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["children", "className", "light", "selectedIndex", "selectionMode", "size"];
 

package/es/components/DangerButton/DangerButton.js

@@ -8,7 +8,6 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 
 var DangerButton = function DangerButton(props) {
   return /*#__PURE__*/React__default.createElement(Button, _extends({
@@ -16,4 +15,6 @@ var DangerButton = function DangerButton(props) {
   }, props));
 };
 
-export { DangerButton as default };
+var DangerButton$1 = DangerButton;
+
+export { DangerButton$1 as default };

package/es/components/DataTable/Table.js

@@ -85,5 +85,6 @@ Table.defaultProps = {
   isSortable: false,
   overflowMenuOnHover: true
 };
+var Table$1 = Table;
 
-export { Table, Table as default };
+export { Table, Table$1 as default };

package/es/components/DataTable/TableActionList.js

@@ -14,5 +14,6 @@ var TableActionList = wrapComponent({
     return "".concat(prefix, "--action-list");
   }
 });
+var TableActionList$1 = TableActionList;
 
-export { TableActionList as default };
+export { TableActionList$1 as default };

package/es/components/DataTable/TableBatchAction.js

@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import { AddFilled } from '@carbon/icons-react';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 
 var TableBatchAction = function TableBatchAction(props) {
   return /*#__PURE__*/React__default.createElement(Button, props);
@@ -42,5 +41,6 @@ TableBatchAction.defaultProps = {
   renderIcon: AddFilled,
   iconDescription: 'Add'
 };
+var TableBatchAction$1 = TableBatchAction;
 
-export { TableBatchAction as default };
+export { TableBatchAction$1 as default };

package/es/components/DataTable/TableBatchActions.js

@@ -10,7 +10,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import Button from '../Button/Button.js';
-import '../Button/Button.Skeleton.js';
 import TableActionList from './TableActionList.js';
 import '../Text/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -106,5 +105,6 @@ TableBatchActions.propTypes = {
 TableBatchActions.defaultProps = {
   translateWithId: translateWithId
 };
+var TableBatchActions$1 = TableBatchActions;
 
-export { TableBatchActions as default };
+export { TableBatchActions$1 as default };

package/es/components/DataTable/TableBody.js

@@ -32,5 +32,6 @@ TableBody.propTypes = {
 TableBody.defaultProps = {
   'aria-live': 'polite'
 };
+var TableBody$1 = TableBody;
 
-export { TableBody as default };
+export { TableBody$1 as default };

package/es/components/DataTable/TableCell.js

@@ -11,5 +11,6 @@ var TableCell = wrapComponent({
   name: 'TableCell',
   type: 'td'
 });
+var TableCell$1 = TableCell;
 
-export { TableCell as default };
+export { TableCell$1 as default };

package/es/components/DataTable/TableContainer.js

@@ -76,5 +76,6 @@ TableContainer.propTypes = {
    */
   useStaticWidth: PropTypes.bool
 };
+var TableContainer$1 = TableContainer;
 
-export { TableContainer as default };
+export { TableContainer$1 as default };

package/es/components/DataTable/TableExpandHeader.js

@@ -89,5 +89,6 @@ TableExpandHeader.propTypes = {
    */
   onExpand: PropTypes.oneOfType([requiredIfGivenPropIsTruthy('enableExpando', PropTypes.func), requiredIfGivenPropIsTruthy('enableToggle', PropTypes.func)])
 };
+var TableExpandHeader$1 = TableExpandHeader;
 
-export { TableExpandHeader as default };
+export { TableExpandHeader$1 as default };

package/es/components/DataTable/TableExpandRow.js

@@ -86,5 +86,6 @@ TableExpandRow.propTypes = {
    */
   onExpand: PropTypes.func.isRequired
 };
+var TableExpandRow$1 = TableExpandRow;
 
-export { TableExpandRow as default };
+export { TableExpandRow$1 as default };

package/es/components/DataTable/TableExpandedRow.js

@@ -70,5 +70,6 @@ TableExpandedRow.propTypes = {
    */
   colSpan: PropTypes.number.isRequired
 };
+var TableExpandedRow$1 = TableExpandedRow;
 
-export { TableExpandedRow as default };
+export { TableExpandedRow$1 as default };

package/es/components/DataTable/TableHead.js

@@ -11,5 +11,6 @@ var TableHead = wrapComponent({
   name: 'TableHead',
   type: 'thead'
 });
+var TableHead$1 = TableHead;
 
-export { TableHead as default };
+export { TableHead$1 as default };

package/es/components/DataTable/TableHeader.js

@@ -180,5 +180,6 @@ TableHeader.defaultProps = {
 };
 TableHeader.translationKeys = Object.values(translationKeys);
 TableHeader.displayName = 'TableHeader';
+var TableHeader$1 = TableHeader;
 
-export { TableHeader as default };
+export { TableHeader$1 as default };

package/es/components/DataTable/TableRow.js

@@ -36,5 +36,6 @@ TableRow.propTypes = {
    */
   isSelected: PropTypes.bool
 };
+var TableRow$1 = TableRow;
 
-export { TableRow as default };
+export { TableRow$1 as default };

package/es/components/DataTable/TableSelectAll.js

@@ -79,5 +79,6 @@ TableSelectAll.propTypes = {
 TableSelectAll.defaultProps = {
   ariaLabel: 'Select all rows in the table'
 };
+var TableSelectAll$1 = TableSelectAll;
 
-export { TableSelectAll as default };
+export { TableSelectAll$1 as default };

package/es/components/DataTable/TableSelectRow.js

@@ -92,5 +92,6 @@ TableSelectRow.propTypes = {
    */
   radio: PropTypes.bool
 };
+var TableSelectRow$1 = TableSelectRow;
 
-export { TableSelectRow as default };
+export { TableSelectRow$1 as default };

package/es/components/DataTable/TableToolbar.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectSpread2 as _objectSpread2, objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default from 'react';
@@ -42,5 +42,6 @@ TableToolbar.propTypes = _objectSpread2(_objectSpread2({}, AriaLabelPropType), {
 TableToolbar.defaultProps = {
   'aria-label': 'data table toolbar'
 };
+var TableToolbar$1 = TableToolbar;
 
-export { TableToolbar as default };
+export { TableToolbar$1 as default };

package/es/components/DataTable/TableToolbarAction.js

@@ -26,5 +26,6 @@ TableToolbarAction.propTypes = {
   className: PropTypes.string,
   onClick: PropTypes.func.isRequired
 };
+var TableToolbarAction$1 = TableToolbarAction;
 
-export { TableToolbarAction as default };
+export { TableToolbarAction$1 as default };

package/es/components/DataTable/TableToolbarContent.js

@@ -14,5 +14,6 @@ var TableToolbarContent = wrapComponent({
     return "".concat(prefix, "--toolbar-content");
   }
 });
+var TableToolbarContent$1 = TableToolbarContent;
 
-export { TableToolbarContent as default };
+export { TableToolbarContent$1 as default };

package/es/components/DataTable/TableToolbarMenu.js

@@ -56,5 +56,6 @@ TableToolbarMenu.propTypes = {
    */
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
+var TableToolbarMenu$1 = TableToolbarMenu;
 
-export { TableToolbarMenu as default };
+export { TableToolbarMenu$1 as default };

package/es/components/DataTable/TableToolbarSearch.js

@@ -10,7 +10,6 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React__default, { useRef, useState, useMemo, useEffect } from 'react';
 import Search from '../Search/Search.js';
-import '../Search/Search.Skeleton.js';
 import setupGetInstanceId from './tools/instanceId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -237,5 +236,6 @@ TableToolbarSearch.defaultProps = {
   persistent: false,
   onClear: function onClear() {}
 };
+var TableToolbarSearch$1 = TableToolbarSearch;
 
-export { TableToolbarSearch as default };
+export { TableToolbarSearch$1 as default };

package/es/components/DataTable/state/getDerivedStateFromProps.js

@@ -50,4 +50,6 @@ var getDerivedStateFromProps = function getDerivedStateFromProps(props, prevStat
   return state;
 };
 
-export { getDerivedStateFromProps as default };
+var getDerivedStateFromProps$1 = getDerivedStateFromProps;
+
+export { getDerivedStateFromProps$1 as default };

package/es/components/DataTable/tools/denormalize.js

@@ -38,4 +38,6 @@ var denormalize = function denormalize(rowIds, rowsById, cellsById) {
   });
 };
 
-export { denormalize as default };
+var denormalize$1 = denormalize;
+
+export { denormalize$1 as default };

package/es/components/DataTable/tools/instanceId.js

@@ -16,4 +16,6 @@ var setupGetInstanceId = function setupGetInstanceId() {
   };
 };
 
-export { setupGetInstanceId as default };
+var setupGetInstanceId$1 = setupGetInstanceId;
+
+export { setupGetInstanceId$1 as default };

package/es/components/DataTable/tools/normalize.js

@@ -73,4 +73,6 @@ var normalize = function normalize(rows, headers) {
   };
 };
 
-export { normalize as default };
+var normalize$1 = normalize;
+
+export { normalize$1 as default };

package/es/components/DataTableSkeleton/DataTableSkeleton.js

@@ -128,5 +128,6 @@ DataTableSkeleton.defaultProps = {
   showHeader: true,
   showToolbar: true
 };
+var DataTableSkeleton$1 = DataTableSkeleton;
 
-export { DataTableSkeleton as default };
+export { DataTableSkeleton$1 as default };

package/es/components/DatePicker/DatePicker.Skeleton.js

@@ -64,5 +64,6 @@ DatePickerSkeleton.propTypes = {
    */
   range: PropTypes.bool
 };
+var DatePickerSkeleton$1 = DatePickerSkeleton;
 
-export { DatePickerSkeleton, DatePickerSkeleton as default };
+export { DatePickerSkeleton, DatePickerSkeleton$1 as default };

package/es/components/DatePicker/DatePicker.js

@@ -16,13 +16,13 @@ import carbonFlatpickrAppendToPlugin from './plugins/appendToPlugin.js';
 import carbonFlatpickrFixEventsPlugin from './plugins/fixEventsPlugin.js';
 import carbonFlatpickrRangePlugin from './plugins/rangePlugin.js';
 import deprecate from '../../prop-types/deprecate.js';
-import { Escape, ArrowDown } from '../../internal/keyboard/keys.js';
-import { match } from '../../internal/keyboard/match.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useSavedCallback } from '../../internal/useSavedCallback.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape, ArrowDown } from '../../internal/keyboard/keys.js';
 
 var _excluded = ["allowInput", "appendTo", "children", "className", "closeOnSelect", "dateFormat", "datePickerType", "disable", "enable", "inline", "invalid", "invalidText", "warn", "warnText", "light", "locale", "maxDate", "minDate", "onChange", "onClose", "onOpen", "readOnly", "short", "value"];
 
@@ -683,5 +683,6 @@ DatePicker.propTypes = {
    */
   warnText: PropTypes.node
 };
+var DatePicker$1 = DatePicker;
 
-export { DatePicker as default };
+export { DatePicker$1 as default };

package/es/components/DatePicker/index.js

@@ -7,4 +7,3 @@
 
 import DatePicker from './DatePicker.js';
 export { default as DatePicker, default } from './DatePicker.js';
-export { default as DatePickerSkeleton } from './DatePicker.Skeleton.js';

package/es/components/DatePicker/plugins/fixEventsPlugin.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { Enter, ArrowLeft, ArrowRight, ArrowDown } from '../../../internal/keyboard/keys.js';
 import { match } from '../../../internal/keyboard/match.js';
+import { Enter, ArrowLeft, ArrowRight, ArrowDown } from '../../../internal/keyboard/keys.js';
 
 /**
  * @param {object} config Plugin configuration.
@@ -40,6 +40,35 @@ var carbonFlatpickrFixEventsPlugin = (function (config) {
         }
       }
     };
+    /**
+     * Handles `blur` event.
+     *
+     * For whatever reason, manual changes within the `to` input do not update the
+     * calendar on blur. If a manual change is made within the input, this block will
+     * set the date again, triggering the calendar to update.
+     */
+
+
+    var handleBlur = function handleBlur(event) {
+      var inputFrom = config.inputFrom,
+          inputTo = config.inputTo;
+      var target = event.target; // Only fall into this logic if the event is on the `to` input and there is a
+      // `to` date selected
+
+      if (inputTo === target && fp.selectedDates[1]) {
+        // Using getTime() enables the ability to more readily compare the date currently
+        // selected in the calendar and the date currently in the value of the input
+        var selectedToDate = new Date(fp.selectedDates[1]).getTime();
+        var currentValueToDate = new Date(inputTo.value).getTime(); // The date should only be set if both dates are valid dates, and they don't match.
+        // When they don't match, this indiciates that the date selected in the calendar is stale,
+        // and the current value in the input should be set for the calendar to update.
+
+        if (selectedToDate && currentValueToDate && selectedToDate !== currentValueToDate) {
+          // Update the calendar with the value of the `to` date input
+          fp.setDate([inputFrom.value, inputTo && inputTo.value], false, fp.config.dateFormat);
+        }
+      }
+    };
     /**
      * Releases event listeners used in this Flatpickr plugin.
      */
@@ -51,6 +80,7 @@ var carbonFlatpickrFixEventsPlugin = (function (config) {
 
       if (inputTo) {
         inputTo.removeEventListener('keydown', handleKeydown, true);
+        inputTo.removeEventListener('blur', handleBlur, true);
       }
 
       inputFrom.removeEventListener('keydown', handleKeydown, true);
@@ -68,6 +98,7 @@ var carbonFlatpickrFixEventsPlugin = (function (config) {
 
       if (inputTo) {
         inputTo.addEventListener('keydown', handleKeydown, true);
+        inputTo.addEventListener('blur', handleBlur, true);
       }
     };
     /**

package/es/components/DatePickerInput/DatePickerInput.js

@@ -263,5 +263,6 @@ DatePickerIcon.propTypes = {
    */
   warn: PropTypes.bool
 };
+var DatePickerInput$1 = DatePickerInput;
 
-export { DatePickerInput as default };
+export { DatePickerInput$1 as default };

package/es/components/Dropdown/Dropdown.Skeleton.js

@@ -42,5 +42,6 @@ DropdownSkeleton.propTypes = {
    */
   size: ListBoxSize
 };
+var DropdownSkeleton$1 = DropdownSkeleton;
 
-export { DropdownSkeleton, DropdownSkeleton as default };
+export { DropdownSkeleton, DropdownSkeleton$1 as default };