@nurix/ui-component-library 1.1.7-stage.135 → 1.1.7-stage.137
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +367 -8
- package/dist/index.d.ts +367 -8
- package/dist/index.js +1846 -516
- package/dist/index.mjs +1853 -522
- package/dist/styles.css +85 -3
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
+
import { ReactNode, CSSProperties } from 'react';
|
|
2
3
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
3
4
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
4
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -10,7 +11,7 @@ import { Schema } from 'ajv';
|
|
|
10
11
|
import { OnMount } from '@monaco-editor/react';
|
|
11
12
|
|
|
12
13
|
type ButtonBorderRadius = "none" | "soft" | "rounded" | "nestedLeft" | "nestedMiddle" | "nestedRight";
|
|
13
|
-
type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
|
|
14
|
+
type ButtonVariant = "primary" | "secondary" | "destructive" | "warning" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline" | "iconLink";
|
|
14
15
|
type ButtonSize = "lg" | "default" | "sm" | "xs" | "link" | "icon" | "iconMd" | "iconSm" | "iconXs";
|
|
15
16
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
16
17
|
variant?: ButtonVariant;
|
|
@@ -551,6 +552,15 @@ interface DialogHeaderNavigationProps extends React$1.HTMLAttributes<HTMLDivElem
|
|
|
551
552
|
"data-testid"?: string;
|
|
552
553
|
}
|
|
553
554
|
type TabVariant = "top" | "side" | "section";
|
|
555
|
+
/**
|
|
556
|
+
* Tab label size. Currently only the `top` variant honours this — the
|
|
557
|
+
* `side` and `section` variants already render compact text by design.
|
|
558
|
+
* - `"default"` — `text-base` (16px) — the original spec.
|
|
559
|
+
* - `"sm"` — `text-sm` (14px) — for surfaces that need a denser
|
|
560
|
+
* tab strip (e.g. inside a card or panel that already
|
|
561
|
+
* sets the typographic scale to small).
|
|
562
|
+
*/
|
|
563
|
+
type TabSize = "default" | "sm";
|
|
554
564
|
interface ListNavItemProps {
|
|
555
565
|
/** Unique identifier */
|
|
556
566
|
id: string;
|
|
@@ -568,6 +578,25 @@ interface ListNavigationProps extends Omit<React$1.HTMLAttributes<HTMLDivElement
|
|
|
568
578
|
selectedId?: string | null;
|
|
569
579
|
/** Callback when an item is clicked */
|
|
570
580
|
onSelect?: (id: string) => void;
|
|
581
|
+
/**
|
|
582
|
+
* When `true`, the content column shrinks and the title row truncates
|
|
583
|
+
* with an ellipsis instead of pushing the trailing slot out of the
|
|
584
|
+
* item. Use for narrow sidebars (filename lists, log lists, etc).
|
|
585
|
+
* @default false
|
|
586
|
+
*/
|
|
587
|
+
truncate?: boolean;
|
|
588
|
+
/**
|
|
589
|
+
* Hard cap on title length, in characters. When set, the title is
|
|
590
|
+
* sliced to this length with an `…` appended. Pairs with `truncate`
|
|
591
|
+
* (CSS) for belt-and-suspenders — JS-side hard cap, CSS-side ellipsis
|
|
592
|
+
* if the cap still overflows the column.
|
|
593
|
+
*/
|
|
594
|
+
maxTitleChars?: number;
|
|
595
|
+
/**
|
|
596
|
+
* Hard cap on subtitle length, in characters. Same semantics as
|
|
597
|
+
* `maxTitleChars` but for the secondary line.
|
|
598
|
+
*/
|
|
599
|
+
maxSubtitleChars?: number;
|
|
571
600
|
/**
|
|
572
601
|
* Optional `data-testid` for Playwright. Defaults to `"nav"` if omitted.
|
|
573
602
|
*/
|
|
@@ -578,6 +607,11 @@ interface TabsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
578
607
|
defaultValue?: string;
|
|
579
608
|
onValueChange?: (value: string) => void;
|
|
580
609
|
variant?: TabVariant;
|
|
610
|
+
/**
|
|
611
|
+
* Label size for descendant `TabsTrigger`s. Currently only applies to
|
|
612
|
+
* `variant="top"`. Defaults to `"default"`.
|
|
613
|
+
*/
|
|
614
|
+
size?: TabSize;
|
|
581
615
|
}
|
|
582
616
|
interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
583
617
|
variant?: TabVariant;
|
|
@@ -585,6 +619,8 @@ interface TabsListProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
585
619
|
interface TabsTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
586
620
|
value: string;
|
|
587
621
|
variant?: TabVariant;
|
|
622
|
+
/** Optional per-trigger override of the inherited `size`. */
|
|
623
|
+
size?: TabSize;
|
|
588
624
|
iconLeft?: React$1.ReactNode;
|
|
589
625
|
/**
|
|
590
626
|
* Optional `data-testid` for Playwright. Defaults to `"tab"` if omitted.
|
|
@@ -599,13 +635,17 @@ interface TabsContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
599
635
|
|
|
600
636
|
declare const DialogHeaderNavigation: React$1.ForwardRefExoticComponent<DialogHeaderNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
601
637
|
|
|
602
|
-
declare function Tabs({ className, value, defaultValue, onValueChange, variant, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
638
|
+
declare function Tabs({ className, value, defaultValue, onValueChange, variant, size, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
603
639
|
declare const TabsList: React$1.ForwardRefExoticComponent<TabsListProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
604
640
|
declare const TabsTrigger: React$1.ForwardRefExoticComponent<TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
605
641
|
declare function TabsContent({ value, forceMount, className, children, ...props }: TabsContentProps): react_jsx_runtime.JSX.Element | null;
|
|
606
642
|
/**
|
|
607
643
|
* ListNavigation — A vertical list of selectable items (e.g. call history).
|
|
608
644
|
* Based on Figma design node: 5503:34142
|
|
645
|
+
*
|
|
646
|
+
* Set `truncate` when items live in a narrow sidebar (filenames, call
|
|
647
|
+
* logs, etc.) — the content column shrinks and the title row truncates
|
|
648
|
+
* with an ellipsis instead of pushing the trailing badge out of the row.
|
|
609
649
|
*/
|
|
610
650
|
declare const ListNavigation: React$1.ForwardRefExoticComponent<ListNavigationProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
611
651
|
|
|
@@ -623,6 +663,7 @@ interface AccordionProps<TType extends AccordionType = "single"> extends Omit<Re
|
|
|
623
663
|
onValueChange?: AccordionOnValueChange<TType>;
|
|
624
664
|
disabled?: boolean;
|
|
625
665
|
}
|
|
666
|
+
type AccordionItemVariant = "default" | "card" | "surface";
|
|
626
667
|
interface AccordionItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
627
668
|
value: string;
|
|
628
669
|
disabled?: boolean;
|
|
@@ -633,9 +674,15 @@ interface AccordionItemProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
633
674
|
* - `"card"` — bordered, rounded, drop-shadowed pill that reads as its own
|
|
634
675
|
* surface (Figma 707:17455 / 6441:22282). Use when each item is a
|
|
635
676
|
* self-contained section, e.g. a Speech Settings card.
|
|
677
|
+
* - `"surface"` — grey-wrapped item (rounded-2xl, p-1) hosting a separate
|
|
678
|
+
* white trigger card and white content card with a 4px gap between
|
|
679
|
+
* them (Figma 154:7577 — Weekly Scheduler Card). Same nesting pattern
|
|
680
|
+
* as `RuleBuilder`. Pass `variant="surface"` to the matching
|
|
681
|
+
* `AccordionTrigger` and `AccordionContent` so the inner surfaces
|
|
682
|
+
* render with their white backgrounds.
|
|
636
683
|
* @default "default"
|
|
637
684
|
*/
|
|
638
|
-
variant?:
|
|
685
|
+
variant?: AccordionItemVariant;
|
|
639
686
|
}
|
|
640
687
|
type AccordionTriggerSize = "default" | "sm";
|
|
641
688
|
interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -664,12 +711,28 @@ interface AccordionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonE
|
|
|
664
711
|
* @default "default"
|
|
665
712
|
*/
|
|
666
713
|
size?: AccordionTriggerSize;
|
|
714
|
+
/**
|
|
715
|
+
* Visual variant of the parent `AccordionItem`. Pass `"surface"` when the
|
|
716
|
+
* item itself uses `variant="surface"` so the trigger renders as a white
|
|
717
|
+
* rounded card inside the grey wrapper. Children + action are wrapped
|
|
718
|
+
* with `stopPropagation` handlers so interactive controls (e.g. a Select
|
|
719
|
+
* in the trigger) do not also toggle the accordion.
|
|
720
|
+
* @default "default"
|
|
721
|
+
*/
|
|
722
|
+
variant?: AccordionItemVariant;
|
|
667
723
|
/**
|
|
668
724
|
* Optional `data-testid` for Playwright. Defaults to `"accordion"` if omitted.
|
|
669
725
|
*/
|
|
670
726
|
"data-testid"?: string;
|
|
671
727
|
}
|
|
672
728
|
interface AccordionContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
729
|
+
/**
|
|
730
|
+
* Visual variant of the parent `AccordionItem`. Pass `"surface"` when the
|
|
731
|
+
* item uses `variant="surface"` so the content renders as its own white
|
|
732
|
+
* rounded card inside the grey wrapper.
|
|
733
|
+
* @default "default"
|
|
734
|
+
*/
|
|
735
|
+
variant?: AccordionItemVariant;
|
|
673
736
|
}
|
|
674
737
|
interface AccordionSectionTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
675
738
|
/**
|
|
@@ -856,6 +919,43 @@ interface TagBadgeProps {
|
|
|
856
919
|
"data-testid"?: string;
|
|
857
920
|
}
|
|
858
921
|
type NumberBadgeVariant = "default" | "destructive" | "secondary";
|
|
922
|
+
type CircularBadgeSize = "sm" | "md" | "lg";
|
|
923
|
+
/**
|
|
924
|
+
* Generic circular badge — same chrome as `NumberBadge` but accepts any
|
|
925
|
+
* `children` (icon, single character, short text). Use for status dots
|
|
926
|
+
* where the badge body carries a glyph that conveys state, not a count.
|
|
927
|
+
*/
|
|
928
|
+
interface CircularBadgeProps {
|
|
929
|
+
/**
|
|
930
|
+
* Visual tint. Re-uses the full Badge variant palette so the dot stays
|
|
931
|
+
* colour-consistent with text badges of the same status.
|
|
932
|
+
* @default "default"
|
|
933
|
+
*/
|
|
934
|
+
variant?: BadgeVariant;
|
|
935
|
+
/**
|
|
936
|
+
* Diameter token.
|
|
937
|
+
* - `sm` = 16px (matches inline-text x-height)
|
|
938
|
+
* - `md` = 20px (default — comfortable hit target / icon size)
|
|
939
|
+
* - `lg` = 24px (emphasised state)
|
|
940
|
+
* @default "md"
|
|
941
|
+
*/
|
|
942
|
+
size?: CircularBadgeSize;
|
|
943
|
+
/**
|
|
944
|
+
* Optional click handler. When provided, the badge becomes a button.
|
|
945
|
+
*/
|
|
946
|
+
onClick?: (e: React$1.MouseEvent) => void;
|
|
947
|
+
/**
|
|
948
|
+
* Badge body — typically an icon (`<Check />`, `<X />`, etc.) or a
|
|
949
|
+
* single character. Sized via the parent's circular box.
|
|
950
|
+
*/
|
|
951
|
+
children?: React$1.ReactNode;
|
|
952
|
+
className?: string;
|
|
953
|
+
style?: React$1.CSSProperties;
|
|
954
|
+
/**
|
|
955
|
+
* Optional `data-testid` for Playwright. Defaults to `"badge"` if omitted.
|
|
956
|
+
*/
|
|
957
|
+
"data-testid"?: string;
|
|
958
|
+
}
|
|
859
959
|
interface NumberBadgeProps {
|
|
860
960
|
/**
|
|
861
961
|
* The number to display in the badge.
|
|
@@ -894,6 +994,15 @@ declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps & React$1.RefA
|
|
|
894
994
|
* Based on Figma design node: 3333:1629
|
|
895
995
|
*/
|
|
896
996
|
declare const NumberBadge: React$1.ForwardRefExoticComponent<NumberBadgeProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
997
|
+
/**
|
|
998
|
+
* CircularBadge — round status badge that accepts any glyph (icon, single
|
|
999
|
+
* character, short text) instead of a count. Shares the full Badge variant
|
|
1000
|
+
* palette so a `success` dot reads the same colour as a `success` text
|
|
1001
|
+
* badge in the same surface. Use for status pills in narrow sidebars,
|
|
1002
|
+
* table cells, list rows, etc. where the label would be redundant or too
|
|
1003
|
+
* wide.
|
|
1004
|
+
*/
|
|
1005
|
+
declare const CircularBadge: React$1.ForwardRefExoticComponent<CircularBadgeProps & React$1.RefAttributes<HTMLElement>>;
|
|
897
1006
|
/**
|
|
898
1007
|
* TagBadge - An interactive badge that opens a dropdown to pick a tag.
|
|
899
1008
|
* Mirrors the TagsDropdown behavior from the zero repo:
|
|
@@ -2783,7 +2892,7 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
|
|
|
2783
2892
|
end?: Date;
|
|
2784
2893
|
}) => void;
|
|
2785
2894
|
/** Date presets to show (default: true) */
|
|
2786
|
-
datePresets?: boolean | DatePreset[];
|
|
2895
|
+
datePresets?: boolean | DatePreset$1[];
|
|
2787
2896
|
/** Show time picker in date filter (default: true) */
|
|
2788
2897
|
showTime?: boolean;
|
|
2789
2898
|
/**
|
|
@@ -2816,7 +2925,7 @@ interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTML
|
|
|
2816
2925
|
"data-testid"?: string;
|
|
2817
2926
|
}
|
|
2818
2927
|
/** Date preset: label and function to compute the range */
|
|
2819
|
-
interface DatePreset {
|
|
2928
|
+
interface DatePreset$1 {
|
|
2820
2929
|
value: string;
|
|
2821
2930
|
label: string;
|
|
2822
2931
|
getRange: () => {
|
|
@@ -2901,10 +3010,22 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
|
|
|
2901
3010
|
leadingIcon?: LucideIcon | React$1.ReactNode;
|
|
2902
3011
|
/** Optional label shown on the left pill next to the icon. If omitted, only icon + chevron are shown (compact mode). */
|
|
2903
3012
|
leftLabel?: string;
|
|
2904
|
-
/** Right-side content, typically a <FilterSelect
|
|
3013
|
+
/** Right-side content, typically a <FilterSelect />. Ignored when `inputValue` is provided. */
|
|
2905
3014
|
children?: React$1.ReactNode;
|
|
2906
3015
|
/** Disable the left toggle */
|
|
2907
3016
|
disabled?: boolean;
|
|
3017
|
+
/** Controlled value for the built-in input. Setting this enables input mode. */
|
|
3018
|
+
inputValue?: string;
|
|
3019
|
+
/** Callback when the built-in input value changes. */
|
|
3020
|
+
onInputValueChange?: (value: string) => void;
|
|
3021
|
+
/** Placeholder for the built-in input. */
|
|
3022
|
+
inputPlaceholder?: string;
|
|
3023
|
+
/** Underlying `<input>` type. Defaults to `"text"`. */
|
|
3024
|
+
inputType?: "text" | "search" | "tel" | "email" | "number";
|
|
3025
|
+
/** Width of the right input pill. Defaults to `220px`. */
|
|
3026
|
+
inputWidth?: number | string;
|
|
3027
|
+
/** Optional `data-testid` for the built-in input. */
|
|
3028
|
+
"data-testid-input"?: string;
|
|
2908
3029
|
}
|
|
2909
3030
|
/**
|
|
2910
3031
|
* CompoundFilterSelect
|
|
@@ -2916,7 +3037,7 @@ interface CompoundFilterSelectProps<T extends string = string> extends Omit<Reac
|
|
|
2916
3037
|
* The two pills overlap by 1px so their borders merge visually into a single continuous pill.
|
|
2917
3038
|
* Per Figma spec (1XTtQGgJ2Tb0wycZ7O1Ez9 · 5427:32324).
|
|
2918
3039
|
*/
|
|
2919
|
-
declare function CompoundFilterSelect<T extends string = string>({ options, value, onChange, leadingIcon, leftLabel, children, disabled, className, ...props }: CompoundFilterSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
3040
|
+
declare function CompoundFilterSelect<T extends string = string>({ options, value, onChange, leadingIcon, leftLabel, children, disabled, inputValue, onInputValueChange, inputPlaceholder, inputType, inputWidth, "data-testid-input": dataTestIdInput, className, ...props }: CompoundFilterSelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
2920
3041
|
declare namespace CompoundFilterSelect {
|
|
2921
3042
|
var displayName: string;
|
|
2922
3043
|
}
|
|
@@ -3663,6 +3784,238 @@ declare function createEmptyWeeklySchedule(): WeeklyScheduleValue;
|
|
|
3663
3784
|
*/
|
|
3664
3785
|
declare const WeeklySchedule: React$1.ForwardRefExoticComponent<WeeklyScheduleProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3665
3786
|
|
|
3787
|
+
/** A single quick-pick range option. */
|
|
3788
|
+
interface DatePreset {
|
|
3789
|
+
/** Stable id used for selection comparison. */
|
|
3790
|
+
value: string;
|
|
3791
|
+
/** User-visible label, e.g. "Last 7 Days". */
|
|
3792
|
+
label: string;
|
|
3793
|
+
/** Returns the absolute range when the preset is clicked. */
|
|
3794
|
+
getRange: () => {
|
|
3795
|
+
start: Date;
|
|
3796
|
+
end: Date;
|
|
3797
|
+
};
|
|
3798
|
+
}
|
|
3799
|
+
interface DateRange {
|
|
3800
|
+
start?: Date;
|
|
3801
|
+
end?: Date;
|
|
3802
|
+
}
|
|
3803
|
+
type DatePickerMode = "single" | "range";
|
|
3804
|
+
interface DatePickerCalendarPropsBase {
|
|
3805
|
+
/** "single" picks one date; "range" picks a start/end. Default "single". */
|
|
3806
|
+
mode?: DatePickerMode;
|
|
3807
|
+
/** Show a time pill in the month caption(s). Works in both modes. */
|
|
3808
|
+
showTime?: boolean;
|
|
3809
|
+
/**
|
|
3810
|
+
* Quick-pick presets for range mode (Today, Last 7 Days, etc).
|
|
3811
|
+
* - `true` → use the built-in defaults
|
|
3812
|
+
* - `false` → hide the preset sidebar
|
|
3813
|
+
* - `DatePreset[]` → render a custom list
|
|
3814
|
+
*
|
|
3815
|
+
* Defaults: `true` in range mode, `false` in single mode.
|
|
3816
|
+
*/
|
|
3817
|
+
presets?: boolean | DatePreset[];
|
|
3818
|
+
/**
|
|
3819
|
+
* If false, dates after today are disabled. Default `true` (you usually want
|
|
3820
|
+
* future dates available for scheduling).
|
|
3821
|
+
*/
|
|
3822
|
+
allowFutureDates?: boolean;
|
|
3823
|
+
/**
|
|
3824
|
+
* If true, dates before today are disabled. Default `false`.
|
|
3825
|
+
*/
|
|
3826
|
+
disablePastDates?: boolean;
|
|
3827
|
+
/** Inclusive lower bound. */
|
|
3828
|
+
minDate?: Date;
|
|
3829
|
+
/** Inclusive upper bound. */
|
|
3830
|
+
maxDate?: Date;
|
|
3831
|
+
/** Lowest year selectable from the year pill. Default 2020. */
|
|
3832
|
+
minYear?: number;
|
|
3833
|
+
/** Highest year selectable from the year pill. Default current year + 5. */
|
|
3834
|
+
maxYear?: number;
|
|
3835
|
+
/**
|
|
3836
|
+
* Number of months rendered side-by-side. Defaults to 2 in range mode, 1
|
|
3837
|
+
* in single mode.
|
|
3838
|
+
*/
|
|
3839
|
+
numberOfMonths?: number;
|
|
3840
|
+
/** Optional content rendered above the calendar (title, description, etc.). */
|
|
3841
|
+
header?: ReactNode;
|
|
3842
|
+
/** Show a "Today" jump button in the footer. */
|
|
3843
|
+
showTodayBtn?: boolean;
|
|
3844
|
+
/** Label for the Today button. Default "Today". */
|
|
3845
|
+
todayLabel?: string;
|
|
3846
|
+
/** Show a "Clear" button in the footer. Default `true`. */
|
|
3847
|
+
showClearBtn?: boolean;
|
|
3848
|
+
/** Label for the Clear button. Default "Clear". */
|
|
3849
|
+
clearLabel?: string;
|
|
3850
|
+
/**
|
|
3851
|
+
* When true, the value is staged internally and only committed via the
|
|
3852
|
+
* Confirm button. Useful inside a popover so the user can cancel changes.
|
|
3853
|
+
*/
|
|
3854
|
+
showConfirmCancel?: boolean;
|
|
3855
|
+
/**
|
|
3856
|
+
* Show the Cancel button alongside Confirm. Defaults to `true`. Set to
|
|
3857
|
+
* `false` for an Apply-only footer (matches the filter-select pattern of
|
|
3858
|
+
* having only a Clear action + a single primary commit).
|
|
3859
|
+
*/
|
|
3860
|
+
showCancelBtn?: boolean;
|
|
3861
|
+
/** Label for the Confirm button. Default "Apply". */
|
|
3862
|
+
confirmLabel?: string;
|
|
3863
|
+
/** Label for the Cancel button. Default "Cancel". */
|
|
3864
|
+
cancelLabel?: string;
|
|
3865
|
+
/** Called when the user clicks Today. */
|
|
3866
|
+
onTodayClick?: () => void;
|
|
3867
|
+
/** Called when the user clicks Clear. */
|
|
3868
|
+
onClear?: () => void;
|
|
3869
|
+
/** Called when the user clicks Cancel (only with showConfirmCancel). */
|
|
3870
|
+
onCancel?: () => void;
|
|
3871
|
+
className?: string;
|
|
3872
|
+
style?: CSSProperties;
|
|
3873
|
+
"data-testid"?: string;
|
|
3874
|
+
}
|
|
3875
|
+
interface DatePickerCalendarSingleProps extends DatePickerCalendarPropsBase {
|
|
3876
|
+
mode?: "single";
|
|
3877
|
+
/** Selected date (controlled). */
|
|
3878
|
+
value?: Date;
|
|
3879
|
+
/** Called when the user picks a date. */
|
|
3880
|
+
onChange?: (next: Date | undefined) => void;
|
|
3881
|
+
/** Confirm handler (only with showConfirmCancel). */
|
|
3882
|
+
onConfirm?: (next: Date | undefined) => void;
|
|
3883
|
+
range?: never;
|
|
3884
|
+
onRangeChange?: never;
|
|
3885
|
+
}
|
|
3886
|
+
interface DatePickerCalendarRangeProps extends DatePickerCalendarPropsBase {
|
|
3887
|
+
mode: "range";
|
|
3888
|
+
/** Selected range (controlled). */
|
|
3889
|
+
range?: DateRange;
|
|
3890
|
+
/** Called when the user picks a date in the range. */
|
|
3891
|
+
onRangeChange?: (next: DateRange) => void;
|
|
3892
|
+
/** Confirm handler (only with showConfirmCancel). */
|
|
3893
|
+
onConfirm?: (next: DateRange) => void;
|
|
3894
|
+
value?: never;
|
|
3895
|
+
onChange?: never;
|
|
3896
|
+
}
|
|
3897
|
+
type DatePickerCalendarProps = DatePickerCalendarSingleProps | DatePickerCalendarRangeProps;
|
|
3898
|
+
type DatePickerSize = "sm" | "md" | "lg";
|
|
3899
|
+
interface DatePickerPropsCommon extends Omit<DatePickerCalendarPropsBase, "header"> {
|
|
3900
|
+
/** Placeholder shown in the trigger when no value is selected. */
|
|
3901
|
+
placeholder?: string;
|
|
3902
|
+
/** Calendar icon to the right of the trigger text. Pass `false` to hide. */
|
|
3903
|
+
triggerIcon?: ReactNode | false;
|
|
3904
|
+
/** Trigger height. Default "md" (40px). */
|
|
3905
|
+
size?: DatePickerSize;
|
|
3906
|
+
/** Visually mark the trigger as disabled. */
|
|
3907
|
+
disabled?: boolean;
|
|
3908
|
+
/** Visually mark the trigger as invalid (red border). */
|
|
3909
|
+
invalid?: boolean;
|
|
3910
|
+
/** Custom class for the trigger button. */
|
|
3911
|
+
triggerClassName?: string;
|
|
3912
|
+
/** Custom class for the popover container. */
|
|
3913
|
+
popoverClassName?: string;
|
|
3914
|
+
/** Popover open state (controlled). */
|
|
3915
|
+
open?: boolean;
|
|
3916
|
+
defaultOpen?: boolean;
|
|
3917
|
+
onOpenChange?: (open: boolean) => void;
|
|
3918
|
+
/** Popover positioning, forwarded to <Popover />. */
|
|
3919
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
3920
|
+
align?: "start" | "center" | "end";
|
|
3921
|
+
sideOffset?: number;
|
|
3922
|
+
/** Aria label for the trigger button. */
|
|
3923
|
+
ariaLabel?: string;
|
|
3924
|
+
/** Optional header rendered inside the popover above the calendar. */
|
|
3925
|
+
header?: ReactNode;
|
|
3926
|
+
/**
|
|
3927
|
+
* Custom trigger render. Receives the formatted value + open state; bypasses
|
|
3928
|
+
* the default input-style trigger entirely.
|
|
3929
|
+
*/
|
|
3930
|
+
renderTrigger?: (state: {
|
|
3931
|
+
formatted: string;
|
|
3932
|
+
placeholder: string;
|
|
3933
|
+
open: boolean;
|
|
3934
|
+
disabled: boolean;
|
|
3935
|
+
invalid: boolean;
|
|
3936
|
+
}) => ReactNode;
|
|
3937
|
+
}
|
|
3938
|
+
interface DatePickerSingleProps extends DatePickerPropsCommon {
|
|
3939
|
+
mode?: "single";
|
|
3940
|
+
value?: Date;
|
|
3941
|
+
onChange?: (next: Date | undefined) => void;
|
|
3942
|
+
onConfirm?: (next: Date | undefined) => void;
|
|
3943
|
+
/** Custom formatter for the trigger label (single mode). */
|
|
3944
|
+
formatValue?: (value: Date | undefined) => string;
|
|
3945
|
+
range?: never;
|
|
3946
|
+
onRangeChange?: never;
|
|
3947
|
+
formatRange?: never;
|
|
3948
|
+
}
|
|
3949
|
+
interface DatePickerRangeProps extends DatePickerPropsCommon {
|
|
3950
|
+
mode: "range";
|
|
3951
|
+
range?: DateRange;
|
|
3952
|
+
onRangeChange?: (next: DateRange) => void;
|
|
3953
|
+
onConfirm?: (next: DateRange) => void;
|
|
3954
|
+
/** Custom formatter for the trigger label (range mode). */
|
|
3955
|
+
formatRange?: (range: DateRange) => string;
|
|
3956
|
+
value?: never;
|
|
3957
|
+
onChange?: never;
|
|
3958
|
+
formatValue?: never;
|
|
3959
|
+
}
|
|
3960
|
+
type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
3961
|
+
|
|
3962
|
+
/**
|
|
3963
|
+
* DatePicker — input-style trigger that opens a calendar in a popover.
|
|
3964
|
+
*
|
|
3965
|
+
* Drop-in replacement for `<input type="date">` with a richer experience:
|
|
3966
|
+
* - Single or range selection
|
|
3967
|
+
* - Optional time picker
|
|
3968
|
+
* - Optional preset sidebar (range mode)
|
|
3969
|
+
* - Confirm / Cancel buttons inside the popover
|
|
3970
|
+
*
|
|
3971
|
+
* Every behaviour is prop-controlled. Use `<DatePickerCalendar />` directly if
|
|
3972
|
+
* you want to embed the panel without a trigger.
|
|
3973
|
+
*
|
|
3974
|
+
* @example single
|
|
3975
|
+
* const [start, setStart] = useState<Date | undefined>();
|
|
3976
|
+
* <DatePicker
|
|
3977
|
+
* value={start}
|
|
3978
|
+
* onChange={setStart}
|
|
3979
|
+
* placeholder="Start date"
|
|
3980
|
+
* showTodayBtn
|
|
3981
|
+
* />
|
|
3982
|
+
*
|
|
3983
|
+
* @example range with time + presets + confirm
|
|
3984
|
+
* const [range, setRange] = useState<DateRange>({});
|
|
3985
|
+
* <DatePicker
|
|
3986
|
+
* mode="range"
|
|
3987
|
+
* range={range}
|
|
3988
|
+
* onRangeChange={setRange}
|
|
3989
|
+
* showTime
|
|
3990
|
+
* showConfirmCancel
|
|
3991
|
+
* />
|
|
3992
|
+
*/
|
|
3993
|
+
declare const DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
3994
|
+
|
|
3995
|
+
declare const DEFAULT_DATE_PRESETS: DatePreset[];
|
|
3996
|
+
/**
|
|
3997
|
+
* DatePickerCalendar — full calendar panel without a trigger.
|
|
3998
|
+
*
|
|
3999
|
+
* Use this when you have your own popover/dialog/sidebar wrapper. For the
|
|
4000
|
+
* common "input field that opens a calendar" pattern, use `<DatePicker />`
|
|
4001
|
+
* instead.
|
|
4002
|
+
*
|
|
4003
|
+
* @example single
|
|
4004
|
+
* const [value, setValue] = useState<Date | undefined>();
|
|
4005
|
+
* <DatePickerCalendar value={value} onChange={setValue} />
|
|
4006
|
+
*
|
|
4007
|
+
* @example range with presets
|
|
4008
|
+
* const [range, setRange] = useState<DateRange>({});
|
|
4009
|
+
* <DatePickerCalendar
|
|
4010
|
+
* mode="range"
|
|
4011
|
+
* range={range}
|
|
4012
|
+
* onRangeChange={setRange}
|
|
4013
|
+
* presets
|
|
4014
|
+
* showTime
|
|
4015
|
+
* />
|
|
4016
|
+
*/
|
|
4017
|
+
declare const DatePickerCalendar: React$1.ForwardRefExoticComponent<DatePickerCalendarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
4018
|
+
|
|
3666
4019
|
interface RuleBuilderProps {
|
|
3667
4020
|
/**
|
|
3668
4021
|
* Badge label shown in the header (e.g. "Rule 1").
|
|
@@ -3691,6 +4044,12 @@ interface RuleBuilderProps {
|
|
|
3691
4044
|
* a `Workflow` glyph matching the Figma reference.
|
|
3692
4045
|
*/
|
|
3693
4046
|
titleIcon?: React$1.ReactNode;
|
|
4047
|
+
/**
|
|
4048
|
+
* Optional node rendered in the header before the title badge — typically
|
|
4049
|
+
* a drag-handle icon (e.g. `<GripVertical />`) when the rule cards are
|
|
4050
|
+
* reorderable. Pointer events on this slot do not toggle the card.
|
|
4051
|
+
*/
|
|
4052
|
+
headerLeading?: React$1.ReactNode;
|
|
3694
4053
|
/**
|
|
3695
4054
|
* Bottom strip rendered in the grey wrapper area below the white card.
|
|
3696
4055
|
* Pass an `<Input />` (or similar) — the label, icon, and layout are
|
|
@@ -3808,4 +4167,4 @@ declare const RuleBuilderConnector: React$1.ForwardRefExoticComponent<RuleBuilde
|
|
|
3808
4167
|
*/
|
|
3809
4168
|
declare const RuleBuilderAddCondition: React$1.ForwardRefExoticComponent<RuleBuilderAddConditionProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
3810
4169
|
|
|
3811
|
-
export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_THEME, DataTable, type DataTableProps, type DatePreset, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
|
|
4170
|
+
export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionSectionTrigger, type AccordionSectionTriggerProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, AudioPlayer, type AudioPlayerProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, ButtonList, type ButtonListItem, type ButtonListProps, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, ChatBubbleAgent, type ChatBubbleAgentProps, ChatBubbleUser, type ChatBubbleUserProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularBadge, type CircularBadgeProps, type CircularBadgeSize, type ColumnDef, ColumnWidth, CompoundFilterSelect, type CompoundFilterSelectProps, type CompoundFilterToggleOption, DEFAULT_DATE_PRESETS, DEFAULT_THEME, DataTable, type DataTableProps, DatePicker, DatePickerCalendar, type DatePickerCalendarProps, type DatePickerMode, type DatePreset as DatePickerPreset, type DatePickerProps, type DatePickerSize, type DatePreset$1 as DatePreset, type DateRange, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateIllustrationPosition, type EmptyStateIllustrationSize, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, type FilterItemWithSection, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, type IconColor, IconPicker, type IconPickerProps, type IconSize, IconWrapper, type IconWrapperProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, type InputVariant, JSON_EDITOR_LANGUAGE_OPTIONS, JsonEditor, type JsonEditorLanguage, type JsonEditorProps, KeyValueEditor, type KeyValueEditorProps, type KeyValuePair, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListNavItemProps, ListNavigation, type ListNavigationProps, type ListProps, type ListType, type ListVariant, MONACO_OPTIONS, MONACO_OPTIONS_DIALOG, MultiSelect, type MultiSelectItem, type MultiSelectProps, NestedButtonGroup, type NestedButtonGroupProps, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, Popover, type PopoverAlign, type PopoverProps, type PopoverShadow, type PopoverSide, ProgressBar, type ProgressBarProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, RuleBuilder, RuleBuilderAddCondition, type RuleBuilderAddConditionProps, RuleBuilderClause, type RuleBuilderClauseProps, RuleBuilderCondition, type RuleBuilderConditionProps, RuleBuilderConnector, type RuleBuilderConnectorProps, type RuleBuilderProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, SidePanel, type SidePanelProps, type SidePanelSize, Slider, type SliderProps, type SortDirection, type SortState, Spinner, type SpinnerProps, type SpinnerSize, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Surface, type SurfaceBackground, SurfaceBody, type SurfaceBodyProps, SurfaceFooter, type SurfaceFooterProps, type SurfaceGradient, type SurfaceGradientPosition, SurfaceHeader, type SurfaceHeaderProps, type SurfaceProps, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagBadge, type TagBadgeProps, type TagOption, Textarea, type TextareaBorderRadius, type TextareaForceState, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Toggle, ToggleItem, type ToggleItemProps, type ToggleProps, type ToggleType, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographySize, type TypographyTone, type TypographyVariant, type TypographyWeight, type UsePlaySelectProps, type UseSelectProps, WEEKLY_SCHEDULE_DAYS, WeeklySchedule, type WeeklyScheduleDay, type WeeklyScheduleDayKey, type WeeklyScheduleProps, type WeeklyScheduleValue, type WeeklyTimeSlot, createEmptyWeeklySchedule, enhanceJsonError, showToast, useJsonEditor, usePlaySelect, useSelect, useTheme };
|