@ultraviolet/ui 1.45.6 → 1.46.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { ReactNode, ComponentProps, ButtonHTMLAttributes, AriaRole, MouseEventHandler, JSX, MouseEvent, InputHTMLAttributes, FocusEvent, HTMLAttributeAnchorTarget, AnchorHTMLAttributes, ReactElement, Ref, RefObject, KeyboardEventHandler, HTMLAttributes, CSSProperties, ChangeEventHandler, FocusEventHandler, ForwardRefExoticComponent, ForwardedRef, ElementType, DOMAttributes, TextareaHTMLAttributes } from 'react';
+import react__default, { ReactNode, ComponentProps, ButtonHTMLAttributes, AriaRole, MouseEventHandler, JSX, MouseEvent, InputHTMLAttributes, FocusEvent, HTMLAttributeAnchorTarget, AnchorHTMLAttributes, Dispatch, SetStateAction, ReactElement, Ref, RefObject, KeyboardEventHandler, HTMLAttributes, CSSProperties, ChangeEventHandler, FocusEventHandler, ForwardRefExoticComponent, ForwardedRef, ElementType, DOMAttributes, TextareaHTMLAttributes } from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
@@ -1803,6 +1803,10 @@ type ListProps = {
      * Auto collapse is collapsing expandable row when another is expanding
      * */
     autoCollapse?: boolean;
+    /**
+     * Action when selection changes (get the list of selected rows)
+     */
+    onSelectedChange?: Dispatch<SetStateAction<string[]>>;
 };
 /**
  * List is a component that displays a list of items based on the columns you provide and the data you pass.
@@ -2323,7 +2327,7 @@ type PopupProps = {
  */
 declare const Popup: react.ForwardRefExoticComponent<PopupProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const progressBarSentiments: readonly ["primary", "success", "warning", "info"];
+declare const progressBarSentiments: readonly ["primary", "success", "warning", "info", "danger"];
 type ProgressBarProps = {
     sentiment?: (typeof progressBarSentiments)[number];
     value?: number;

package/dist/src/components/List/ListContext.js

@@ -6,7 +6,8 @@ const ListProvider = ({
   children,
   autoCollapse,
   selectable,
-  expandButton
+  expandButton,
+  onSelectedChange
 }) => {
   const [expandedRowIds, setExpandedRowIds] = useState({});
   const [selectedRowIds, setSelectedRowIds] = useState({});
@@ -67,29 +68,45 @@ const ListProvider = ({
     return 'indeterminate';
   }, [selectedRowIds]);
   const selectAll = useCallback(() => {
-    setSelectedRowIds(current => Object.keys(current).reduce((acc, rowId) => ({
+    const newSelectedRowIds = Object.keys(selectedRowIds).reduce((acc, rowId) => ({
       ...acc,
       [rowId]: true
-    }), {}));
-  }, []);
+    }), {});
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter(row => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
   const unselectAll = useCallback(() => {
-    setSelectedRowIds(current => Object.keys(current).reduce((acc, rowId) => ({
+    const newSelectedRowIds = Object.keys(selectedRowIds).reduce((acc, rowId) => ({
       ...acc,
       [rowId]: false
-    }), {}));
-  }, []);
+    }), {});
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter(row => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
   const selectRow = useCallback(rowId => {
-    setSelectedRowIds(current => ({
-      ...current,
+    const newSelectedRowIds = {
+      ...selectedRowIds,
       [rowId]: true
-    }));
-  }, []);
+    };
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter(row => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
   const unselectRow = useCallback(rowId => {
-    setSelectedRowIds(current => ({
-      ...current,
+    const newSelectedRowIds = {
+      ...selectedRowIds,
       [rowId]: false
-    }));
-  }, []);
+    };
+    setSelectedRowIds(newSelectedRowIds);
+    if (onSelectedChange) {
+      onSelectedChange(Object.keys(newSelectedRowIds).filter(row => newSelectedRowIds[row]));
+    }
+  }, [onSelectedChange, selectedRowIds]);
   const value = useMemo(() => ({
     registerExpandableRow,
     expandedRowIds,

package/dist/src/components/List/index.js

@@ -25,7 +25,8 @@ const BaseList = /*#__PURE__*/forwardRef(({
   columns,
   children,
   loading,
-  autoCollapse = false
+  autoCollapse = false,
+  onSelectedChange
 }, ref) => {
   const computeTemplate = `${selectable ? `${SELECTABLE_CHECKBOX_SIZE}px ` : ''}${expandable ? `${EXPANDABLE_COLUMN_SIZE}px ` : ''}${columns.map(({
     width
@@ -34,6 +35,7 @@ const BaseList = /*#__PURE__*/forwardRef(({
     selectable: selectable,
     expandButton: expandable,
     autoCollapse: autoCollapse,
+    onSelectedChange: onSelectedChange,
     children: jsxs(StyledList, {
       ref: ref,
       role: "grid",

package/dist/src/components/Toaster/index.js

@@ -58,7 +58,6 @@ const toast = {
   /**
    * @deprecated "Deprecated, please use another variant instead"
    */
-  // eslint-disable-next-line deprecation/deprecation
   info: (children, options, containerId) => toast$1.info(jsx(Content, {
     children: children
   }), {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.45.6",
+  "version": "1.46.0",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -39,7 +39,7 @@
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.24.3",
+    "@babel/core": "7.24.4",
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
@@ -65,7 +65,7 @@
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
     "@ultraviolet/themes": "1.10.0",
-    "@ultraviolet/icons": "2.12.2"
+    "@ultraviolet/icons": "2.12.3"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs",