@carbon/react 1.21.0 → 1.22.0

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;

package/lib/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,134 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
+import React, { ReactNode } from 'react';
+import { UseSelectProps } from 'downshift';
+import { ListBoxSize, ListBoxType } from '../ListBox';
+import { ReactAttr } from '../../types/common';
+type ExcludedAttributes = 'id' | 'onChange';
+export interface OnChangeData<ItemType> {
+    selectedItem: ItemType | null;
+}
+export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+    /**
+     * 'aria-label' of the ListBox component.
+     */
+    ariaLabel?: string;
+    /**
+     * Specify the direction of the dropdown. Can be either top or bottom.
+     */
+    direction?: 'top' | 'bottom';
+    /**
+     * Disable the control
+     */
+    disabled?: boolean;
+    /**
+     * Additional props passed to Downshift
+     */
+    downshiftProps?: Partial<UseSelectProps<ItemType>>;
+    /**
+     * Provide helper text that is used alongside the control label for
+     * additional help
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Specify whether the title text should be hidden or not
+     */
+    hideLabel?: boolean;
+    /**
+     * Specify a custom `id`
+     */
+    id: string;
+    /**
+     * Allow users to pass in an arbitrary item or a string (in case their items are an array of strings)
+     * from their collection that are pre-selected
+     */
+    initialSelectedItem?: ItemType;
+    /**
+     * Specify if the currently selected value is invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Message which is displayed if the value is invalid.
+     */
+    invalidText?: React.ReactNode;
+    /**
+     * Function to render items as custom components instead of strings.
+     * Defaults to null and is overridden by a getter
+     */
+    itemToElement?: React.JSXElementConstructor<ItemType> | null;
+    /**
+     * 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?(item: ItemType): string;
+    /**
+     * 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: ItemType[];
+    /**
+     * Generic `label` that will be used as the textual representation of what
+     * this field is for
+     */
+    label: NonNullable<ReactNode>;
+    /**
+     * `true` to use the light version.
+     * @deprecated The `light` prop for `Dropdown` has been deprecated
+     * in favor of the new `Layer` component. It will be removed in the next major release.
+     */
+    light?: boolean;
+    /**
+     * `onChange` is a utility for this controlled component to communicate to a
+     * consuming component what kind of internal state changes are occurring.
+     */
+    onChange?(data: OnChangeData<ItemType>): void;
+    /**
+     * Whether or not the Dropdown is readonly
+     */
+    readOnly?: boolean;
+    /**
+     * An optional callback to render the currently selected item as a react element instead of only
+     * as a string.
+     */
+    renderSelectedItem?(item: ItemType): string;
+    /**
+     * In the case you want to control the dropdown selection entirely.
+     */
+    selectedItem?: ItemType;
+    /**
+     * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
+     */
+    size?: ListBoxSize;
+    /**
+     * Provide the title text that will be read by a screen reader when
+     * visiting this control
+     */
+    titleText?: React.ReactNode;
+    /**
+     * Callback function for translating ListBoxMenuIcon SVG title
+     */
+    translateWithId?(messageId: string, args?: Record<string, unknown>): string;
+    /**
+     * The dropdown type, `default` or `inline`
+     */
+    type?: ListBoxType;
+    /**
+     * Specify whether the control is currently in warning state
+     */
+    warn?: boolean;
+    /**
+     * Provide the text that is displayed when the control is in warning state
+     */
+    warnText?: React.ReactNode;
+}
+type DropdownComponentProps<ItemType> = React.PropsWithoutRef<React.PropsWithChildren<DropdownProps<ItemType>> & React.RefAttributes<HTMLButtonElement>>;
+interface DropdownComponent {
+    <ItemType>(props: DropdownComponentProps<ItemType>): React.ReactElement | null;
+}
+declare const _default: DropdownComponent;
+export default _default;

package/lib/components/Dropdown/Dropdown.js

