@baseplate-dev/ui-components 0.6.2 → 1.0.7
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/CHANGELOG.md +9 -0
- package/LICENSE +114 -123
- package/dist/base-styles.css +5 -4
- package/dist/components/ui/async-combobox-field/async-combobox-field.d.ts +7 -5
- package/dist/components/ui/async-combobox-field/async-combobox-field.d.ts.map +1 -1
- package/dist/components/ui/async-combobox-field/async-combobox-field.js +142 -135
- package/dist/components/ui/async-combobox-field/async-combobox-field.js.map +1 -1
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.d.ts +2 -0
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.d.ts.map +1 -0
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.js +147 -0
- package/dist/components/ui/async-combobox-field/async-combobox-field.unit.test.js.map +1 -0
- package/dist/components/ui/autocomplete/autocomplete.d.ts +32 -0
- package/dist/components/ui/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/components/ui/autocomplete/autocomplete.js +59 -0
- package/dist/components/ui/autocomplete/autocomplete.js.map +1 -0
- package/dist/components/ui/badge/badge.d.ts +4 -11
- package/dist/components/ui/badge/badge.d.ts.map +1 -1
- package/dist/components/ui/badge/badge.js +22 -16
- package/dist/components/ui/badge/badge.js.map +1 -1
- package/dist/components/ui/breadcrumb/breadcrumb.d.ts +8 -4
- package/dist/components/ui/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb/breadcrumb.js +24 -9
- package/dist/components/ui/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/components/ui/button/button.d.ts +5 -5
- package/dist/components/ui/button/button.d.ts.map +1 -1
- package/dist/components/ui/button/button.js +4 -5
- package/dist/components/ui/button/button.js.map +1 -1
- package/dist/components/ui/checkbox/checkbox.d.ts +2 -3
- package/dist/components/ui/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox/checkbox.js +2 -2
- package/dist/components/ui/checkbox/checkbox.js.map +1 -1
- package/dist/components/ui/checkbox-field/checkbox-field.d.ts +2 -2
- package/dist/components/ui/checkbox-field/checkbox-field.d.ts.map +1 -1
- package/dist/components/ui/checkbox-field/checkbox-field.js +8 -5
- package/dist/components/ui/checkbox-field/checkbox-field.js.map +1 -1
- package/dist/components/ui/code-editor-field/code-editor-field.d.ts.map +1 -1
- package/dist/components/ui/code-editor-field/code-editor-field.js +7 -7
- package/dist/components/ui/code-editor-field/code-editor-field.js.map +1 -1
- package/dist/components/ui/collapsible/collapsible.d.ts +4 -5
- package/dist/components/ui/collapsible/collapsible.d.ts.map +1 -1
- package/dist/components/ui/collapsible/collapsible.js +3 -4
- package/dist/components/ui/collapsible/collapsible.js.map +1 -1
- package/dist/components/ui/color-picker-field/color-picker-field.d.ts.map +1 -1
- package/dist/components/ui/color-picker-field/color-picker-field.js +9 -9
- package/dist/components/ui/color-picker-field/color-picker-field.js.map +1 -1
- package/dist/components/ui/combobox/combobox.d.ts +31 -69
- package/dist/components/ui/combobox/combobox.d.ts.map +1 -1
- package/dist/components/ui/combobox/combobox.js +62 -167
- package/dist/components/ui/combobox/combobox.js.map +1 -1
- package/dist/components/ui/combobox-field/combobox-field.d.ts +7 -3
- package/dist/components/ui/combobox-field/combobox-field.d.ts.map +1 -1
- package/dist/components/ui/combobox-field/combobox-field.js +15 -23
- package/dist/components/ui/combobox-field/combobox-field.js.map +1 -1
- package/dist/components/ui/date-picker-field/date-picker-field.d.ts.map +1 -1
- package/dist/components/ui/date-picker-field/date-picker-field.js +3 -3
- package/dist/components/ui/date-picker-field/date-picker-field.js.map +1 -1
- package/dist/components/ui/date-time-picker-field/date-time-picker-field.d.ts.map +1 -1
- package/dist/components/ui/date-time-picker-field/date-time-picker-field.js +3 -3
- package/dist/components/ui/date-time-picker-field/date-time-picker-field.js.map +1 -1
- package/dist/components/ui/dialog/dialog.d.ts +15 -13
- package/dist/components/ui/dialog/dialog.d.ts.map +1 -1
- package/dist/components/ui/dialog/dialog.js +12 -13
- package/dist/components/ui/dialog/dialog.js.map +1 -1
- package/dist/components/ui/dropdown/dropdown.d.ts +24 -16
- package/dist/components/ui/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/ui/dropdown/dropdown.js +31 -27
- package/dist/components/ui/dropdown/dropdown.js.map +1 -1
- package/dist/components/ui/field/field.d.ts +34 -0
- package/dist/components/ui/field/field.d.ts.map +1 -0
- package/dist/components/ui/field/field.js +77 -0
- package/dist/components/ui/field/field.js.map +1 -0
- package/dist/components/ui/form-action-bar/form-action-bar.d.ts.map +1 -1
- package/dist/components/ui/form-action-bar/form-action-bar.js +1 -1
- package/dist/components/ui/form-action-bar/form-action-bar.js.map +1 -1
- package/dist/components/ui/form-item/form-item.d.ts +6 -4
- package/dist/components/ui/form-item/form-item.d.ts.map +1 -1
- package/dist/components/ui/form-item/form-item.js +17 -3
- package/dist/components/ui/form-item/form-item.js.map +1 -1
- package/dist/components/ui/index.d.ts +5 -3
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/index.js +5 -3
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/input-field/input-field.d.ts.map +1 -1
- package/dist/components/ui/input-field/input-field.js +7 -5
- package/dist/components/ui/input-field/input-field.js.map +1 -1
- package/dist/components/ui/input-group/input-group.d.ts +26 -0
- package/dist/components/ui/input-group/input-group.d.ts.map +1 -0
- package/dist/components/ui/input-group/input-group.js +65 -0
- package/dist/components/ui/input-group/input-group.js.map +1 -0
- package/dist/components/ui/label/label.d.ts +1 -2
- package/dist/components/ui/label/label.d.ts.map +1 -1
- package/dist/components/ui/label/label.js +3 -2
- package/dist/components/ui/label/label.js.map +1 -1
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.d.ts +2 -2
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.d.ts.map +1 -1
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.js +23 -24
- package/dist/components/ui/multi-combobox-field/multi-combobox-field.js.map +1 -1
- package/dist/components/ui/multi-switch-field/multi-switch-field.js +3 -3
- package/dist/components/ui/multi-switch-field/multi-switch-field.js.map +1 -1
- package/dist/components/ui/navigation-menu/navigation-menu.d.ts +16 -15
- package/dist/components/ui/navigation-menu/navigation-menu.d.ts.map +1 -1
- package/dist/components/ui/navigation-menu/navigation-menu.js +17 -16
- package/dist/components/ui/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/components/ui/navigation-tabs/navigation-tabs.d.ts +6 -3
- package/dist/components/ui/navigation-tabs/navigation-tabs.d.ts.map +1 -1
- package/dist/components/ui/navigation-tabs/navigation-tabs.js +16 -4
- package/dist/components/ui/navigation-tabs/navigation-tabs.js.map +1 -1
- package/dist/components/ui/popover/popover.d.ts +8 -10
- package/dist/components/ui/popover/popover.d.ts.map +1 -1
- package/dist/components/ui/popover/popover.js +12 -6
- package/dist/components/ui/popover/popover.js.map +1 -1
- package/dist/components/ui/scroll-area/scroll-area.d.ts +3 -4
- package/dist/components/ui/scroll-area/scroll-area.d.ts.map +1 -1
- package/dist/components/ui/scroll-area/scroll-area.js +2 -4
- package/dist/components/ui/scroll-area/scroll-area.js.map +1 -1
- package/dist/components/ui/select/select.d.ts +12 -17
- package/dist/components/ui/select/select.d.ts.map +1 -1
- package/dist/components/ui/select/select.js +20 -30
- package/dist/components/ui/select/select.js.map +1 -1
- package/dist/components/ui/select-field/select-field.d.ts +1 -0
- package/dist/components/ui/select-field/select-field.d.ts.map +1 -1
- package/dist/components/ui/select-field/select-field.js +6 -12
- package/dist/components/ui/select-field/select-field.js.map +1 -1
- package/dist/components/ui/separator/separator.d.ts +2 -3
- package/dist/components/ui/separator/separator.d.ts.map +1 -1
- package/dist/components/ui/separator/separator.js +3 -3
- package/dist/components/ui/separator/separator.js.map +1 -1
- package/dist/components/ui/sheet/sheet.d.ts +11 -11
- package/dist/components/ui/sheet/sheet.d.ts.map +1 -1
- package/dist/components/ui/sheet/sheet.js +7 -10
- package/dist/components/ui/sheet/sheet.js.map +1 -1
- package/dist/components/ui/sidebar/sidebar.d.ts +6 -12
- package/dist/components/ui/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar/sidebar.js +79 -28
- package/dist/components/ui/sidebar/sidebar.js.map +1 -1
- package/dist/components/ui/skeleton/skeleton.js +1 -1
- package/dist/components/ui/skeleton/skeleton.js.map +1 -1
- package/dist/components/ui/slider/slider.d.ts +13 -0
- package/dist/components/ui/slider/slider.d.ts.map +1 -0
- package/dist/components/ui/slider/slider.js +22 -0
- package/dist/components/ui/slider/slider.js.map +1 -0
- package/dist/components/ui/spinner/spinner.d.ts +10 -0
- package/dist/components/ui/spinner/spinner.d.ts.map +1 -0
- package/dist/components/ui/spinner/spinner.js +13 -0
- package/dist/components/ui/spinner/spinner.js.map +1 -0
- package/dist/components/ui/switch/switch.d.ts +7 -3
- package/dist/components/ui/switch/switch.d.ts.map +1 -1
- package/dist/components/ui/switch/switch.js +6 -3
- package/dist/components/ui/switch/switch.js.map +1 -1
- package/dist/components/ui/switch-field/switch-field.d.ts +5 -3
- package/dist/components/ui/switch-field/switch-field.d.ts.map +1 -1
- package/dist/components/ui/switch-field/switch-field.js +7 -4
- package/dist/components/ui/switch-field/switch-field.js.map +1 -1
- package/dist/components/ui/tabs/tabs.d.ts +13 -7
- package/dist/components/ui/tabs/tabs.d.ts.map +1 -1
- package/dist/components/ui/tabs/tabs.js +23 -8
- package/dist/components/ui/tabs/tabs.js.map +1 -1
- package/dist/components/ui/textarea/textarea.js +1 -1
- package/dist/components/ui/textarea/textarea.js.map +1 -1
- package/dist/components/ui/textarea-field/textarea-field.d.ts.map +1 -1
- package/dist/components/ui/textarea-field/textarea-field.js +7 -5
- package/dist/components/ui/textarea-field/textarea-field.js.map +1 -1
- package/dist/components/ui/tooltip/tooltip.d.ts +10 -6
- package/dist/components/ui/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip/tooltip.js +11 -6
- package/dist/components/ui/tooltip/tooltip.js.map +1 -1
- package/dist/constants/strings.d.ts +1 -0
- package/dist/constants/strings.d.ts.map +1 -1
- package/dist/constants/strings.js +1 -0
- package/dist/constants/strings.js.map +1 -1
- package/dist/contexts/component-strings.d.ts +1 -0
- package/dist/contexts/component-strings.d.ts.map +1 -1
- package/dist/hooks/use-event-callback.d.ts +2 -2
- package/dist/hooks/use-event-callback.d.ts.map +1 -1
- package/dist/hooks/use-event-callback.js +2 -1
- package/dist/hooks/use-event-callback.js.map +1 -1
- package/dist/styles/button.d.ts +1 -1
- package/dist/styles/button.d.ts.map +1 -1
- package/dist/styles/button.js +15 -11
- package/dist/styles/button.js.map +1 -1
- package/dist/styles/index.d.ts +0 -1
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/index.js +0 -1
- package/dist/styles/index.js.map +1 -1
- package/dist/theme.css +8 -0
- package/dist/utilities.css +100 -0
- package/package.json +10 -10
- package/dist/components/ui/color-picker/color-picker.d.ts +0 -16
- package/dist/components/ui/color-picker/color-picker.d.ts.map +0 -1
- package/dist/components/ui/color-picker/color-picker.js +0 -19
- package/dist/components/ui/color-picker/color-picker.js.map +0 -1
- package/dist/components/ui/combobox/combobox.test.d.ts +0 -2
- package/dist/components/ui/combobox/combobox.test.d.ts.map +0 -1
- package/dist/components/ui/combobox/combobox.test.js +0 -148
- package/dist/components/ui/combobox/combobox.test.js.map +0 -1
- package/dist/components/ui/command/command.d.ts +0 -22
- package/dist/components/ui/command/command.d.ts.map +0 -1
- package/dist/components/ui/command/command.js +0 -40
- package/dist/components/ui/command/command.js.map +0 -1
- package/dist/components/ui/multi-combobox/multi-combobox.d.ts +0 -47
- package/dist/components/ui/multi-combobox/multi-combobox.d.ts.map +0 -1
- package/dist/components/ui/multi-combobox/multi-combobox.js +0 -114
- package/dist/components/ui/multi-combobox/multi-combobox.js.map +0 -1
- package/dist/styles/select.d.ts +0 -9
- package/dist/styles/select.d.ts.map +0 -1
- package/dist/styles/select.js +0 -22
- package/dist/styles/select.js.map +0 -1
|
@@ -9,7 +9,8 @@ export function useEventCallback(fn) {
|
|
|
9
9
|
if (!current) {
|
|
10
10
|
return;
|
|
11
11
|
}
|
|
12
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-return -- safe to return the function
|
|
12
13
|
return (...args) => current(...args);
|
|
13
|
-
}, [
|
|
14
|
+
}, []);
|
|
14
15
|
}
|
|
15
16
|
//# sourceMappingURL=use-event-callback.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-event-callback.js","sourceRoot":"","sources":["../../src/hooks/use-event-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYnD,MAAM,UAAU,gBAAgB,CAC9B,EAA+B;IAE/B,MAAM,GAAG,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"use-event-callback.js","sourceRoot":"","sources":["../../src/hooks/use-event-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAYnD,MAAM,UAAU,gBAAgB,CAC9B,EAA+B;IAE/B,MAAM,GAAG,GAAG,MAAM,CAA8B,EAAE,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,8FAA8F;QAC9F,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}
|
package/dist/styles/button.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const buttonVariants: (props?: ({
|
|
2
2
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "ghostDestructive" | "linkDestructive" | null | undefined;
|
|
3
|
-
size?: "sm" | "lg" | "default" | "none" | "icon" | null | undefined;
|
|
3
|
+
size?: "sm" | "lg" | "default" | "none" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
4
4
|
justify?: "center" | "start" | "end" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;8EA6C1B,CAAC"}
|
package/dist/styles/button.js
CHANGED
|
@@ -1,22 +1,26 @@
|
|
|
1
1
|
import { cva } from 'class-variance-authority';
|
|
2
|
-
export const buttonVariants = cva("inline-flex shrink-0 cursor-pointer items-center justify-center rounded-
|
|
2
|
+
export const buttonVariants = cva("group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
3
3
|
variants: {
|
|
4
4
|
variant: {
|
|
5
|
-
default: 'border border-input bg-primary text-
|
|
6
|
-
destructive: 'bg-destructive text-
|
|
7
|
-
outline: 'border
|
|
8
|
-
secondary: 'border border-input bg-secondary text-
|
|
9
|
-
ghost: '
|
|
10
|
-
ghostDestructive: 'text-
|
|
5
|
+
default: 'border border-input bg-primary text-primary-foreground hover:bg-primary-hover',
|
|
6
|
+
destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive-hover',
|
|
7
|
+
outline: 'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
|
|
8
|
+
secondary: 'border border-input bg-secondary text-secondary-foreground hover:bg-secondary-hover',
|
|
9
|
+
ghost: 'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',
|
|
10
|
+
ghostDestructive: 'text-destructive hover:bg-accent',
|
|
11
11
|
link: 'text-link underline-offset-4 hover:underline',
|
|
12
12
|
linkDestructive: 'text-destructive underline-offset-4 hover:underline',
|
|
13
13
|
},
|
|
14
14
|
size: {
|
|
15
|
-
default: 'h-
|
|
15
|
+
default: 'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
|
|
16
16
|
none: '',
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
|
|
18
|
+
sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
|
|
19
|
+
lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',
|
|
20
|
+
icon: 'size-8',
|
|
21
|
+
'icon-xs': "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
|
|
22
|
+
'icon-sm': 'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',
|
|
23
|
+
'icon-lg': 'size-9',
|
|
20
24
|
},
|
|
21
25
|
justify: {
|
|
22
26
|
start: 'justify-start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,ulBAAulB,EACvlB;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,+EAA+E;YACjF,WAAW,EACT,uEAAuE;YACzE,OAAO,EACL,iLAAiL;YACnL,SAAS,EACP,qFAAqF;YACvF,KAAK,EACH,kHAAkH;YACpH,gBAAgB,EAAE,kCAAkC;YACpD,IAAI,EAAE,8CAA8C;YACpD,eAAe,EAAE,qDAAqD;SACvE;QACD,IAAI,EAAE;YACJ,OAAO,EACL,sFAAsF;YACxF,IAAI,EAAE,EAAE;YACR,EAAE,EAAE,+MAA+M;YACnN,EAAE,EAAE,yNAAyN;YAC7N,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,QAAQ;YACd,SAAS,EACP,yHAAyH;YAC3H,SAAS,EACP,oFAAoF;YACtF,SAAS,EAAE,QAAQ;SACpB;QACD,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,GAAG,EAAE,aAAa;SACnB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CACF,CAAC"}
|
package/dist/styles/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
|
package/dist/styles/index.js
CHANGED
package/dist/styles/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
|
package/dist/theme.css
CHANGED
|
@@ -67,6 +67,14 @@
|
|
|
67
67
|
|
|
68
68
|
--color-white: #fff;
|
|
69
69
|
--color-black: #000;
|
|
70
|
+
|
|
71
|
+
--radius-sm: calc(var(--radius) * 0.6);
|
|
72
|
+
--radius-md: calc(var(--radius) * 0.8);
|
|
73
|
+
--radius-lg: var(--radius);
|
|
74
|
+
--radius-xl: calc(var(--radius) * 1.4);
|
|
75
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
76
|
+
--radius-3xl: calc(var(--radius) * 2.2);
|
|
77
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
70
78
|
}
|
|
71
79
|
|
|
72
80
|
/**
|
package/dist/utilities.css
CHANGED
|
@@ -102,3 +102,103 @@
|
|
|
102
102
|
@utility font-mono {
|
|
103
103
|
font-variant-ligatures: no-common-ligatures;
|
|
104
104
|
}
|
|
105
|
+
|
|
106
|
+
/*
|
|
107
|
+
* ShadCN utilities
|
|
108
|
+
*/
|
|
109
|
+
|
|
110
|
+
@theme inline {
|
|
111
|
+
@keyframes accordion-down {
|
|
112
|
+
from {
|
|
113
|
+
height: 0;
|
|
114
|
+
}
|
|
115
|
+
to {
|
|
116
|
+
height: var(
|
|
117
|
+
--radix-accordion-content-height,
|
|
118
|
+
var(--accordion-panel-height, auto)
|
|
119
|
+
);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
@keyframes accordion-up {
|
|
124
|
+
from {
|
|
125
|
+
height: var(
|
|
126
|
+
--radix-accordion-content-height,
|
|
127
|
+
var(--accordion-panel-height, auto)
|
|
128
|
+
);
|
|
129
|
+
}
|
|
130
|
+
to {
|
|
131
|
+
height: 0;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
/* Custom variants */
|
|
137
|
+
@custom-variant data-open {
|
|
138
|
+
&:where([data-state='open']),
|
|
139
|
+
&:where([data-open]:not([data-open='false'])) {
|
|
140
|
+
@slot;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
@custom-variant data-closed {
|
|
145
|
+
&:where([data-state='closed']),
|
|
146
|
+
&:where([data-closed]:not([data-closed='false'])) {
|
|
147
|
+
@slot;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
@custom-variant data-checked {
|
|
152
|
+
&:where([data-state='checked']),
|
|
153
|
+
&:where([data-checked]:not([data-checked='false'])) {
|
|
154
|
+
@slot;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
@custom-variant data-unchecked {
|
|
159
|
+
&:where([data-state='unchecked']),
|
|
160
|
+
&:where([data-unchecked]:not([data-unchecked='false'])) {
|
|
161
|
+
@slot;
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
@custom-variant data-selected {
|
|
166
|
+
&:where([data-selected='true']) {
|
|
167
|
+
@slot;
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
@custom-variant data-disabled {
|
|
172
|
+
&:where([data-disabled='true']),
|
|
173
|
+
&:where([data-disabled]:not([data-disabled='false'])) {
|
|
174
|
+
@slot;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
@custom-variant data-active {
|
|
179
|
+
&:where([data-state='active']),
|
|
180
|
+
&:where([data-active]:not([data-active='false'])) {
|
|
181
|
+
@slot;
|
|
182
|
+
}
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
@custom-variant data-horizontal {
|
|
186
|
+
&:where([data-orientation='horizontal']) {
|
|
187
|
+
@slot;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
@custom-variant data-vertical {
|
|
192
|
+
&:where([data-orientation='vertical']) {
|
|
193
|
+
@slot;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
@utility no-scrollbar {
|
|
198
|
+
-ms-overflow-style: none;
|
|
199
|
+
scrollbar-width: none;
|
|
200
|
+
|
|
201
|
+
&::-webkit-scrollbar {
|
|
202
|
+
display: none;
|
|
203
|
+
}
|
|
204
|
+
}
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baseplate-dev/ui-components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"description": "Shared UI component library",
|
|
5
5
|
"keywords": [
|
|
6
|
-
"react",
|
|
7
|
-
"ui-components",
|
|
8
|
-
"design-system",
|
|
9
6
|
"baseplate",
|
|
7
|
+
"code-generation",
|
|
8
|
+
"design-system",
|
|
10
9
|
"full-stack",
|
|
10
|
+
"react",
|
|
11
11
|
"typescript",
|
|
12
|
-
"
|
|
12
|
+
"ui-components"
|
|
13
13
|
],
|
|
14
14
|
"homepage": "https://www.baseplate.dev",
|
|
15
15
|
"repository": "https://github.com/halfdomelabs/baseplate",
|
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
]
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
+
"@base-ui/react": "^1.2.0",
|
|
51
52
|
"@codemirror/lang-javascript": "^6.2.4",
|
|
52
53
|
"@codemirror/view": "^6.39.11",
|
|
53
54
|
"@fontsource-variable/geist": "5.2.5",
|
|
@@ -58,9 +59,7 @@
|
|
|
58
59
|
"@uiw/react-codemirror": "^4.25.4",
|
|
59
60
|
"class-variance-authority": "0.7.1",
|
|
60
61
|
"clsx": "2.1.1",
|
|
61
|
-
"cmdk": "1.1.1",
|
|
62
62
|
"date-fns": "4.1.0",
|
|
63
|
-
"radix-ui": "1.4.2",
|
|
64
63
|
"react": "19.1.0",
|
|
65
64
|
"react-colorful": "5.6.1",
|
|
66
65
|
"react-day-picker": "9.7.0",
|
|
@@ -72,7 +71,7 @@
|
|
|
72
71
|
"tailwind-merge": "3.3.1",
|
|
73
72
|
"zod": "^4.3.6",
|
|
74
73
|
"zustand": "5.0.3",
|
|
75
|
-
"@baseplate-dev/utils": "0.
|
|
74
|
+
"@baseplate-dev/utils": "1.0.7"
|
|
76
75
|
},
|
|
77
76
|
"devDependencies": {
|
|
78
77
|
"@codemirror/state": "^6.5.4",
|
|
@@ -90,6 +89,7 @@
|
|
|
90
89
|
"cpx2": "8.0.0",
|
|
91
90
|
"eslint": "9.39.2",
|
|
92
91
|
"jsdom": "26.0.0",
|
|
92
|
+
"oxlint": "1.55.0",
|
|
93
93
|
"prettier": "3.8.1",
|
|
94
94
|
"storybook": "10.2.13",
|
|
95
95
|
"tailwindcss": "4.1.18",
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
"vite": "7.1.12",
|
|
99
99
|
"vite-plugin-svgr": "4.5.0",
|
|
100
100
|
"vitest": "4.0.16",
|
|
101
|
-
"@baseplate-dev/tools": "0.
|
|
101
|
+
"@baseplate-dev/tools": "1.0.7"
|
|
102
102
|
},
|
|
103
103
|
"engines": {
|
|
104
104
|
"node": "^22.0.0"
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"build:css": "cpx \"src/**/*.css\" dist --clean",
|
|
116
116
|
"build:tsc": "tsc -p tsconfig.build.json",
|
|
117
117
|
"clean": "rm -rf ./dist",
|
|
118
|
-
"lint": "eslint .",
|
|
118
|
+
"lint": "oxlint && eslint .",
|
|
119
119
|
"prettier:check": "prettier --check .",
|
|
120
120
|
"prettier:write": "prettier -w -l .",
|
|
121
121
|
"storybook:build": "storybook build",
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { ComponentPropsWithRef } from 'react';
|
|
3
|
-
export interface ColorFieldProps extends Omit<ComponentPropsWithRef<'button'>, 'value' | 'onChange'> {
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
onChange?: (value: string) => void;
|
|
6
|
-
value?: string;
|
|
7
|
-
hideInputColor?: boolean;
|
|
8
|
-
hideInputText?: boolean;
|
|
9
|
-
formatInputText?: (value: string) => string;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* A control that allows users to select a color.
|
|
13
|
-
*/
|
|
14
|
-
declare function ColorPicker({ className, placeholder, onChange, value: controlledValue, hideInputColor, hideInputText, formatInputText, ref, ...rest }: ColorFieldProps): React.ReactElement;
|
|
15
|
-
export { ColorPicker };
|
|
16
|
-
//# sourceMappingURL=color-picker.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/color-picker/color-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAUnD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,OAAO,GAAG,UAAU,CACrB;IACC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C;AAED;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,cAAc,EACd,aAAa,EACb,eAAe,EACf,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsCtC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { HexColorInput, HexColorPicker } from 'react-colorful';
|
|
4
|
-
import { useControlledState } from '#src/hooks/use-controlled-state.js';
|
|
5
|
-
import { inputVariants } from '#src/styles/index.js';
|
|
6
|
-
import { cn } from '#src/utils/index.js';
|
|
7
|
-
import { Popover, PopoverContent, PopoverTrigger } from '../popover/popover.js';
|
|
8
|
-
/**
|
|
9
|
-
* A control that allows users to select a color.
|
|
10
|
-
*/
|
|
11
|
-
function ColorPicker({ className, placeholder, onChange, value: controlledValue, hideInputColor, hideInputText, formatInputText, ref, ...rest }) {
|
|
12
|
-
const [value, setValue] = useControlledState(controlledValue, onChange);
|
|
13
|
-
const inputComponent = (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { className: cn(inputVariants(), 'flex items-center gap-2', className), ...rest, ref: ref, children: [!hideInputColor && value && (_jsx("div", { className: "h-4 w-6 rounded-sm border border-border", style: {
|
|
14
|
-
backgroundColor: value,
|
|
15
|
-
} })), !hideInputText && value ? (_jsx("div", { children: formatInputText ? formatInputText(value) : value })) : (_jsx("div", { className: "text-muted-foreground", children: placeholder }))] }) }), _jsxs(PopoverContent, { className: "space-y-2", align: "start", width: "none", children: [_jsx(HexColorInput, { className: cn(inputVariants(), 'p-2'), prefixed: true, color: value, onChange: setValue }), _jsx(HexColorPicker, { color: value, onChange: setValue })] })] }));
|
|
16
|
-
return inputComponent;
|
|
17
|
-
}
|
|
18
|
-
export { ColorPicker };
|
|
19
|
-
//# sourceMappingURL=color-picker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../../../src/components/ui/color-picker/color-picker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAchF;;GAEG;AACH,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,cAAc,EACd,aAAa,EACb,eAAe,EACf,GAAG,EACH,GAAG,IAAI,EACS;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IACxE,MAAM,cAAc,GAAG,CACrB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,kBACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,yBAAyB,EAAE,SAAS,CAAC,KAChE,IAAI,EACR,GAAG,EAAE,GAAG,aAEP,CAAC,cAAc,IAAI,KAAK,IAAI,CAC3B,cACE,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAE;gCACL,eAAe,EAAE,KAAK;6BACvB,GACD,CACH,EACA,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC,CAAC,CACzB,wBAAM,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAO,CAC9D,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAO,CAC3D,IACM,GACM,EACjB,MAAC,cAAc,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,aAC9D,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,EACrC,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACrC,IACT,CACX,CAAC;IAEF,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.test.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/combobox/combobox.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { screen, waitFor } from '@testing-library/react';
|
|
3
|
-
import { userEvent } from '@testing-library/user-event';
|
|
4
|
-
import { beforeEach, describe, expect, it, vi } from 'vitest';
|
|
5
|
-
import { renderWithProviders } from '#src/tests/render.test-helper.js';
|
|
6
|
-
import { Combobox, ComboboxContent, ComboboxInput, ComboboxItem, } from './combobox.js';
|
|
7
|
-
const mockOptions = [
|
|
8
|
-
{ value: 'apple', label: 'Apple' },
|
|
9
|
-
{ value: 'banana', label: 'Banana' },
|
|
10
|
-
{ value: 'orange', label: 'Orange' },
|
|
11
|
-
];
|
|
12
|
-
const TestCombobox = ({ value, onChange = vi.fn(), disabled = false, placeholder = 'Select fruit...', options = mockOptions, }) => (_jsxs(Combobox, { value: value, onChange: onChange, disabled: disabled, children: [_jsx(ComboboxInput, { placeholder: placeholder }), _jsx(ComboboxContent, { children: options.map((option) => (_jsx(ComboboxItem, { value: option.value, label: option.label, children: option.label }, option.value))) })] }));
|
|
13
|
-
describe('Combobox', () => {
|
|
14
|
-
beforeEach(() => {
|
|
15
|
-
vi.clearAllMocks();
|
|
16
|
-
});
|
|
17
|
-
describe('Rendering', () => {
|
|
18
|
-
it('renders with placeholder when no value is selected', () => {
|
|
19
|
-
renderWithProviders(_jsx(TestCombobox, { value: null }));
|
|
20
|
-
expect(screen.getByPlaceholderText('Select fruit...')).toBeInTheDocument();
|
|
21
|
-
});
|
|
22
|
-
it('renders with selected value', () => {
|
|
23
|
-
renderWithProviders(_jsx(TestCombobox, { value: mockOptions[0] }));
|
|
24
|
-
expect(screen.getByText('Apple')).toBeInTheDocument();
|
|
25
|
-
});
|
|
26
|
-
it('renders in disabled state', () => {
|
|
27
|
-
renderWithProviders(_jsx(TestCombobox, { disabled: true, value: null }));
|
|
28
|
-
const input = screen.getByRole('combobox');
|
|
29
|
-
expect(input).toBeDisabled();
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
describe('User Interactions', () => {
|
|
33
|
-
it('opens dropdown on click', async () => {
|
|
34
|
-
renderWithProviders(_jsx(TestCombobox, { value: null }));
|
|
35
|
-
const input = screen.getByRole('combobox');
|
|
36
|
-
await userEvent.click(input);
|
|
37
|
-
await waitFor(() => {
|
|
38
|
-
for (const option of mockOptions) {
|
|
39
|
-
expect(screen.getByText(option.label)).toBeInTheDocument();
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
it('filters options based on input', async () => {
|
|
44
|
-
renderWithProviders(_jsx(TestCombobox, { value: null }));
|
|
45
|
-
const input = screen.getByRole('combobox');
|
|
46
|
-
await userEvent.click(input);
|
|
47
|
-
await userEvent.type(input, 'ap');
|
|
48
|
-
await waitFor(() => {
|
|
49
|
-
expect(screen.getByText('Apple')).toBeInTheDocument();
|
|
50
|
-
expect(screen.queryByText('Banana')).not.toBeInTheDocument();
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
it('selects option on click', async () => {
|
|
54
|
-
const onChange = vi.fn();
|
|
55
|
-
renderWithProviders(_jsx(TestCombobox, { value: null, onChange: onChange }));
|
|
56
|
-
const input = screen.getByRole('combobox');
|
|
57
|
-
await userEvent.click(input);
|
|
58
|
-
const option = await screen.findByText('Apple');
|
|
59
|
-
await userEvent.click(option);
|
|
60
|
-
expect(onChange).toHaveBeenCalledWith({
|
|
61
|
-
value: 'apple',
|
|
62
|
-
label: 'Apple',
|
|
63
|
-
});
|
|
64
|
-
});
|
|
65
|
-
it('clears search query after selection', async () => {
|
|
66
|
-
renderWithProviders(_jsx(TestCombobox, { value: null }));
|
|
67
|
-
const input = screen.getByRole('combobox');
|
|
68
|
-
await userEvent.click(input);
|
|
69
|
-
await userEvent.type(input, 'ap');
|
|
70
|
-
const option = await screen.findByText('Apple');
|
|
71
|
-
await userEvent.click(option);
|
|
72
|
-
expect(input).toHaveValue('');
|
|
73
|
-
});
|
|
74
|
-
});
|
|
75
|
-
describe('Keyboard Navigation', () => {
|
|
76
|
-
it('opens dropdown on arrow down', async () => {
|
|
77
|
-
renderWithProviders(_jsx(TestCombobox, { value: null }));
|
|
78
|
-
const input = screen.getByRole('combobox');
|
|
79
|
-
input.focus();
|
|
80
|
-
await userEvent.keyboard('{ArrowDown}');
|
|
81
|
-
await waitFor(() => {
|
|
82
|
-
for (const option of mockOptions) {
|
|
83
|
-
expect(screen.getByText(option.label)).toBeInTheDocument();
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
});
|
|
87
|
-
it('closes dropdown on escape', async () => {
|
|
88
|
-
renderWithProviders(_jsx(TestCombobox, { value: null }));
|
|
89
|
-
const input = screen.getByRole('combobox');
|
|
90
|
-
// Open dropdown
|
|
91
|
-
await userEvent.click(input);
|
|
92
|
-
// Verify it's open
|
|
93
|
-
expect(await screen.findByText('Apple')).toBeInTheDocument();
|
|
94
|
-
// Press escape
|
|
95
|
-
await userEvent.keyboard('{Escape}');
|
|
96
|
-
// Verify it's closed
|
|
97
|
-
await waitFor(() => {
|
|
98
|
-
expect(screen.queryByText('Apple')).not.toBeInTheDocument();
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
it('selects option with enter key', async () => {
|
|
102
|
-
const onChange = vi.fn();
|
|
103
|
-
renderWithProviders(_jsx(TestCombobox, { value: null, onChange: onChange }));
|
|
104
|
-
const input = screen.getByRole('combobox');
|
|
105
|
-
input.focus();
|
|
106
|
-
await userEvent.keyboard('{ArrowDown}');
|
|
107
|
-
expect(await screen.findByText('Apple')).toBeInTheDocument();
|
|
108
|
-
await userEvent.keyboard('{Enter}');
|
|
109
|
-
expect(onChange).toHaveBeenCalled();
|
|
110
|
-
});
|
|
111
|
-
it('selects a specific option with enter key', async () => {
|
|
112
|
-
const onChange = vi.fn();
|
|
113
|
-
renderWithProviders(_jsx(TestCombobox, { options: [
|
|
114
|
-
{ value: 'apple', label: 'Apple' },
|
|
115
|
-
{ value: 'banana', label: 'Banana' },
|
|
116
|
-
{ value: 'orange', label: 'Orange' },
|
|
117
|
-
], value: null, onChange: onChange }));
|
|
118
|
-
const input = screen.getByRole('combobox');
|
|
119
|
-
input.focus();
|
|
120
|
-
await userEvent.keyboard('ban');
|
|
121
|
-
await userEvent.keyboard('{Enter}');
|
|
122
|
-
expect(onChange).toHaveBeenCalledWith({
|
|
123
|
-
value: 'banana',
|
|
124
|
-
label: 'Banana',
|
|
125
|
-
});
|
|
126
|
-
});
|
|
127
|
-
});
|
|
128
|
-
describe('Edge Cases', () => {
|
|
129
|
-
it('handles empty search results', async () => {
|
|
130
|
-
renderWithProviders(_jsx(TestCombobox, { value: null }));
|
|
131
|
-
const input = screen.getByRole('combobox');
|
|
132
|
-
await userEvent.click(input);
|
|
133
|
-
await userEvent.keyboard('xyz');
|
|
134
|
-
expect(screen.queryByRole('option')).not.toBeInTheDocument();
|
|
135
|
-
});
|
|
136
|
-
it('maintains selected value when closing without selection', async () => {
|
|
137
|
-
const initialValue = mockOptions[0];
|
|
138
|
-
const onChange = vi.fn();
|
|
139
|
-
renderWithProviders(_jsx(TestCombobox, { value: initialValue, onChange: onChange }));
|
|
140
|
-
const input = screen.getByRole('combobox');
|
|
141
|
-
await userEvent.click(input);
|
|
142
|
-
await userEvent.keyboard('{Escape}');
|
|
143
|
-
expect(onChange).not.toHaveBeenCalled();
|
|
144
|
-
expect(screen.getByText(initialValue.label)).toBeInTheDocument();
|
|
145
|
-
});
|
|
146
|
-
});
|
|
147
|
-
});
|
|
148
|
-
//# sourceMappingURL=combobox.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.test.js","sourceRoot":"","sources":["../../../../src/components/ui/combobox/combobox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type * as React from 'react';
|
|
2
|
-
import { Command as CommandPrimitive } from 'cmdk';
|
|
3
|
-
import { Dialog } from '../dialog/dialog.js';
|
|
4
|
-
/**
|
|
5
|
-
* Fast, composable, unstyled command menu for React.
|
|
6
|
-
*
|
|
7
|
-
* https://ui.shadcn.com/docs/components/command
|
|
8
|
-
*/
|
|
9
|
-
declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.ReactElement;
|
|
10
|
-
declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
|
|
11
|
-
title?: string;
|
|
12
|
-
description?: string;
|
|
13
|
-
}): React.ReactElement;
|
|
14
|
-
declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.ReactElement;
|
|
15
|
-
declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.ReactElement;
|
|
16
|
-
declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.ReactElement;
|
|
17
|
-
declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.ReactElement;
|
|
18
|
-
declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.ReactElement;
|
|
19
|
-
declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.ReactElement;
|
|
20
|
-
declare function CommandShortcut({ className, ...props }: React.ComponentProps<'span'>): React.ReactElement;
|
|
21
|
-
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
|
|
22
|
-
//# sourceMappingURL=command.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAKnD,OAAO,EACL,MAAM,EAKP,MAAM,qBAAqB,CAAC;AAE7B;;;;GAIG;AACH,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG,KAAK,CAAC,YAAY,CAWpE;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAiB1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWzE;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQ1E;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAW1E;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,gBAAgB,CAAC,SAAS,CAClC,GAAG,KAAK,CAAC,YAAY,CAQrB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWzE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAWnD;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,eAAe,GAChB,CAAC"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Command as CommandPrimitive } from 'cmdk';
|
|
4
|
-
import { MdSearch } from 'react-icons/md';
|
|
5
|
-
import { cn } from '#src/utils/index.js';
|
|
6
|
-
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../dialog/dialog.js';
|
|
7
|
-
/**
|
|
8
|
-
* Fast, composable, unstyled command menu for React.
|
|
9
|
-
*
|
|
10
|
-
* https://ui.shadcn.com/docs/components/command
|
|
11
|
-
*/
|
|
12
|
-
function Command({ className, ...props }) {
|
|
13
|
-
return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn('flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground', className), ...props }));
|
|
14
|
-
}
|
|
15
|
-
function CommandDialog({ title = 'Command Palette', description = 'Search for a command to run...', children, ...props }) {
|
|
16
|
-
return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: "overflow-hidden p-0", children: _jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
|
|
17
|
-
}
|
|
18
|
-
function CommandInput({ className, ...props }) {
|
|
19
|
-
return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(MdSearch, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn('flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50', className), ...props })] }));
|
|
20
|
-
}
|
|
21
|
-
function CommandList({ className, ...props }) {
|
|
22
|
-
return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn('max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto', className), ...props }));
|
|
23
|
-
}
|
|
24
|
-
function CommandEmpty({ ...props }) {
|
|
25
|
-
return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
|
|
26
|
-
}
|
|
27
|
-
function CommandGroup({ className, ...props }) {
|
|
28
|
-
return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn('overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground', className), ...props }));
|
|
29
|
-
}
|
|
30
|
-
function CommandSeparator({ className, ...props }) {
|
|
31
|
-
return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn('-mx-1 h-px bg-border', className), ...props }));
|
|
32
|
-
}
|
|
33
|
-
function CommandItem({ className, ...props }) {
|
|
34
|
-
return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
|
|
35
|
-
}
|
|
36
|
-
function CommandShortcut({ className, ...props }) {
|
|
37
|
-
return (_jsx("span", { "data-slot": "command-shortcut", className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className), ...props }));
|
|
38
|
-
}
|
|
39
|
-
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
|
|
40
|
-
//# sourceMappingURL=command.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../src/components/ui/command/command.tsx"],"names":[],"mappings":"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"}
|