@carbon/react 1.76.0-rc.0 → 1.77.0-rc.0

package/lib/internal/Selection.js

@@ -9,18 +9,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var PropTypes = require('prop-types');
 var isEqual = require('react-fast-compare');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 
-function callOnChangeHandler(_ref) {
+const callOnChangeHandler = _ref => {
   let {
     isControlled,
     isMounted,
@@ -37,8 +33,8 @@ function callOnChangeHandler(_ref) {
   } else {
     onChangeHandlerUncontrolled(selectedItems);
   }
-}
-function useSelection(_ref2) {
+};
+const useSelection = _ref2 => {
   let {
     disabled,
     onChange,
@@ -53,28 +49,24 @@ function useSelection(_ref2) {
   const isControlled = !!controlledItems;
   const selectedItems = isControlled ? controlledItems : uncontrolledItems;
   const onItemChange = React.useCallback(item => {
-    if (disabled) {
-      return;
-    }
-    const allSelectableItems = filteredItems.filter(item => !item.disabled);
-    const disabledItemCount = filteredItems.filter(item => item.disabled).length;
+    if (disabled) return;
+
+    // Assert special properties (e.g., `disabled`, `isSelectAll`, etc.) are
+    // `any` since those properties aren’t part of the generic type.
+    const allSelectableItems = filteredItems.filter(item => !item?.disabled);
+    const disabledItemCount = filteredItems.filter(item => item?.disabled).length;
     let newSelectedItems;
 
-    //deselect all on click to All/indeterminate option
-    if (item && item.isSelectAll && selectedItems.length > 0) {
+    // deselect all on click to All/indeterminate option
+    if (item?.isSelectAll && selectedItems.length > 0) {
       newSelectedItems = [];
     }
-    //select all option
-    else if (item && item.isSelectAll && selectedItems.length == 0) {
+    // select all options
+    else if (item?.isSelectAll && selectedItems.length === 0) {
       newSelectedItems = allSelectableItems;
     } else {
-      let selectedIndex;
-      selectedItems.forEach((selectedItem, index) => {
-        if (isEqual__default["default"](selectedItem, item)) {
-          selectedIndex = index;
-        }
-      });
-      if (selectedIndex === undefined) {
+      const selectedIndex = selectedItems.findLastIndex(selectedItem => isEqual__default["default"](selectedItem, item));
+      if (selectedIndex === -1) {
         newSelectedItems = selectedItems.concat(item);
         // checking if all items are selected then We should select mark the 'select All' option as well
         if (selectAll && filteredItems.length - 1 === newSelectedItems.length + disabledItemCount) {
@@ -82,7 +74,7 @@ function useSelection(_ref2) {
         }
       } else {
         newSelectedItems = removeAtIndex(selectedItems, selectedIndex);
-        newSelectedItems = newSelectedItems.filter(item => !item.isSelectAll);
+        newSelectedItems = newSelectedItems.filter(item => !item?.isSelectAll);
       }
     }
     callOnChangeHandler({
@@ -94,9 +86,7 @@ function useSelection(_ref2) {
     });
   }, [disabled, selectedItems, filteredItems, selectAll, isControlled]);
   const clearSelection = React.useCallback(() => {
-    if (disabled) {
-      return;
-    }
+    if (disabled) return;
     callOnChangeHandler({
       isControlled,
       isMounted: isMounted.current,
@@ -122,100 +112,20 @@ function useSelection(_ref2) {
     };
   }, []);
   return {
-    selectedItems,
+    clearSelection,
     onItemChange,
-    clearSelection
+    selectedItems
   };
-}
-class Selection extends React__default["default"].Component {
-  constructor(props) {
-    super(props);
-    _rollupPluginBabelHelpers.defineProperty(this, "internalSetState", (stateToSet, callback) => this.setState(stateToSet, () => {
-      if (callback) {
-        callback();
-      }
-      if (this.props.onChange) {
-        this.props.onChange(this.state);
-      }
-    }));
-    _rollupPluginBabelHelpers.defineProperty(this, "handleClearSelection", () => {
-      if (this.props.disabled) {
-        return;
-      }
-      this.internalSetState({
-        selectedItems: []
-      });
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "handleSelectItem", item => {
-      this.internalSetState(state => ({
-        selectedItems: state.selectedItems.concat(item)
-      }));
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "handleRemoveItem", index => {
-      this.internalSetState(state => ({
-        selectedItems: removeAtIndex(state.selectedItems, index)
-      }));
-    });
-    _rollupPluginBabelHelpers.defineProperty(this, "handleOnItemChange", item => {
-      if (this.props.disabled) {
-        return;
-      }
-      const {
-        selectedItems
-      } = this.state;
-      let selectedIndex;
-      selectedItems.forEach((selectedItem, index) => {
-        if (isEqual__default["default"](selectedItem, item)) {
-          selectedIndex = index;
-        }
-      });
-      if (selectedIndex === undefined) {
-        this.handleSelectItem(item);
-        return;
-      }
-      this.handleRemoveItem(selectedIndex);
-    });
-    this.state = {
-      selectedItems: props.initialSelectedItems
-    };
-  }
-  render() {
-    const {
-      children,
-      render
-    } = this.props;
-    const {
-      selectedItems
-    } = this.state;
-    const renderProps = {
-      selectedItems,
-      onItemChange: this.handleOnItemChange,
-      clearSelection: this.handleClearSelection
-    };
-    if (render !== undefined) {
-      return render(renderProps);
-    }
-    if (children !== undefined) {
-      return children(renderProps);
-    }
-    return null;
-  }
-}
+};
 
-// Generic utility for safely removing an element at a given index from an
-// array.
-_rollupPluginBabelHelpers.defineProperty(Selection, "propTypes", {
-  children: PropTypes__default["default"].func,
-  disabled: PropTypes__default["default"].bool,
-  initialSelectedItems: PropTypes__default["default"].array.isRequired,
-  onChange: PropTypes__default["default"].func,
-  render: PropTypes__default["default"].func
-});
+/**
+ * Generic utility for safely removing an element at a given index from an
+ * array.
+ */
 const removeAtIndex = (array, index) => {
   const result = array.slice();
   result.splice(index, 1);
   return result;
 };
 
-exports["default"] = Selection;
 exports.useSelection = useSelection;

package/lib/node_modules/es-toolkit/dist/compat/function/debounce.mjs.js

@@ -0,0 +1,59 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var debounce$1 = require('../../function/debounce.mjs.js');
+
+function debounce(func, debounceMs = 0, options = {}) {
+    if (typeof options !== 'object') {
+        options = {};
+    }
+    const { signal, leading = false, trailing = true, maxWait } = options;
+    const edges = Array(2);
+    if (leading) {
+        edges[0] = 'leading';
+    }
+    if (trailing) {
+        edges[1] = 'trailing';
+    }
+    let result = undefined;
+    let pendingAt = null;
+    const _debounced = debounce$1.debounce(function (...args) {
+        result = func.apply(this, args);
+        pendingAt = null;
+    }, debounceMs, { signal, edges });
+    const debounced = function (...args) {
+        if (maxWait != null) {
+            if (pendingAt === null) {
+                pendingAt = Date.now();
+            }
+            else {
+                if (Date.now() - pendingAt >= maxWait) {
+                    result = func.apply(this, args);
+                    pendingAt = Date.now();
+                    _debounced.cancel();
+                    _debounced.schedule();
+                    return result;
+                }
+            }
+        }
+        _debounced.apply(this, args);
+        return result;
+    };
+    const flush = () => {
+        _debounced.flush();
+        return result;
+    };
+    debounced.cancel = _debounced.cancel;
+    debounced.flush = flush;
+    return debounced;
+}
+
+exports.debounce = debounce;

package/lib/node_modules/es-toolkit/dist/compat/function/throttle.mjs.js

@@ -0,0 +1,27 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var debounce = require('./debounce.mjs.js');
+
+function throttle(func, throttleMs = 0, options = {}) {
+    if (typeof options !== 'object') {
+        options = {};
+    }
+    const { leading = true, trailing = true, signal } = options;
+    return debounce.debounce(func, throttleMs, {
+        leading,
+        trailing,
+        signal,
+        maxWait: throttleMs,
+    });
+}
+
+exports.throttle = throttle;

package/lib/node_modules/es-toolkit/dist/function/debounce.mjs.js

@@ -0,0 +1,74 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function debounce(func, debounceMs, { signal, edges } = {}) {
+    let pendingThis = undefined;
+    let pendingArgs = null;
+    const leading = edges != null && edges.includes('leading');
+    const trailing = edges == null || edges.includes('trailing');
+    const invoke = () => {
+        if (pendingArgs !== null) {
+            func.apply(pendingThis, pendingArgs);
+            pendingThis = undefined;
+            pendingArgs = null;
+        }
+    };
+    const onTimerEnd = () => {
+        if (trailing) {
+            invoke();
+        }
+        cancel();
+    };
+    let timeoutId = null;
+    const schedule = () => {
+        if (timeoutId != null) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = null;
+            onTimerEnd();
+        }, debounceMs);
+    };
+    const cancelTimer = () => {
+        if (timeoutId !== null) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+    };
+    const cancel = () => {
+        cancelTimer();
+        pendingThis = undefined;
+        pendingArgs = null;
+    };
+    const flush = () => {
+        cancelTimer();
+        invoke();
+    };
+    const debounced = function (...args) {
+        if (signal?.aborted) {
+            return;
+        }
+        pendingThis = this;
+        pendingArgs = args;
+        const isFirstCall = timeoutId == null;
+        schedule();
+        if (leading && isFirstCall) {
+            invoke();
+        }
+    };
+    debounced.schedule = schedule;
+    debounced.cancel = cancel;
+    debounced.flush = flush;
+    signal?.addEventListener('abort', cancel, { once: true });
+    return debounced;
+}
+
+exports.debounce = debounce;

package/lib/tools/wrapComponent.d.ts

@@ -16,5 +16,5 @@ type WrapComponentArgs<T extends HTMLTagName> = {
  * @param {{ name: string, type: string, className?: string | (prefix: string) => string }} props
  * @returns
  */
-declare const wrapComponent: <T extends keyof HTMLElementTagNameMap>({ name, className: getClassName, type, }: WrapComponentArgs<T>) => (props: ReactAttr<T>) => React.ReactElement;
+declare const wrapComponent: <T extends HTMLTagName>({ name, className: getClassName, type, }: WrapComponentArgs<T>) => ((props: ReactAttr<T>) => React.ReactElement);
 export default wrapComponent;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.76.0-rc.0",
+  "version": "1.77.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -46,15 +46,16 @@
   "peerDependencies": {
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0 || ^19.0.0",
+    "react-is": "^18.3.1 || ^19.0.0",
     "sass": "^1.33.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@carbon/feature-flags": "^0.24.0",
-    "@carbon/icons-react": "^11.55.0-rc.0",
-    "@carbon/layout": "^11.29.0",
-    "@carbon/styles": "^1.75.0-rc.0",
-    "@floating-ui/react": "^0.26.0",
+    "@carbon/icons-react": "^11.56.0-rc.0",
+    "@carbon/layout": "^11.30.0-rc.0",
+    "@carbon/styles": "^1.76.0-rc.0",
+    "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
     "copy-to-clipboard": "^3.3.1",
@@ -64,7 +65,6 @@
     "invariant": "^2.2.3",
     "prop-types": "^15.7.2",
     "react-fast-compare": "^3.2.2",
-    "react-is": "^18.3.1",
     "tabbable": "^6.2.0",
     "use-resize-observer": "^6.0.0",
     "window-or-global": "^1.0.1"
@@ -79,7 +79,7 @@
     "@babel/preset-react": "^7.24.7",
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.35.0",
-    "@carbon/themes": "^11.46.0",
+    "@carbon/themes": "^11.47.0-rc.0",
     "@figma/code-connect": "^1.2.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^28.0.0",
@@ -119,6 +119,7 @@
     "prop-types": "^15.7.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-is": "^18.3.1",
     "remark-gfm": "^4.0.0",
     "requestanimationframe": "^0.0.23",
     "rimraf": "^6.0.0",
@@ -130,7 +131,7 @@
     "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
     "stream-browserify": "^3.0.0",
     "style-loader": "^4.0.0",
-    "typescript-config-carbon": "^0.3.0",
+    "typescript-config-carbon": "^0.5.0-rc.0",
     "webpack": "^5.65.0",
     "webpack-dev-server": "^5.0.0"
   },
@@ -145,5 +146,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "9cf96c5f68ef9216d1c73a5dfb7bdb3bd007b0c1"
+  "gitHead": "faf649817d3be3e8e258aba866e14e9378b5c68e"
 }