@@ -15,7 +15,7 @@ var Downshift = require('downshift');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
-require('../ListBox/index.js');
+var index$1 = require('../ListBox/index.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../FeatureFlags/index.js');
@@ -23,7 +23,6 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
-var ListBox = require('../ListBox/ListBox.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -38,10 +37,18 @@ var defaultItemToString = function defaultItemToString(item) {
     return item;
   }
 
-  return item ? item.label : '';
+  if (typeof item === 'number') {
+    return "".concat(item);
+  }
+
+  if (item !== null && _rollupPluginBabelHelpers["typeof"](item) === 'object' && 'label' in item && typeof item['label'] === 'string') {
+    return item['label'];
+  }
+
+  return '';
 };
 
-var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdown(_ref, ref) {
+var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _cx, _cx2, _cx4;
 
   var containerClassName = _ref.className,
@@ -50,7 +57,8 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
       items = _ref.items,
       label = _ref.label,
       ariaLabel = _ref.ariaLabel,
-      itemToString = _ref.itemToString,
+      _ref$itemToString = _ref.itemToString,
+      itemToString = _ref$itemToString === void 0 ? defaultItemToString : _ref$itemToString,
       itemToElement = _ref.itemToElement,
       renderSelectedItem = _ref.renderSelectedItem,
       type = _ref.type,
@@ -125,7 +133,7 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
 
     if (onChange) {
       onChange({
-        selectedItem: selectedItem
+        selectedItem: selectedItem !== null && selectedItem !== void 0 ? selectedItem : null
       });
     }
   }
@@ -138,12 +146,15 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
     setIsFocused(evt.type === 'focus' ? true : false);
   };
 
