@cleen/ui 0.1.205 → 0.1.207

package/dist/index.d.ts

@@ -2008,12 +2008,29 @@ interface DropzoneProps extends NativeInputProps {
  */
 declare const Dropzone: react.ForwardRefExoticComponent<Omit<DropzoneProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-interface FileUploadTrackerRowProps {
-    fileEntry: FileEntry;
-    labels?: FileUploadTrackerProps['labels'];
+declare enum TrackerItemStatus {
+    PENDING = "pending",
+    IN_PROGRESS = "inProgress",
+    DONE = "done",
+    ERROR = "error",
+    REMOVING = "removing"
+}
+interface TrackerItem {
+    id: string;
+    /** Label rendered as the item name */
+    name: ReactNode;
+    /** Completion of the item, from 0 to 100 */
+    progress?: number;
+    status: TrackerItemStatus;
+    /** Leading visual of the row, rendered as provided */
+    icon?: ReactNode;
+}
+
+interface StackedProgressTrackerRowProps {
+    item: TrackerItem;
+    labels?: StackedProgressTrackerProps['labels'];
     classNames?: {
         container?: string;
-        typeBadge?: string;
         infoContainer?: string;
         name?: string;
         progressBar?: ComponentClassnames<ProgressBarProps>;
@@ -2022,7 +2039,6 @@ interface FileUploadTrackerRowProps {
     };
     styles?: {
         container?: CSSProperties;
-        typeBadge?: CSSProperties;
         infoContainer?: CSSProperties;
         name?: CSSProperties;
         progressBar?: ComponentStyles<ProgressBarProps>;
@@ -2030,10 +2046,79 @@ interface FileUploadTrackerRowProps {
         statusIcon?: CSSProperties;
     };
 }
-declare const FileUploadTrackerRow: ({ fileEntry, labels, classNames, styles, }: FileUploadTrackerRowProps) => react_jsx_runtime.JSX.Element;
+declare const StackedProgressTrackerRow: ({ item, labels, classNames, styles, }: StackedProgressTrackerRowProps) => react_jsx_runtime.JSX.Element;
+
+type NativeDivProps$1 = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' | 'title'>;
+interface StackedProgressTrackerProps extends NativeDivProps$1 {
+    /** Items to track, rendered as one row each */
+    items: TrackerItem[];
+    /** Content of the panel header */
+    title?: ReactNode;
+    /** Amount of rows rendered before the list is truncated */
+    maxVisibleItems?: number;
+    /** Controlled expanded state of the truncated list */
+    isExpanded?: boolean;
+    /** Initial expanded state of the truncated list when uncontrolled */
+    defaultExpanded?: boolean;
+    onExpandedChange?: (isExpanded: boolean) => void;
+    /** Renders the dismiss control in the header when provided */
+    onDismiss?: () => void;
+    labels?: {
+        processing?: (count: number) => ReactNode;
+        completed?: ReactNode;
+        showMore?: (hiddenCount: number) => ReactNode;
+        showLess?: ReactNode;
+        dismiss?: string;
+        contract?: string;
+        itemProgress?: (progress: number) => ReactNode;
+    };
+    className?: string;
+    style?: CSSProperties;
+    classNames?: {
+        card?: ComponentClassnames<CardProps>;
+        header?: string;
+        headerButtons?: string;
+        title?: string;
+        contractButton?: string;
+        dismissButton?: string;
+        list?: string;
+        row?: StackedProgressTrackerRowProps['classNames'];
+        expandButton?: string;
+    };
+    styles?: {
+        card?: ComponentStyles<CardProps>;
+        header?: CSSProperties;
+        headerButtons?: CSSProperties;
+        title?: CSSProperties;
+        contractButton?: CSSProperties;
+        dismissButton?: CSSProperties;
+        list?: CSSProperties;
+        row?: StackedProgressTrackerRowProps['styles'];
+        expandButton?: CSSProperties;
+    };
+}
+/**
+ * The `StackedProgressTracker` component groups the progress of multiple tracked items into a single panel.
+ *
+ * - Renders one row per `TrackerItem`, with its optional icon, name, progress bar and status.
+ * - Renders `null` when there are no items to show.
+ * - Truncates the list past `maxVisibleItems` with a "+N more" expand control.
+ */
+declare const StackedProgressTracker: react.ForwardRefExoticComponent<Omit<StackedProgressTrackerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+interface FileStackedProgressTrackerRowProps {
+    fileEntry: FileEntry;
+    labels?: FileStackedProgressTrackerProps['labels'];
+    classNames?: StackedProgressTrackerRowProps['classNames'] & {
+        typeBadge?: string;
+    };
+    styles?: StackedProgressTrackerRowProps['styles'] & {
+        typeBadge?: CSSProperties;
+    };
+}
 
 type NativeDivProps = Omit<ComponentProps<'div'>, 'children' | 'className' | 'style' | 'title'>;
-interface FileUploadTrackerProps extends NativeDivProps {
+interface FileStackedProgressTrackerProps extends NativeDivProps {
     /** Files to track, either as a list or as the `Map` used by `Dropzone` / `useFileUpload` */
     files: FileEntry[] | Map<string, FileEntry>;
     /** Overrides the automatic header title */
@@ -2066,7 +2151,7 @@ interface FileUploadTrackerProps extends NativeDivProps {
         contractButton?: string;
         dismissButton?: string;
         list?: string;
-        row?: FileUploadTrackerRowProps['classNames'];
+        row?: FileStackedProgressTrackerRowProps['classNames'];
         expandButton?: string;
     };
     styles?: {
@@ -2077,18 +2162,19 @@ interface FileUploadTrackerProps extends NativeDivProps {
         contractButton?: CSSProperties;
         dismissButton?: CSSProperties;
         list?: CSSProperties;
-        row?: FileUploadTrackerRowProps['styles'];
+        row?: FileStackedProgressTrackerRowProps['styles'];
         expandButton?: CSSProperties;
     };
 }
 /**
- * The `FileUploadTracker` component groups the upload progress of multiple files into a single panel.
+ * The `FileStackedProgressTracker` component groups the upload progress of multiple files into a single panel.
  *
+ * - Builds on `StackedProgressTracker`, adding file type badges, file names and upload-specific labels.
  * - Accepts the same `FileEntry` shape as `Dropzone` and `useFileUpload`, as a list or a `Map`.
  * - Renders `null` when there are no files to show.
  * - Truncates the list past `maxVisibleFiles` with a "+N more" expand control.
  */
-declare const FileUploadTracker: react.ForwardRefExoticComponent<Omit<FileUploadTrackerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const FileStackedProgressTracker: react.ForwardRefExoticComponent<Omit<FileStackedProgressTrackerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 interface FilterDrawerNewFilter {
     filterName: string;
@@ -3678,4 +3764,4 @@ type TabsProps = ComponentProps<'div'> & {
  */
 declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, CalendarDropdown, type CalendarDropdownProps, type CalendarProps, CanvasButton, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type Media as CardMediaType, type CardProps, Carousel, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, type ColorModel, ColorPicker, type ColorPickerProps, CreditCardInput, type CreditCardInputProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleItem, type DrawerContentTitleProps, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EditableCard, type EditableCardField, type EditableCardProps, EditableText, EditableTextArea, type EditableTextAreaProps, type EditableTextAreaRef, type EditableTextProps, type EditableTextRef, FileUploadTracker, type FileUploadTrackerProps, FileUploadTrackerRow, type FileUploadTrackerRowProps, FilterDrawer, type FilterDrawerFilterCategories, type FilterDrawerNewFilter, type FilterDrawerProps, type FilterDrawerSavedFilter, FormGroup, type FormGroupProps, GroupSelector, type GroupSelectorProps, type GroupSelectorSaveResult, type GroupSelectorThreeDotOption, type SidebarItem$1 as ISidebarItem, IconAlertCircle, IconAlertFeatured, IconAlertOctagon, IconAlertTriangle, IconAlignRight, IconArrowDown, IconArrowLeft, IconArrowLeft2, IconArrowRight, IconArrowToTop, IconArrowUp, IconArrowUpRight, IconArrowUpRightNarrow, IconArrowUpRightSquare, IconAttachment, IconBarChartSquare, IconBold, IconBookmarkCheck, IconBookmarkCheckFill, IconBookmarkX, IconBoxLines, IconBoxText, IconBracketsCheck, IconBracketsEllipses, IconCalendar, IconCertificateHeart, IconCheck, IconCheckCircle, IconCheckCircleBroken, IconCheckFill, IconCheckVerified, IconChevronDown, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronSelectorVertical, IconChevronUp, IconCircleSwap, IconClockFastForward, IconClockRewind, IconClockRewind2, IconCodeBrowser, IconCodeCircle, IconColors, IconColumnEdit, IconCopy, IconCopy2, IconCopy3, IconCopy4, IconCopy5, IconCopyCheck, IconCube, IconCubeOutline, IconCursorBox, IconDataflow, IconDataflow2, IconDataflow3, IconDelete, IconDollarCircle, IconDotsGrid, IconDotsHorizontal, IconDotsVertical, IconEdit, IconEditable, IconExpand, IconEye, IconEyeHidden, IconEyeHidden2, IconFaceSmile, IconFilter, IconFilter2, IconFlag, IconFlag2, IconFlag3, IconHandShield, IconHash, IconHeadsetMic, IconHeart, IconHouseLine, IconImage, IconImage2, IconImage3, IconImage4, IconImageCheck, IconInfoCircle, IconInfoHexagon, IconItalic, IconLayersMultiple, IconLayersSingle, IconLayout, IconLayout2, IconLayoutColumns, IconLayoutCustom, IconLayoutSequential, IconLayoutStuffed, IconLayoutTile, IconLifeBuoy, IconLightbulb, IconLightning, IconLightning2, IconLightningFast, IconLineChartBar, IconLineChartBreakoutSquare, IconLineChartUp, IconLineChartUp2, IconLines, IconLinesCheck, IconLinesPlay, IconLink, IconLink2, IconLink3, IconLink4, IconLink5, IconListBullet, IconListOrder, IconListOrder2, IconLock, IconLock2, IconLogIn, IconLogOut, IconLogOut2, IconMagicWand, IconMagicWand2, IconMail, IconMessageSquare, IconMessageSquare2, IconMessageXSquare, IconMinusCircle, IconMobile, IconMonitor, IconMonitor2, IconMonitor3, IconMoonCircle, IconName, IconNavigationPointer, IconNotificationBox, IconPCSetup, IconPalette, IconPasscodeLock, IconPencil, IconPercentageCircle, IconPerspective, IconPhoneCall, IconPin, IconPlayCircle, IconPlus, IconPlusCircle, IconPulse, IconQuestionCircle, IconRadioButton, IconRadioButtonActive, IconReceiptCheck, IconRedo, IconRefresh, IconRefresh2, IconRefresh3, IconRepeat, IconRepeat2, IconRetweet, IconRoundChart, IconRoundChart2, IconRoute, IconSave, IconSave2, IconScanDots, IconSearch, IconSend, IconSettings, IconSettings2, IconSettings3, IconShieldLightning, IconShieldPlus, IconShieldRemove, IconShuffle, IconSlashCircle, IconSlashOctagon, IconSocialGlobe, IconSocialLinkedin, IconSocialX, IconSpeedometer, IconStairsRound, IconStar, IconStarHalf, IconStars, IconStars2, IconStrikethrough, IconSuccessFeatured, IconSun, IconSwitchHorizontal, IconTag, IconTarget, IconTarget2, IconTextFormat, IconTextFormat2, IconTextHighlight, IconTranslate, IconTrash, IconTrending, IconUnderline, IconUndo, IconUndo2, IconUploadCloud, IconUser, IconUserEdit, IconUserRight, IconUserSquare, IconUsers, IconUsersUp, IconVolume, IconWrench, IconX, IconXCircle, IconXCircle2, IconXClose, IconXSquare, InfoLabels, type InfoLabelsProps, Input, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Lookup, type LookupOption, type LookupProps, Markdown, type MarkdownProps, Menu, type MenuProps, Modal, type ModalProps, type NotificationProps, Pagination, PaginationGoToPage, type PaginationGoToPageProps, PaginationPageSize, type PaginationPageSizeProps, type PaginationProps, PillBadge, type PillBadgeProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, RadioBoxGroup, type RadioBoxGroupProps, RadioButtonGroup, type RadioButtonGroupProps, Rating, type RatingProps, Select, type SelectProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonBanner, SkeletonButton, SkeletonCard, SkeletonCard2, SkeletonCard3, SkeletonCardStack, SkeletonChart, type SkeletonComponentProps, SkeletonContentCard, SkeletonDataGrid, SkeletonForm, SkeletonGlowingCard, SkeletonImage, SkeletonInfoCard, SkeletonInput, SkeletonList, SkeletonParagraph, type SkeletonProps, type SkeletonRoundness, SkeletonText, type SkeletonType, SkeletonVideo, SkeletonWidgetCard, SkeletonWrapper, Slider, type SliderProps, SliderRange, type SliderRangeProps, StarRating, type StarRatingProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, parseRgbaString, showNotification };
+export { AdvancedProgressBar, type AdvancedProgressBarProps, AudioPlayback, type AudioPlaybackProps, AudioRecorder, type AudioRecorderProps, Avatar, type AvatarProps, AvatarRow, type AvatarRowProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, type ButtonVariant, Calendar, CalendarDropdown, type CalendarDropdownProps, type CalendarProps, CanvasButton, Card, CardIcon, type CardIconProps, CardMedia, type CardMediaProps, type Media as CardMediaType, type CardProps, Carousel, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CleenIcon, CleenNotificationContainer, Collapsible, type CollapsibleProps, type CollapsibleSection, type ColorModel, ColorPicker, type ColorPickerProps, CreditCardInput, type CreditCardInputProps, Divider, type DividerProps, Drawer, type DrawerConfig, DrawerContainer, type DrawerContainerProps, DrawerContentTitle, type DrawerContentTitleItem, type DrawerContentTitleProps, type DrawerProps, Dropdown, type DropdownProps, Dropzone, type DropzoneProps, EditableCard, type EditableCardField, type EditableCardProps, EditableText, EditableTextArea, type EditableTextAreaProps, type EditableTextAreaRef, type EditableTextProps, type EditableTextRef, FileStackedProgressTracker, type FileStackedProgressTrackerProps, FilterDrawer, type FilterDrawerFilterCategories, type FilterDrawerNewFilter, type FilterDrawerProps, type FilterDrawerSavedFilter, FormGroup, type FormGroupProps, GroupSelector, type GroupSelectorProps, type GroupSelectorSaveResult, type GroupSelectorThreeDotOption, type SidebarItem$1 as ISidebarItem, IconAlertCircle, IconAlertFeatured, IconAlertOctagon, IconAlertTriangle, IconAlignRight, IconArrowDown, IconArrowLeft, IconArrowLeft2, IconArrowRight, IconArrowToTop, IconArrowUp, IconArrowUpRight, IconArrowUpRightNarrow, IconArrowUpRightSquare, IconAttachment, IconBarChartSquare, IconBold, IconBookmarkCheck, IconBookmarkCheckFill, IconBookmarkX, IconBoxLines, IconBoxText, IconBracketsCheck, IconBracketsEllipses, IconCalendar, IconCertificateHeart, IconCheck, IconCheckCircle, IconCheckCircleBroken, IconCheckFill, IconCheckVerified, IconChevronDown, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronSelectorVertical, IconChevronUp, IconCircleSwap, IconClockFastForward, IconClockRewind, IconClockRewind2, IconCodeBrowser, IconCodeCircle, IconColors, IconColumnEdit, IconCopy, IconCopy2, IconCopy3, IconCopy4, IconCopy5, IconCopyCheck, IconCube, IconCubeOutline, IconCursorBox, IconDataflow, IconDataflow2, IconDataflow3, IconDelete, IconDollarCircle, IconDotsGrid, IconDotsHorizontal, IconDotsVertical, IconEdit, IconEditable, IconExpand, IconEye, IconEyeHidden, IconEyeHidden2, IconFaceSmile, IconFilter, IconFilter2, IconFlag, IconFlag2, IconFlag3, IconHandShield, IconHash, IconHeadsetMic, IconHeart, IconHouseLine, IconImage, IconImage2, IconImage3, IconImage4, IconImageCheck, IconInfoCircle, IconInfoHexagon, IconItalic, IconLayersMultiple, IconLayersSingle, IconLayout, IconLayout2, IconLayoutColumns, IconLayoutCustom, IconLayoutSequential, IconLayoutStuffed, IconLayoutTile, IconLifeBuoy, IconLightbulb, IconLightning, IconLightning2, IconLightningFast, IconLineChartBar, IconLineChartBreakoutSquare, IconLineChartUp, IconLineChartUp2, IconLines, IconLinesCheck, IconLinesPlay, IconLink, IconLink2, IconLink3, IconLink4, IconLink5, IconListBullet, IconListOrder, IconListOrder2, IconLock, IconLock2, IconLogIn, IconLogOut, IconLogOut2, IconMagicWand, IconMagicWand2, IconMail, IconMessageSquare, IconMessageSquare2, IconMessageXSquare, IconMinusCircle, IconMobile, IconMonitor, IconMonitor2, IconMonitor3, IconMoonCircle, IconName, IconNavigationPointer, IconNotificationBox, IconPCSetup, IconPalette, IconPasscodeLock, IconPencil, IconPercentageCircle, IconPerspective, IconPhoneCall, IconPin, IconPlayCircle, IconPlus, IconPlusCircle, IconPulse, IconQuestionCircle, IconRadioButton, IconRadioButtonActive, IconReceiptCheck, IconRedo, IconRefresh, IconRefresh2, IconRefresh3, IconRepeat, IconRepeat2, IconRetweet, IconRoundChart, IconRoundChart2, IconRoute, IconSave, IconSave2, IconScanDots, IconSearch, IconSend, IconSettings, IconSettings2, IconSettings3, IconShieldLightning, IconShieldPlus, IconShieldRemove, IconShuffle, IconSlashCircle, IconSlashOctagon, IconSocialGlobe, IconSocialLinkedin, IconSocialX, IconSpeedometer, IconStairsRound, IconStar, IconStarHalf, IconStars, IconStars2, IconStrikethrough, IconSuccessFeatured, IconSun, IconSwitchHorizontal, IconTag, IconTarget, IconTarget2, IconTextFormat, IconTextFormat2, IconTextHighlight, IconTranslate, IconTrash, IconTrending, IconUnderline, IconUndo, IconUndo2, IconUploadCloud, IconUser, IconUserEdit, IconUserRight, IconUserSquare, IconUsers, IconUsersUp, IconVolume, IconWrench, IconX, IconXCircle, IconXCircle2, IconXClose, IconXSquare, InfoLabels, type InfoLabelsProps, Input, type InputProps, Label, type LabelProps, Loader, type LoaderProps, Lookup, type LookupOption, type LookupProps, Markdown, type MarkdownProps, Menu, type MenuProps, Modal, type ModalProps, type NotificationProps, Pagination, PaginationGoToPage, type PaginationGoToPageProps, PaginationPageSize, type PaginationPageSizeProps, type PaginationProps, PillBadge, type PillBadgeProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, RadioBoxGroup, type RadioBoxGroupProps, RadioButtonGroup, type RadioButtonGroupProps, Rating, type RatingProps, Select, type SelectProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonBanner, SkeletonButton, SkeletonCard, SkeletonCard2, SkeletonCard3, SkeletonCardStack, SkeletonChart, type SkeletonComponentProps, SkeletonContentCard, SkeletonDataGrid, SkeletonForm, SkeletonGlowingCard, SkeletonImage, SkeletonInfoCard, SkeletonInput, SkeletonList, SkeletonParagraph, type SkeletonProps, type SkeletonRoundness, SkeletonText, type SkeletonType, SkeletonVideo, SkeletonWidgetCard, SkeletonWrapper, Slider, type SliderProps, SliderRange, type SliderRangeProps, StackedProgressTracker, type StackedProgressTrackerProps, StackedProgressTrackerRow, type StackedProgressTrackerRowProps, StarRating, type StarRatingProps, Stepper, type StepperProps, Switch, type SwitchProps, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, type TrackerItem, TrackerItemStatus, parseRgbaString, showNotification };