@proteos/ui 0.57.0 → 0.58.0
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.cjs +562 -193
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +341 -23
- package/dist/index.d.ts +341 -23
- package/dist/index.js +550 -195
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/badge-multi-select/badge-multi-select.tsx +1 -1
- package/src/components/checkbox/checkbox-group.tsx +4 -1
- package/src/components/color-input/color-input.tsx +1 -1
- package/src/components/combobox/combobox.tsx +1 -1
- package/src/components/command/command-hint.tsx +1 -4
- package/src/components/command/command.stories.tsx +2 -2
- package/src/components/command/command.test.tsx +65 -3
- package/src/components/command/command.tsx +52 -7
- package/src/components/command/index.ts +16 -8
- package/src/components/currency-input/currency-input.tsx +1 -1
- package/src/components/date-picker/date-picker.tsx +1 -1
- package/src/components/date-time-picker/date-time-picker.tsx +1 -1
- package/src/components/field/field.tsx +6 -0
- package/src/components/icon-picker/icon-picker.tsx +1 -1
- package/src/components/input/input.tsx +1 -1
- package/src/components/modal/modal.test.tsx +9 -0
- package/src/components/modal/modal.tsx +13 -1
- package/src/components/multi-select/multi-select.tsx +1 -1
- package/src/components/progress-bar/progress-bar.stories.tsx +3 -1
- package/src/components/progress-bar/progress-bar.tsx +2 -0
- package/src/components/progress-ring/index.ts +2 -0
- package/src/components/progress-ring/progress-ring.stories.tsx +82 -0
- package/src/components/progress-ring/progress-ring.test.tsx +47 -0
- package/src/components/progress-ring/progress-ring.tsx +112 -0
- package/src/components/radio-group/radio-group.tsx +4 -1
- package/src/components/record-update/index.ts +17 -0
- package/src/components/record-update/record-update.stories.tsx +141 -0
- package/src/components/record-update/record-update.test.tsx +114 -0
- package/src/components/record-update/record-update.tsx +259 -0
- package/src/components/select/select.tsx +1 -1
- package/src/components/switch/switch.stories.tsx +22 -0
- package/src/components/switch/switch.test.tsx +6 -0
- package/src/components/switch/switch.tsx +40 -3
- package/src/components/tag-input/tag-input.tsx +1 -1
- package/src/components/text-shimmer/index.ts +2 -0
- package/src/components/text-shimmer/text-shimmer.stories.tsx +35 -0
- package/src/components/text-shimmer/text-shimmer.test.tsx +16 -0
- package/src/components/text-shimmer/text-shimmer.tsx +43 -0
- package/src/components/textarea/textarea.tsx +1 -1
- package/src/components/time-field/time-field.tsx +1 -1
- package/src/index.ts +3 -0
- package/src/lib/commands/index.ts +6 -2
- package/src/lib/commands/registry.test.ts +54 -1
- package/src/lib/commands/registry.ts +89 -4
- package/src/lib/commands/use-active-commands.test.tsx +56 -0
- package/src/lib/commands/use-active-commands.ts +16 -0
- package/src/lib/commands/use-command.ts +16 -5
- package/src/styles.css +14 -0
package/dist/index.d.cts
CHANGED
|
@@ -697,24 +697,7 @@ type ComboboxProps<T extends Key = Key> = Omit<ComboBoxProps<never>, 'children'
|
|
|
697
697
|
};
|
|
698
698
|
declare function Combobox<T extends Key>({ label, description, errorMessage, placeholder, options, size, appearance, inputWrapperClassName, inputClassName, emptyMessage, className, allowsEmptyCollection, ...props }: ComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
699
699
|
|
|
700
|
-
|
|
701
|
-
combo: string;
|
|
702
|
-
/** CSS selector for the click target. Defaults to the wrapper's first
|
|
703
|
-
* element child — fine when that child IS the interactive control. */
|
|
704
|
-
target?: string;
|
|
705
|
-
/** Layout overrides for the wrapper. `relative` is always applied. */
|
|
706
|
-
className?: string;
|
|
707
|
-
children: ReactNode;
|
|
708
|
-
};
|
|
709
|
-
declare function Command({ combo, target, className, children }: CommandProps): react_jsx_runtime.JSX.Element;
|
|
710
|
-
|
|
711
|
-
type CommandHintTone = 'subtle' | 'prominent';
|
|
712
|
-
type CommandHintProps = {
|
|
713
|
-
combo: string;
|
|
714
|
-
tone?: CommandHintTone;
|
|
715
|
-
className?: string;
|
|
716
|
-
};
|
|
717
|
-
declare function CommandHint({ combo, tone, className }: CommandHintProps): react_jsx_runtime.JSX.Element;
|
|
700
|
+
declare function useDiscoveryActive(): boolean;
|
|
718
701
|
|
|
719
702
|
type KeyCombo = {
|
|
720
703
|
/** Normalized form for registry keying. Always `mod+<key>`. */
|
|
@@ -727,13 +710,33 @@ type KeyCombo = {
|
|
|
727
710
|
};
|
|
728
711
|
declare function parseCombo(input: string): KeyCombo;
|
|
729
712
|
|
|
713
|
+
declare function isEditableTarget(target: EventTarget | null): boolean;
|
|
714
|
+
|
|
715
|
+
type Platform = 'mac' | 'other';
|
|
716
|
+
declare function getPlatform(): Platform;
|
|
717
|
+
|
|
730
718
|
declare const PROTECTED_COMBOS: ReadonlySet<string>;
|
|
731
719
|
|
|
732
|
-
|
|
720
|
+
/** A fixed name, or a getter resolved when the list is built (so a wrapper
|
|
721
|
+
* can read its control's accessible name from the DOM). */
|
|
722
|
+
type CommandLabel = string | (() => string | undefined);
|
|
723
|
+
/** A labeled binding that will fire right now if its combo is pressed. */
|
|
724
|
+
type ActiveCommand = {
|
|
725
|
+
combo: KeyCombo;
|
|
726
|
+
label: string;
|
|
727
|
+
/** Run the binding as if its combo had been pressed. */
|
|
728
|
+
invoke: () => void;
|
|
729
|
+
};
|
|
730
|
+
|
|
731
|
+
declare function useActiveCommands(): ActiveCommand[];
|
|
733
732
|
|
|
734
733
|
type UseCommandOptions = {
|
|
735
734
|
/** Defaults to `true`. Set to `false` to temporarily disable without unmounting. */
|
|
736
735
|
enabled?: boolean;
|
|
736
|
+
/** What the binding does ("Save", "Filter"). Labeled bindings are listed by
|
|
737
|
+
* `useActiveCommands()` — the command palette's "Actions" — and can be
|
|
738
|
+
* invoked from there. Unlabeled bindings stay keyboard-only. */
|
|
739
|
+
label?: CommandLabel;
|
|
737
740
|
};
|
|
738
741
|
declare function useCommand(combo: string, handler: (event: KeyboardEvent) => void, options?: UseCommandOptions): void;
|
|
739
742
|
|
|
@@ -743,7 +746,27 @@ type UseEscapeKeyOptions = {
|
|
|
743
746
|
};
|
|
744
747
|
declare function useEscapeKey(handler: (event: KeyboardEvent) => void, options?: UseEscapeKeyOptions): void;
|
|
745
748
|
|
|
746
|
-
|
|
749
|
+
type CommandProps = {
|
|
750
|
+
combo: string;
|
|
751
|
+
/** CSS selector for the click target. Defaults to the wrapper's first
|
|
752
|
+
* element child — fine when that child IS the interactive control. */
|
|
753
|
+
target?: string;
|
|
754
|
+
/** Layout overrides for the wrapper. `relative` is always applied. */
|
|
755
|
+
className?: string;
|
|
756
|
+
/** Name shown for this binding in the command palette. Defaults to the
|
|
757
|
+
* target control's accessible name. */
|
|
758
|
+
label?: string;
|
|
759
|
+
children: ReactNode;
|
|
760
|
+
};
|
|
761
|
+
declare function Command({ combo, target, className, label, children }: CommandProps): react_jsx_runtime.JSX.Element;
|
|
762
|
+
|
|
763
|
+
type CommandHintTone = 'subtle' | 'prominent';
|
|
764
|
+
type CommandHintProps = {
|
|
765
|
+
combo: string;
|
|
766
|
+
tone?: CommandHintTone;
|
|
767
|
+
className?: string;
|
|
768
|
+
};
|
|
769
|
+
declare function CommandHint({ combo, tone, className }: CommandHintProps): react_jsx_runtime.JSX.Element;
|
|
747
770
|
|
|
748
771
|
/**
|
|
749
772
|
* The minimal fetch surface the conversation-brief surfaces need, injected per host:
|
|
@@ -2118,12 +2141,19 @@ type ModalContentProps = ModalOverlayProps & {
|
|
|
2118
2141
|
children: DialogProps['children'];
|
|
2119
2142
|
/** Visual override for the panel wrapper (affects width, padding, etc.). */
|
|
2120
2143
|
modalClassName?: string;
|
|
2144
|
+
/** Visual override for the dialog element inside the panel — the column the
|
|
2145
|
+
* slots sit in. It hugs its content by default; a panel given a height of
|
|
2146
|
+
* its own needs `grow` here for the slots to fill it. */
|
|
2147
|
+
dialogClassName?: string;
|
|
2148
|
+
/** Accessible name for a dialog WITHOUT a `<ModalTitle>`. A titled dialog is
|
|
2149
|
+
* named by its title and doesn't need this. */
|
|
2150
|
+
'aria-label'?: string;
|
|
2121
2151
|
};
|
|
2122
2152
|
/**
|
|
2123
2153
|
* Portaled overlay + floating panel + dialog role. Backdrop darkens the page
|
|
2124
2154
|
* with a warm ink tint; panel uses vellum bg + rule border + the float shadow.
|
|
2125
2155
|
*/
|
|
2126
|
-
declare function ModalContent({ children, className, modalClassName, isDismissable, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
|
|
2156
|
+
declare function ModalContent({ children, className, modalClassName, dialogClassName, isDismissable, 'aria-label': ariaLabel, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
|
|
2127
2157
|
/** Padded top block. Contains `<ModalTitle>` and optionally `<ModalDescription>`. */
|
|
2128
2158
|
declare function ModalHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2129
2159
|
/** The modal's accessible name. Uses RAC `<Heading slot="title">` so the
|
|
@@ -2289,6 +2319,9 @@ declare function PopoverPanelFooter({ className, children, }: {
|
|
|
2289
2319
|
|
|
2290
2320
|
declare const progressBarStyles: tailwind_variants.TVReturnType<{
|
|
2291
2321
|
size: {
|
|
2322
|
+
xs: {
|
|
2323
|
+
track: string;
|
|
2324
|
+
};
|
|
2292
2325
|
sm: {
|
|
2293
2326
|
track: string;
|
|
2294
2327
|
};
|
|
@@ -2301,6 +2334,9 @@ declare const progressBarStyles: tailwind_variants.TVReturnType<{
|
|
|
2301
2334
|
fill: string;
|
|
2302
2335
|
}, undefined, {
|
|
2303
2336
|
size: {
|
|
2337
|
+
xs: {
|
|
2338
|
+
track: string;
|
|
2339
|
+
};
|
|
2304
2340
|
sm: {
|
|
2305
2341
|
track: string;
|
|
2306
2342
|
};
|
|
@@ -2313,6 +2349,9 @@ declare const progressBarStyles: tailwind_variants.TVReturnType<{
|
|
|
2313
2349
|
fill: string;
|
|
2314
2350
|
}, tailwind_variants.TVReturnType<{
|
|
2315
2351
|
size: {
|
|
2352
|
+
xs: {
|
|
2353
|
+
track: string;
|
|
2354
|
+
};
|
|
2316
2355
|
sm: {
|
|
2317
2356
|
track: string;
|
|
2318
2357
|
};
|
|
@@ -2330,6 +2369,94 @@ type ProgressBarProps = Omit<ProgressBarProps$1, 'children' | 'className'> & Pro
|
|
|
2330
2369
|
};
|
|
2331
2370
|
declare function ProgressBar({ size, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
|
|
2332
2371
|
|
|
2372
|
+
declare const progressRingStyles: tailwind_variants.TVReturnType<{
|
|
2373
|
+
size: {
|
|
2374
|
+
xs: {
|
|
2375
|
+
root: string;
|
|
2376
|
+
svg: string;
|
|
2377
|
+
track: string;
|
|
2378
|
+
value: string;
|
|
2379
|
+
};
|
|
2380
|
+
sm: {
|
|
2381
|
+
root: string;
|
|
2382
|
+
svg: string;
|
|
2383
|
+
track: string;
|
|
2384
|
+
value: string;
|
|
2385
|
+
};
|
|
2386
|
+
md: {
|
|
2387
|
+
root: string;
|
|
2388
|
+
svg: string;
|
|
2389
|
+
track: string;
|
|
2390
|
+
value: string;
|
|
2391
|
+
};
|
|
2392
|
+
};
|
|
2393
|
+
}, {
|
|
2394
|
+
root: string;
|
|
2395
|
+
svg: string;
|
|
2396
|
+
track: string;
|
|
2397
|
+
arc: string;
|
|
2398
|
+
value: string;
|
|
2399
|
+
}, undefined, {
|
|
2400
|
+
size: {
|
|
2401
|
+
xs: {
|
|
2402
|
+
root: string;
|
|
2403
|
+
svg: string;
|
|
2404
|
+
track: string;
|
|
2405
|
+
value: string;
|
|
2406
|
+
};
|
|
2407
|
+
sm: {
|
|
2408
|
+
root: string;
|
|
2409
|
+
svg: string;
|
|
2410
|
+
track: string;
|
|
2411
|
+
value: string;
|
|
2412
|
+
};
|
|
2413
|
+
md: {
|
|
2414
|
+
root: string;
|
|
2415
|
+
svg: string;
|
|
2416
|
+
track: string;
|
|
2417
|
+
value: string;
|
|
2418
|
+
};
|
|
2419
|
+
};
|
|
2420
|
+
}, {
|
|
2421
|
+
root: string;
|
|
2422
|
+
svg: string;
|
|
2423
|
+
track: string;
|
|
2424
|
+
arc: string;
|
|
2425
|
+
value: string;
|
|
2426
|
+
}, tailwind_variants.TVReturnType<{
|
|
2427
|
+
size: {
|
|
2428
|
+
xs: {
|
|
2429
|
+
root: string;
|
|
2430
|
+
svg: string;
|
|
2431
|
+
track: string;
|
|
2432
|
+
value: string;
|
|
2433
|
+
};
|
|
2434
|
+
sm: {
|
|
2435
|
+
root: string;
|
|
2436
|
+
svg: string;
|
|
2437
|
+
track: string;
|
|
2438
|
+
value: string;
|
|
2439
|
+
};
|
|
2440
|
+
md: {
|
|
2441
|
+
root: string;
|
|
2442
|
+
svg: string;
|
|
2443
|
+
track: string;
|
|
2444
|
+
value: string;
|
|
2445
|
+
};
|
|
2446
|
+
};
|
|
2447
|
+
}, {
|
|
2448
|
+
root: string;
|
|
2449
|
+
svg: string;
|
|
2450
|
+
track: string;
|
|
2451
|
+
arc: string;
|
|
2452
|
+
value: string;
|
|
2453
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
2454
|
+
type ProgressRingVariants = VariantProps<typeof progressRingStyles>;
|
|
2455
|
+
type ProgressRingProps = Omit<ProgressBarProps$1, 'children' | 'className'> & ProgressRingVariants & {
|
|
2456
|
+
className?: string;
|
|
2457
|
+
};
|
|
2458
|
+
declare function ProgressRing({ size, className, ...props }: ProgressRingProps): react_jsx_runtime.JSX.Element;
|
|
2459
|
+
|
|
2333
2460
|
type RadioGroupProps = Omit<RadioGroupProps$1, 'children'> & {
|
|
2334
2461
|
label?: ReactNode;
|
|
2335
2462
|
description?: ReactNode;
|
|
@@ -2714,6 +2841,170 @@ declare function RecordFilterChips({ fields, filter, onChange, showFieldIcons, s
|
|
|
2714
2841
|
|
|
2715
2842
|
declare function useShowDetails(storageKey?: string): readonly [boolean, () => void, (next: boolean) => void];
|
|
2716
2843
|
|
|
2844
|
+
declare const recordUpdateStyles: tailwind_variants.TVReturnType<{
|
|
2845
|
+
[key: string]: {
|
|
2846
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
2847
|
+
footer?: tailwind_merge.ClassNameValue;
|
|
2848
|
+
summary?: tailwind_merge.ClassNameValue;
|
|
2849
|
+
root?: tailwind_merge.ClassNameValue;
|
|
2850
|
+
rows?: tailwind_merge.ClassNameValue;
|
|
2851
|
+
errors?: tailwind_merge.ClassNameValue;
|
|
2852
|
+
};
|
|
2853
|
+
};
|
|
2854
|
+
} | {
|
|
2855
|
+
[x: string]: {
|
|
2856
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
2857
|
+
footer?: tailwind_merge.ClassNameValue;
|
|
2858
|
+
summary?: tailwind_merge.ClassNameValue;
|
|
2859
|
+
root?: tailwind_merge.ClassNameValue;
|
|
2860
|
+
rows?: tailwind_merge.ClassNameValue;
|
|
2861
|
+
errors?: tailwind_merge.ClassNameValue;
|
|
2862
|
+
};
|
|
2863
|
+
};
|
|
2864
|
+
} | {}, {
|
|
2865
|
+
root: string;
|
|
2866
|
+
summary: string;
|
|
2867
|
+
rows: string;
|
|
2868
|
+
errors: string[];
|
|
2869
|
+
footer: string;
|
|
2870
|
+
}, undefined, {
|
|
2871
|
+
[key: string]: {
|
|
2872
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
2873
|
+
footer?: tailwind_merge.ClassNameValue;
|
|
2874
|
+
summary?: tailwind_merge.ClassNameValue;
|
|
2875
|
+
root?: tailwind_merge.ClassNameValue;
|
|
2876
|
+
rows?: tailwind_merge.ClassNameValue;
|
|
2877
|
+
errors?: tailwind_merge.ClassNameValue;
|
|
2878
|
+
};
|
|
2879
|
+
};
|
|
2880
|
+
} | {}, {
|
|
2881
|
+
root: string;
|
|
2882
|
+
summary: string;
|
|
2883
|
+
rows: string;
|
|
2884
|
+
errors: string[];
|
|
2885
|
+
footer: string;
|
|
2886
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
2887
|
+
root: string;
|
|
2888
|
+
summary: string;
|
|
2889
|
+
rows: string;
|
|
2890
|
+
errors: string[];
|
|
2891
|
+
footer: string;
|
|
2892
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
2893
|
+
declare const recordUpdateRowStyles: tailwind_variants.TVReturnType<{
|
|
2894
|
+
state: {
|
|
2895
|
+
changed: {};
|
|
2896
|
+
unresolved: {
|
|
2897
|
+
tag: string;
|
|
2898
|
+
};
|
|
2899
|
+
rejected: {
|
|
2900
|
+
tag: string;
|
|
2901
|
+
};
|
|
2902
|
+
removed: {
|
|
2903
|
+
labelRow: string;
|
|
2904
|
+
};
|
|
2905
|
+
};
|
|
2906
|
+
}, {
|
|
2907
|
+
root: string;
|
|
2908
|
+
labelRow: string[];
|
|
2909
|
+
tag: string;
|
|
2910
|
+
cells: string;
|
|
2911
|
+
from: string;
|
|
2912
|
+
arrow: string;
|
|
2913
|
+
to: string;
|
|
2914
|
+
hint: string;
|
|
2915
|
+
error: string;
|
|
2916
|
+
removed: string;
|
|
2917
|
+
}, undefined, {
|
|
2918
|
+
state: {
|
|
2919
|
+
changed: {};
|
|
2920
|
+
unresolved: {
|
|
2921
|
+
tag: string;
|
|
2922
|
+
};
|
|
2923
|
+
rejected: {
|
|
2924
|
+
tag: string;
|
|
2925
|
+
};
|
|
2926
|
+
removed: {
|
|
2927
|
+
labelRow: string;
|
|
2928
|
+
};
|
|
2929
|
+
};
|
|
2930
|
+
}, {
|
|
2931
|
+
root: string;
|
|
2932
|
+
labelRow: string[];
|
|
2933
|
+
tag: string;
|
|
2934
|
+
cells: string;
|
|
2935
|
+
from: string;
|
|
2936
|
+
arrow: string;
|
|
2937
|
+
to: string;
|
|
2938
|
+
hint: string;
|
|
2939
|
+
error: string;
|
|
2940
|
+
removed: string;
|
|
2941
|
+
}, tailwind_variants.TVReturnType<{
|
|
2942
|
+
state: {
|
|
2943
|
+
changed: {};
|
|
2944
|
+
unresolved: {
|
|
2945
|
+
tag: string;
|
|
2946
|
+
};
|
|
2947
|
+
rejected: {
|
|
2948
|
+
tag: string;
|
|
2949
|
+
};
|
|
2950
|
+
removed: {
|
|
2951
|
+
labelRow: string;
|
|
2952
|
+
};
|
|
2953
|
+
};
|
|
2954
|
+
}, {
|
|
2955
|
+
root: string;
|
|
2956
|
+
labelRow: string[];
|
|
2957
|
+
tag: string;
|
|
2958
|
+
cells: string;
|
|
2959
|
+
from: string;
|
|
2960
|
+
arrow: string;
|
|
2961
|
+
to: string;
|
|
2962
|
+
hint: string;
|
|
2963
|
+
error: string;
|
|
2964
|
+
removed: string;
|
|
2965
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
2966
|
+
type RecordUpdateRowVariants = VariantProps<typeof recordUpdateRowStyles>;
|
|
2967
|
+
type RecordUpdateRowState = NonNullable<RecordUpdateRowVariants['state']>;
|
|
2968
|
+
type RecordUpdateProps = HTMLAttributes<HTMLDivElement>;
|
|
2969
|
+
declare function RecordUpdate({ className, children, ...props }: RecordUpdateProps): react_jsx_runtime.JSX.Element;
|
|
2970
|
+
declare function RecordUpdateSummary({ className, children, ...props }: HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
|
|
2971
|
+
declare function RecordUpdateRows({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2972
|
+
interface RecordUpdateErrorsProps extends HTMLAttributes<HTMLDivElement> {
|
|
2973
|
+
/** Problems that are not tied to one field. Renders nothing when empty. */
|
|
2974
|
+
errors: ReadonlyArray<string>;
|
|
2975
|
+
}
|
|
2976
|
+
declare function RecordUpdateErrors({ errors, className, ...props }: RecordUpdateErrorsProps): react_jsx_runtime.JSX.Element | null;
|
|
2977
|
+
declare function RecordUpdateFooter({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
2978
|
+
interface RecordUpdateRowProps extends Omit<HTMLAttributes<HTMLFieldSetElement>, 'children' | 'className'> {
|
|
2979
|
+
/** The field's label — rendered in the page-layout field-label style. */
|
|
2980
|
+
label: ReactNode;
|
|
2981
|
+
/** Current value cell (typically a read-only display). Omit for a value
|
|
2982
|
+
* that has no "before" — a record being created — and the row shows
|
|
2983
|
+
* `to` alone, without the arrow. */
|
|
2984
|
+
from?: ReactNode;
|
|
2985
|
+
/** Proposed value cell (an editor bound to the change, or the rejection text). */
|
|
2986
|
+
to: ReactNode;
|
|
2987
|
+
state?: RecordUpdateRowState;
|
|
2988
|
+
/** Why the value is unresolved, or any other one-line note under the cells. */
|
|
2989
|
+
hint?: ReactNode;
|
|
2990
|
+
/** Validation error for the proposed value. */
|
|
2991
|
+
errorMessage?: string;
|
|
2992
|
+
/** Drop this change. Renders the remove button when given (not in `removed`). */
|
|
2993
|
+
onRemove?: () => void;
|
|
2994
|
+
/** Bring a removed change back. Renders the restore button in `removed`. */
|
|
2995
|
+
onRestore?: () => void;
|
|
2996
|
+
/** Accessible names for the two buttons. */
|
|
2997
|
+
removeLabel?: string;
|
|
2998
|
+
restoreLabel?: string;
|
|
2999
|
+
/** Text of the `unresolved` / `rejected` tags next to the label. */
|
|
3000
|
+
unresolvedLabel?: string;
|
|
3001
|
+
rejectedLabel?: string;
|
|
3002
|
+
/** Text shown in place of the cells while `removed`. */
|
|
3003
|
+
removedText?: string;
|
|
3004
|
+
className?: string;
|
|
3005
|
+
}
|
|
3006
|
+
declare function RecordUpdateRow({ label, from, to, state, hint, errorMessage, onRemove, onRestore, removeLabel, restoreLabel, unresolvedLabel, rejectedLabel, removedText, className, ...props }: RecordUpdateRowProps): react_jsx_runtime.JSX.Element;
|
|
3007
|
+
|
|
2717
3008
|
declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
|
|
2718
3009
|
size: {
|
|
2719
3010
|
sm: {
|
|
@@ -2893,8 +3184,15 @@ type SwitchProps = Omit<SwitchProps$1, 'children'> & {
|
|
|
2893
3184
|
children?: ReactNode;
|
|
2894
3185
|
/** Render the label before the track instead of after it. */
|
|
2895
3186
|
labelPlacement?: 'start' | 'end';
|
|
3187
|
+
/**
|
|
3188
|
+
* Helper copy under the label, aligned with it and exposed through
|
|
3189
|
+
* `aria-describedby`. Lives OUTSIDE the label so it never joins the
|
|
3190
|
+
* switch's accessible name. With a description the root becomes a `<div>`
|
|
3191
|
+
* wrapping the label; without one the label stays the root, as before.
|
|
3192
|
+
*/
|
|
3193
|
+
description?: ReactNode;
|
|
2896
3194
|
};
|
|
2897
|
-
declare function Switch({ children, labelPlacement, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
3195
|
+
declare function Switch({ children, labelPlacement, description, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
|
|
2898
3196
|
|
|
2899
3197
|
declare const tabsStyles: tailwind_variants.TVReturnType<{
|
|
2900
3198
|
size: {
|
|
@@ -2994,6 +3292,26 @@ type TagInputProps = {
|
|
|
2994
3292
|
};
|
|
2995
3293
|
declare function TagInput({ label, description, errorMessage, placeholder, inputType, value, onChange, isDisabled, isInvalid, size, appearance, autoFocus, className, }: TagInputProps): react_jsx_runtime.JSX.Element;
|
|
2996
3294
|
|
|
3295
|
+
declare const textShimmerStyles: tailwind_variants.TVReturnType<{
|
|
3296
|
+
tone: {
|
|
3297
|
+
muted: string;
|
|
3298
|
+
accent: string;
|
|
3299
|
+
};
|
|
3300
|
+
}, undefined, string[], {
|
|
3301
|
+
tone: {
|
|
3302
|
+
muted: string;
|
|
3303
|
+
accent: string;
|
|
3304
|
+
};
|
|
3305
|
+
}, undefined, tailwind_variants.TVReturnType<{
|
|
3306
|
+
tone: {
|
|
3307
|
+
muted: string;
|
|
3308
|
+
accent: string;
|
|
3309
|
+
};
|
|
3310
|
+
}, undefined, string[], unknown, unknown, undefined>>;
|
|
3311
|
+
type TextShimmerVariants = VariantProps<typeof textShimmerStyles>;
|
|
3312
|
+
type TextShimmerProps = HTMLAttributes<HTMLSpanElement> & TextShimmerVariants;
|
|
3313
|
+
declare function TextShimmer({ tone, className, children, ...props }: TextShimmerProps): react_jsx_runtime.JSX.Element;
|
|
3314
|
+
|
|
2997
3315
|
type TextareaProps = TextFieldProps & {
|
|
2998
3316
|
label?: ReactNode;
|
|
2999
3317
|
description?: ReactNode;
|
|
@@ -3111,4 +3429,4 @@ declare function Tooltip({ className, offset, ...props }: TooltipProps): react_j
|
|
|
3111
3429
|
|
|
3112
3430
|
declare function cn(...inputs: ClassValue[]): string;
|
|
3113
3431
|
|
|
3114
|
-
export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeAction, type BadgeActionProps, BadgeGroup, type BadgeGroupMetrics, type BadgeGroupProps, type BadgeGroupVariants, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, CONVERSATION_BRIEF_OUTCOME_LABEL, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, ConversationBriefCard, type ConversationBriefCardProps, type ConversationBriefClient, type ConversationBriefOutcome, ConversationBriefPreview, type ConversationBriefPreviewProps, ConversationBriefReview, type ConversationBriefReviewProps, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeGroupOverflowStyles, badgeGroupStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, contactPhoneNumbers, conversationBriefCardStyles, conversationBriefOutcomeFor, countLeaves, createConversationBriefClient, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, fitBadgeCount, formatFileSize, formatValue, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDialableConversationBrief, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, namesOf, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, summaryFor, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, toastStyles, updateLeaf, updateSubgroup, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
|
|
3432
|
+
export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, type ActiveCommand, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeAction, type BadgeActionProps, BadgeGroup, type BadgeGroupMetrics, type BadgeGroupProps, type BadgeGroupVariants, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, CONVERSATION_BRIEF_OUTCOME_LABEL, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandLabel, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, ConversationBriefCard, type ConversationBriefCardProps, type ConversationBriefClient, type ConversationBriefOutcome, ConversationBriefPreview, type ConversationBriefPreviewProps, ConversationBriefReview, type ConversationBriefReviewProps, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, type Platform, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, ProgressRing, type ProgressRingProps, type ProgressRingVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RecordUpdate, RecordUpdateErrors, type RecordUpdateErrorsProps, RecordUpdateFooter, type RecordUpdateProps, RecordUpdateRow, type RecordUpdateRowProps, type RecordUpdateRowState, type RecordUpdateRowVariants, RecordUpdateRows, RecordUpdateSummary, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, TextShimmer, type TextShimmerProps, type TextShimmerVariants, Textarea, type TextareaProps, TimeField, type TimeFieldProps, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, avatarGroupStyles, avatarStyles, badgeGroupOverflowStyles, badgeGroupStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, contactPhoneNumbers, conversationBriefCardStyles, conversationBriefOutcomeFor, countLeaves, createConversationBriefClient, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, fitBadgeCount, formatFileSize, formatValue, getPlatform, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDialableConversationBrief, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, namesOf, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, progressRingStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, recordUpdateRowStyles, recordUpdateStyles, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, subscribeDraftMessageOutcome, summaryFor, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, textShimmerStyles, toastStyles, updateLeaf, updateSubgroup, useActiveCommands, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
|