+  var mergedRef = mergeRefs["default"](toggleButtonProps.ref, ref);
   var readOnlyEventHandlers = readOnly ? {
     onClick: function onClick(evt) {
       // NOTE: does not prevent click
       evt.preventDefault(); // focus on the element as per readonly input behavior
 
-      evt.target.focus();
+      if (mergedRef.current !== undefined) {
+        mergedRef.current.focus();
+      }
     },
     onKeyDown: function onKeyDown(evt) {
       var selectAccessKeys = ['ArrowDown', 'ArrowUp', ' ', 'Enter']; // This prevents the select from opening for the above keys
@@ -157,7 +168,7 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
     className: wrapperClasses
   }, other), titleText && /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({
     className: titleClasses
-  }, getLabelProps()), titleText), /*#__PURE__*/React__default["default"].createElement(ListBox["default"], {
+  }, getLabelProps()), titleText), /*#__PURE__*/React__default["default"].createElement(index$1["default"], {
     onFocus: handleFocus,
     onBlur: handleFocus,
     "aria-label": ariaLabel,
@@ -180,22 +191,24 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
     disabled: disabled,
     "aria-disabled": readOnly ? true : undefined // aria-disabled to remain focusable
     ,
-    title: selectedItem ? itemToString(selectedItem) : label
+    title: selectedItem && itemToString !== undefined ? itemToString(selectedItem) : label
   }, toggleButtonProps, readOnlyEventHandlers, {
-    ref: mergeRefs["default"](toggleButtonProps.ref, ref)
+    ref: mergedRef
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(prefix, "--list-box__label")
-  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuIcon, {
+  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  })), /*#__PURE__*/React__default["default"].createElement(ListBox["default"].Menu, getMenuProps(), isOpen && items.map(function (item, index) {
+  })), /*#__PURE__*/React__default["default"].createElement(index$1["default"].Menu, getMenuProps(), isOpen && items.map(function (item, index) {
+    var isObject = item !== null && _rollupPluginBabelHelpers["typeof"](item) === 'object';
+    var disabled = isObject && 'disabled' in item && item.disabled === true;
     var itemProps = getItemProps({
       item: item,
       index: index,
-      disabled: item.disabled
+      disabled: disabled
     });
-    var title = itemToElement ? item.text : itemToString(item);
-    return /*#__PURE__*/React__default["default"].createElement(ListBox["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
+    var title = isObject && 'text' in item && itemToElement ? item.text : itemToString(item);
+    return /*#__PURE__*/React__default["default"].createElement(index$1["default"].MenuItem, _rollupPluginBabelHelpers["extends"]({
       key: itemProps.id,
       isActive: selectedItem === item,
       isHighlighted: highlightedIndex === index || selectedItem === item,
@@ -203,7 +216,7 @@ var Dropdown = /*#__PURE__*/React__default["default"].forwardRef(function Dropdo
       ref: {
         menuItemOptionRef: menuItemOptionRefs.current[index]
       }
-    }, itemProps), itemToElement ? /*#__PURE__*/React__default["default"].createElement(ItemToElement, _rollupPluginBabelHelpers["extends"]({
+    }, itemProps), _rollupPluginBabelHelpers["typeof"](item) === 'object' && ItemToElement !== undefined && ItemToElement !== null ? /*#__PURE__*/React__default["default"].createElement(ItemToElement, _rollupPluginBabelHelpers["extends"]({
       key: itemProps.id
     }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React__default["default"].createElement(iconsReact.Checkmark, {
       className: "".concat(prefix, "--list-box__menu-item__selected-icon")
@@ -330,7 +343,7 @@ Dropdown.propTypes = {
    * Provide the title text that will be read by a screen reader when
    * visiting this control
    */
-  titleText: PropTypes__default["default"].node,
+  titleText: PropTypes__default["default"].node.isRequired,
 
   /**
    * Callback function for translating ListBoxMenuIcon SVG title

package/lib/components/Dropdown/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+import Dropdown, { OnChangeData } from './Dropdown';
+export type { OnChangeData };
+export { Dropdown };
+export { default as DropdownSkeleton } from './Dropdown.Skeleton';
+export default Dropdown;

package/lib/components/Dropdown/index.js

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

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var cx = require('classnames');
 var Search = require('../Search/Search.js');
-require('../Search/Search.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var events = require('../../tools/events.js');
 

package/lib/components/FileUploader/FileUploader.js

@@ -17,9 +17,9 @@ var React = require('react');
 var Filename = require('./Filename.js');
 var FileUploaderButton = require('./FileUploaderButton.js');
 var types = require('../../prop-types/types.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var usePrefix = require('../../internal/usePrefix.js');
+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 }; }
 

package/lib/components/FileUploader/FileUploaderButton.js

@@ -13,12 +13,12 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var types = require('../../prop-types/types.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FeatureFlags = require('@carbon/feature-flags');
+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 }; }
 

package/lib/components/FileUploader/FileUploaderDropContainer.js

@@ -13,10 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var PropTypes = require('prop-types');
 var cx = require('classnames');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
+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 }; }
 

package/lib/components/FileUploader/FileUploaderItem.js

@@ -14,11 +14,11 @@ var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var Filename = require('./Filename.js');
-var keys = require('../../internal/keyboard/keys.js');
-var match = require('../../internal/keyboard/match.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FeatureFlags = require('@carbon/feature-flags');
+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 }; }
 

package/lib/components/FluidComboBox/FluidComboBox.Skeleton.js

@@ -46,5 +46,6 @@ FluidComboBoxSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+var FluidComboBoxSkeleton$1 = FluidComboBoxSkeleton;
 
-exports["default"] = FluidComboBoxSkeleton;
+exports["default"] = FluidComboBoxSkeleton$1;

package/lib/components/FluidComboBox/FluidComboBox.js

@@ -145,5 +145,6 @@ FluidComboBox.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var FluidComboBox$1 = FluidComboBox;
 
-exports["default"] = FluidComboBox;
+exports["default"] = FluidComboBox$1;

package/lib/components/FluidDatePicker/FluidDatePicker.js

@@ -14,7 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var DatePicker = require('../DatePicker/DatePicker.js');
-require('../DatePicker/DatePicker.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 
@@ -82,5 +81,6 @@ FluidDatePicker.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var FluidDatePicker$1 = FluidDatePicker;
 
-exports["default"] = FluidDatePicker;
+exports["default"] = FluidDatePicker$1;

package/lib/components/FluidDatePickerInput/FluidDatePickerInput.js

@@ -29,5 +29,6 @@ var FluidDatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(fun
     ref: ref
   }, other)));
 });
+var FluidDatePickerInput$1 = FluidDatePickerInput;
 
-exports["default"] = FluidDatePickerInput;
+exports["default"] = FluidDatePickerInput$1;

package/lib/components/FluidDropdown/FluidDropdown.Skeleton.js

@@ -46,5 +46,6 @@ FluidDropdownSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+var FluidDropdownSkeleton$1 = FluidDropdownSkeleton;
 
-exports["default"] = FluidDropdownSkeleton;
+exports["default"] = FluidDropdownSkeleton$1;

package/lib/components/FluidDropdown/FluidDropdown.js

@@ -14,7 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var Dropdown = require('../Dropdown/Dropdown.js');
-require('../Dropdown/Dropdown.Skeleton.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
 
@@ -146,5 +145,6 @@ FluidDropdown.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var FluidDropdown$1 = FluidDropdown;
 
-exports["default"] = FluidDropdown;
+exports["default"] = FluidDropdown$1;

package/lib/components/FluidForm/FluidForm.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { ReactAttr } from '../../types/common';
+export type FluidFormProps = ReactAttr<HTMLFormElement>;
+declare const FluidForm: React.FC<FluidFormProps>;
+export default FluidForm;

package/lib/components/FluidForm/FluidForm.js

@@ -25,7 +25,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var _excluded = ["className", "children"];
 
-function FluidForm(_ref) {
+var FluidForm = function FluidForm(_ref) {
   var className = _ref.className,
       children = _ref.children,
       other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
@@ -39,7 +39,7 @@ function FluidForm(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Form["default"], _rollupPluginBabelHelpers["extends"]({
     className: classNames
   }, other), children));
-}
+};
 
 FluidForm.propTypes = {
   /**

package/lib/components/FluidForm/FormContext.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference types="react" />
+export interface FormContextProps {
+    isFluid?: boolean;
+}
+export declare const FormContext: import("react").Context<FormContextProps>;

package/lib/components/FluidForm/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import FluidForm from './FluidForm';
+export default FluidForm;
+export { FluidForm };
+export { FormContext } from './FormContext';

package/lib/components/FluidMultiSelect/FluidMultiSelect.Skeleton.js

@@ -46,5 +46,6 @@ FluidMultiSelectSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+var FluidMultiSelectSkeleton$1 = FluidMultiSelectSkeleton;
 
-exports["default"] = FluidMultiSelectSkeleton;
+exports["default"] = FluidMultiSelectSkeleton$1;

package/lib/components/FluidMultiSelect/FluidMultiSelect.js

@@ -156,5 +156,6 @@ FluidMultiSelect.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var FluidMultiSelect$1 = FluidMultiSelect;
 
-exports["default"] = FluidMultiSelect;
+exports["default"] = FluidMultiSelect$1;

package/lib/components/FluidSelect/FluidSelect.Skeleton.js

@@ -46,5 +46,6 @@ FluidSelectSkeleton.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+var FluidSelectSkeleton$1 = FluidSelectSkeleton;
 
-exports["default"] = FluidSelectSkeleton;
+exports["default"] = FluidSelectSkeleton$1;

package/lib/components/FluidSelect/FluidSelect.js

@@ -99,5 +99,6 @@ FluidSelect.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
+var FluidSelect$1 = FluidSelect;
 
-exports["default"] = FluidSelect;
+exports["default"] = FluidSelect$1;

package/lib/components/FluidSelect/index.js

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

package/lib/components/FluidTextArea/FluidTextArea.js

@@ -14,7 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 var TextArea = require('../TextArea/TextArea.js');
-require('../TextArea/TextArea.Skeleton.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -14,7 +14,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
 require('../TextInput/index.js');
-require('../TextInput/ControlledPasswordInput.js');
 var PasswordInput = require('../TextInput/PasswordInput.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');