@carbon/react 1.21.0 → 1.22.0-rc.0

package/lib/components/ComboBox/ComboBox.js

@@ -16,11 +16,7 @@ var PropTypes = require('prop-types');
 var React = require('react');
 require('../Text/index.js');
 var iconsReact = require('@carbon/icons-react');
-require('../ListBox/index.js');
-var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
-var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
+var index$1 = require('../ListBox/index.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var index = require('../FeatureFlags/index.js');
@@ -28,9 +24,12 @@ var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
+var match = require('../../internal/keyboard/match.js');
 var Text = require('../Text/Text.js');
-var ListBox = require('../ListBox/ListBox.js');
+var ListBoxSelection = require('../ListBox/next/ListBoxSelection.js');
+var ListBoxTrigger = require('../ListBox/next/ListBoxTrigger.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 }; }
 
@@ -338,7 +337,7 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
     }, titleText && /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
       as: "label",
       className: titleClasses
-    }, labelProps), titleText), /*#__PURE__*/React__default["default"].createElement(ListBox["default"], {
+    }, labelProps), titleText), /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
       onFocus: handleFocus,
       onBlur: handleFocus,
       className: className,
@@ -378,7 +377,7 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
     }), /*#__PURE__*/React__default["default"].createElement(ListBoxTrigger["default"], _rollupPluginBabelHelpers["extends"]({}, buttonProps, {
       isOpen: isOpen,
       translateWithId: translateWithId
-    }))), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Menu, getMenuProps({
+    }))), /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, getMenuProps({
       'aria-label': ariaLabel
     }), isOpen ? filterItems(items, itemToString, inputValue).map(function (item, index) {
       var _getItemProps;
@@ -387,7 +386,7 @@ var ComboBox = /*#__PURE__*/React__default["default"].forwardRef(function (props
         item: item,
         index: index
       }, _rollupPluginBabelHelpers.defineProperty(_getItemProps, 'aria-current', selectedItem === item ? true : null), _rollupPluginBabelHelpers.defineProperty(_getItemProps, 'aria-selected', highlightedIndex === index ? true : null), _rollupPluginBabelHelpers.defineProperty(_getItemProps, "disabled", item.disabled), _getItemProps));
-      return /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
         key: itemProps.id,
         isActive: selectedItem === item,
         isHighlighted: highlightedIndex === index || (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) === item.id || false,
@@ -572,5 +571,6 @@ ComboBox.defaultProps = {
   ariaLabel: 'Choose an item',
   direction: 'bottom'
 };
+var ComboBox$1 = ComboBox;
 
-exports["default"] = ComboBox;
+exports["default"] = ComboBox$1;

package/lib/components/ComposedModal/ComposedModal.js

@@ -232,6 +232,7 @@ ComposedModal.defaultProps = {
   onKeyDown: function onKeyDown() {},
   selectorPrimaryFocus: '[data-modal-primary-focus]'
 };
+var ComposedModal$1 = ComposedModal;
 
 exports.ModalBody = ModalBody;
-exports["default"] = ComposedModal;
+exports["default"] = ComposedModal$1;

package/lib/components/ComposedModal/ModalFooter.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var PropTypes = require('prop-types');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var ButtonSet = require('../ButtonSet/ButtonSet.js');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');

package/lib/components/ContentSwitcher/ContentSwitcher.js

@@ -15,10 +15,10 @@ var React = require('react');
 var cx = require('classnames');
 var deprecate = require('../../prop-types/deprecate.js');
 var events = require('../../tools/events.js');
-var keys = require('../../internal/keyboard/keys.js');
+var usePrefix = require('../../internal/usePrefix.js');
 var match = require('../../internal/keyboard/match.js');
 var navigation = require('../../internal/keyboard/navigation.js');
-var usePrefix = require('../../internal/usePrefix.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/DangerButton/DangerButton.js

@@ -12,7 +12,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,4 +23,6 @@ var DangerButton = function DangerButton(props) {
   }, props));
 };
 
-exports["default"] = DangerButton;
+var DangerButton$1 = DangerButton;
+
+exports["default"] = DangerButton$1;

package/lib/components/DataTable/DataTable.js

@@ -14,12 +14,12 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var isEqual = require('lodash.isequal');
 var getDerivedStateFromProps = require('./state/getDerivedStateFromProps.js');
-var sorting = require('./state/sorting.js');
+var sorting$1 = require('./state/sorting.js');
 var cells = require('./tools/cells.js');
 var denormalize = require('./tools/denormalize.js');
 var events = require('../../tools/events.js');
 var filter = require('./tools/filter.js');
