@keboola/design 4.3.0 → 4.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/COMPONENT-API.md +166 -1
- package/dist/editors.cjs +3 -0
- package/dist/editors.cjs.map +1 -1
- package/dist/editors.js +3 -0
- package/dist/editors.js.map +1 -1
- package/dist/index.cjs +201 -196
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +94 -85
- package/dist/index.d.ts +94 -85
- package/dist/index.js +201 -196
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor.cjs +3 -0
- package/dist/markdown-editor.cjs.map +1 -1
- package/dist/markdown-editor.js +3 -0
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.cjs +3 -0
- package/dist/mermaid.cjs.map +1 -1
- package/dist/mermaid.js +3 -0
- package/dist/mermaid.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/testing.cjs +75 -2
- package/dist/testing.cjs.map +1 -1
- package/dist/testing.js +75 -2
- package/dist/testing.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1332,7 +1332,7 @@ declare const InputGroup: typeof InputGroupRoot & {
|
|
|
1332
1332
|
Text: typeof InputGroupText;
|
|
1333
1333
|
};
|
|
1334
1334
|
|
|
1335
|
-
type InputGroupProps$
|
|
1335
|
+
type InputGroupProps$7 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
1336
1336
|
type OwnProps$1 = {
|
|
1337
1337
|
prefix?: ReactNode;
|
|
1338
1338
|
rightSuffix?: ReactNode;
|
|
@@ -1348,7 +1348,7 @@ type OwnProps$1 = {
|
|
|
1348
1348
|
* Props for `Input`. Combines `InputGroup` chrome (variant / sizing / state / focusVariant) with
|
|
1349
1349
|
* input-specific slots (`prefix`, `leftSuffix`, `rightSuffix`, `allowClear`).
|
|
1350
1350
|
*/
|
|
1351
|
-
type Props$1n = InputGroupProps$
|
|
1351
|
+
type Props$1n = InputGroupProps$7 & OwnProps$1 & Omit<ComponentProps<'input'>, 'prefix' | 'value' | 'defaultValue'>;
|
|
1352
1352
|
/**
|
|
1353
1353
|
* Low-level text input with `InputGroup` chrome — addons, clear button, sizing, focus variants.
|
|
1354
1354
|
*
|
|
@@ -1362,8 +1362,8 @@ declare const Input$1: ({ ref: forwardedRef, state, sizing, className, prefix, r
|
|
|
1362
1362
|
ref?: Ref<ElementRef<"input">>;
|
|
1363
1363
|
}) => react_jsx_runtime.JSX.Element;
|
|
1364
1364
|
|
|
1365
|
-
type InputProps$
|
|
1366
|
-
type Props$1m = Omit<InputProps$
|
|
1365
|
+
type InputProps$1 = ComponentProps<typeof Input$1>;
|
|
1366
|
+
type Props$1m = Omit<InputProps$1, 'type' | 'value' | 'defaultValue'> & {
|
|
1367
1367
|
defaultValue?: Date | null;
|
|
1368
1368
|
disabledDays?: Matcher | Matcher[];
|
|
1369
1369
|
endMonth?: Date;
|
|
@@ -1376,8 +1376,8 @@ declare const DateInput: ({ ref, defaultValue, disabled, disabledDays, endMonth,
|
|
|
1376
1376
|
ref?: Ref<ElementRef<"input">>;
|
|
1377
1377
|
}) => react_jsx_runtime.JSX.Element;
|
|
1378
1378
|
|
|
1379
|
-
type InputProps
|
|
1380
|
-
type Props$1l = Omit<InputProps
|
|
1379
|
+
type InputProps = ComponentProps<typeof Input$1>;
|
|
1380
|
+
type Props$1l = Omit<InputProps, 'type' | 'value' | 'defaultValue'> & {
|
|
1381
1381
|
defaultValue?: DateRange$1 | null;
|
|
1382
1382
|
endMonth?: Date;
|
|
1383
1383
|
onValueBlur?: (value: DateRange$1 | null) => void;
|
|
@@ -1419,49 +1419,38 @@ declare const TextInput: ({ ref, value, defaultValue, type, variant, onValueChan
|
|
|
1419
1419
|
ref?: Ref<ElementRef<"input">>;
|
|
1420
1420
|
}) => react_jsx_runtime.JSX.Element;
|
|
1421
1421
|
|
|
1422
|
-
type
|
|
1423
|
-
|
|
1424
|
-
value?: string | null;
|
|
1425
|
-
defaultValue?: string | null;
|
|
1426
|
-
onValueChange?: (value: string | null) => void;
|
|
1427
|
-
onValueBlur?: (value: string | null) => void;
|
|
1428
|
-
};
|
|
1429
|
-
declare const TimeInput: ({ ref, defaultValue, disabled, onBlur, onChange, onValueBlur, onValueChange, placeholder, readOnly, value, variant, className, ...props }: Props$1j & {
|
|
1422
|
+
type Props$1j = ComponentProps<typeof TextInput>;
|
|
1423
|
+
declare const CommandInput: ({ ref, className, ...props }: Props$1j & {
|
|
1430
1424
|
ref?: Ref<ElementRef<"input">>;
|
|
1431
1425
|
}) => react_jsx_runtime.JSX.Element;
|
|
1432
1426
|
|
|
1433
|
-
type Props$1i = ComponentProps<typeof
|
|
1434
|
-
declare const CommandInput: ({ ref, className, ...props }: Props$1i & {
|
|
1435
|
-
ref?: Ref<ElementRef<"input">>;
|
|
1436
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
1437
|
-
|
|
1438
|
-
type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1427
|
+
type Props$1i = ComponentProps<typeof ScrollAreaPrimitive.Root> & {
|
|
1439
1428
|
viewPortClassName?: string;
|
|
1440
1429
|
scrollBarClassName?: string;
|
|
1441
1430
|
orientation?: ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>['orientation'];
|
|
1442
1431
|
};
|
|
1443
|
-
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$
|
|
1432
|
+
declare const ScrollArea: ({ ref, className, children, viewPortClassName, orientation, scrollBarClassName, ...props }: Props$1i & {
|
|
1444
1433
|
ref?: Ref<ElementRef<"div">>;
|
|
1445
1434
|
}) => react_jsx_runtime.JSX.Element;
|
|
1446
1435
|
|
|
1447
|
-
type Props$
|
|
1448
|
-
declare const ScrollBar: ({ className, orientation, ...props }: Props$
|
|
1436
|
+
type Props$1h = ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>;
|
|
1437
|
+
declare const ScrollBar: ({ className, orientation, ...props }: Props$1h) => react_jsx_runtime.JSX.Element;
|
|
1449
1438
|
|
|
1450
|
-
type Props$
|
|
1451
|
-
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$
|
|
1439
|
+
type Props$1g = ComponentProps<typeof Command$1.List> & Pick<ComponentProps<typeof ScrollArea>, 'viewPortClassName'>;
|
|
1440
|
+
declare const CommandList: ({ ref, className, children, viewPortClassName, ...props }: Props$1g & {
|
|
1452
1441
|
ref?: Ref<ElementRef<"div">>;
|
|
1453
1442
|
}) => react_jsx_runtime.JSX.Element;
|
|
1454
1443
|
|
|
1455
|
-
type Props$
|
|
1456
|
-
declare const CommandGroup: ({ className, ...props }: Props$
|
|
1444
|
+
type Props$1f = ComponentProps<typeof Command$1.Group>;
|
|
1445
|
+
declare const CommandGroup: ({ className, ...props }: Props$1f) => react_jsx_runtime.JSX.Element;
|
|
1457
1446
|
|
|
1458
|
-
type Props$
|
|
1447
|
+
type Props$1e = ComponentProps<typeof Command$1.Item> & {
|
|
1459
1448
|
icon?: ReactNode;
|
|
1460
1449
|
checked?: boolean;
|
|
1461
1450
|
variant?: ComponentProps<typeof CheckIndicator>['variant'];
|
|
1462
1451
|
actions?: ReactNode;
|
|
1463
1452
|
};
|
|
1464
|
-
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$
|
|
1453
|
+
declare const CommandItem: ({ className, icon, children, checked, variant, actions, ...props }: Props$1e) => react_jsx_runtime.JSX.Element;
|
|
1465
1454
|
|
|
1466
1455
|
type CalendarProps = Omit<PropsBase, 'required' | 'captionLayout'> & (PropsSingle | PropsRange);
|
|
1467
1456
|
declare const Calendar: {
|
|
@@ -1505,13 +1494,13 @@ declare const DateRangePicker: {
|
|
|
1505
1494
|
displayName: string;
|
|
1506
1495
|
};
|
|
1507
1496
|
|
|
1508
|
-
type Props$
|
|
1497
|
+
type Props$1d = {
|
|
1509
1498
|
children?: ReactNode;
|
|
1510
1499
|
defaultSelected?: string | null;
|
|
1511
1500
|
selected?: string | null;
|
|
1512
1501
|
onSelect?: (time: string) => void;
|
|
1513
1502
|
} & Pick<PopoverProps, 'open' | 'onOpenChange' | 'defaultOpen'> & Pick<PopoverContentProps, 'align' | 'alignOffset' | 'sideOffset'>;
|
|
1514
|
-
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$
|
|
1503
|
+
declare const TimePicker: ({ align, alignOffset, children, defaultOpen, defaultSelected, onOpenChange, onSelect, open, selected, sideOffset, }: Props$1d) => react_jsx_runtime.JSX.Element;
|
|
1515
1504
|
|
|
1516
1505
|
type LabelProps = {
|
|
1517
1506
|
id?: string | number;
|
|
@@ -1533,21 +1522,21 @@ declare const switchVariants: (props?: ({
|
|
|
1533
1522
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
1534
1523
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1535
1524
|
|
|
1536
|
-
type Props$
|
|
1525
|
+
type Props$1c = {
|
|
1537
1526
|
id?: string | number;
|
|
1538
1527
|
children?: ReactNode;
|
|
1539
1528
|
description?: ReactNode;
|
|
1540
1529
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
1541
1530
|
position?: 'start' | 'end';
|
|
1542
1531
|
} & Omit<ComponentProps<typeof Root$6>, 'asChild' | 'id'> & Omit<VariantProps<typeof switchVariants>, 'variant'>;
|
|
1543
|
-
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$
|
|
1532
|
+
declare const Switch: ({ ref, className, size, disabled, id: idProp, children, description, variant, position, ...props }: Props$1c & {
|
|
1544
1533
|
ref?: Ref<ElementRef<"button">>;
|
|
1545
1534
|
}) => react_jsx_runtime.JSX.Element;
|
|
1546
1535
|
|
|
1547
1536
|
type Variant$7 = 'radio' | 'button' | 'radio-block';
|
|
1548
1537
|
type Orientation = 'vertical' | 'horizontal';
|
|
1549
1538
|
|
|
1550
|
-
type Props$
|
|
1539
|
+
type Props$1b<Value> = {
|
|
1551
1540
|
variant?: Variant$7;
|
|
1552
1541
|
orientation?: Orientation;
|
|
1553
1542
|
onValueChange?: (value: Value) => void;
|
|
@@ -1555,7 +1544,7 @@ type Props$1a<Value> = {
|
|
|
1555
1544
|
defaultValue?: Value | null;
|
|
1556
1545
|
} & Omit<ComponentProps<typeof RRadioGroup.Root>, 'asChild' | 'orientation' | 'onValueChange' | 'onChange' | 'value' | 'defaultValue'>;
|
|
1557
1546
|
declare const RadioGroup: {
|
|
1558
|
-
<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$
|
|
1547
|
+
<Value extends string = string>({ variant, className, disabled, orientation, onValueChange, children, value, defaultValue, ...props }: Props$1b<Value>): react_jsx_runtime.JSX.Element;
|
|
1559
1548
|
Item: <T extends string = string>({ children, tooltip, tooltipVariant, tooltipPlacement, description, ...props }: {
|
|
1560
1549
|
content?: string | undefined | undefined;
|
|
1561
1550
|
translate?: "yes" | "no" | undefined | undefined;
|
|
@@ -1859,27 +1848,27 @@ declare const RadioGroup: {
|
|
|
1859
1848
|
Separator: () => react_jsx_runtime.JSX.Element;
|
|
1860
1849
|
};
|
|
1861
1850
|
|
|
1862
|
-
type Props$
|
|
1851
|
+
type Props$1a = ComponentProps<typeof Thumb> & {
|
|
1863
1852
|
tooltip?: ReactNode;
|
|
1864
1853
|
tooltipSide?: ComponentProps<typeof Tooltip.Content>['placement'];
|
|
1865
1854
|
};
|
|
1866
|
-
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$
|
|
1855
|
+
declare const SliderThumb: ({ ref: forwardedRef, className, tooltip, tooltipSide, ...props }: Props$1a & {
|
|
1867
1856
|
ref?: Ref<ElementRef<typeof Thumb>>;
|
|
1868
1857
|
}) => react_jsx_runtime.JSX.Element;
|
|
1869
1858
|
|
|
1870
1859
|
type ThumbTooltipFn = (value: number, index: number) => ReactNode;
|
|
1871
|
-
type Props$
|
|
1860
|
+
type Props$19 = ComponentProps<typeof Root$7> & {
|
|
1872
1861
|
thumbTooltip?: ThumbTooltipFn;
|
|
1873
1862
|
thumbTooltipSide?: ComponentProps<typeof SliderThumb>['tooltipSide'];
|
|
1874
1863
|
rangeClassName?: string;
|
|
1875
1864
|
};
|
|
1876
|
-
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$
|
|
1865
|
+
declare const Slider: ({ ref, className, value, defaultValue, min, max, onValueChange, thumbTooltip, thumbTooltipSide, rangeClassName, ...rest }: Props$19 & {
|
|
1877
1866
|
ref?: Ref<ElementRef<typeof Root$7>>;
|
|
1878
1867
|
}) => react_jsx_runtime.JSX.Element;
|
|
1879
1868
|
|
|
1880
1869
|
type SearchChangeEventHandler = (value: string, event: ChangeEvent<HTMLInputElement> | MouseEvent$1<HTMLButtonElement>) => void;
|
|
1881
1870
|
type SearchBlurEventHandler = (value: string, event: FocusEvent$1<HTMLInputElement, Element>) => void;
|
|
1882
|
-
type Props$
|
|
1871
|
+
type Props$18 = {
|
|
1883
1872
|
suffix?: ReactNode;
|
|
1884
1873
|
disableDebounce?: boolean;
|
|
1885
1874
|
debounceDelay?: number;
|
|
@@ -1894,14 +1883,14 @@ type Props$17 = {
|
|
|
1894
1883
|
/**
|
|
1895
1884
|
* @deprecated Use `SearchInput` instead. `Search` is kept only for the legacy (non-sidebar) layout.
|
|
1896
1885
|
*/
|
|
1897
|
-
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$
|
|
1886
|
+
declare const Search: ({ ref, suffix, className, onBlur, onChange, disabled, readOnly, disableDebounce, debounceDelay, value: externalValue, defaultValue, testId: prefixTestId, placeholder, onClear, variant, ...rest }: Props$18 & {
|
|
1898
1887
|
ref?: Ref<ElementRef<"input">>;
|
|
1899
1888
|
}) => react_jsx_runtime.JSX.Element;
|
|
1900
1889
|
|
|
1901
|
-
type Props$
|
|
1890
|
+
type Props$17 = {
|
|
1902
1891
|
onSubmit: (value: string) => void;
|
|
1903
1892
|
} & Omit<ComponentProps<typeof Search>, 'onClear' | 'onBlur' | 'onSubmit'>;
|
|
1904
|
-
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$
|
|
1893
|
+
declare const SearchForm: ({ ref, onSubmit, name, ...props }: Props$17 & {
|
|
1905
1894
|
ref?: Ref<ElementRef<"input">>;
|
|
1906
1895
|
}) => react_jsx_runtime.JSX.Element;
|
|
1907
1896
|
|
|
@@ -1926,10 +1915,10 @@ declare const variants$2: (props?: ({
|
|
|
1926
1915
|
sizing?: "small" | "medium" | "default" | null | undefined;
|
|
1927
1916
|
state?: "default" | "error" | "warning" | null | undefined;
|
|
1928
1917
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1929
|
-
type Props$
|
|
1918
|
+
type Props$16 = ComponentProps<typeof _radix_ui_react_select.Trigger> & Omit<VariantProps<typeof variants$2>, 'variant'> & {
|
|
1930
1919
|
variant?: Exclude<VariantProps<typeof variants$2>['variant'], 'argo'>;
|
|
1931
1920
|
} & Pick<ComponentProps<typeof _radix_ui_react_select.Value>, 'placeholder'>;
|
|
1932
|
-
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$
|
|
1921
|
+
declare const SelectTrigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: Props$16 & {
|
|
1933
1922
|
ref?: Ref<ElementRef<"button">>;
|
|
1934
1923
|
}) => react_jsx_runtime.JSX.Element;
|
|
1935
1924
|
|
|
@@ -1948,7 +1937,7 @@ type TriggerProps = ComponentProps<typeof SelectTrigger>;
|
|
|
1948
1937
|
* Props for `Select`. Combines Radix `Select.Root` control props with `Select.Trigger` chrome and the
|
|
1949
1938
|
* convenience `items` shape (flat list, or grouped lists with optional labels).
|
|
1950
1939
|
*/
|
|
1951
|
-
type Props$
|
|
1940
|
+
type Props$15 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'name' | 'required' | 'open' | 'defaultOpen' | 'onOpenChange'> & Pick<TriggerProps, 'variant' | 'state' | 'sizing' | 'placeholder' | 'id' | 'className'> & {
|
|
1952
1941
|
items?: readonly (SelectItem | SelectItemGroup)[];
|
|
1953
1942
|
};
|
|
1954
1943
|
/**
|
|
@@ -1963,7 +1952,7 @@ type Props$14 = Pick<SelectRootProps, 'value' | 'defaultValue' | 'onValueChange'
|
|
|
1963
1952
|
* `Select.Item`) for custom item layouts; the top-level `Select` covers the common cases.
|
|
1964
1953
|
*/
|
|
1965
1954
|
declare const Select: {
|
|
1966
|
-
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$
|
|
1955
|
+
({ value, defaultValue, onValueChange, disabled, name, required, open, defaultOpen, onOpenChange, variant, state, sizing, placeholder, id, className, items, }: Props$15): react_jsx_runtime.JSX.Element;
|
|
1967
1956
|
Root: (props: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1968
1957
|
Trigger: ({ ref, className, variant, state, sizing, placeholder, ...props }: (_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement> & Omit<class_variance_authority.VariantProps<(props?: ({
|
|
1969
1958
|
variant?: "primary" | "secondary" | "argo" | null | undefined;
|
|
@@ -1993,7 +1982,7 @@ declare const Select: {
|
|
|
1993
1982
|
Separator: ({ className, ...props }: _radix_ui_react_select.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
1994
1983
|
};
|
|
1995
1984
|
|
|
1996
|
-
type Props$
|
|
1985
|
+
type Props$14 = {
|
|
1997
1986
|
id?: string | number;
|
|
1998
1987
|
description?: ReactNode;
|
|
1999
1988
|
variant?: VariantProps<typeof fieldBoxVariants>['variant'];
|
|
@@ -2001,43 +1990,43 @@ type Props$13 = {
|
|
|
2001
1990
|
tooltip?: Props$1J['tooltip'];
|
|
2002
1991
|
tooltipPlacement?: Props$1J['placement'];
|
|
2003
1992
|
} & Omit<ComponentProps<typeof Root$8>, 'id'>;
|
|
2004
|
-
declare function Checkbox(prop: Omit<Props$
|
|
1993
|
+
declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
|
|
2005
1994
|
checked?: boolean;
|
|
2006
1995
|
onCheckedChange?: (checked: boolean) => void;
|
|
2007
1996
|
}): ReactNode;
|
|
2008
|
-
declare function Checkbox(prop: Omit<Props$
|
|
1997
|
+
declare function Checkbox(prop: Omit<Props$14, 'checked' | 'onCheckedChange'> & {
|
|
2009
1998
|
checked?: CheckedState;
|
|
2010
1999
|
onCheckedChange?: (checked: CheckedState) => void;
|
|
2011
2000
|
}): ReactNode;
|
|
2012
2001
|
|
|
2013
2002
|
type Variant$6 = 'check' | 'checkbox';
|
|
2014
|
-
type Props$
|
|
2003
|
+
type Props$13 = Omit<ComponentProps<typeof Combobox$1.ItemIndicator>, 'className' | 'children'> & {
|
|
2015
2004
|
className?: string;
|
|
2016
2005
|
variant?: Variant$6;
|
|
2017
2006
|
};
|
|
2018
|
-
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$
|
|
2007
|
+
declare const ComboboxItemIndicator: ({ ref, className, variant, ...props }: Props$13 & {
|
|
2019
2008
|
ref?: Ref<ElementRef<"span">>;
|
|
2020
2009
|
}) => react_jsx_runtime.JSX.Element;
|
|
2021
2010
|
|
|
2022
|
-
type Props$
|
|
2023
|
-
declare const ComboboxInput: ({ ref, ...props }: Props$
|
|
2011
|
+
type Props$12 = Omit<ComponentProps<typeof Combobox$1.Input>, 'render'>;
|
|
2012
|
+
declare const ComboboxInput: ({ ref, ...props }: Props$12 & {
|
|
2024
2013
|
ref?: Ref<ElementRef<"input">>;
|
|
2025
2014
|
}) => react_jsx_runtime.JSX.Element;
|
|
2026
2015
|
|
|
2027
|
-
type InputGroupProps$
|
|
2028
|
-
type Props$
|
|
2016
|
+
type InputGroupProps$6 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'sizing' | 'state'>;
|
|
2017
|
+
type Props$11 = InputGroupProps$6 & Omit<ComponentProps<typeof Combobox$1.InputGroup>, 'render' | 'className'> & {
|
|
2029
2018
|
className?: string;
|
|
2030
2019
|
};
|
|
2031
|
-
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$
|
|
2020
|
+
declare const ComboboxInputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: Props$11 & {
|
|
2032
2021
|
ref?: Ref<ElementRef<"div">>;
|
|
2033
2022
|
}) => react_jsx_runtime.JSX.Element;
|
|
2034
2023
|
|
|
2035
|
-
type Props
|
|
2024
|
+
type Props$10 = Omit<ComponentProps<typeof Combobox$1.Item>, 'className'> & {
|
|
2036
2025
|
className?: string;
|
|
2037
2026
|
icon?: ReactNode;
|
|
2038
2027
|
indicator?: ComponentProps<typeof ComboboxItemIndicator>['variant'];
|
|
2039
2028
|
};
|
|
2040
|
-
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props
|
|
2029
|
+
declare const ComboboxItem: ({ ref, className, children, icon, indicator: variant, ...props }: Props$10 & {
|
|
2041
2030
|
ref?: Ref<ElementRef<"div">>;
|
|
2042
2031
|
}) => react_jsx_runtime.JSX.Element;
|
|
2043
2032
|
|
|
@@ -2057,7 +2046,7 @@ type CreatableProps<Value> = {
|
|
|
2057
2046
|
queryToCreateLabel?: (query: string) => ReactNode;
|
|
2058
2047
|
queryToCreateValue?: (query: string) => Value;
|
|
2059
2048
|
};
|
|
2060
|
-
type Props
|
|
2049
|
+
type Props$$<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComboboxInputProps & PublicComboboxProps<Value> & CreatableProps<Value> & {
|
|
2061
2050
|
items?: readonly (Value | GroupShape)[];
|
|
2062
2051
|
allowClear?: boolean;
|
|
2063
2052
|
empty?: ReactNode;
|
|
@@ -2069,7 +2058,7 @@ type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = PublicComb
|
|
|
2069
2058
|
groupToLabel?: (group: GroupShape) => ReactNode;
|
|
2070
2059
|
};
|
|
2071
2060
|
declare const Combobox: {
|
|
2072
|
-
<Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props
|
|
2061
|
+
<Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value, defaultValue, onValueChange, itemToStringLabel: itemToStringLabelProp, itemToStringValue, disabled, filter, inputRef, onOpenChangeComplete, isItemEqualToValue: isItemEqualToValueProp, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, empty, indicator, prefix, allowCreate, queryToCreateValue, queryToCreateLabel, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, }: Props$$<Value, GroupShape>): react_jsx_runtime.JSX.Element;
|
|
2073
2062
|
Root: <Value, Multiple extends boolean | undefined = false>(props: Combobox$1.Root.Props<Value, Multiple>) => react_jsx_runtime.JSX.Element;
|
|
2074
2063
|
InputGroup: ({ ref, state, variant, sizing, focusVariant, className, ...props }: ({
|
|
2075
2064
|
variant?: "primary" | "secondary" | null | undefined;
|
|
@@ -2452,7 +2441,7 @@ type Indicator = NonNullable<ComboboxItemProps['indicator']>;
|
|
|
2452
2441
|
* Use `itemToLabel` / `itemToIcon` / `itemToDisabled` to project custom item shapes; use `filter` to override
|
|
2453
2442
|
* the default substring matcher.
|
|
2454
2443
|
*/
|
|
2455
|
-
type Props$
|
|
2444
|
+
type Props$_<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<ComboboxInputProps, 'placeholder' | 'id'> & Pick<ComboboxInputGroupProps, 'variant' | 'focusVariant' | 'sizing' | 'state' | 'className'> & Pick<ComboboxProps<Value>, 'disabled' | 'inputRef' | 'value' | 'defaultValue' | 'onValueChange' | 'itemToStringLabel' | 'itemToStringValue' | 'filter'> & Pick<ComboboxChipsProps, 'itemToChipLabel' | 'itemToChipColor' | 'maxVisible'> & {
|
|
2456
2445
|
items?: readonly (Value | GroupShape)[];
|
|
2457
2446
|
allowClear?: boolean;
|
|
2458
2447
|
allowSelectAll?: boolean;
|
|
@@ -2476,9 +2465,9 @@ type Props$Z<Value, GroupShape extends Group<Value> = Group<Value>> = Pick<Combo
|
|
|
2476
2465
|
* @see RECIPES.md#creatable-multi-combobox — for free-form-plus-enumerated patterns
|
|
2477
2466
|
* @see RECIPES.md#filter-toolbar — for combining multi-select with other filter chips
|
|
2478
2467
|
*/
|
|
2479
|
-
declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$
|
|
2468
|
+
declare const MultiCombobox: <Value, GroupShape extends Group<Value> = Group<Value>>({ items: _itemsProp, value: _valueProp, defaultValue, onValueChange, itemToStringLabel, itemToStringValue, disabled, filter: filterProp, inputRef, variant, sizing, focusVariant, state, placeholder, allowClear, id, className, allowSelectAll, empty, indicator, itemToDisabled, itemToLabel, itemToIcon, groupToLabel, itemToChipLabel, itemToChipColor, maxVisible, }: Props$_<Value, GroupShape>) => react_jsx_runtime.JSX.Element;
|
|
2480
2469
|
|
|
2481
|
-
type InputGroupProps$
|
|
2470
|
+
type InputGroupProps$5 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'sizing' | 'focusVariant' | 'state'>;
|
|
2482
2471
|
type TextareaNativeProps = Omit<ComponentProps<typeof InputGroup.TextArea>, 'value' | 'defaultValue' | 'rows' | 'maxRows'>;
|
|
2483
2472
|
type TextareaOwnProps = {
|
|
2484
2473
|
value?: string | null;
|
|
@@ -2489,12 +2478,12 @@ type TextareaOwnProps = {
|
|
|
2489
2478
|
disableResize?: boolean;
|
|
2490
2479
|
containerClassName?: string;
|
|
2491
2480
|
};
|
|
2492
|
-
type Props$
|
|
2481
|
+
type Props$Z = InputGroupProps$5 & TextareaNativeProps & TextareaOwnProps;
|
|
2493
2482
|
/**
|
|
2494
2483
|
* Multi-line text input. Chrome resolves from the active brand automatically: a modern brand always
|
|
2495
2484
|
* renders argo (any `variant` is ignored), while `variant` only tunes the legacy-brand chrome.
|
|
2496
2485
|
*/
|
|
2497
|
-
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$
|
|
2486
|
+
declare const Textarea: ({ ref, containerClassName, state, variant, sizing, focusVariant, ...rest }: Props$Z & {
|
|
2498
2487
|
ref?: Ref<ElementRef<"textarea">>;
|
|
2499
2488
|
}) => react_jsx_runtime.JSX.Element;
|
|
2500
2489
|
|
|
@@ -2507,16 +2496,16 @@ type AutoSaveTextareaProps = {
|
|
|
2507
2496
|
} & Pick<ComponentProps<typeof Textarea>, 'variant' | 'minRows' | 'maxRows' | 'className' | 'containerClassName' | 'maxLength'>;
|
|
2508
2497
|
declare const AutoSaveTextarea: ({ savedValue, onSave, placeholder, disabled, grow, ...textareaProps }: AutoSaveTextareaProps) => react_jsx_runtime.JSX.Element;
|
|
2509
2498
|
|
|
2510
|
-
type InputGroupProps$
|
|
2511
|
-
type InputGroupInputProps$
|
|
2512
|
-
type Props$
|
|
2499
|
+
type InputGroupProps$4 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2500
|
+
type InputGroupInputProps$4 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue'>;
|
|
2501
|
+
type Props$Y = InputGroupProps$4 & InputGroupInputProps$4 & {
|
|
2513
2502
|
value?: string | null;
|
|
2514
2503
|
defaultValue?: string | null;
|
|
2515
2504
|
onValueChange?: (value: string) => void;
|
|
2516
2505
|
onValueBlur?: (value: string) => void;
|
|
2517
2506
|
allowClear?: boolean;
|
|
2518
2507
|
};
|
|
2519
|
-
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$
|
|
2508
|
+
declare const ColorInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, onValueChange, onValueBlur, onChange, onBlur, defaultValue, allowClear, disabled, readOnly, ...restInputProps }: Props$Y & {
|
|
2520
2509
|
ref?: Ref<ElementRef<"input">>;
|
|
2521
2510
|
}) => react_jsx_runtime.JSX.Element;
|
|
2522
2511
|
|
|
@@ -2531,7 +2520,7 @@ type ThemeContextValue = {
|
|
|
2531
2520
|
resolvedMode: ResolvedMode;
|
|
2532
2521
|
};
|
|
2533
2522
|
|
|
2534
|
-
type Props$
|
|
2523
|
+
type Props$X = {
|
|
2535
2524
|
/**
|
|
2536
2525
|
* Brand whose tokens drive the chrome (`@keboola/design`'s semantic CSS
|
|
2537
2526
|
* variables) inside this provider's subtree. Defaults to the canonical
|
|
@@ -2566,6 +2555,13 @@ type Props$W = {
|
|
|
2566
2555
|
* A nested provider inherits the resolved mode from the parent context and
|
|
2567
2556
|
* touches neither `data-theme` nor a media listener.
|
|
2568
2557
|
* - Expose `{ brand, setBrand?, colorScheme, resolvedMode }` via `useTheme()`.
|
|
2558
|
+
* - ROOT only: mount a Radix `TooltipProvider` around the subtree so any
|
|
2559
|
+
* `Tooltip` works without a separately-mounted provider. Nested providers
|
|
2560
|
+
* inherit the root's `TooltipProvider` via context, so they add none of their
|
|
2561
|
+
* own — this keeps a single delay group across the app (apps like kbc-ui mount
|
|
2562
|
+
* dozens of scoped `ThemeProvider`s, so re-mounting a provider per subtree
|
|
2563
|
+
* would fragment tooltip delay behavior). A consumer's own `TooltipProvider`
|
|
2564
|
+
* still composes fine.
|
|
2569
2565
|
*
|
|
2570
2566
|
* Brand × mode: the active mode's palette is injected inline on `<html>`. When
|
|
2571
2567
|
* the resolved mode is `dark` and the brand has no `colorsDark`, the colour
|
|
@@ -2575,7 +2571,7 @@ type Props$W = {
|
|
|
2575
2571
|
* `data-brand` (brand id) and `data-theme` (light/dark) are separate axes so
|
|
2576
2572
|
* they compose without clobbering each other.
|
|
2577
2573
|
*/
|
|
2578
|
-
declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$
|
|
2574
|
+
declare const ThemeProvider: ({ brand, setBrand, colorScheme, children, }: Props$X) => react_jsx_runtime.JSX.Element;
|
|
2579
2575
|
|
|
2580
2576
|
/**
|
|
2581
2577
|
* Read the active brand (and optional setter) from the nearest `<ThemeProvider>`.
|
|
@@ -2599,7 +2595,7 @@ declare const useColorScheme: () => {
|
|
|
2599
2595
|
|
|
2600
2596
|
declare const useIsLegacyBrand: () => boolean;
|
|
2601
2597
|
|
|
2602
|
-
type Props$
|
|
2598
|
+
type Props$W = {
|
|
2603
2599
|
brand: Brand;
|
|
2604
2600
|
colorScheme?: ColorScheme;
|
|
2605
2601
|
children: ReactNode;
|
|
@@ -2618,7 +2614,7 @@ type Props$V = {
|
|
|
2618
2614
|
* surface so the mode is actually visible (otherwise dark-mode text sits on
|
|
2619
2615
|
* the unrelated canvas backdrop).
|
|
2620
2616
|
*/
|
|
2621
|
-
declare const ThemeDecorator: ({ brand, colorScheme, children }: Props$
|
|
2617
|
+
declare const ThemeDecorator: ({ brand, colorScheme, children }: Props$W) => react_jsx_runtime.JSX.Element;
|
|
2622
2618
|
|
|
2623
2619
|
/**
|
|
2624
2620
|
* Default toolbar items shipped with `ThemeDecorator` — the same brand IDs
|
|
@@ -2693,7 +2689,7 @@ declare const themeToolbarBrands: {
|
|
|
2693
2689
|
*/
|
|
2694
2690
|
declare const resolveStorybookBrand: (id: unknown) => Brand;
|
|
2695
2691
|
|
|
2696
|
-
type Props$
|
|
2692
|
+
type Props$V = {
|
|
2697
2693
|
/** The active color scheme. Controlled — pair with `onValueChange`. */
|
|
2698
2694
|
value: ColorScheme;
|
|
2699
2695
|
/** Called with the chosen scheme when the user picks a menu item. */
|
|
@@ -2718,11 +2714,11 @@ type Props$U = {
|
|
|
2718
2714
|
* The menu uses `DropdownMenu.RadioGroup` for single-select semantics; the active
|
|
2719
2715
|
* item is marked as checked. The trigger's `aria-label` names the current scheme.
|
|
2720
2716
|
*/
|
|
2721
|
-
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$
|
|
2717
|
+
declare const ColorModeSwitch: ({ value, onValueChange, size, className }: Props$V) => react_jsx_runtime.JSX.Element;
|
|
2722
2718
|
|
|
2723
|
-
type InputGroupProps$
|
|
2724
|
-
type InputGroupInputProps$
|
|
2725
|
-
type Props$
|
|
2719
|
+
type InputGroupProps$3 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2720
|
+
type InputGroupInputProps$3 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'prefix'>;
|
|
2721
|
+
type Props$U = InputGroupProps$3 & InputGroupInputProps$3 & {
|
|
2726
2722
|
value?: number | null;
|
|
2727
2723
|
defaultValue?: number | null;
|
|
2728
2724
|
onValueChange?: (value: number | null) => void;
|
|
@@ -2730,13 +2726,13 @@ type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
|
2730
2726
|
prefix?: ReactNode;
|
|
2731
2727
|
suffix?: ReactNode;
|
|
2732
2728
|
};
|
|
2733
|
-
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$
|
|
2729
|
+
declare const NumberInput: ({ ref, state, variant, focusVariant, sizing, className, value, defaultValue, onValueChange, onValueBlur, onChange, onBlur, prefix, suffix, ...inputProps }: Props$U & {
|
|
2734
2730
|
ref?: Ref<ElementRef<"input">>;
|
|
2735
2731
|
}) => react_jsx_runtime.JSX.Element;
|
|
2736
2732
|
|
|
2737
|
-
type InputGroupProps$
|
|
2738
|
-
type InputGroupInputProps$
|
|
2739
|
-
type Props$
|
|
2733
|
+
type InputGroupProps$2 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2734
|
+
type InputGroupInputProps$2 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type' | 'autoComplete'>;
|
|
2735
|
+
type Props$T = InputGroupProps$2 & InputGroupInputProps$2 & {
|
|
2740
2736
|
value?: string | null;
|
|
2741
2737
|
defaultValue?: string | null;
|
|
2742
2738
|
onValueChange?: (value: string) => void;
|
|
@@ -2746,7 +2742,20 @@ type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
|
2746
2742
|
autoComplete?: 'new-password' | 'current-password' | 'off';
|
|
2747
2743
|
defaultPasswordVisibility?: boolean;
|
|
2748
2744
|
};
|
|
2749
|
-
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$
|
|
2745
|
+
declare const PasswordInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, onKeyDown, onKeyUp, onMouseDown, allowClear, allowPasswordToggle, autoComplete, defaultPasswordVisibility, disabled, readOnly, ...restInputProps }: Props$T & {
|
|
2746
|
+
ref?: Ref<ElementRef<"input">>;
|
|
2747
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
2748
|
+
|
|
2749
|
+
type InputGroupProps$1 = Pick<ComponentProps<typeof InputGroup>, 'variant' | 'focusVariant' | 'state' | 'sizing'>;
|
|
2750
|
+
type InputGroupInputProps$1 = Omit<ComponentProps<typeof InputGroup.Input>, 'value' | 'defaultValue' | 'type'>;
|
|
2751
|
+
type Props$S = InputGroupProps$1 & InputGroupInputProps$1 & {
|
|
2752
|
+
value?: string | null;
|
|
2753
|
+
defaultValue?: string | null;
|
|
2754
|
+
onValueChange?: (value: string | null) => void;
|
|
2755
|
+
onValueBlur?: (value: string | null) => void;
|
|
2756
|
+
allowClear?: boolean;
|
|
2757
|
+
};
|
|
2758
|
+
declare const TimeInput: ({ ref, state, variant, focusVariant, sizing, className, value: valueProp, defaultValue, onValueChange, onValueBlur, onChange, onBlur, allowClear, disabled, readOnly, placeholder, ...restInputProps }: Props$S & {
|
|
2750
2759
|
ref?: Ref<ElementRef<"input">>;
|
|
2751
2760
|
}) => react_jsx_runtime.JSX.Element;
|
|
2752
2761
|
|
|
@@ -5927,7 +5936,7 @@ type Trigger<T extends string> = {
|
|
|
5927
5936
|
onClose?: (value: T) => void;
|
|
5928
5937
|
} & Omit<RadixTabs.TabsTriggerProps, 'title' | 'asChild'>;
|
|
5929
5938
|
type Props$c<T extends string> = {
|
|
5930
|
-
triggers: Trigger<T>[];
|
|
5939
|
+
triggers: readonly Trigger<T>[];
|
|
5931
5940
|
compact?: boolean;
|
|
5932
5941
|
children: ReactNode;
|
|
5933
5942
|
defaultValue?: string;
|