@carbon/react 1.27.0 → 1.28.0

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

@@ -16,16 +16,16 @@ import normalize from '../tools/normalize.js';
  * are receiving for rows
  */
 
-var getDerivedStateFromProps = function getDerivedStateFromProps(props, prevState) {
-  var _normalize = normalize(props.rows, props.headers, prevState),
-      rowIds = _normalize.rowIds,
-      rowsById = _normalize.rowsById,
-      cellsById = _normalize.cellsById;
-
-  var state = {
-    rowIds: rowIds,
-    rowsById: rowsById,
-    cellsById: cellsById,
+const getDerivedStateFromProps = (props, prevState) => {
+  const {
+    rowIds,
+    rowsById,
+    cellsById
+  } = normalize(props.rows, props.headers, prevState);
+  const state = {
+    rowIds,
+    rowsById,
+    cellsById,
     sortDirection: prevState.sortDirection || initialSortState,
     sortHeaderKey: prevState.sortHeaderKey || null,
     // Copy over rowIds so the reference doesn't mutate the stored
@@ -38,13 +38,13 @@ var getDerivedStateFromProps = function getDerivedStateFromProps(props, prevStat
   };
 
   if (prevState.sortDirection && prevState.sortHeaderKey) {
-    var _getSortedState = getSortedState(props, state, prevState.sortHeaderKey, prevState.sortDirection),
-        _rowIds = _getSortedState.rowIds;
-
-    state.rowIds = _rowIds;
+    const {
+      rowIds
+    } = getSortedState(props, state, prevState.sortHeaderKey, prevState.sortDirection);
+    state.rowIds = rowIds;
   }
 
-  state.isExpandedAll = state.rowIds.every(function (id) {
+  state.isExpandedAll = state.rowIds.every(id => {
     return state.rowsById[id].isExpanded === true;
   });
   return state;

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

@@ -10,7 +10,7 @@
  * namely: `NONE` for no sorting being applied, and then `DESC` and `ASC` for
  * the corresponding direction of the sorting order.
  */
-var sortStates = {
+const sortStates = {
   NONE: 'NONE',
   DESC: 'DESC',
   ASC: 'ASC'

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

@@ -11,7 +11,7 @@ import { sortRows } from '../tools/sorting.js';
 
 // different initialSortState
 
-var initialSortState = sortStates.NONE;
+const initialSortState = sortStates.NONE;
 /**
  * Utility used to get the next sort state given the following pieces of
  * information:
@@ -22,7 +22,7 @@ var initialSortState = sortStates.NONE;
  * @returns {string}
  */
 
-var getNextSortDirection = function getNextSortDirection(prevHeader, header, prevState) {
+const getNextSortDirection = (prevHeader, header, prevState) => {
   // If the previous header is equivalent to the current header, we know that we
   // have to derive the next sort state from the previous sort state
   if (prevHeader === header) {
@@ -43,11 +43,15 @@ var getNextSortDirection = function getNextSortDirection(prevHeader, header, pre
 
   return sortStates.ASC;
 };
-var getNextSortState = function getNextSortState(props, state, _ref) {
-  var key = _ref.key;
-  var sortDirection = state.sortDirection,
-      sortHeaderKey = state.sortHeaderKey;
-  var nextSortDirection = getNextSortDirection(key, sortHeaderKey, sortDirection);
+const getNextSortState = (props, state, _ref) => {
+  let {
+    key
+  } = _ref;
+  const {
+    sortDirection,
+    sortHeaderKey
+  } = state;
+  const nextSortDirection = getNextSortDirection(key, sortHeaderKey, sortDirection);
   return getSortedState(props, state, key, nextSortDirection);
 };
 /**
@@ -69,19 +73,23 @@ var getNextSortState = function getNextSortState(props, state, _ref) {
  * @returns {object}
  */
 
-var getSortedState = function getSortedState(props, state, key, sortDirection) {
-  var rowIds = state.rowIds,
-      cellsById = state.cellsById,
-      initialRowOrder = state.initialRowOrder;
-  var locale = props.locale,
-      sortRow = props.sortRow;
-  var nextRowIds = sortDirection !== sortStates.NONE ? sortRows({
-    rowIds: rowIds,
-    cellsById: cellsById,
-    sortDirection: sortDirection,
-    key: key,
-    locale: locale,
-    sortRow: sortRow
+const getSortedState = (props, state, key, sortDirection) => {
+  const {
+    rowIds,
+    cellsById,
+    initialRowOrder
+  } = state;
+  const {
+    locale,
+    sortRow
+  } = props;
+  const nextRowIds = sortDirection !== sortStates.NONE ? sortRows({
+    rowIds,
+    cellsById,
+    sortDirection,
+    key,
+    locale,
+    sortRow
   }) : initialRowOrder;
   return {
     sortHeaderKey: key,

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

@@ -14,8 +14,6 @@
  * @param {string} header
  * @returns {string}
  */
-var getCellId = function getCellId(rowId, header) {
-  return "".concat(rowId, ":").concat(header);
-};
+const getCellId = (rowId, header) => `${rowId}:${header}`;
 
 export { getCellId };

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

@@ -1,12 +1,3 @@
-/**
- * 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 { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-
 /**
  * Copyright IBM Corp. 2016, 2023
  *
@@ -28,14 +19,10 @@ import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPlugin
  * @param {object} rowsById object containing lookups for rows by id
  * @param {object} cellsById object containing lookups for cells by id
  */
-var denormalize = function denormalize(rowIds, rowsById, cellsById) {
-  return rowIds.map(function (id) {
-    return _objectSpread2(_objectSpread2({}, rowsById[id]), {}, {
-      cells: rowsById[id].cells.map(function (cellId) {
-        return cellsById[cellId];
-      })
-    });
-  });
+const denormalize = (rowIds, rowsById, cellsById) => {
+  return rowIds.map(id => ({ ...rowsById[id],
+    cells: rowsById[id].cells.map(cellId => cellsById[cellId])
+  }));
 };
 
 var denormalize$1 = denormalize;

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

@@ -19,24 +19,26 @@
  * @param {Function} config.getCellId
  * @returns {Array<string>} rowIds
  */
-var defaultFilterRows = function defaultFilterRows(_ref) {
-  var rowIds = _ref.rowIds,
-      headers = _ref.headers,
-      cellsById = _ref.cellsById,
-      inputValue = _ref.inputValue,
-      getCellId = _ref.getCellId;
-  return rowIds.filter(function (rowId) {
-    return headers.some(function (_ref2) {
-      var key = _ref2.key;
-      var id = getCellId(rowId, key);
+const defaultFilterRows = _ref => {
+  let {
+    rowIds,
+    headers,
+    cellsById,
+    inputValue,
+    getCellId
+  } = _ref;
+  return rowIds.filter(rowId => headers.some(_ref2 => {
+    let {
+      key
+    } = _ref2;
+    const id = getCellId(rowId, key);
 
-      if (typeof cellsById[id].value === 'boolean') {
-        return false;
-      }
+    if (typeof cellsById[id].value === 'boolean') {
+      return false;
+    }
 
-      return ('' + cellsById[id].value).toLowerCase().includes(inputValue.toLowerCase());
-    });
-  });
+    return ('' + cellsById[id].value).toLowerCase().includes(inputValue.toLowerCase());
+  }));
 };
 
 export { defaultFilterRows };

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

@@ -9,8 +9,8 @@
  * Generic utility to initialize a method that will return a unique instance id
  * for a component.
  */
-var setupGetInstanceId = function setupGetInstanceId() {
-  var instanceId = 0;
+const setupGetInstanceId = () => {
+  let instanceId = 0;
   return function getInstanceId() {
     return ++instanceId;
   };

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

@@ -15,28 +15,29 @@ import { getCellId } from './cells.js';
  * @returns {object}
  */
 
-var normalize = function normalize(rows, headers) {
-  var prevState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var prevRowsByIds = prevState.rowsById;
-  var rowIds = new Array(rows.length);
-  var rowsById = {};
-  var cellsById = {};
-  rows.forEach(function (row, i) {
+const normalize = function (rows, headers) {
+  let prevState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    rowsById: prevRowsByIds
+  } = prevState;
+  const rowIds = new Array(rows.length);
+  const rowsById = {};
+  const cellsById = {};
+  rows.forEach((row, i) => {
     rowIds[i] = row.id; // Initialize the row info and state values, namely for selection and
     // expansion
 
-    var id = row.id,
-        _row$isSelected = row.isSelected,
-        isSelected = _row$isSelected === void 0 ? false : _row$isSelected,
-        _row$isExpanded = row.isExpanded,
-        isExpanded = _row$isExpanded === void 0 ? false : _row$isExpanded,
-        _row$disabled = row.disabled,
-        disabled = _row$disabled === void 0 ? false : _row$disabled;
+    const {
+      id,
+      isSelected = false,
+      isExpanded = false,
+      disabled = false
+    } = row;
     rowsById[id] = {
-      id: id,
-      isSelected: isSelected,
-      isExpanded: isExpanded,
-      disabled: disabled,
+      id,
+      isSelected,
+      isExpanded,
+      disabled,
       cells: new Array(headers.length)
     }; // If we have a previous state, and the row existed in that previous state,
     // then we'll set the state values of the row to the previous state values.
@@ -46,12 +47,14 @@ var normalize = function normalize(rows, headers) {
       rowsById[row.id].isExpanded = prevRowsByIds[row.id].isExpanded;
     }
 
-    headers.forEach(function (_ref, i) {
-      var key = _ref.key;
-      var id = getCellId(row.id, key); // Initialize the cell info and state values, namely for editing
+    headers.forEach((_ref, i) => {
+      let {
+        key
+      } = _ref;
+      const id = getCellId(row.id, key); // Initialize the cell info and state values, namely for editing
 
       cellsById[id] = {
-        id: id,
+        id,
         value: row[key],
         isEditable: false,
         isEditing: false,
@@ -67,9 +70,9 @@ var normalize = function normalize(rows, headers) {
     });
   });
   return {
-    rowIds: rowIds,
-    rowsById: rowsById,
-    cellsById: cellsById
+    rowIds,
+    rowsById,
+    cellsById
   };
 };
 

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

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { typeof as _typeof } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getCellId } from './cells.js';
 import { sortStates } from '../state/sortStates.js';
 
@@ -21,8 +20,8 @@ import { sortStates } from '../state/sortStates.js';
  * @returns {number}
  */
 
-var compare = function compare(a, b) {
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en';
+const compare = function (a, b) {
+  let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en';
   // prevent multiple null values in one column (sorting breaks)
   a === null ? a = '' : null;
   b === null ? b = '' : null;
@@ -36,7 +35,7 @@ var compare = function compare(a, b) {
   } // if column has React elements, this should sort by the child string if there is one
 
 
-  if (_typeof(a) === 'object' && _typeof(b) === 'object') {
+  if (typeof a === 'object' && typeof b === 'object') {
     if (typeof a.props.children === 'string' && typeof b.props.children === 'string') {
       return compareStrings(a.props.children, b.props.children, locale);
     }
@@ -54,8 +53,8 @@ var compare = function compare(a, b) {
  * @returns {number}
  */
 
-var compareStrings = function compareStrings(a, b) {
-  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en';
+const compareStrings = function (a, b) {
+  let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en';
 
   // Only set `numeric: true` if the string only contains numbers
   // https://stackoverflow.com/a/175787
@@ -87,30 +86,34 @@ var compareStrings = function compareStrings(a, b) {
  * @returns {Array[string]} array of sorted rowIds
  */
 
-var sortRows = function sortRows(_ref) {
-  var rowIds = _ref.rowIds,
-      cellsById = _ref.cellsById,
-      sortDirection = _ref.sortDirection,
-      key = _ref.key,
-      locale = _ref.locale,
-      sortRow = _ref.sortRow;
-  return rowIds.slice().sort(function (a, b) {
-    var cellA = cellsById[getCellId(a, key)];
-    var cellB = cellsById[getCellId(b, key)];
+const sortRows = _ref => {
+  let {
+    rowIds,
+    cellsById,
+    sortDirection,
+    key,
+    locale,
+    sortRow
+  } = _ref;
+  return rowIds.slice().sort((a, b) => {
+    const cellA = cellsById[getCellId(a, key)];
+    const cellB = cellsById[getCellId(b, key)];
     return sortRow(cellA && cellA.value, cellB && cellB.value, {
-      key: key,
-      sortDirection: sortDirection,
-      locale: locale,
-      sortStates: sortStates,
-      compare: compare,
+      key,
+      sortDirection,
+      locale,
+      sortStates,
+      compare,
       rowIds: [a, b]
     });
   });
 };
-var defaultSortRow = function defaultSortRow(cellA, cellB, _ref2) {
-  var sortDirection = _ref2.sortDirection,
-      sortStates = _ref2.sortStates,
-      locale = _ref2.locale;
+const defaultSortRow = (cellA, cellB, _ref2) => {
+  let {
+    sortDirection,
+    sortStates,
+    locale
+  } = _ref2;
 
   if (sortDirection === sortStates.ASC) {
     return compare(cellA, cellB, locale);

package/es/components/DataTableSkeleton/DataTableSkeleton.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
@@ -13,59 +13,57 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _span, _span2;
 
-var _excluded = ["headers", "rowCount", "columnCount", "zebra", "compact", "className", "showHeader", "showToolbar"];
-
-var DataTableSkeleton = function DataTableSkeleton(_ref) {
-  var _cx;
-
-  var headers = _ref.headers,
-      rowCount = _ref.rowCount,
-      columnCount = _ref.columnCount,
-      zebra = _ref.zebra,
-      compact = _ref.compact,
-      className = _ref.className,
-      showHeader = _ref.showHeader,
-      showToolbar = _ref.showToolbar,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var dataTableSkeletonClasses = cx(className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _defineProperty(_cx, "".concat(prefix, "--data-table"), true), _defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), zebra), _defineProperty(_cx, "".concat(prefix, "--data-table--compact"), compact), _cx));
-  var rowRepeat = rowCount;
-  var rows = Array(rowRepeat);
-  var columnsArray = Array.from({
-    length: columnCount
-  }, function (_, index) {
-    return index;
+const DataTableSkeleton = _ref => {
+  let {
+    headers,
+    rowCount,
+    columnCount,
+    zebra,
+    compact,
+    className,
+    showHeader,
+    showToolbar,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const dataTableSkeletonClasses = cx(className, {
+    [`${prefix}--skeleton`]: true,
+    [`${prefix}--data-table`]: true,
+    [`${prefix}--data-table--zebra`]: zebra,
+    [`${prefix}--data-table--compact`]: compact
   });
+  const rowRepeat = rowCount;
+  const rows = Array(rowRepeat);
+  const columnsArray = Array.from({
+    length: columnCount
+  }, (_, index) => index);
 
-  for (var i = 0; i < rowRepeat; i++) {
+  for (let i = 0; i < rowRepeat; i++) {
     rows[i] = /*#__PURE__*/React__default.createElement("tr", {
       key: i
-    }, columnsArray.map(function (j) {
-      return /*#__PURE__*/React__default.createElement("td", {
-        key: j
-      }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null)));
-    }));
+    }, columnsArray.map(j => /*#__PURE__*/React__default.createElement("td", {
+      key: j
+    }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null)))));
   }
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--data-table-container")
+    className: `${prefix}--skeleton ${prefix}--data-table-container`
   }, showHeader ? /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--data-table-header")
+    className: `${prefix}--data-table-header`
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--data-table-header__title")
+    className: `${prefix}--data-table-header__title`
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--data-table-header__description")
+    className: `${prefix}--data-table-header__description`
   })) : null, showToolbar ? /*#__PURE__*/React__default.createElement("section", {
     "aria-label": "data table toolbar",
-    className: "".concat(prefix, "--table-toolbar")
+    className: `${prefix}--table-toolbar`
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--toolbar-content")
+    className: `${prefix}--toolbar-content`
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--btn ").concat(prefix, "--btn--sm")
+    className: `${prefix}--skeleton ${prefix}--btn ${prefix}--btn--sm`
   }))) : null, /*#__PURE__*/React__default.createElement("table", _extends({
     className: dataTableSkeletonClasses
-  }, rest), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, columnsArray.map(function (i) {
+  }, rest), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, columnsArray.map(i => {
     var _headers$i;
 
     return /*#__PURE__*/React__default.createElement("th", {

package/es/components/DatePicker/DatePicker.Skeleton.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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 PropTypes from 'prop-types';
+import { type HTMLAttributes } from 'react';
+export interface DatePickerSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    range?: boolean;
+}
+declare const DatePickerSkeleton: {
+    ({ range, id, className, ...rest }: DatePickerSkeletonProps): JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the id to add.
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Specify whether the skeleton should be of range date picker.
+         */
+        range: PropTypes.Requireable<boolean>;
+    };
+};
+export default DatePickerSkeleton;
+export { DatePickerSkeleton };

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

@@ -5,46 +5,45 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-var _excluded = ["range", "id", "className"];
-
-var DatePickerSkeleton = function DatePickerSkeleton(_ref) {
-  var range = _ref.range,
-      id = _ref.id,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var dateInput = /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--date-picker-container")
+const DatePickerSkeleton = _ref => {
+  let {
+    range,
+    id,
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix();
+  const dateInput = /*#__PURE__*/React__default.createElement("div", {
+    className: `${prefix}--date-picker-container`
   },
   /*#__PURE__*/
 
   /* eslint-disable jsx-a11y/label-has-for,jsx-a11y/label-has-associated-control */
   React__default.createElement("label", {
-    className: "".concat(prefix, "--label"),
+    className: `${prefix}--label`,
     htmlFor: id
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--date-picker__input ").concat(prefix, "--skeleton")
+    className: `${prefix}--date-picker__input ${prefix}--skeleton`
   }));
 
   if (range) {
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "".concat(prefix, "--form-item")
+      className: `${prefix}--form-item`
     }, /*#__PURE__*/React__default.createElement("div", _extends({
-      className: cx("".concat(prefix, "--date-picker"), "".concat(prefix, "--date-picker--range"), "".concat(prefix, "--skeleton"), className)
+      className: cx(`${prefix}--date-picker`, `${prefix}--date-picker--range`, `${prefix}--skeleton`, className)
     }, rest), dateInput, dateInput));
   }
 
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--form-item")
+    className: `${prefix}--form-item`
   }, /*#__PURE__*/React__default.createElement("div", _extends({
-    className: cx("".concat(prefix, "--date-picker"), "".concat(prefix, "--date-picker--short"), "".concat(prefix, "--date-picker--simple"), "".concat(prefix, "--skeleton"), className)
+    className: cx(`${prefix}--date-picker`, `${prefix}--date-picker--short`, `${prefix}--date-picker--simple`, `${prefix}--skeleton`, className)
   }, rest), dateInput));
 };
 
@@ -64,6 +63,5 @@ DatePickerSkeleton.propTypes = {
    */
   range: PropTypes.bool
 };
-var DatePickerSkeleton$1 = DatePickerSkeleton;
 
-export { DatePickerSkeleton, DatePickerSkeleton$1 as default };
+export { DatePickerSkeleton, DatePickerSkeleton as default };