@cleen/ui 0.1.219 → 0.1.221
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +35 -4
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -2129,6 +2129,17 @@ interface FileStackedProgressTrackerProps extends NativeDivProps {
|
|
|
2129
2129
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
2130
2130
|
/** Renders the dismiss control in the header when provided */
|
|
2131
2131
|
onDismiss?: () => void;
|
|
2132
|
+
/**
|
|
2133
|
+
* Delay, in milliseconds, before `onDismiss` is called on its own once every
|
|
2134
|
+
* file is done. `0` dismisses immediately, `null` / `undefined` never
|
|
2135
|
+
* auto dismisses. Errored files keep the panel open.
|
|
2136
|
+
*/
|
|
2137
|
+
autoDismissOnUploadCompleteAfterMilliSeconds?: number | null;
|
|
2138
|
+
/**
|
|
2139
|
+
* Renders the header bar holding the title, the contract toggle and the
|
|
2140
|
+
* dismiss control. Set to `false` when the panel dismisses itself.
|
|
2141
|
+
*/
|
|
2142
|
+
showHeader?: boolean;
|
|
2132
2143
|
labels?: {
|
|
2133
2144
|
uploading?: (inProgressCount: number) => ReactNode;
|
|
2134
2145
|
completed?: ReactNode;
|
|
@@ -2170,6 +2181,8 @@ interface FileStackedProgressTrackerProps extends NativeDivProps {
|
|
|
2170
2181
|
* - Accepts the same `FileEntry` shape as `Dropzone` and `useFileUpload`, as a list or a `Map`.
|
|
2171
2182
|
* - Renders `null` when there are no files to show.
|
|
2172
2183
|
* - Truncates the list past `maxVisibleFiles` with a "+N more" expand control.
|
|
2184
|
+
* - Optionally calls `onDismiss` on its own once every file is done, through `autoDismissOnUploadCompleteAfterMilliSeconds`.
|
|
2185
|
+
* - Optionally hides the whole header bar with `showHeader`, leaving only the rows.
|
|
2173
2186
|
*/
|
|
2174
2187
|
declare const FileStackedProgressTracker: react.ForwardRefExoticComponent<Omit<FileStackedProgressTrackerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2175
2188
|
|
|
@@ -2202,6 +2215,13 @@ interface DropzoneProps extends NativeInputProps {
|
|
|
2202
2215
|
* of the viewport for the files added since the tracker was last dismissed.
|
|
2203
2216
|
*/
|
|
2204
2217
|
showProgressTracker?: boolean;
|
|
2218
|
+
/**
|
|
2219
|
+
* Props forwarded to the floating `FileStackedProgressTracker`, e.g.
|
|
2220
|
+
* `autoDismissOnUploadCompleteAfterMilliSeconds` or `showHeader`. Its class
|
|
2221
|
+
* and style overrides go through `classNames.progressTracker` /
|
|
2222
|
+
* `styles.progressTracker` instead.
|
|
2223
|
+
*/
|
|
2224
|
+
progressTracker?: Omit<FileStackedProgressTrackerProps, 'files' | 'className' | 'classNames' | 'style' | 'styles'>;
|
|
2205
2225
|
loadingWhileUploading?: boolean;
|
|
2206
2226
|
isLoading?: boolean;
|
|
2207
2227
|
containerRef?: RefObject<HTMLDivElement>;
|
|
@@ -2825,16 +2845,27 @@ type ModalProps = ComponentProps<'div'> & {
|
|
|
2825
2845
|
declare const Modal: react.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
2826
2846
|
|
|
2827
2847
|
type NotificationVariant = 'success' | 'error' | 'info' | 'warning' | 'default';
|
|
2828
|
-
|
|
2848
|
+
type NotificationAnimationType = 'bounce' | 'zoom' | 'slide' | 'flip' | 'none';
|
|
2849
|
+
interface NotificationClassNames {
|
|
2850
|
+
container?: string;
|
|
2851
|
+
icon?: string;
|
|
2852
|
+
body?: string;
|
|
2853
|
+
title?: string;
|
|
2854
|
+
message?: string;
|
|
2855
|
+
}
|
|
2856
|
+
interface NotificationProps extends Omit<ToastOptions, 'type' | 'transition' | 'icon'> {
|
|
2829
2857
|
message: ReactNode;
|
|
2858
|
+
title?: ReactNode;
|
|
2859
|
+
icon?: ReactNode;
|
|
2830
2860
|
variant?: NotificationVariant;
|
|
2831
|
-
animationType?:
|
|
2861
|
+
animationType?: NotificationAnimationType;
|
|
2862
|
+
classNames?: NotificationClassNames;
|
|
2832
2863
|
}
|
|
2833
2864
|
/**
|
|
2834
2865
|
* The `Notification` component provides a way to display brief notifications to users.
|
|
2835
2866
|
* It uses react-toastify library for toast notifications.
|
|
2836
2867
|
*/
|
|
2837
|
-
declare const showNotification: ({ message, variant, animationType, className, ...options }: NotificationProps) => react_toastify.Id;
|
|
2868
|
+
declare const showNotification: ({ message, title, icon, variant, animationType, className, classNames, ...options }: NotificationProps) => react_toastify.Id;
|
|
2838
2869
|
|
|
2839
2870
|
declare const CleenNotificationContainer: (props: ToastContainerProps) => react_jsx_runtime.JSX.Element;
|
|
2840
2871
|
|
|
@@ -3830,4 +3861,4 @@ type TabsProps = ComponentProps<'div'> & {
|
|
|
3830
3861
|
*/
|
|
3831
3862
|
declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
3832
3863
|
|
|
3833
|
-
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 };
|
|
3864
|
+
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 NotificationAnimationType, type NotificationClassNames, type NotificationProps, type NotificationVariant, 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 };
|