@cystackapp/ui 1.5.0 → 2.0.1
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/LICENSE +21 -0
- package/README.md +77 -47
- package/dist/assets/background-pattern-grid.svg.js +7 -0
- package/dist/assets/empty-cloud.svg.js +5 -0
- package/dist/components/accordion/Accordion.d.ts +20 -0
- package/dist/components/accordion/Accordion.js +36 -0
- package/dist/components/accordion/AccordionTestStory.d.ts +3 -0
- package/dist/components/alert/Alert.d.ts +15 -0
- package/dist/components/alert/Alert.js +54 -0
- package/dist/components/avatar/Avatar.d.ts +13 -0
- package/dist/components/avatar/Avatar.js +64 -0
- package/dist/components/background-pattern/BackgroundPatternGrid.d.ts +1 -0
- package/dist/components/background-pattern/BackgroundPatternGrid.js +6 -0
- package/dist/components/badge/Badge.d.ts +1 -1
- package/dist/components/badge/BadgeTestStory.d.ts +1 -1
- package/dist/components/badge/variants/BadgeMore.d.ts +1 -1
- package/dist/components/badge/variants/BadgeMoreTestStory.d.ts +1 -1
- package/dist/components/badge/variants/BadgeTag.d.ts +1 -1
- package/dist/components/banner/Banner.d.ts +9 -0
- package/dist/components/banner/Banner.js +21 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +13 -0
- package/dist/components/breadcrumb/Breadcrumb.js +36 -0
- package/dist/components/button/ButtonLoader.d.ts +1 -1
- package/dist/components/button/ButtonTestStory.d.ts +5 -5
- package/dist/components/card/Card.d.ts +1 -1
- package/dist/components/card/Card.stories-ct.d.ts +1 -1
- package/dist/components/card/CardBody.d.ts +1 -1
- package/dist/components/card/CardHeader.d.ts +1 -1
- package/dist/components/chart/chart-legend/ChartLegend.d.ts +38 -0
- package/dist/components/chart/chart-legend/ChartLegend.js +57 -0
- package/dist/components/chart/chart-legend/ChartLegendItem.d.ts +19 -0
- package/dist/components/chart/chart-legend/ChartLegendItem.js +30 -0
- package/dist/components/chart/chart-legend/types.d.ts +49 -0
- package/dist/components/chart/donut-chart/DonutChart.d.ts +55 -0
- package/dist/components/chart/donut-chart/DonutChart.js +110 -0
- package/dist/components/chart/donut-chart/DonutSegments.d.ts +25 -0
- package/dist/components/chart/donut-chart/DonutSegments.js +51 -0
- package/dist/components/chart/donut-chart/donut-tooltip.d.ts +20 -0
- package/dist/components/chart/donut-chart/donut-tooltip.js +37 -0
- package/dist/components/chart/types.d.ts +8 -0
- package/dist/components/checkbox/CheckboxTestStory.d.ts +7 -7
- package/dist/components/collapsible/Collapsible.d.ts +1 -1
- package/dist/components/combobox/Combobox.d.ts +1 -1
- package/dist/components/divider/Divider.d.ts +9 -0
- package/dist/components/divider/Divider.js +28 -0
- package/dist/components/drawer/Drawer.d.ts +8 -0
- package/dist/components/drawer/Drawer.js +68 -0
- package/dist/components/dropdown/Dropdown.d.ts +45 -0
- package/dist/components/dropdown/Dropdown.js +133 -0
- package/dist/components/dropdown/DropdownMenu.d.ts +20 -0
- package/dist/components/dropdown/DropdownMenu.js +78 -0
- package/dist/components/dropdown/DropdownMenuItem.d.ts +13 -0
- package/dist/components/dropdown/DropdownMenuItem.js +49 -0
- package/dist/components/dropdown/DropdownTestStory.d.ts +5 -0
- package/dist/components/dropdown/dropdown-utils.d.ts +4 -0
- package/dist/components/dropdown/dropdown-utils.js +14 -0
- package/dist/components/dropdown/types.d.ts +48 -0
- package/dist/components/dropdown/use-dropdown-keyboard.d.ts +12 -0
- package/dist/components/dropdown/use-dropdown-keyboard.js +49 -0
- package/dist/components/empty-state/EmptyState.d.ts +26 -0
- package/dist/components/empty-state/EmptyState.js +36 -0
- package/dist/components/error-state/ErrorState.d.ts +1 -1
- package/dist/components/featured-icon/FeaturedIcon.d.ts +12 -0
- package/dist/components/featured-icon/FeaturedIcon.js +44 -0
- package/dist/components/form-field/FormField.d.ts +13 -0
- package/dist/components/form-field/FormField.js +21 -0
- package/dist/components/keyboard-shortcut-label/KeyboardShortcutLabel.d.ts +8 -0
- package/dist/components/keyboard-shortcut-label/KeyboardShortcutLabel.js +18 -0
- package/dist/components/loading-state/Loader.d.ts +20 -0
- package/dist/components/loading-state/Loader.js +38 -0
- package/dist/components/loading-state/LoadingState.d.ts +15 -0
- package/dist/components/loading-state/LoadingState.js +47 -0
- package/dist/components/loading-state/locale/en.json.d.ts +6 -0
- package/dist/components/loading-state/locale/en.json.js +7 -0
- package/dist/components/loading-state/locale/vi.json.d.ts +6 -0
- package/dist/components/loading-state/locale/vi.json.js +7 -0
- package/dist/components/media/Media.d.ts +7 -0
- package/dist/components/media/Media.js +25 -0
- package/dist/components/modal/helpers/HeaderIcon.d.ts +1 -1
- package/dist/components/modal/helpers/Title.d.ts +1 -1
- package/dist/components/notification/NotificationBanner.d.ts +9 -0
- package/dist/components/notification/NotificationBanner.js +97 -0
- package/dist/components/notification/icons.d.ts +5 -0
- package/dist/components/notification/icons.js +29 -0
- package/dist/components/notification/index.d.ts +4 -0
- package/dist/components/notification/index.js +26 -0
- package/dist/components/notification/locale/en.json.d.ts +8 -0
- package/dist/components/notification/locale/en.json.js +7 -0
- package/dist/components/notification/locale/vi.json.d.ts +8 -0
- package/dist/components/notification/locale/vi.json.js +7 -0
- package/dist/components/operating-system-icon/OperatingSystemIcon.d.ts +6 -0
- package/dist/components/operating-system-icon/OperatingSystemIcon.js +19 -0
- package/dist/components/operating-system-icon/assets/logo-android.svg.js +5 -0
- package/dist/components/operating-system-icon/assets/logo-apple.svg.js +5 -0
- package/dist/components/operating-system-icon/assets/logo-ubuntu.svg.js +5 -0
- package/dist/components/operating-system-icon/assets/logo-windows-10.svg.js +5 -0
- package/dist/components/page-title/PageTitle.d.ts +1 -1
- package/dist/components/popover/Popover.d.ts +1 -1
- package/dist/components/progress-bar/ProgressBar.d.ts +9 -0
- package/dist/components/progress-bar/ProgressBar.js +31 -0
- package/dist/components/radio/Radio.d.ts +4 -0
- package/dist/components/radio/Radio.js +55 -0
- package/dist/components/searchbox/Searchbox.d.ts +7 -0
- package/dist/components/searchbox/Searchbox.js +15 -0
- package/dist/components/select/Select.d.ts +11 -0
- package/dist/components/select/Select.js +44 -0
- package/dist/components/sidebar/SidebarSecondMenu.d.ts +38 -0
- package/dist/components/sidebar/SidebarSecondMenu.js +50 -0
- package/dist/components/skeleton/Skeleton.d.ts +14 -0
- package/dist/components/skeleton/Skeleton.js +12 -0
- package/dist/components/stat-banner-card/StatBannerCard.d.ts +24 -0
- package/dist/components/stat-banner-card/StatBannerCard.js +49 -0
- package/dist/components/switch/Switch.d.ts +1 -1
- package/dist/components/table/Table.d.ts +32 -0
- package/dist/components/table/Table.js +128 -0
- package/dist/components/table/TableActionButton.d.ts +15 -0
- package/dist/components/table/TableActionButton.js +50 -0
- package/dist/components/table/TableCell.d.ts +8 -0
- package/dist/components/table/TableCell.js +26 -0
- package/dist/components/table/TableHeader.d.ts +15 -0
- package/dist/components/table/TableHeader.js +36 -0
- package/dist/components/table/TableHeaderCell.d.ts +10 -0
- package/dist/components/table/TableHeaderCell.js +35 -0
- package/dist/components/table/TablePagination.d.ts +6 -0
- package/dist/components/table/TablePagination.js +69 -0
- package/dist/components/table/TableRow.d.ts +12 -0
- package/dist/components/table/TableRow.js +9 -0
- package/dist/components/table/expandable/ExpandableTable.d.ts +30 -0
- package/dist/components/table/expandable/ExpandableTable.js +156 -0
- package/dist/components/table/hooks/use-fit-page-height.d.ts +14 -0
- package/dist/components/table/hooks/use-fit-page-height.js +21 -0
- package/dist/components/table/hooks/use-row-selection.d.ts +27 -0
- package/dist/components/table/hooks/use-row-selection.js +35 -0
- package/dist/components/table/locale/en.json.d.ts +13 -0
- package/dist/components/table/locale/en.json.js +21 -0
- package/dist/components/table/locale/vi.json.d.ts +13 -0
- package/dist/components/table/locale/vi.json.js +21 -0
- package/dist/components/table/table-utils.d.ts +10 -0
- package/dist/components/table/table-utils.js +10 -0
- package/dist/components/table/types.d.ts +84 -0
- package/dist/components/tabs/Tabs.d.ts +27 -0
- package/dist/components/tabs/Tabs.js +75 -0
- package/dist/components/tabs/TabsTestStory.d.ts +4 -0
- package/dist/components/tags-input/TagsInput.d.ts +18 -0
- package/dist/components/tags-input/TagsInput.js +78 -0
- package/dist/components/tags-input/TagsInputTestStory.d.ts +3 -0
- package/dist/components/textarea/Textarea.d.ts +7 -0
- package/dist/components/textarea/Textarea.js +36 -0
- package/dist/components/toast/ToastSlice.d.ts +1 -1
- package/dist/components/toast/index.d.ts +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +1 -1
- package/dist/filters/FilterDropdown.d.ts +9 -0
- package/dist/filters/FilterDropdown.js +57 -0
- package/dist/filters/types.d.ts +11 -0
- package/dist/filters/url-params.d.ts +5 -0
- package/dist/filters/url-params.js +20 -0
- package/dist/filters/use-filters.d.ts +13 -0
- package/dist/filters/use-filters.js +63 -0
- package/dist/hooks/use-countdown.d.ts +4 -0
- package/dist/hooks/use-countdown.js +18 -0
- package/dist/i18n/resources.js +23 -0
- package/dist/index.d.ts +56 -0
- package/dist/index.js +126 -40
- package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +421 -350
- package/dist/utils/key-typeguard.d.ts +5 -0
- package/dist/utils/key-typeguard.js +6 -0
- package/dist/utils/use-debounce.d.ts +1 -0
- package/dist/utils/use-debounce.js +11 -0
- package/package.json +32 -10
- package/theme.css +4 -1
package/dist/index.js
CHANGED
|
@@ -1,63 +1,149 @@
|
|
|
1
1
|
import { Button as e } from "./components/button/Button.js";
|
|
2
|
-
import { Badge as
|
|
2
|
+
import { Badge as p } from "./components/badge/Badge.js";
|
|
3
3
|
import { BadgeTag as x, TAG_ICON_COLOR_CLASSES as f, getBadgeAutoColor as a } from "./components/badge/variants/BadgeTag.js";
|
|
4
4
|
import { BadgeMore as i } from "./components/badge/variants/BadgeMore.js";
|
|
5
|
-
import { useResizeObserver as
|
|
6
|
-
import { useScrollListener as
|
|
5
|
+
import { useResizeObserver as s } from "./hooks/element-shift/use-resize-observer.js";
|
|
6
|
+
import { useScrollListener as c } from "./hooks/element-shift/use-scroll-listener.js";
|
|
7
7
|
import { useWindowResizeListener as b } from "./hooks/element-shift/use-window-resize-listener.js";
|
|
8
|
-
import { useMutationObserver as
|
|
9
|
-
import { useTransitionEndListener as
|
|
10
|
-
import { useAnimationFrame as
|
|
11
|
-
import { useElementShift as
|
|
12
|
-
import { Combobox as
|
|
13
|
-
import { useValidatedCombobox as
|
|
14
|
-
import { ErrorState as
|
|
15
|
-
import { PageTitle as
|
|
16
|
-
import { Popover as
|
|
17
|
-
import { usePopoverCoord as
|
|
18
|
-
import { Checkbox as
|
|
19
|
-
import { Switch as
|
|
20
|
-
import { Tooltip as
|
|
21
|
-
import { Collapsible as
|
|
22
|
-
import { Card as
|
|
8
|
+
import { useMutationObserver as S } from "./hooks/element-shift/use-mutation-observer.js";
|
|
9
|
+
import { useTransitionEndListener as g } from "./hooks/element-shift/use-transition-end-listener.js";
|
|
10
|
+
import { useAnimationFrame as L } from "./hooks/element-shift/use-animation-frame.js";
|
|
11
|
+
import { useElementShift as v } from "./hooks/element-shift/use-element-shift.js";
|
|
12
|
+
import { Combobox as M } from "./components/combobox/Combobox.js";
|
|
13
|
+
import { useValidatedCombobox as w } from "./components/combobox/use-validated-combobox.js";
|
|
14
|
+
import { ErrorState as E } from "./components/error-state/ErrorState.js";
|
|
15
|
+
import { PageTitle as I } from "./components/page-title/PageTitle.js";
|
|
16
|
+
import { Popover as k } from "./components/popover/Popover.js";
|
|
17
|
+
import { usePopoverCoord as y } from "./components/popover/use-popover-coord.js";
|
|
18
|
+
import { Checkbox as _ } from "./components/checkbox/Checkbox.js";
|
|
19
|
+
import { Switch as G } from "./components/switch/Switch.js";
|
|
20
|
+
import { Tooltip as K } from "./components/tooltip/Tooltip.js";
|
|
21
|
+
import { Collapsible as W } from "./components/collapsible/Collapsible.js";
|
|
22
|
+
import { Card as q } from "./components/card/Card.js";
|
|
23
23
|
import { Input as Q } from "./components/input/Input.js";
|
|
24
24
|
import { Toaster as X, createToast as Y } from "./components/toast/index.js";
|
|
25
25
|
import { Modal as $ } from "./components/modal/Modal.js";
|
|
26
26
|
import { ModalHeaderIcon as ro } from "./components/modal/helpers/HeaderIcon.js";
|
|
27
27
|
import { ModalTitle as to } from "./components/modal/helpers/Title.js";
|
|
28
|
-
import { useClickOutsideModal as
|
|
29
|
-
import {
|
|
28
|
+
import { useClickOutsideModal as mo } from "./components/modal/use-click-outside-modal.js";
|
|
29
|
+
import { Accordion as fo } from "./components/accordion/Accordion.js";
|
|
30
|
+
import { BackgroundPatternGrid as no } from "./components/background-pattern/BackgroundPatternGrid.js";
|
|
31
|
+
import { Breadcrumb as so } from "./components/breadcrumb/Breadcrumb.js";
|
|
32
|
+
import { Dropdown as co } from "./components/dropdown/Dropdown.js";
|
|
33
|
+
import { Select as bo } from "./components/select/Select.js";
|
|
34
|
+
import { FormField as So } from "./components/form-field/FormField.js";
|
|
35
|
+
import { FilterDropdown as go } from "./filters/FilterDropdown.js";
|
|
36
|
+
import { useFilters as Lo } from "./filters/use-filters.js";
|
|
37
|
+
import { csvCodec as vo, numberCodec as Ao, searchCodec as Mo, stringCodec as Oo } from "./filters/url-params.js";
|
|
38
|
+
import { Searchbox as Do } from "./components/searchbox/Searchbox.js";
|
|
39
|
+
import { OperatingSystemIcon as Fo } from "./components/operating-system-icon/OperatingSystemIcon.js";
|
|
40
|
+
import { EmptyState as Po } from "./components/empty-state/EmptyState.js";
|
|
41
|
+
import { Loader as Ro } from "./components/loading-state/Loader.js";
|
|
42
|
+
import { LoadingState as No } from "./components/loading-state/LoadingState.js";
|
|
43
|
+
import { Table as zo } from "./components/table/Table.js";
|
|
44
|
+
import { TableActionButton as Ho } from "./components/table/TableActionButton.js";
|
|
45
|
+
import { ExpandableTable as Vo } from "./components/table/expandable/ExpandableTable.js";
|
|
46
|
+
import { Media as jo } from "./components/media/Media.js";
|
|
47
|
+
import { NotificationBox as Jo, createNotification as Qo } from "./components/notification/index.js";
|
|
48
|
+
import { DonutChart as Xo } from "./components/chart/donut-chart/DonutChart.js";
|
|
49
|
+
import { ChartLegend as Zo } from "./components/chart/chart-legend/ChartLegend.js";
|
|
50
|
+
import { Drawer as or } from "./components/drawer/Drawer.js";
|
|
51
|
+
import { Radio as er } from "./components/radio/Radio.js";
|
|
52
|
+
import { Textarea as pr } from "./components/textarea/Textarea.js";
|
|
53
|
+
import { Tabs as xr } from "./components/tabs/Tabs.js";
|
|
54
|
+
import { Avatar as ar } from "./components/avatar/Avatar.js";
|
|
55
|
+
import { SidebarSecondMenu as ir } from "./components/sidebar/SidebarSecondMenu.js";
|
|
56
|
+
import { StatBannerCard as sr } from "./components/stat-banner-card/StatBannerCard.js";
|
|
57
|
+
import { Alert as cr } from "./components/alert/Alert.js";
|
|
58
|
+
import { Banner as br } from "./components/banner/Banner.js";
|
|
59
|
+
import { FeaturedIcon as Sr } from "./components/featured-icon/FeaturedIcon.js";
|
|
60
|
+
import { Skeleton as gr } from "./components/skeleton/Skeleton.js";
|
|
61
|
+
import { ProgressBar as Lr } from "./components/progress-bar/ProgressBar.js";
|
|
62
|
+
import { Divider as vr } from "./components/divider/Divider.js";
|
|
63
|
+
import { TagsInput as Mr } from "./components/tags-input/TagsInput.js";
|
|
64
|
+
import { KeyboardShortcutLabel as wr } from "./components/keyboard-shortcut-label/KeyboardShortcutLabel.js";
|
|
65
|
+
import { useCountdown as Er } from "./hooks/use-countdown.js";
|
|
66
|
+
import { useDebounce as Ir } from "./utils/use-debounce.js";
|
|
67
|
+
import { useToastList as kr } from "./components/toast/use-toast-list.js";
|
|
68
|
+
import { resources as yr } from "./i18n/resources.js";
|
|
69
|
+
import { cn as _r } from "./utils/cn.js";
|
|
70
|
+
import { Observable as Gr } from "./utils/observable.js";
|
|
30
71
|
export {
|
|
31
|
-
|
|
72
|
+
fo as Accordion,
|
|
73
|
+
cr as Alert,
|
|
74
|
+
ar as Avatar,
|
|
75
|
+
no as BackgroundPatternGrid,
|
|
76
|
+
p as Badge,
|
|
32
77
|
i as BadgeMore,
|
|
33
78
|
x as BadgeTag,
|
|
79
|
+
br as Banner,
|
|
80
|
+
so as Breadcrumb,
|
|
34
81
|
e as Button,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
82
|
+
q as Card,
|
|
83
|
+
Zo as ChartLegend,
|
|
84
|
+
_ as Checkbox,
|
|
85
|
+
W as Collapsible,
|
|
86
|
+
M as Combobox,
|
|
87
|
+
vr as Divider,
|
|
88
|
+
Xo as DonutChart,
|
|
89
|
+
or as Drawer,
|
|
90
|
+
co as Dropdown,
|
|
91
|
+
Po as EmptyState,
|
|
92
|
+
E as ErrorState,
|
|
93
|
+
Vo as ExpandableTable,
|
|
94
|
+
Sr as FeaturedIcon,
|
|
95
|
+
go as FilterDropdown,
|
|
96
|
+
So as FormField,
|
|
40
97
|
Q as Input,
|
|
98
|
+
wr as KeyboardShortcutLabel,
|
|
99
|
+
Ro as Loader,
|
|
100
|
+
No as LoadingState,
|
|
101
|
+
jo as Media,
|
|
41
102
|
$ as Modal,
|
|
42
103
|
ro as ModalHeaderIcon,
|
|
43
104
|
to as ModalTitle,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
105
|
+
Jo as NotificationBox,
|
|
106
|
+
Gr as Observable,
|
|
107
|
+
Fo as OperatingSystemIcon,
|
|
108
|
+
I as PageTitle,
|
|
109
|
+
k as Popover,
|
|
110
|
+
Lr as ProgressBar,
|
|
111
|
+
er as Radio,
|
|
112
|
+
Do as Searchbox,
|
|
113
|
+
bo as Select,
|
|
114
|
+
ir as SidebarSecondMenu,
|
|
115
|
+
gr as Skeleton,
|
|
116
|
+
sr as StatBannerCard,
|
|
117
|
+
G as Switch,
|
|
47
118
|
f as TAG_ICON_COLOR_CLASSES,
|
|
119
|
+
zo as Table,
|
|
120
|
+
Ho as TableActionButton,
|
|
121
|
+
xr as Tabs,
|
|
122
|
+
Mr as TagsInput,
|
|
123
|
+
pr as Textarea,
|
|
48
124
|
X as Toaster,
|
|
49
|
-
|
|
50
|
-
|
|
125
|
+
K as Tooltip,
|
|
126
|
+
_r as cn,
|
|
127
|
+
Qo as createNotification,
|
|
51
128
|
Y as createToast,
|
|
129
|
+
vo as csvCodec,
|
|
52
130
|
a as getBadgeAutoColor,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
131
|
+
Ao as numberCodec,
|
|
132
|
+
yr as resources,
|
|
133
|
+
Mo as searchCodec,
|
|
134
|
+
Oo as stringCodec,
|
|
135
|
+
L as useAnimationFrame,
|
|
136
|
+
mo as useClickOutsideModal,
|
|
137
|
+
Er as useCountdown,
|
|
138
|
+
Ir as useDebounce,
|
|
139
|
+
v as useElementShift,
|
|
140
|
+
Lo as useFilters,
|
|
141
|
+
S as useMutationObserver,
|
|
142
|
+
y as usePopoverCoord,
|
|
143
|
+
s as useResizeObserver,
|
|
144
|
+
c as useScrollListener,
|
|
145
|
+
kr as useToastList,
|
|
146
|
+
g as useTransitionEndListener,
|
|
147
|
+
w as useValidatedCombobox,
|
|
62
148
|
b as useWindowResizeListener
|
|
63
149
|
};
|