@carbon/react 1.27.0 → 1.28.0

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

@@ -14,7 +14,7 @@ var sorting = require('../tools/sorting.js');
 
 // different initialSortState
 
-var initialSortState = sortStates.sortStates.NONE;
+const initialSortState = sortStates.sortStates.NONE;
 /**
  * Utility used to get the next sort state given the following pieces of
  * information:
@@ -25,7 +25,7 @@ var initialSortState = sortStates.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) {
@@ -46,11 +46,15 @@ var getNextSortDirection = function getNextSortDirection(prevHeader, header, pre
 
   return sortStates.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);
 };
 /**
@@ -72,19 +76,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.sortStates.NONE ? sorting.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.sortStates.NONE ? sorting.sortRows({
+    rowIds,
+    cellsById,
+    sortDirection,
+    key,
+    locale,
+    sortRow
   }) : initialRowOrder;
   return {
     sortHeaderKey: key,

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

@@ -18,8 +18,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * @param {string} header
  * @returns {string}
  */
-var getCellId = function getCellId(rowId, header) {
-  return "".concat(rowId, ":").concat(header);
-};
+const getCellId = (rowId, header) => `${rowId}:${header}`;
 
 exports.getCellId = getCellId;

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

@@ -9,15 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-
-/**
- * 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
@@ -32,14 +23,10 @@ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHel
  * @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 _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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/lib/components/DataTable/tools/filter.js

@@ -23,24 +23,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * @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());
+  }));
 };
 
 exports.defaultFilterRows = defaultFilterRows;

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

@@ -13,8 +13,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * 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/lib/components/DataTable/tools/normalize.js

@@ -19,28 +19,29 @@ var cells = require('./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.
@@ -50,12 +51,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 = cells.getCellId(row.id, key); // Initialize the cell info and state values, namely for editing
+    headers.forEach((_ref, i) => {
+      let {
+        key
+      } = _ref;
+      const id = cells.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,
@@ -71,9 +74,9 @@ var normalize = function normalize(rows, headers) {
     });
   });
   return {
-    rowIds: rowIds,
-    rowsById: rowsById,
-    cellsById: cellsById
+    rowIds,
+    rowsById,
+    cellsById
   };
 };
 

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

@@ -9,7 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var cells = require('./cells.js');
 var sortStates = require('../state/sortStates.js');
 
@@ -25,8 +24,8 @@ var sortStates = require('../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;
@@ -40,7 +39,7 @@ var compare = function compare(a, b) {
   } // if column has React elements, this should sort by the child string if there is one
 
 
-  if (_rollupPluginBabelHelpers["typeof"](a) === 'object' && _rollupPluginBabelHelpers["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);
     }
@@ -58,8 +57,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
@@ -91,30 +90,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[cells.getCellId(a, key)];
-    var cellB = cellsById[cells.getCellId(b, key)];
+const sortRows = _ref => {
+  let {
+    rowIds,
+    cellsById,
+    sortDirection,
+    key,
+    locale,
+    sortRow
+  } = _ref;
+  return rowIds.slice().sort((a, b) => {
+    const cellA = cellsById[cells.getCellId(a, key)];
+    const cellB = cellsById[cells.getCellId(b, key)];
     return sortRow(cellA && cellA.value, cellB && cellB.value, {
-      key: key,
-      sortDirection: sortDirection,
-      locale: locale,
+      key,
+      sortDirection,
+      locale,
       sortStates: sortStates.sortStates,
-      compare: compare,
+      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/lib/components/DataTableSkeleton/DataTableSkeleton.js

@@ -23,59 +23,57 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var dataTableSkeletonClasses = cx__default["default"](className, (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--skeleton"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--data-table--zebra"), zebra), _rollupPluginBabelHelpers.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.usePrefix();
+  const dataTableSkeletonClasses = cx__default["default"](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["default"].createElement("tr", {
       key: i
-    }, columnsArray.map(function (j) {
-      return /*#__PURE__*/React__default["default"].createElement("td", {
-        key: j
-      }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null)));
-    }));
+    }, columnsArray.map(j => /*#__PURE__*/React__default["default"].createElement("td", {
+      key: j
+    }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null)))));
   }
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--skeleton ").concat(prefix, "--data-table-container")
+    className: `${prefix}--skeleton ${prefix}--data-table-container`
   }, showHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--data-table-header")
+    className: `${prefix}--data-table-header`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--data-table-header__title")
+    className: `${prefix}--data-table-header__title`
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--data-table-header__description")
+    className: `${prefix}--data-table-header__description`
   })) : null, showToolbar ? /*#__PURE__*/React__default["default"].createElement("section", {
     "aria-label": "data table toolbar",
-    className: "".concat(prefix, "--table-toolbar")
+    className: `${prefix}--table-toolbar`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--toolbar-content")
+    className: `${prefix}--toolbar-content`
   }, /*#__PURE__*/React__default["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["default"].createElement("table", _rollupPluginBabelHelpers["extends"]({
     className: dataTableSkeletonClasses
-  }, rest), /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, columnsArray.map(function (i) {
+  }, rest), /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, columnsArray.map(i => {
     var _headers$i;
 
     return /*#__PURE__*/React__default["default"].createElement("th", {

package/lib/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/lib/components/DatePicker/DatePicker.Skeleton.js

@@ -21,40 +21,39 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-var _excluded = ["range", "id", "className"];
-
-var DatePickerSkeleton = function DatePickerSkeleton(_ref) {
-  var range = _ref.range,
-      id = _ref.id,
-      className = _ref.className,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var dateInput = /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--date-picker-container")
+const DatePickerSkeleton = _ref => {
+  let {
+    range,
+    id,
+    className,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const dateInput = /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--date-picker-container`
   },
   /*#__PURE__*/
 
   /* eslint-disable jsx-a11y/label-has-for,jsx-a11y/label-has-associated-control */
   React__default["default"].createElement("label", {
-    className: "".concat(prefix, "--label"),
+    className: `${prefix}--label`,
     htmlFor: id
   }), /*#__PURE__*/React__default["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["default"].createElement("div", {
-      className: "".concat(prefix, "--form-item")
+      className: `${prefix}--form-item`
     }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-      className: cx__default["default"]("".concat(prefix, "--date-picker"), "".concat(prefix, "--date-picker--range"), "".concat(prefix, "--skeleton"), className)
+      className: cx__default["default"](`${prefix}--date-picker`, `${prefix}--date-picker--range`, `${prefix}--skeleton`, className)
     }, rest), dateInput, dateInput));
   }
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--form-item")
+    className: `${prefix}--form-item`
   }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(prefix, "--date-picker"), "".concat(prefix, "--date-picker--short"), "".concat(prefix, "--date-picker--simple"), "".concat(prefix, "--skeleton"), className)
+    className: cx__default["default"](`${prefix}--date-picker`, `${prefix}--date-picker--short`, `${prefix}--date-picker--simple`, `${prefix}--skeleton`, className)
   }, rest), dateInput));
 };
 
@@ -74,7 +73,6 @@ DatePickerSkeleton.propTypes = {
    */
   range: PropTypes__default["default"].bool
 };
-var DatePickerSkeleton$1 = DatePickerSkeleton;
 
 exports.DatePickerSkeleton = DatePickerSkeleton;
-exports["default"] = DatePickerSkeleton$1;
+exports["default"] = DatePickerSkeleton;