@cleen/ui 0.1.206 → 0.1.208

package/dist/index.d.ts

@@ -2048,6 +2048,35 @@ interface StackedProgressTrackerRowProps {
 }
 declare const StackedProgressTrackerRow: ({ item, labels, classNames, styles, }: StackedProgressTrackerRowProps) => react_jsx_runtime.JSX.Element;
 
+declare enum TrackerStatusFilter {
+    NOT_STARTED = "notStarted",
+    IN_PROGRESS = "inProgress",
+    COMPLETED = "completed",
+    ALL = "all"
+}
+declare const TRACKER_STATUS_FILTER_ORDER: readonly [TrackerStatusFilter.NOT_STARTED, TrackerStatusFilter.IN_PROGRESS, TrackerStatusFilter.COMPLETED, TrackerStatusFilter.ALL];
+
+interface StackedProgressTrackerStatusFilterProps {
+    value: TrackerStatusFilter;
+    onChange: (value: TrackerStatusFilter) => void;
+    /** Amount of items matching each filter, rendered after the option label */
+    counts?: Record<TrackerStatusFilter, number>;
+    labels?: StackedProgressTrackerProps['labels'];
+    classNames?: {
+        container?: string;
+        option?: string;
+        optionActive?: string;
+        optionCount?: string;
+    };
+    styles?: {
+        container?: CSSProperties;
+        option?: CSSProperties;
+        optionActive?: CSSProperties;
+        optionCount?: CSSProperties;
+    };
+}
+declare const StackedProgressTrackerStatusFilter: ({ value, onChange, counts, labels, classNames, styles, }: StackedProgressTrackerStatusFilterProps) => 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 */
@@ -2063,6 +2092,15 @@ interface StackedProgressTrackerProps extends NativeDivProps$1 {
     onExpandedChange?: (isExpanded: boolean) => void;
     /** Renders the dismiss control in the header when provided */
     onDismiss?: () => void;
+    /** Renders an inline segmented bar filtering the rows by status */
+    showStatusFilter?: boolean;
+    /** Renders the amount of matching items next to each status filter option */
+    showStatusFilterCounts?: boolean;
+    /** Controlled status filter selection */
+    statusFilter?: TrackerStatusFilter;
+    /** Initial status filter selection when uncontrolled */
+    defaultStatusFilter?: TrackerStatusFilter;
+    onStatusFilterChange?: (statusFilter: TrackerStatusFilter) => void;
     labels?: {
         processing?: (count: number) => ReactNode;
         completed?: ReactNode;
@@ -2071,6 +2109,9 @@ interface StackedProgressTrackerProps extends NativeDivProps$1 {
         dismiss?: string;
         contract?: string;
         itemProgress?: (progress: number) => ReactNode;
+        statusFilter?: string;
+        statusFilterOptions?: Record<TrackerStatusFilter, ReactNode>;
+        emptyStatusFilter?: ReactNode;
     };
     className?: string;
     style?: CSSProperties;
@@ -2081,8 +2122,10 @@ interface StackedProgressTrackerProps extends NativeDivProps$1 {
         title?: string;
         contractButton?: string;
         dismissButton?: string;
+        statusFilter?: StackedProgressTrackerStatusFilterProps['classNames'];
         list?: string;
         row?: StackedProgressTrackerRowProps['classNames'];
+        emptyStatusFilter?: string;
         expandButton?: string;
     };
     styles?: {
@@ -2092,8 +2135,10 @@ interface StackedProgressTrackerProps extends NativeDivProps$1 {
         title?: CSSProperties;
         contractButton?: CSSProperties;
         dismissButton?: CSSProperties;
+        statusFilter?: StackedProgressTrackerStatusFilterProps['styles'];
         list?: CSSProperties;
         row?: StackedProgressTrackerRowProps['styles'];
+        emptyStatusFilter?: CSSProperties;
         expandButton?: CSSProperties;
     };
 }
@@ -2103,6 +2148,7 @@ interface StackedProgressTrackerProps extends NativeDivProps$1 {
  * - 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.
+ * - Optionally renders an inline status filter bar with `showStatusFilter`, defaulting to the in progress rows.
  */
 declare const StackedProgressTracker: react.ForwardRefExoticComponent<Omit<StackedProgressTrackerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
@@ -3764,4 +3810,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, 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 };
+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, StackedProgressTrackerStatusFilter, type StackedProgressTrackerStatusFilterProps, StarRating, type StarRatingProps, Stepper, type StepperProps, Switch, type SwitchProps, TRACKER_STATUS_FILTER_ORDER, type Tab, Tabs, type TabsProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, type TrackerItem, TrackerItemStatus, TrackerStatusFilter, parseRgbaString, showNotification };