@veritone-ce/design-system 2.5.13 → 2.5.15

package/dist/cjs/FileUploader/components.js

@@ -216,8 +216,7 @@ function UploadListItem({ item }) {
     ) : null : null })
   ] });
 }
-const UploadButton = React.forwardRef(function UploadButton2({ children, onClick, disabled, ...props }, ref) {
-  const { processPending } = uploady.useUploadyContext();
+function useUploadStatus() {
   const [batchState, setBatchState] = React.useState(
     uploady.BATCH_STATES.PENDING
   );
@@ -233,6 +232,11 @@ const UploadButton = React.forwardRef(function UploadButton2({ children, onClick
     setLoading(false);
     setBatchState(batch.state);
   });
+  return { loading, itemCount, batchState };
+}
+const UploadButton = React.forwardRef(function UploadButton2({ children, onClick, disabled, ...props }, ref) {
+  const { processPending } = uploady.useUploadyContext();
+  const { itemCount, batchState, loading } = useUploadStatus();
   const onButtonClick = React.useCallback(
     (e) => {
       processPending();
@@ -257,3 +261,4 @@ exports.UploadButton = UploadButton;
 exports.UploadDropzone = UploadDropzone;
 exports.UploadList = UploadList;
 exports.UploadListItem = UploadListItem;
+exports.useUploadStatus = useUploadStatus;

package/dist/cjs/Select/controlled.js

@@ -185,13 +185,15 @@ function ControlledSelect({
           label: option.label,
           icon: option.icon,
           onSelect(e) {
-            props.onChange(
-              e,
-              multiple ? [
-                ...value ?? [],
-                option.value
-              ] : option.value
-            );
+            if (multiple) {
+              const multiValue = value || [];
+              const hasValue = multiValue && multiValue.some((val) => val === option.value);
+              if (!hasValue) {
+                props.onChange(e, [...multiValue, option.value]);
+              }
+            } else {
+              props.onChange(e, option.value);
+            }
             props.onInputChange(e, "");
             setOpen(false);
           }

package/dist/cjs/Toast/hook.js

@@ -54,13 +54,13 @@ function useToast() {
   const snackbar = notistack.useSnackbar();
   return {
     enqueueToast(options = {}) {
-      snackbar.enqueueSnackbar({
+      return snackbar.enqueueSnackbar({
         variant: "veritone",
         ...options
       });
     },
-    closeToast() {
-      snackbar.closeSnackbar();
+    closeToast(key) {
+      snackbar.closeSnackbar(key);
     }
   };
 }

package/dist/cjs/index.js

@@ -122,6 +122,7 @@ exports.UploadButton = components$2.UploadButton;
 exports.UploadDropzone = components$2.UploadDropzone;
 exports.UploadList = components$2.UploadList;
 exports.UploadListItem = components$2.UploadListItem;
+exports.useUploadStatus = components$2.useUploadStatus;
 exports.FormControl = index$b.default;
 exports.GlobalStyles = index$c.default;
 exports.adaptMuiSvgIcon = wrappers.adaptMuiSvgIcon;

package/dist/esm/FileUploader/components.js

@@ -1,7 +1,7 @@
 'use strict';
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { useState, useCallback } from 'react';
+import React__default, { useCallback, useState } from 'react';
 import { CloudUploadOutlined, DeleteOutline, CheckOutlined, WarningOutlined } from '@mui/icons-material';
 import { useDropzone } from 'react-dropzone';
 import { cx } from '../styles/cx.js';
@@ -214,8 +214,7 @@ function UploadListItem({ item }) {
     ) : null : null })
   ] });
 }
-const UploadButton = React__default.forwardRef(function UploadButton2({ children, onClick, disabled, ...props }, ref) {
-  const { processPending } = useUploadyContext();
+function useUploadStatus() {
   const [batchState, setBatchState] = useState(
     BATCH_STATES.PENDING
   );
@@ -231,6 +230,11 @@ const UploadButton = React__default.forwardRef(function UploadButton2({ children
     setLoading(false);
     setBatchState(batch.state);
   });
+  return { loading, itemCount, batchState };
+}
+const UploadButton = React__default.forwardRef(function UploadButton2({ children, onClick, disabled, ...props }, ref) {
+  const { processPending } = useUploadyContext();
+  const { itemCount, batchState, loading } = useUploadStatus();
   const onButtonClick = useCallback(
     (e) => {
       processPending();
@@ -251,4 +255,4 @@ const UploadButton = React__default.forwardRef(function UploadButton2({ children
   );
 });
 
-export { UploadButton, UploadDropzone, UploadList, UploadListItem };
+export { UploadButton, UploadDropzone, UploadList, UploadListItem, useUploadStatus };

package/dist/esm/Select/controlled.js

@@ -181,13 +181,15 @@ function ControlledSelect({
           label: option.label,
           icon: option.icon,
           onSelect(e) {
-            props.onChange(
-              e,
-              multiple ? [
-                ...value ?? [],
-                option.value
-              ] : option.value
-            );
+            if (multiple) {
+              const multiValue = value || [];
+              const hasValue = multiValue && multiValue.some((val) => val === option.value);
+              if (!hasValue) {
+                props.onChange(e, [...multiValue, option.value]);
+              }
+            } else {
+              props.onChange(e, option.value);
+            }
             props.onInputChange(e, "");
             setOpen(false);
           }

package/dist/esm/Toast/hook.js

@@ -52,13 +52,13 @@ function useToast() {
   const snackbar = useSnackbar();
   return {
     enqueueToast(options = {}) {
-      snackbar.enqueueSnackbar({
+      return snackbar.enqueueSnackbar({
         variant: "veritone",
         ...options
       });
     },
-    closeToast() {
-      snackbar.closeSnackbar();
+    closeToast(key) {
+      snackbar.closeSnackbar(key);
     }
   };
 }

package/dist/esm/index.js

@@ -29,7 +29,7 @@ export { createDialogComponent } from './Dialog/factory.js';
 export { default as Drawer, DrawerActions, DrawerCloseButton, DrawerCloseIconButton, DrawerContent, DrawerDescription, DrawerEnd, DrawerStart, DrawerTitle, DrawerTypography } from './Drawer/components.js';
 export { createDrawerComponent } from './Drawer/factory.js';
 export { default as ErrorBoundary } from './ErrorBoundary/index.js';
-export { UploadButton, UploadDropzone, UploadList, UploadListItem } from './FileUploader/components.js';
+export { UploadButton, UploadDropzone, UploadList, UploadListItem, useUploadStatus } from './FileUploader/components.js';
 export { default as FormControl } from './FormControl/index.js';
 export { default as GlobalStyles } from './GlobalStyles/index.js';
 export { adaptMuiSvgIcon, adaptSvgIcon } from './Icon/wrappers.js';

package/dist/types/FileUploader/components.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Accept } from 'react-dropzone';
-import { type BatchItem } from '@rpldy/uploady';
+import { BATCH_STATES, type BatchItem } from '@rpldy/uploady';
 import { type ButtonProps } from '../Button/index.js';
 export type UploadDropzoneProps = {
     'data-testid'?: string;
@@ -22,6 +22,11 @@ export type UploadListItemProps = {
 };
 export declare function UploadListItem({ item }: UploadListItemProps): import("react/jsx-runtime").JSX.Element;
 export type UploadButtonProps = ButtonProps;
+export declare function useUploadStatus(): {
+    loading: boolean;
+    itemCount: number;
+    batchState: BATCH_STATES;
+};
 export declare const UploadButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     variant?: import("../Button/index.js").ButtonVariant | undefined;
     palette?: import("../styles/palette.js").PaletteActionVariantsColors | import("../styles/css-vars.js").RecursiveStringObject<import("../styles/palette.js").PaletteActionVariantsColors> | undefined;

package/dist/types/Toast/hook.d.ts

@@ -6,6 +6,7 @@ export type ToastOptions = {
     action?: React.ReactNode;
     severity?: AlertSeverity;
 };
+export type ToastKey = string | number;
 declare module 'notistack' {
     interface VariantOverrides {
         veritone: ToastOptions;
@@ -16,6 +17,6 @@ export type ToastProviderProps = {
 };
 export declare const ToastProvider: (props: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare function useToast(): {
-    enqueueToast(options?: ToastOptions): void;
-    closeToast(): void;
+    enqueueToast(options?: ToastOptions): ToastKey;
+    closeToast(key?: ToastKey): void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "2.5.13",
+  "version": "2.5.15",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [