@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/DataTable/TableSelectRow.js

@@ -19,12 +19,6 @@ var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const TableSelectRow = ({
   ariaLabel: deprecatedAriaLabel,
   ['aria-label']: ariaLabel,
@@ -54,20 +48,20 @@ const TableSelectRow = ({
     disabled
   };
   const labelValue = ariaLabel || deprecatedAriaLabel || '';
-  const tableSelectRowClasses = cx__default["default"](`${prefix}--table-column-checkbox`, {
+  const tableSelectRowClasses = cx(`${prefix}--table-column-checkbox`, {
     ...(className && {
       [className]: true
     }),
     [`${prefix}--table-column-radio`]: radio
   });
-  return /*#__PURE__*/React__default["default"].createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     className: tableSelectRowClasses,
     "aria-live": "off"
-  }, radio ? /*#__PURE__*/React__default["default"].createElement(RadioButton["default"], _rollupPluginBabelHelpers["extends"]({}, selectionInputProps, {
+  }, radio ? /*#__PURE__*/React.createElement(RadioButton.default, _rollupPluginBabelHelpers.extends({}, selectionInputProps, {
     labelText: labelValue,
     onChange: handleRadioChange,
     hideLabel: true
-  })) : /*#__PURE__*/React__default["default"].createElement(InlineCheckbox["default"], _rollupPluginBabelHelpers["extends"]({}, selectionInputProps, {
+  })) : /*#__PURE__*/React.createElement(InlineCheckbox.default, _rollupPluginBabelHelpers.extends({}, selectionInputProps, {
     "aria-label": labelValue,
     onChange: handleCheckboxChange
   })));
@@ -76,44 +70,44 @@ TableSelectRow.propTypes = {
   /**
    * Specify the aria label for the underlying input control
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify the aria label for the underlying input control
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Specify whether this row is selected, or not
    */
-  checked: PropTypes__default["default"].bool,
+  checked: PropTypes.bool,
   /**
    * The CSS class names of the cell that wraps the underlying input control
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the control is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide an `id` for the underlying input control
    */
-  id: PropTypes__default["default"].string.isRequired,
+  id: PropTypes.string.isRequired,
   /**
    * Provide a `name` for the underlying input control
    */
-  name: PropTypes__default["default"].string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * Provide an optional hook that is called each time the input is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide a handler to listen to when a user initiates a selection request
    */
-  onSelect: PropTypes__default["default"].func.isRequired,
+  onSelect: PropTypes.func.isRequired,
   /**
    * Specify whether the control should be a radio button or inline checkbox
    */
-  radio: PropTypes__default["default"].bool
+  radio: PropTypes.bool
 };
 
-exports["default"] = TableSelectRow;
+exports.default = TableSelectRow;

package/lib/components/DataTable/TableSlugRow.js

@@ -15,21 +15,15 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecateComponent = require('../../prop-types/deprecateComponent.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const TableSlugRow = ({
   className,
   slug
 }) => {
   React.useEffect(() => {
-    deprecateComponent["default"]('TableSlugRow', 'The `TableSlugRow` component has been deprecated and will be removed in the next major version. Use the TableDecoratorRow component instead.');
+    deprecateComponent.default('TableSlugRow', 'The `TableSlugRow` component has been deprecated and will be removed in the next major version. Use the TableDecoratorRow component instead.');
   }, []);
   const prefix = usePrefix.usePrefix();
-  const TableSlugRowClasses = cx__default["default"]({
+  const TableSlugRowClasses = cx({
     ...(className && {
       [className]: true
     }),
@@ -40,11 +34,11 @@ const TableSlugRow = ({
   // Slug is always size `mini`
   let normalizedSlug;
   if (slug) {
-    normalizedSlug = /*#__PURE__*/React__default["default"].cloneElement(slug, {
+    normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
       size: 'mini'
     });
   }
-  return /*#__PURE__*/React__default["default"].createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     className: TableSlugRowClasses
   }, normalizedSlug);
 };
@@ -53,11 +47,11 @@ TableSlugRow.propTypes = {
   /**
    * The CSS class names of the cell that wraps the underlying input control
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide a `Slug` component to be rendered inside the `TableSlugRow` component
    */
-  slug: PropTypes__default["default"].node
+  slug: PropTypes.node
 };
 
-exports["default"] = TableSlugRow;
+exports.default = TableSlugRow;

package/lib/components/DataTable/TableToolbar.js

@@ -16,12 +16,6 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const TableToolbar = ({
   ['aria-label']: ariaLabel = 'data table toolbar',
   ariaLabel: deprecatedAriaLabel,
@@ -30,11 +24,11 @@ const TableToolbar = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--table-toolbar`]: true,
     [`${prefix}--table-toolbar--${size}`]: size
   });
-  return /*#__PURE__*/React__default["default"].createElement("section", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("section", _rollupPluginBabelHelpers.extends({
     "aria-label": deprecatedAriaLabel || ariaLabel
   }, rest, {
     className: className
@@ -45,21 +39,21 @@ TableToolbar.propTypes = {
    * 'aria-label' of the TableToolbar component.
    * Specify a label to be read by screen readers on the container node
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container node.
    * 'aria-label' of the TableToolbar component.
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Pass in the children that will be rendered inside the TableToolbar
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * `lg` Change the row height of table
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'lg'])
+  size: PropTypes.oneOf(['sm', 'lg'])
 };
 
-exports["default"] = TableToolbar;
+exports.default = TableToolbar;

package/lib/components/DataTable/TableToolbarAction.js

@@ -14,27 +14,22 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var OverflowMenuItem = require('../OverflowMenuItem/OverflowMenuItem.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const frFn = React.forwardRef;
 const TableToolbarAction = frFn((props, ref) => {
   const {
     children,
     ...rest
   } = props;
-  return /*#__PURE__*/React__default["default"].createElement(OverflowMenuItem["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(OverflowMenuItem.default, _rollupPluginBabelHelpers.extends({
     ref: ref,
     itemText: children
   }, rest));
 });
 TableToolbarAction.displayName = 'TableToolbarAction';
 TableToolbarAction.propTypes = {
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
-  onClick: PropTypes__default["default"].func.isRequired
+  children: PropTypes.node,
+  className: PropTypes.string,
+  onClick: PropTypes.func.isRequired
 };
 
-exports["default"] = TableToolbarAction;
+exports.default = TableToolbarAction;

package/lib/components/DataTable/TableToolbarContent.js

@@ -11,10 +11,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var wrapComponent = require('../../tools/wrapComponent.js');
 
-const TableToolbarContent = wrapComponent["default"]({
+const TableToolbarContent = wrapComponent.default({
   name: 'TableToolbarContent',
   type: 'div',
   className: prefix => `${prefix}--toolbar-content`
 });
 
-exports["default"] = TableToolbarContent;
+exports.default = TableToolbarContent;

package/lib/components/DataTable/TableToolbarMenu.js

@@ -17,12 +17,6 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../OverflowMenu/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const defaultIconDescription = 'Settings';
 const TableToolbarMenu = ({
   className,
@@ -33,9 +27,9 @@ const TableToolbarMenu = ({
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const toolbarActionClasses = cx__default["default"](className, `${prefix}--toolbar-action ${prefix}--overflow-menu`);
-  const menuOptionsClasses = cx__default["default"](menuOptionsClass, `${prefix}--toolbar-action__menu`);
-  return /*#__PURE__*/React__default["default"].createElement(index["default"], _rollupPluginBabelHelpers["extends"]({
+  const toolbarActionClasses = cx(className, `${prefix}--toolbar-action ${prefix}--overflow-menu`);
+  const menuOptionsClasses = cx(menuOptionsClass, `${prefix}--toolbar-action__menu`);
+  return /*#__PURE__*/React.createElement(index.default, _rollupPluginBabelHelpers.extends({
     renderIcon: renderIcon,
     className: toolbarActionClasses,
     title: iconDescription,
@@ -45,23 +39,23 @@ const TableToolbarMenu = ({
   }, rest), children);
 };
 TableToolbarMenu.propTypes = {
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Provide an optional class name for the toolbar menu
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * The description of the menu icon.
    */
-  iconDescription: PropTypes__default["default"].string,
+  iconDescription: PropTypes.string,
   /**
    * Provide an optional class name for the toolbar menu
    */
-  menuOptionsClass: PropTypes__default["default"].string,
+  menuOptionsClass: PropTypes.string,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
 
-exports["default"] = TableToolbarMenu;
+exports.default = TableToolbarMenu;

package/lib/components/DataTable/TableToolbarSearch.js

@@ -19,12 +19,6 @@ var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var noopFn = require('../../internal/noopFn.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /**
  * Message ids that will be passed to translateWithId().
  */
@@ -79,7 +73,7 @@ const TableToolbarSearch = ({
   },
   //eslint-disable-next-line react-hooks/exhaustive-deps
   []);
-  const searchClasses = cx__default["default"](className, {
+  const searchClasses = cx(className, {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     [searchContainerClass]: searchContainerClass,
     [`${prefix}--toolbar-search-container-active`]: expanded,
@@ -105,7 +99,7 @@ const TableToolbarSearch = ({
   };
   const handleOnFocus = event => handleExpand(event, true);
   const handleOnBlur = event => !value && handleExpand(event, false);
-  return /*#__PURE__*/React__default["default"].createElement(Search["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Search.default, _rollupPluginBabelHelpers.extends({
     disabled: disabled,
     className: searchClasses,
     value: value,
@@ -124,83 +118,83 @@ const TableToolbarSearch = ({
   }, rest));
 };
 TableToolbarSearch.propTypes = {
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide an optional class name for the search container
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specifies if the search should initially render in an expanded state
    */
-  defaultExpanded: PropTypes__default["default"].bool,
+  defaultExpanded: PropTypes.bool,
   /**
    * Provide an optional default value for the Search component
    */
-  defaultValue: PropTypes__default["default"].string,
+  defaultValue: PropTypes.string,
   /**
    * Specifies if the search should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specifies if the search should expand
    */
-  expanded: PropTypes__default["default"].bool,
+  expanded: PropTypes.bool,
   /**
    * Provide an optional id for the search container
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Provide an optional label text for the Search component icon
    */
-  labelText: PropTypes__default["default"].string,
+  labelText: PropTypes.string,
   /**
    * Provide an optional function to be called when the search input loses focus, this will be
    * passed the event as the first parameter and a function to handle the expanding of the search
    * input as the second
    */
-  onBlur: PropTypes__default["default"].func,
+  onBlur: PropTypes.func,
   /**
    * Provide an optional hook that is called each time the input is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optional callback called when the search value is cleared.
    */
-  onClear: PropTypes__default["default"].func,
+  onClear: PropTypes.func,
   /**
    * Provide an optional hook that is called each time the input is expanded
    */
-  onExpand: PropTypes__default["default"].func,
+  onExpand: PropTypes.func,
   /**
    * Provide an optional function to be called when the search input gains focus, this will be
    * passed the event as the first parameter and a function to handle the expanding of the search
    * input as the second.
    */
-  onFocus: PropTypes__default["default"].func,
+  onFocus: PropTypes.func,
   /**
    * Whether the search should be allowed to expand
    */
-  persistent: PropTypes__default["default"].bool,
+  persistent: PropTypes.bool,
   /**
    * Provide an optional placeholder text for the Search component
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * Provide an optional className for the overall container of the Search
    */
-  searchContainerClass: PropTypes__default["default"].string,
+  searchContainerClass: PropTypes.string,
   /**
    * Specify the size of the Search
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Optional prop to specify the tabIndex of the <Search> (in expanded state) or the container (in collapsed state)
    */
-  tabIndex: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * Provide custom text for the component for each translation id
    */
-  translateWithId: PropTypes__default["default"].func
+  translateWithId: PropTypes.func
 };
 
-exports["default"] = TableToolbarSearch;
+exports.default = TableToolbarSearch;

package/lib/components/DataTable/state/getDerivedStateFromProps.d.ts

@@ -0,0 +1,19 @@
+export default getDerivedStateFromProps;
+/**
+ * Helper to derive the next state from the given props and the
+ * prevState. Potential future-facing API hook for React v17.
+ *
+ * Currently, it's being used as a way to normalize the incoming data that we
+ * are receiving for rows
+ */
+declare function getDerivedStateFromProps(props: any, prevState: any): {
+    rowIds: any;
+    rowsById: any;
+    cellsById: any;
+    sortDirection: any;
+    sortHeaderKey: any;
+    initialRowOrder: any;
+    filterInputValue: any;
+    shouldShowBatchActions: any;
+    isExpandedAll: boolean;
+};

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

@@ -24,7 +24,7 @@ const getDerivedStateFromProps = (props, prevState) => {
     rowIds,
     rowsById,
     cellsById
-  } = normalize["default"](props.rows, props.headers, prevState);
+  } = normalize.default(props.rows, props.headers, prevState);
   const state = {
     rowIds,
     rowsById,
@@ -54,6 +54,5 @@ const getDerivedStateFromProps = (props, prevState) => {
   });
   return state;
 };
-var getDerivedStateFromProps$1 = getDerivedStateFromProps;
 
-exports["default"] = getDerivedStateFromProps$1;
+exports.default = getDerivedStateFromProps;

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * We currently support the following sorting states for DataTable headers,
  * namely: `NONE` for no sorting being applied, and then `DESC` and `ASC` for

package/lib/components/DataTable/state/sorting.d.ts

@@ -0,0 +1,15 @@
+export { sortStates };
+export const initialSortState: import("./sortStates").DataTableSortState;
+export function getNextSortDirection(prevHeader: string, header: string, prevState: string): string;
+export function getNextSortState(props: any, state: any, { key }: {
+    key: any;
+}): any;
+export function getSortedState(props: {
+    locale: string;
+    sortRows: Function;
+}, state: {
+    rowIds: Array<string>;
+    cellsById: object;
+    initialRowOrder: Array<string>;
+}, key: string, sortDirection: string): object;
+import { sortStates } from './sortStates';

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var sortStates = require('./sortStates.js');
 var sorting = require('../tools/sorting.js');
 

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Generates a unique cell ID by combining the row ID and header.
  *

package/lib/components/DataTable/tools/denormalize.d.ts

@@ -0,0 +1,22 @@
+export default denormalize;
+/**
+ * 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.
+ */
+/**
+ * Counterpart to `normalize` for a collection of rows. This method unravels the
+ * normalization step that we use to build the given parameters in order to
+ * return a natural interface to working with rows for a consumer.
+ *
+ * The default heuristic here is to map through all the row ids and return the
+ * value of the row for the given id, in addition to adding a `cells` key that
+ * contains the results of mapping over the rows cells and getting individual
+ * cell info.
+ *
+ * @param {Array<string>} rowIds array of row ids in the table
+ * @param {object} rowsById object containing lookups for rows by id
+ * @param {object} cellsById object containing lookups for cells by id
+ */
+declare function denormalize(rowIds: Array<string>, rowsById: object, cellsById: object): any[];

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

@@ -29,6 +29,5 @@ const denormalize = (rowIds, rowsById, cellsById) => {
     cells: rowsById[id].cells.map(cellId => cellsById[cellId])
   }));
 };
-var denormalize$1 = denormalize;
 
-exports["default"] = denormalize$1;
+exports.default = denormalize;

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /**
  * Filters row IDs based on whether any of the cell values in the row include
  * the input value as a substring. Boolean cell values are ignored.

package/lib/components/DataTable/tools/normalize.d.ts

@@ -0,0 +1,9 @@
+export default normalize;
+/**
+ * Normalize a collection of rows with the given headers.
+ *
+ * @param {Array<object>} rows
+ * @param {Array<object>} headers
+ * @returns {object}
+ */
+declare function normalize(rows: Array<object>, headers: Array<object>, prevState?: {}): object;

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

@@ -82,6 +82,5 @@ const normalize = (rows, headers, prevState = {}) => {
     cellsById
   };
 };
-var normalize$1 = normalize;
 
-exports["default"] = normalize$1;
+exports.default = normalize;

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

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var cells = require('./cells.js');
 var sortStates = require('../state/sortStates.js');