-var sorting$1 = require('./tools/sorting.js');
+var sorting = require('./tools/sorting.js');
 var instanceId = require('./tools/instanceId.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -90,7 +90,7 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
         isSortable: isSortable,
         isSortHeader: sortHeaderKey === header.key,
         onClick: function onClick(event) {
-          var nextSortState = sorting.getNextSortState(_this.props, _this.state, {
+          var nextSortState = sorting$1.getNextSortState(_this.props, _this.state, {
             key: header.key
           });
 
@@ -388,7 +388,7 @@ var DataTable = /*#__PURE__*/function (_React$Component) {
     _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleSortBy", function (headerKey) {
       return function () {
         _this.setState(function (state) {
-          return sorting.getNextSortState(_this.props, state, {
+          return sorting$1.getNextSortState(_this.props, state, {
             key: headerKey
           });
         });
@@ -627,7 +627,7 @@ _rollupPluginBabelHelpers.defineProperty(DataTable, "propTypes", {
 });
 
 _rollupPluginBabelHelpers.defineProperty(DataTable, "defaultProps", {
-  sortRow: sorting$1.defaultSortRow,
+  sortRow: sorting.defaultSortRow,
   filterRows: filter.defaultFilterRows,
   locale: 'en',
   size: 'lg',

package/lib/components/DataTable/Table.js

@@ -95,6 +95,7 @@ Table.defaultProps = {
   isSortable: false,
   overflowMenuOnHover: true
 };
+var Table$1 = Table;
 
 exports.Table = Table;
-exports["default"] = Table;
+exports["default"] = Table$1;

package/lib/components/DataTable/TableActionList.js

@@ -18,5 +18,6 @@ var TableActionList = wrapComponent["default"]({
     return "".concat(prefix, "--action-list");
   }
 });
+var TableActionList$1 = TableActionList;
 
-exports["default"] = TableActionList;
+exports["default"] = TableActionList$1;

package/lib/components/DataTable/TableBatchAction.js

@@ -13,7 +13,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var iconsReact = require('@carbon/icons-react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,5 +50,6 @@ TableBatchAction.defaultProps = {
   renderIcon: iconsReact.AddFilled,
   iconDescription: 'Add'
 };
+var TableBatchAction$1 = TableBatchAction;
 
-exports["default"] = TableBatchAction;
+exports["default"] = TableBatchAction$1;

package/lib/components/DataTable/TableBatchActions.js

@@ -14,7 +14,6 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var Button = require('../Button/Button.js');
-require('../Button/Button.Skeleton.js');
 var TableActionList = require('./TableActionList.js');
 require('../Text/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
@@ -116,5 +115,6 @@ TableBatchActions.propTypes = {
 TableBatchActions.defaultProps = {
   translateWithId: translateWithId
 };
+var TableBatchActions$1 = TableBatchActions;
 
-exports["default"] = TableBatchActions;
+exports["default"] = TableBatchActions$1;

package/lib/components/DataTable/TableBody.js

@@ -41,5 +41,6 @@ TableBody.propTypes = {
 TableBody.defaultProps = {
   'aria-live': 'polite'
 };
+var TableBody$1 = TableBody;
 
-exports["default"] = TableBody;
+exports["default"] = TableBody$1;

package/lib/components/DataTable/TableCell.js

@@ -15,5 +15,6 @@ var TableCell = wrapComponent["default"]({
   name: 'TableCell',
   type: 'td'
 });
+var TableCell$1 = TableCell;
 
-exports["default"] = TableCell;
+exports["default"] = TableCell$1;

package/lib/components/DataTable/TableContainer.js

@@ -86,5 +86,6 @@ TableContainer.propTypes = {
    */
   useStaticWidth: PropTypes__default["default"].bool
 };
+var TableContainer$1 = TableContainer;
 
-exports["default"] = TableContainer;
+exports["default"] = TableContainer$1;

package/lib/components/DataTable/TableExpandHeader.js

@@ -99,5 +99,6 @@ TableExpandHeader.propTypes = {
    */
   onExpand: PropTypes__default["default"].oneOfType([requiredIfGivenPropIsTruthy["default"]('enableExpando', PropTypes__default["default"].func), requiredIfGivenPropIsTruthy["default"]('enableToggle', PropTypes__default["default"].func)])
 };
+var TableExpandHeader$1 = TableExpandHeader;
 
-exports["default"] = TableExpandHeader;
+exports["default"] = TableExpandHeader$1;

package/lib/components/DataTable/TableExpandRow.js

@@ -96,5 +96,6 @@ TableExpandRow.propTypes = {
    */
   onExpand: PropTypes__default["default"].func.isRequired
 };
+var TableExpandRow$1 = TableExpandRow;
 
-exports["default"] = TableExpandRow;
+exports["default"] = TableExpandRow$1;

package/lib/components/DataTable/TableExpandedRow.js

@@ -80,5 +80,6 @@ TableExpandedRow.propTypes = {
    */
   colSpan: PropTypes__default["default"].number.isRequired
 };
+var TableExpandedRow$1 = TableExpandedRow;
 
-exports["default"] = TableExpandedRow;
+exports["default"] = TableExpandedRow$1;

package/lib/components/DataTable/TableHead.js

@@ -15,5 +15,6 @@ var TableHead = wrapComponent["default"]({
   name: 'TableHead',
   type: 'thead'
 });
+var TableHead$1 = TableHead;
 
-exports["default"] = TableHead;
+exports["default"] = TableHead$1;

package/lib/components/DataTable/TableHeader.js

@@ -190,5 +190,6 @@ TableHeader.defaultProps = {
 };
 TableHeader.translationKeys = Object.values(translationKeys);
 TableHeader.displayName = 'TableHeader';
+var TableHeader$1 = TableHeader;
 
-exports["default"] = TableHeader;
+exports["default"] = TableHeader$1;

package/lib/components/DataTable/TableRow.js

@@ -47,5 +47,6 @@ TableRow.propTypes = {
    */
   isSelected: PropTypes__default["default"].bool
 };
+var TableRow$1 = TableRow;
 
-exports["default"] = TableRow;
+exports["default"] = TableRow$1;

package/lib/components/DataTable/TableSelectAll.js

@@ -89,5 +89,6 @@ TableSelectAll.propTypes = {
 TableSelectAll.defaultProps = {
   ariaLabel: 'Select all rows in the table'
 };
+var TableSelectAll$1 = TableSelectAll;
 
-exports["default"] = TableSelectAll;
+exports["default"] = TableSelectAll$1;

package/lib/components/DataTable/TableSelectRow.js

@@ -102,5 +102,6 @@ TableSelectRow.propTypes = {
    */
   radio: PropTypes__default["default"].bool
 };
+var TableSelectRow$1 = TableSelectRow;
 
-exports["default"] = TableSelectRow;
+exports["default"] = TableSelectRow$1;

package/lib/components/DataTable/TableToolbar.js

@@ -52,5 +52,6 @@ TableToolbar.propTypes = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBa
 TableToolbar.defaultProps = {
   'aria-label': 'data table toolbar'
 };
+var TableToolbar$1 = TableToolbar;
 
-exports["default"] = TableToolbar;
+exports["default"] = TableToolbar$1;

package/lib/components/DataTable/TableToolbarAction.js

@@ -35,5 +35,6 @@ TableToolbarAction.propTypes = {
   className: PropTypes__default["default"].string,
   onClick: PropTypes__default["default"].func.isRequired
 };
+var TableToolbarAction$1 = TableToolbarAction;
 
-exports["default"] = TableToolbarAction;
+exports["default"] = TableToolbarAction$1;

package/lib/components/DataTable/TableToolbarContent.js

@@ -18,5 +18,6 @@ var TableToolbarContent = wrapComponent["default"]({
     return "".concat(prefix, "--toolbar-content");
   }
 });
+var TableToolbarContent$1 = TableToolbarContent;
 
-exports["default"] = TableToolbarContent;
+exports["default"] = TableToolbarContent$1;

package/lib/components/DataTable/TableToolbarMenu.js

@@ -66,5 +66,6 @@ TableToolbarMenu.propTypes = {
    */
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
+var TableToolbarMenu$1 = TableToolbarMenu;
 
-exports["default"] = TableToolbarMenu;
+exports["default"] = TableToolbarMenu$1;

package/lib/components/DataTable/TableToolbarSearch.js

@@ -14,7 +14,6 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var Search = require('../Search/Search.js');
-require('../Search/Search.Skeleton.js');
 var instanceId = require('./tools/instanceId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 
@@ -247,5 +246,6 @@ TableToolbarSearch.defaultProps = {
   persistent: false,
   onClear: function onClear() {}
 };
+var TableToolbarSearch$1 = TableToolbarSearch;
 
-exports["default"] = TableToolbarSearch;
+exports["default"] = TableToolbarSearch$1;

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

@@ -54,4 +54,6 @@ var getDerivedStateFromProps = function getDerivedStateFromProps(props, prevStat
   return state;
 };
 
-exports["default"] = getDerivedStateFromProps;
+var getDerivedStateFromProps$1 = getDerivedStateFromProps;
+
+exports["default"] = getDerivedStateFromProps$1;

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

@@ -42,4 +42,6 @@ var denormalize = function denormalize(rowIds, rowsById, cellsById) {
   });
 };
 
-exports["default"] = denormalize;
+var denormalize$1 = denormalize;
+
+exports["default"] = denormalize$1;

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

@@ -20,4 +20,6 @@ var setupGetInstanceId = function setupGetInstanceId() {
   };
 };
 
-exports["default"] = setupGetInstanceId;
+var setupGetInstanceId$1 = setupGetInstanceId;
+
+exports["default"] = setupGetInstanceId$1;

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

@@ -77,4 +77,6 @@ var normalize = function normalize(rows, headers) {
   };
 };
 
-exports["default"] = normalize;
+var normalize$1 = normalize;
+
+exports["default"] = normalize$1;

package/lib/components/DataTableSkeleton/DataTableSkeleton.js

@@ -138,5 +138,6 @@ DataTableSkeleton.defaultProps = {
   showHeader: true,
   showToolbar: true
 };
+var DataTableSkeleton$1 = DataTableSkeleton;
 
-exports["default"] = DataTableSkeleton;
+exports["default"] = DataTableSkeleton$1;

package/lib/components/DatePicker/DatePicker.Skeleton.js

@@ -74,6 +74,7 @@ DatePickerSkeleton.propTypes = {
    */
   range: PropTypes__default["default"].bool
 };
+var DatePickerSkeleton$1 = DatePickerSkeleton;
 
 exports.DatePickerSkeleton = DatePickerSkeleton;
-exports["default"] = DatePickerSkeleton;
+exports["default"] = DatePickerSkeleton$1;

package/lib/components/DatePicker/DatePicker.js

@@ -20,13 +20,13 @@ var appendToPlugin = require('./plugins/appendToPlugin.js');
 var fixEventsPlugin = require('./plugins/fixEventsPlugin.js');
 var rangePlugin = require('./plugins/rangePlugin.js');
 var deprecate = require('../../prop-types/deprecate.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useSavedCallback = require('../../internal/useSavedCallback.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var iconsReact = require('@carbon/icons-react');
+var match = require('../../internal/keyboard/match.js');
+var keys = require('../../internal/keyboard/keys.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -694,5 +694,6 @@ DatePicker.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var DatePicker$1 = DatePicker;
 
-exports["default"] = DatePicker;
+exports["default"] = DatePicker$1;

package/lib/components/DatePicker/index.js

@@ -10,10 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DatePicker = require('./DatePicker.js');
-var DatePicker_Skeleton = require('./DatePicker.Skeleton.js');
 
 
 
 exports.DatePicker = DatePicker["default"];
 exports["default"] = DatePicker["default"];
-exports.DatePickerSkeleton = DatePicker_Skeleton["default"];

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

@@ -9,8 +9,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var keys = require('../../../internal/keyboard/keys.js');
 var match = require('../../../internal/keyboard/match.js');
+var keys = require('../../../internal/keyboard/keys.js');
 
 /**
  * @param {object} config Plugin configuration.
@@ -44,6 +44,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.
      */
@@ -55,6 +84,7 @@ var carbonFlatpickrFixEventsPlugin = (function (config) {
 
       if (inputTo) {
         inputTo.removeEventListener('keydown', handleKeydown, true);
+        inputTo.removeEventListener('blur', handleBlur, true);
       }
 
       inputFrom.removeEventListener('keydown', handleKeydown, true);
@@ -72,6 +102,7 @@ var carbonFlatpickrFixEventsPlugin = (function (config) {
 
       if (inputTo) {
         inputTo.addEventListener('keydown', handleKeydown, true);
+        inputTo.addEventListener('blur', handleBlur, true);
       }
     };
     /**

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -273,5 +273,6 @@ DatePickerIcon.propTypes = {
    */
   warn: PropTypes__default["default"].bool
 };
+var DatePickerInput$1 = DatePickerInput;
 
-exports["default"] = DatePickerInput;
+exports["default"] = DatePickerInput$1;

package/lib/components/Dropdown/Dropdown.Skeleton.js

@@ -52,6 +52,7 @@ DropdownSkeleton.propTypes = {
    */
   size: ListBoxPropTypes.ListBoxSize
 };
+var DropdownSkeleton$1 = DropdownSkeleton;
 
 exports.DropdownSkeleton = DropdownSkeleton;
-exports["default"] = DropdownSkeleton;
+exports["default"] = DropdownSkeleton$1;