@cleen/ui 0.1.259 → 0.1.261
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 +88 -1
- package/dist/index.js +2 -2
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -4272,4 +4272,91 @@ type TabsProps = ComponentProps<'div'> & {
|
|
|
4272
4272
|
*/
|
|
4273
4273
|
declare const Tabs: react.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
4274
4274
|
|
|
4275
|
-
|
|
4275
|
+
type TagFilterItemId = string | number;
|
|
4276
|
+
type TagFilterItem = {
|
|
4277
|
+
id: TagFilterItemId;
|
|
4278
|
+
label: string;
|
|
4279
|
+
count?: number;
|
|
4280
|
+
};
|
|
4281
|
+
type TagFilterLabels = {
|
|
4282
|
+
trigger?: string;
|
|
4283
|
+
noMatches?: ReactNode;
|
|
4284
|
+
searchPlaceholder?: string;
|
|
4285
|
+
noData?: ReactNode;
|
|
4286
|
+
footer?: ReactNode;
|
|
4287
|
+
selected?: (count: number) => ReactNode;
|
|
4288
|
+
create?: (text: string) => ReactNode;
|
|
4289
|
+
clear?: ReactNode;
|
|
4290
|
+
done?: ReactNode;
|
|
4291
|
+
};
|
|
4292
|
+
type TagFilterProps = Omit<ComponentProps<'div'>, 'onChange' | 'defaultValue' | 'content'> & {
|
|
4293
|
+
items?: TagFilterItem[];
|
|
4294
|
+
value?: TagFilterItemId[];
|
|
4295
|
+
defaultValue?: TagFilterItemId[];
|
|
4296
|
+
onApply?: (ids: TagFilterItemId[], items: TagFilterItem[]) => void;
|
|
4297
|
+
onCreate?: (label: string) => TagFilterItem | void | Promise<TagFilterItem | void>;
|
|
4298
|
+
isLoading?: boolean;
|
|
4299
|
+
icon?: ReactNode;
|
|
4300
|
+
disabled?: boolean;
|
|
4301
|
+
isOpen?: boolean;
|
|
4302
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
4303
|
+
position?: Position;
|
|
4304
|
+
zIndex?: number;
|
|
4305
|
+
labels?: TagFilterLabels;
|
|
4306
|
+
classNames?: {
|
|
4307
|
+
trigger?: string;
|
|
4308
|
+
triggerActive?: string;
|
|
4309
|
+
badge?: string;
|
|
4310
|
+
popover?: string;
|
|
4311
|
+
content?: string;
|
|
4312
|
+
search?: string;
|
|
4313
|
+
divider?: string;
|
|
4314
|
+
list?: string;
|
|
4315
|
+
item?: string;
|
|
4316
|
+
checkbox?: string;
|
|
4317
|
+
itemLabel?: string;
|
|
4318
|
+
count?: string;
|
|
4319
|
+
noData?: string;
|
|
4320
|
+
createButton?: string;
|
|
4321
|
+
footer?: string;
|
|
4322
|
+
footerText?: string;
|
|
4323
|
+
footerActions?: string;
|
|
4324
|
+
clearButton?: string;
|
|
4325
|
+
doneButton?: string;
|
|
4326
|
+
};
|
|
4327
|
+
styles?: {
|
|
4328
|
+
trigger?: CSSProperties;
|
|
4329
|
+
triggerActive?: CSSProperties;
|
|
4330
|
+
badge?: CSSProperties;
|
|
4331
|
+
popover?: CSSProperties;
|
|
4332
|
+
content?: CSSProperties;
|
|
4333
|
+
search?: CSSProperties;
|
|
4334
|
+
divider?: CSSProperties;
|
|
4335
|
+
list?: CSSProperties;
|
|
4336
|
+
item?: CSSProperties;
|
|
4337
|
+
checkbox?: CSSProperties;
|
|
4338
|
+
itemLabel?: CSSProperties;
|
|
4339
|
+
count?: CSSProperties;
|
|
4340
|
+
noData?: CSSProperties;
|
|
4341
|
+
createButton?: CSSProperties;
|
|
4342
|
+
footer?: CSSProperties;
|
|
4343
|
+
footerText?: CSSProperties;
|
|
4344
|
+
footerActions?: CSSProperties;
|
|
4345
|
+
clearButton?: CSSProperties;
|
|
4346
|
+
doneButton?: CSSProperties;
|
|
4347
|
+
};
|
|
4348
|
+
};
|
|
4349
|
+
|
|
4350
|
+
/**
|
|
4351
|
+
* The `TagFilter` component is a compact icon trigger that opens a searchable checkbox list of tags.
|
|
4352
|
+
*
|
|
4353
|
+
* - Pass `items` (`{ id, label, count? }`) to render a vertical, scrollable checkbox list (max height 300px by default, override via `classNames.list` / `styles.list`).
|
|
4354
|
+
* - Typing in the search input filters the list locally; when nothing matches and `onCreate` is provided, a "+ Create" button replaces the list.
|
|
4355
|
+
* - `onCreate` may return the created item (or a Promise of it); the new tag is then selected automatically. Use `isLoading` to show an external loading state.
|
|
4356
|
+
* - "Clear" unselects every tag, "Done" calls `onApply` with the selected ids/items and closes the filter.
|
|
4357
|
+
* - The trigger shows a count badge and highlighted styling while tags are applied. Use `value` for controlled applied tags or `defaultValue` for uncontrolled usage.
|
|
4358
|
+
* - Customize text via `labels` and subparts via `classNames` / `styles`.
|
|
4359
|
+
*/
|
|
4360
|
+
declare const TagFilter: react.ForwardRefExoticComponent<Omit<TagFilterProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
4361
|
+
|
|
4362
|
+
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, FileCard, type FileCardCategory, type FileCardData, type FileCardProps, 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, Icon48AlertFeatured, Icon48SuccessFeatured, IconAlertCircle, IconAlertOctagon, IconAlertTriangle, IconApps, IconArchive, IconArrowBarDown, IconArrowBarLeft, IconArrowBarRight, IconArrowBarToDown, IconArrowBarToLeft, IconArrowBarToRight, IconArrowBarToUp, IconArrowBarUp, IconArrowDown, IconArrowDownLeft, IconArrowDownNarrow, IconArrowDownRight, IconArrowLeft, IconArrowLeftNarrow, IconArrowRight, IconArrowRightNarrow, IconArrowUp, IconArrowUpLeft, IconArrowUpNarrow, IconArrowUpRight, IconAttachment, IconBarChart, IconBarChartSquare, IconBell, IconBold, IconBookOpen, IconBookmark, IconBookmarkCheck, IconBookmarkCheckFill, IconBookmarkFill, IconBookmarkMinus, IconBookmarkPlus, IconBookmarkX, IconBoxLines, IconBoxText, IconBracketsCheck, IconBracketsEllipses, IconBrickWall, IconBriefcase, IconBuilding, IconCalculator, IconCalendar, IconCertificate, IconCheck, IconCheckCircle, IconCheckCircleBroken, IconCheckFill, IconCheckVerified, IconCheckVerifiedFill, IconChevronDown, IconChevronDownDouble, IconChevronDownLeft, IconChevronDownLeftDouble, IconChevronDownRight, IconChevronDownRightDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronSelectorVertical, IconChevronUp, IconChevronUpDouble, IconChevronUpLeft, IconChevronUpLeftDouble, IconChevronUpRight, IconChevronUpRightDouble, IconClick, IconClock, IconClockFastForward, IconClockPlay, IconClockRewind, IconClone, IconCode, IconCodeBrowser, IconCodeCircle, IconColors, IconColumnEdit, IconCopy, IconCopy2, IconCopyCheck, IconCreditCard, IconCube, IconCubeOutline, IconCursorBox, IconDataflow, IconDataflow2, IconDataflow3, IconDistributeHorizontal, IconDollar, IconDollarCircle, IconDot, IconDotFill, IconDotsGrid, IconDotsHorizontal, IconDotsVertical, IconDownload, IconEdit, IconEditable, IconExpand, IconExternalLink, IconExternalLink2, IconEye, IconEyeHidden, IconEyeHidden2, IconFaceAngry, IconFaceLaugh, IconFaceSmile, IconFile, IconFileCheck, IconFileCsv, IconFileDownload, IconFileJson, IconFileList, IconFileMusic, IconFilePdf, IconFileSpreadsheet, IconFileText, IconFileUpload, IconFileXls, IconFileXlsx, IconFileZip, IconFiles, IconFilter, IconFilter2, IconFlag, IconFlag2, IconFlagFill, IconFocus, IconFolder, IconFolderExport, IconFolderImport, IconGraduationCap, IconGripVertical, IconHand, IconHandShield, IconHash, IconHeadsetMic, IconHeart, IconHeartFill, IconHouse, IconHouseLine, IconImage, IconImage2, IconImageCheck, IconImageOff, IconImport, IconInbox, IconInfoCircle, IconInfoHexagon, IconItalic, IconLayersMultiple, IconLayersSingle, IconLayout, IconLayout2, IconLayoutColumns, IconLayoutCustom, IconLayoutStuffed, IconLayoutTile, IconLifeBuoy, IconLightbulb, IconLightning, IconLightningFast, IconLineChart, IconLineChartBar, IconLineChartBreakoutSquare, IconLineChartUp, IconLines, IconLinesCheck, IconLinesPlay, IconLink, IconLink2, IconLinkOff, IconListBullet, IconListOrder, IconLock, IconLockFill, IconLogIn, IconLogOut, IconLogOut2, IconMagicWand, IconMail, IconMapPin, IconMaximize, IconMaximize2, IconMessageCircle, IconMessageSquare, IconMessageSquare2, IconMessageXSquare, IconMicrophone, IconMinimize, IconMinimize2, IconMinusCircle, IconMobile, IconMonitor, IconMonitor2, IconMoon, IconMoonCircle, IconMovie, IconName, IconNavigationPointer, IconNotificationBox, IconPCSetup, IconPackage, IconPalette, IconPasscodeLock, IconPause, IconPauseCircle, IconPen, IconPercentageCircle, IconPerspective, IconPhoneCall, IconPin, IconPlay, IconPlayCircle, IconPlus, IconPlusCircle, IconPrinter, IconPulse, IconQuestionCircle, IconQuote, IconRadioButton, IconRadioButtonFill, IconReceipt, IconReceiptCheck, IconRedo, IconRefresh, IconRefresh2, IconRefresh3, IconRepeat, IconReplace, IconReplay, IconRestore, IconRocket, IconRoundChart, IconRoundChart2, IconRoute, IconSave, IconScanDots, IconScissors, IconSearch, IconSend, IconServer, IconSettings, IconSettings2, IconShare, IconShieldLightning, IconShieldPlus, IconShieldRemove, IconShoppingBag, IconShoppingCart, IconShrink, IconShuffle, IconSkipForward, IconSlashCircle, IconSlashOctagon, IconSocialAndroid, IconSocialApple, IconSocialGithub, IconSocialGlobe, IconSocialGoogle, IconSocialInstagram, IconSocialLinkedin, IconSocialMastercard, IconSocialReact, IconSocialVisa, IconSocialX, IconSpeedometer, IconStairs, IconStar, IconStarFill, IconStarHalf, IconStars, IconStop, IconStrikethrough, IconSun, IconSwap, IconSwitchHorizontal, IconTable, IconTag, IconTarget, IconTarget2, IconTextFormat, IconTextFormat2, IconTextHighlight, IconThumbsDown, IconThumbsUp, IconThumbsUpFill, IconToggle, IconTranslate, IconTrash, IconTrending, IconUnderline, IconUndo, IconUnlock, IconUploadCloud, IconUser, IconUserCheck, IconUserDollar, IconUserEdit, IconUserPlus, IconUserRight, IconUserSquare, IconUserVoice, IconUsers, IconUsersUp, IconVideo, IconVideoChat, IconVolume, IconVolumeDown, IconVolumeMute, IconWrench, IconX, IconXCircle, IconXCircleFill, IconXSquare, IconZoomIn, IconZoomOut, 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, TagFilter, type TagFilterItem, type TagFilterItemId, type TagFilterLabels, type TagFilterProps, TextArea, type TextAreaProps, Tooltip, type TooltipProps, type TrackerItem, TrackerItemStatus, TrackerStatusFilter, getFileIcon, parseRgbaString, showNotification };
|