@uniformdev/design-system 20.6.2-alpha.11 → 20.7.1-alpha.102
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +246 -0
- package/dist/esm/{importedIcons-SI6R3MYO.js → importedIcons-NFIA4IOK.js} +5 -1
- package/dist/esm/index.js +4276 -2528
- package/dist/index.d.mts +487 -127
- package/dist/index.d.ts +487 -127
- package/dist/index.js +4419 -2625
- package/package.json +37 -21
package/dist/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
2
2
|
import { Decorator } from '@storybook/react';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, FocusEventHandler, ChangeEvent
|
|
4
|
+
import React__default, { RefObject, ReactElement, MutableRefObject, HTMLAttributes, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, HtmlHTMLAttributes, PropsWithChildren, FocusEventHandler, ChangeEvent } from 'react';
|
|
5
5
|
import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
|
|
6
6
|
export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
|
|
7
7
|
import * as _emotion_react from '@emotion/react';
|
|
@@ -16,7 +16,6 @@ import { IconType as IconType$2 } from '@react-icons/all-files';
|
|
|
16
16
|
import { DateValue } from '@internationalized/date';
|
|
17
17
|
import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
|
|
18
18
|
import { CreatableProps } from 'react-select/creatable';
|
|
19
|
-
import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
|
|
20
19
|
import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
|
|
21
20
|
import { InitialConfigType } from '@lexical/react/LexicalComposer';
|
|
22
21
|
import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
|
|
@@ -81,6 +80,14 @@ declare const supports: (cssProp: string) => string;
|
|
|
81
80
|
* @example `${cq('300px')} { background: red; }`
|
|
82
81
|
*/
|
|
83
82
|
declare const cq: (size: string) => string;
|
|
83
|
+
/**
|
|
84
|
+
* Prefers Reduced Motion Helper Function
|
|
85
|
+
* @function
|
|
86
|
+
* @param {string} cssProp - The css property you want to check support
|
|
87
|
+
* @returns {string} - compiled prefers reduced motion query e.g. @media (prefers-reduced-motion: reduce)
|
|
88
|
+
* @example `${prefersReducedMotion('reduce')} { animation: none; }`
|
|
89
|
+
*/
|
|
90
|
+
declare const prefersReducedMotion: (cssProp: "reduce" | "no-preference") => string;
|
|
84
91
|
|
|
85
92
|
/** @deprecated for internal use only */
|
|
86
93
|
declare const debounce: (fn: (...args: any[]) => void, ms?: number) => (this: any, ...args: any[]) => void;
|
|
@@ -189,6 +196,7 @@ declare const skeletonLoading: _emotion_react.Keyframes;
|
|
|
189
196
|
declare const fadeInLtr: _emotion_react.Keyframes;
|
|
190
197
|
declare const fadeInRtl: _emotion_react.Keyframes;
|
|
191
198
|
declare const slideInTtb: _emotion_react.Keyframes;
|
|
199
|
+
declare const slideInRtl: _emotion_react.Keyframes;
|
|
192
200
|
declare const spin: _emotion_react.Keyframes;
|
|
193
201
|
|
|
194
202
|
/** Custom scrollbar styles */
|
|
@@ -383,8 +391,12 @@ type UseShortcutOptions = {
|
|
|
383
391
|
doNotPreventDefault?: boolean;
|
|
384
392
|
/** Whether the shortcut will activate with a form field in focus */
|
|
385
393
|
activeWhenEditing?: boolean;
|
|
386
|
-
/**
|
|
387
|
-
|
|
394
|
+
/**
|
|
395
|
+
* When true or 'silent', the shortcut is disabled. When undefined or false, it is enabled.
|
|
396
|
+
* The result will also reflect this state, which may disable attached menus, buttons, etc
|
|
397
|
+
* 'silent' will not show a toast notification when the shortcut is invoked while disabled.
|
|
398
|
+
*/
|
|
399
|
+
disabled?: boolean | 'silent';
|
|
388
400
|
};
|
|
389
401
|
type ShortcutReference = {
|
|
390
402
|
shortcut: string;
|
|
@@ -408,8 +420,12 @@ type TooltipProps = TooltipOptions & {
|
|
|
408
420
|
children: JSX.Element;
|
|
409
421
|
/** If the tooltip should not be rendered inside a portal */
|
|
410
422
|
withoutPortal?: boolean;
|
|
423
|
+
/** sets the delay time before showing the tooltip
|
|
424
|
+
* @default 0
|
|
425
|
+
*/
|
|
426
|
+
timeout?: number;
|
|
411
427
|
} & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
|
|
412
|
-
declare function Tooltip({ children, title, placement, visible, withoutPortal, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
428
|
+
declare function Tooltip({ children, title, placement, visible, withoutPortal, timeout, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
413
429
|
|
|
414
430
|
/** Button sizes that are available to use with our brand */
|
|
415
431
|
type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -427,6 +443,12 @@ type ButtonSoftStylesProps = {
|
|
|
427
443
|
size: ButtonSizeProps$1;
|
|
428
444
|
variant?: 'soft' | undefined;
|
|
429
445
|
};
|
|
446
|
+
declare const getButtonSize: (size: ButtonSizeProps$1) => string;
|
|
447
|
+
declare const getButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
|
|
448
|
+
buttonTheme: SerializedStyles;
|
|
449
|
+
btnSize: string;
|
|
450
|
+
};
|
|
451
|
+
/** @deprecated - use getButtonStyles instead */
|
|
430
452
|
declare const useButtonStyles: ({ size, ...props }: ButtonStylesProps) => {
|
|
431
453
|
buttonTheme: SerializedStyles;
|
|
432
454
|
btnSize: string;
|
|
@@ -1150,17 +1172,18 @@ declare const allSupportedIcons: {
|
|
|
1150
1172
|
'device-tv': _react_icons_all_files.IconType;
|
|
1151
1173
|
'device-ipad': _react_icons_all_files.IconType;
|
|
1152
1174
|
'device-mobile-rotated': _react_icons_all_files.IconType;
|
|
1175
|
+
'plug-angled': _react_icons_all_files.IconType;
|
|
1176
|
+
'clock-edit': _react_icons_all_files.IconType;
|
|
1153
1177
|
};
|
|
1154
1178
|
|
|
1155
1179
|
/** A list of available icon names that can be used with the Uniform brand */
|
|
1156
1180
|
type IconName = keyof typeof allSupportedIcons;
|
|
1157
|
-
|
|
1181
|
+
/** sets the type of icon to use from the available list */
|
|
1182
|
+
type IconType = IconName | IconType$1;
|
|
1158
1183
|
/** sets fill color of the svg icon
|
|
1159
1184
|
* @default 'default'
|
|
1160
1185
|
*/
|
|
1161
|
-
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark';
|
|
1162
|
-
/** sets the type of icon to use from the available list */
|
|
1163
|
-
type IconType = IconName | IconType$1;
|
|
1186
|
+
type IconColor = 'white' | 'action' | 'default' | 'red' | 'gray' | 'gray300' | 'accent' | 'currentColor' | 'accent-dark' | 'accent-light' | 'accent-alt-dark' | 'utility-success';
|
|
1164
1187
|
interface IconProps extends IconBaseProps {
|
|
1165
1188
|
/** sets the icon to be used */
|
|
1166
1189
|
icon: IconType;
|
|
@@ -1169,11 +1192,6 @@ interface IconProps extends IconBaseProps {
|
|
|
1169
1192
|
/** sets additional icon props provided by "react-icons" */
|
|
1170
1193
|
otherProps?: IconBaseProps;
|
|
1171
1194
|
}
|
|
1172
|
-
/**
|
|
1173
|
-
* Component that renders icons
|
|
1174
|
-
* @example <Icon icon="add-r" iconColor="currentColor" />
|
|
1175
|
-
*/
|
|
1176
|
-
declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
|
|
1177
1195
|
|
|
1178
1196
|
declare const rectangleRoundedIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1179
1197
|
declare const cardIcon: (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
@@ -1228,6 +1246,12 @@ declare const customIcons: {
|
|
|
1228
1246
|
'zig-zag-thick': (props: _react_icons_all_files.IconBaseProps) => React.JSX.Element;
|
|
1229
1247
|
};
|
|
1230
1248
|
|
|
1249
|
+
/**
|
|
1250
|
+
* Component that renders icons
|
|
1251
|
+
* @example <Icon icon="add-r" iconColor="currentColor" />
|
|
1252
|
+
*/
|
|
1253
|
+
declare const Icon: React__default.MemoExoticComponent<({ icon, iconColor, size, ...otherProps }: IconProps) => _emotion_react_jsx_runtime.JSX.Element | null>;
|
|
1254
|
+
|
|
1231
1255
|
type IconsMap = Record<string, IconType$1>;
|
|
1232
1256
|
declare function useIconContext(): {
|
|
1233
1257
|
iconsMap: IconsMap;
|
|
@@ -1251,6 +1275,10 @@ declare const uniformCompositionPatternIcon: IconType$1;
|
|
|
1251
1275
|
declare const uniformContentTypeIcon: IconType$1;
|
|
1252
1276
|
declare const uniformEntryIcon: IconType$1;
|
|
1253
1277
|
declare const uniformEntryPatternIcon: IconType$1;
|
|
1278
|
+
declare const uniformStatusDraftIcon: IconType$1;
|
|
1279
|
+
declare const uniformStatusModifiedIcon: IconType$1;
|
|
1280
|
+
declare const uniformStatusPublishedIcon: IconType$1;
|
|
1281
|
+
declare const uniformUsageStatusIcon: IconType$1;
|
|
1254
1282
|
|
|
1255
1283
|
type ButtonThemeProps = 'primary' | 'secondary' | 'unimportant' | 'ghost' | 'secondaryOutline';
|
|
1256
1284
|
type ButtonSizeProps = 'sm' | 'base' | 'lg';
|
|
@@ -1269,7 +1297,10 @@ interface ActionButtonsProps {
|
|
|
1269
1297
|
icon?: IconName;
|
|
1270
1298
|
/** adds child components to the ButtonWithMenu component */
|
|
1271
1299
|
children: React$1.ReactNode;
|
|
1272
|
-
/**
|
|
1300
|
+
/**
|
|
1301
|
+
* sets the button size
|
|
1302
|
+
* @default "base"
|
|
1303
|
+
*/
|
|
1273
1304
|
size?: ButtonSizeProps;
|
|
1274
1305
|
/** sets additional Menu component styles */
|
|
1275
1306
|
menuContainerCssClasses?: SerializedStyles;
|
|
@@ -1364,6 +1395,10 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
1364
1395
|
*/
|
|
1365
1396
|
tag?: React$1.ElementType;
|
|
1366
1397
|
};
|
|
1398
|
+
/**
|
|
1399
|
+
* @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
|
|
1400
|
+
* It will be removed in the next major version.
|
|
1401
|
+
*/
|
|
1367
1402
|
declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1368
1403
|
type CardTitleProps = {
|
|
1369
1404
|
children?: React$1.ReactNode;
|
|
@@ -1391,11 +1426,19 @@ type CardContainerProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
1391
1426
|
*/
|
|
1392
1427
|
withLastColumn?: boolean;
|
|
1393
1428
|
};
|
|
1394
|
-
/**
|
|
1429
|
+
/**
|
|
1430
|
+
* Uniform Card Container
|
|
1395
1431
|
* @example <CardContainer><Card title="card title" /></CardContainer>
|
|
1432
|
+
*
|
|
1433
|
+
* @deprecated Use the `FlexiCard` component from `@uniformdev/design-system` instead.
|
|
1434
|
+
* It will be removed in the next major version.
|
|
1396
1435
|
*/
|
|
1397
1436
|
declare const CardContainer: ({ bgColor, padding, withLastColumn, children, ...props }: CardContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1398
1437
|
|
|
1438
|
+
/**
|
|
1439
|
+
* @deprecated Use the `LoadingCardSkeleton` component from `@uniformdev/design-system` instead.
|
|
1440
|
+
* It will be removed in the next major version.
|
|
1441
|
+
*/
|
|
1399
1442
|
declare const LoadingCardSkeleton: () => _emotion_react_jsx_runtime.JSX.Element;
|
|
1400
1443
|
|
|
1401
1444
|
type ChipSizeProp = 'xs' | 'sm' | 'md';
|
|
@@ -1457,10 +1500,12 @@ type MultilineChipProps = {
|
|
|
1457
1500
|
declare const MultilineChip: ({ children, onClick, ...props }: MultilineChipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1458
1501
|
|
|
1459
1502
|
type CounterBgColors = 'var(--white)' | 'var(--gray-50)' | 'var(--accent-light)' | 'var(--accent-dark)' | 'transparent';
|
|
1460
|
-
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'red';
|
|
1503
|
+
type CounterIconColors = 'auto' | 'var(--utility-caution-icon)' | 'var(--utility-danger-icon)' | 'var(--utility-info-icon)' | 'var(--utility-success-icon)' | 'red';
|
|
1461
1504
|
type CounterProps = {
|
|
1462
|
-
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear.
|
|
1463
|
-
|
|
1505
|
+
/** sets the count value, a 0 will show a dot instead of a number. Undefined will cause the counter to disappear.
|
|
1506
|
+
* String can be used for formatting purposes, e.g. "1.2k" or regionalized number, e.g. "1,200"
|
|
1507
|
+
*/
|
|
1508
|
+
count: number | string | undefined;
|
|
1464
1509
|
/** sets the background color
|
|
1465
1510
|
* @default 'transparent'
|
|
1466
1511
|
*/
|
|
@@ -1469,9 +1514,13 @@ type CounterProps = {
|
|
|
1469
1514
|
iconColor?: CounterIconColors;
|
|
1470
1515
|
/** Optional icon for the counter */
|
|
1471
1516
|
icon?: IconType;
|
|
1517
|
+
/** sets the size of the counter
|
|
1518
|
+
* @default 'md'
|
|
1519
|
+
*/
|
|
1520
|
+
size?: 'sm' | 'md';
|
|
1472
1521
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
1473
1522
|
/** @example <Counter count={1} /> */
|
|
1474
|
-
declare const Counter: ({ count, bgColor, icon, iconColor, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
1523
|
+
declare const Counter: ({ count, bgColor, icon, iconColor, size, ...props }: CounterProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
1475
1524
|
|
|
1476
1525
|
type TextAlignProps = 'left' | 'right' | 'center';
|
|
1477
1526
|
type BoxHeightProps = 'auto' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -1608,6 +1657,8 @@ type DateTimePickerProps = {
|
|
|
1608
1657
|
* @default 8
|
|
1609
1658
|
*/
|
|
1610
1659
|
offset?: number;
|
|
1660
|
+
/** (optional) sets whether to render the popover in a portal */
|
|
1661
|
+
portal?: boolean;
|
|
1611
1662
|
};
|
|
1612
1663
|
/**
|
|
1613
1664
|
* Use this context for slots within the date time picker
|
|
@@ -1627,7 +1678,7 @@ declare function useDateTimePickerContext(): {
|
|
|
1627
1678
|
* Subcomponents can manipulate the value directly by using
|
|
1628
1679
|
* the `useDateTimePickerContext()` hook.
|
|
1629
1680
|
*/
|
|
1630
|
-
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, offset, testId, placement, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1681
|
+
declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, offset, testId, placement, portal, ...props }: DateTimePickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1631
1682
|
|
|
1632
1683
|
declare function DateTimePickerSummary({ value, placeholder, }: {
|
|
1633
1684
|
value: DateTimePickerValue | null | undefined;
|
|
@@ -1835,6 +1886,23 @@ declare const TakeoverDrawerRenderer: (props: Omit<DrawerRendererProps, "stackId
|
|
|
1835
1886
|
stackId?: string;
|
|
1836
1887
|
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1837
1888
|
|
|
1889
|
+
type FlexiCardProps = {
|
|
1890
|
+
heading?: ReactNode;
|
|
1891
|
+
children: ReactNode;
|
|
1892
|
+
height?: string;
|
|
1893
|
+
width?: string;
|
|
1894
|
+
} & HTMLAttributes<HTMLDivElement>;
|
|
1895
|
+
declare const FlexiCard: ({ heading, children, width, height, ...props }: FlexiCardProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1896
|
+
|
|
1897
|
+
type FlexiCardTitleProps = {
|
|
1898
|
+
icon?: IconType;
|
|
1899
|
+
heading: string;
|
|
1900
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
1901
|
+
/** Flexi Card Title Component
|
|
1902
|
+
* recommended to be used within the FlexiCard component
|
|
1903
|
+
*/
|
|
1904
|
+
declare const FlexiCardTitle: ({ icon, heading, ...props }: FlexiCardTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1905
|
+
|
|
1838
1906
|
interface IconButtonProps extends Omit<ButtonProps, 'size'> {
|
|
1839
1907
|
variant?: 'square' | 'rounded';
|
|
1840
1908
|
/** Style for the larger sizes have not been decided yet */
|
|
@@ -1888,7 +1956,7 @@ declare const CheckboxWithInfo: React$1.ForwardRefExoticComponent<React$1.HTMLAt
|
|
|
1888
1956
|
|
|
1889
1957
|
type ErrorMessageProps = {
|
|
1890
1958
|
/** sets the error message value */
|
|
1891
|
-
message?:
|
|
1959
|
+
message?: ReactNode;
|
|
1892
1960
|
/** sets the test id for test automation (optional) */
|
|
1893
1961
|
testId?: string;
|
|
1894
1962
|
className?: string;
|
|
@@ -1996,6 +2064,11 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
|
1996
2064
|
* (optional) sets an overriding classname on the label element
|
|
1997
2065
|
* @deprecated */
|
|
1998
2066
|
classNameLabel?: string | SerializedStyles;
|
|
2067
|
+
/**
|
|
2068
|
+
* If true, the input will allow mouse wheel scrolling to change the value.
|
|
2069
|
+
* @default false
|
|
2070
|
+
*/
|
|
2071
|
+
enableMouseWheel?: boolean;
|
|
1999
2072
|
};
|
|
2000
2073
|
/**
|
|
2001
2074
|
* Input Component
|
|
@@ -2038,6 +2111,11 @@ declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttribut
|
|
|
2038
2111
|
* (optional) sets an overriding classname on the label element
|
|
2039
2112
|
* @deprecated */
|
|
2040
2113
|
classNameLabel?: string | SerializedStyles;
|
|
2114
|
+
/**
|
|
2115
|
+
* If true, the input will allow mouse wheel scrolling to change the value.
|
|
2116
|
+
* @default false
|
|
2117
|
+
*/
|
|
2118
|
+
enableMouseWheel?: boolean;
|
|
2041
2119
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
2042
2120
|
|
|
2043
2121
|
/**
|
|
@@ -2059,8 +2137,13 @@ type InputComboBoxOption<TValue = string> = {
|
|
|
2059
2137
|
* Note: this works for any type used for an option where a boolean called indented exists.
|
|
2060
2138
|
*/
|
|
2061
2139
|
indented?: boolean;
|
|
2140
|
+
/**
|
|
2141
|
+
* Sets the option to be fixed.
|
|
2142
|
+
* This will prevent the option from being removed or selected.
|
|
2143
|
+
*/
|
|
2144
|
+
isFixed?: boolean;
|
|
2062
2145
|
};
|
|
2063
|
-
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup
|
|
2146
|
+
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
|
|
2064
2147
|
type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
|
|
2065
2148
|
type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
|
|
2066
2149
|
/**
|
|
@@ -2447,6 +2530,7 @@ declare const JsonEditor: ({ defaultValue, onChange, jsonSchema, height, readOnl
|
|
|
2447
2530
|
type KeyValueItem<TValue extends string = string> = {
|
|
2448
2531
|
key: string;
|
|
2449
2532
|
value: TValue;
|
|
2533
|
+
icon?: string;
|
|
2450
2534
|
uniqueId?: string;
|
|
2451
2535
|
};
|
|
2452
2536
|
type KeyValueInputProps<TValue extends string = string> = {
|
|
@@ -2457,10 +2541,18 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
2457
2541
|
newItemDefault?: KeyValueItem<TValue>;
|
|
2458
2542
|
keyLabel?: string;
|
|
2459
2543
|
valueLabel?: string;
|
|
2544
|
+
iconLabel?: string;
|
|
2460
2545
|
keyInfoPopover?: ReactNode;
|
|
2461
2546
|
valueInfoPopover?: ReactNode;
|
|
2462
|
-
|
|
2547
|
+
iconInfoPopover?: ReactNode;
|
|
2548
|
+
errors?: (Record<keyof Omit<KeyValueItem, 'uniqueId'>, string> | Partial<Record<keyof Omit<KeyValueItem, 'uniqueId'>, string>> | null)[];
|
|
2463
2549
|
onFocusChange?: (isFocused: boolean) => void;
|
|
2550
|
+
showIconColumn?: boolean;
|
|
2551
|
+
renderIconSelector?: (props: {
|
|
2552
|
+
value?: string;
|
|
2553
|
+
onChange: (icon: string) => void;
|
|
2554
|
+
disabled?: boolean;
|
|
2555
|
+
}) => ReactNode;
|
|
2464
2556
|
};
|
|
2465
2557
|
/**
|
|
2466
2558
|
* A component to render a sortable key-value input
|
|
@@ -2469,7 +2561,19 @@ type KeyValueInputProps<TValue extends string = string> = {
|
|
|
2469
2561
|
* return <KeyValueInput value={value} onChange={setValue} />
|
|
2470
2562
|
* @deprecated This component is in beta, name and props are subject to change without a major version
|
|
2471
2563
|
*/
|
|
2472
|
-
declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, keyInfoPopover, valueInfoPopover, disabled, errors, onFocusChange, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2564
|
+
declare const KeyValueInput: <TValue extends string = string>({ value, onChange, label, newItemDefault, keyLabel, valueLabel, iconLabel, keyInfoPopover, valueInfoPopover, iconInfoPopover, disabled, errors, onFocusChange, showIconColumn, renderIconSelector, }: KeyValueInputProps<TValue>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2565
|
+
|
|
2566
|
+
type AsideAndSectionLayout = {
|
|
2567
|
+
/** sets child components in the aside / supporting column */
|
|
2568
|
+
sidebar?: ReactNode;
|
|
2569
|
+
/** sets child components in the section / main content column */
|
|
2570
|
+
children: ReactNode;
|
|
2571
|
+
/** Makes the sidebar sticky to the top of the container
|
|
2572
|
+
* @default false
|
|
2573
|
+
*/
|
|
2574
|
+
isStickyAside?: boolean;
|
|
2575
|
+
};
|
|
2576
|
+
declare const AsideAndSectionLayout: ({ sidebar, children, isStickyAside, }: AsideAndSectionLayout) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2473
2577
|
|
|
2474
2578
|
type SpacingProp = '0' | '2xs' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl';
|
|
2475
2579
|
type BackgroundColorProp = 'transparent' | 'white' | 'gray-50' | 'gray-100' | 'gray-200' | 'gray-300' | 'gray-400' | 'gray-500' | 'gray-600' | 'gray-700' | 'gray-800' | 'gray-900';
|
|
@@ -2539,26 +2643,24 @@ type LimitsBarProps = {
|
|
|
2539
2643
|
current: number;
|
|
2540
2644
|
/** The maximum number of limits */
|
|
2541
2645
|
max: number;
|
|
2542
|
-
/**
|
|
2543
|
-
label
|
|
2646
|
+
/** @deprecated No longer used */
|
|
2647
|
+
label?: string;
|
|
2648
|
+
/** Optional popover content for info icon */
|
|
2649
|
+
popoverContent?: ReactNode;
|
|
2544
2650
|
};
|
|
2545
2651
|
/**
|
|
2546
2652
|
* Uniform Limits Bar Component
|
|
2547
|
-
* @example <LimitsBar current=
|
|
2653
|
+
* @example <LimitsBar current={3} max={5} />
|
|
2548
2654
|
*/
|
|
2549
|
-
declare const LimitsBar: ({ current, max,
|
|
2655
|
+
declare const LimitsBar: ({ current, max, popoverContent }: LimitsBarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2550
2656
|
|
|
2551
2657
|
type LinkListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
2552
2658
|
/** sets the title field */
|
|
2553
2659
|
title: string;
|
|
2554
|
-
/** sets padding value
|
|
2555
|
-
* @default 'var(--spacing-md)'
|
|
2556
|
-
*/
|
|
2557
|
-
padding?: string;
|
|
2558
2660
|
/** (optional) sets react child component */
|
|
2559
2661
|
children?: React$1.ReactNode;
|
|
2560
2662
|
};
|
|
2561
|
-
declare const LinkList: ({ title,
|
|
2663
|
+
declare const LinkList: ({ title, children, ...props }: LinkListProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2562
2664
|
|
|
2563
2665
|
type ScrollableListProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
2564
2666
|
/** (optional) sets the label value */
|
|
@@ -2668,9 +2770,13 @@ interface DropdownStyleMenuTriggerProps extends React.HTMLAttributes<HTMLButtonE
|
|
|
2668
2770
|
children: React.ReactNode;
|
|
2669
2771
|
/** sets the background color of the button */
|
|
2670
2772
|
bgColor?: string;
|
|
2773
|
+
/** sets the variant of the button
|
|
2774
|
+
* @default "ghost"
|
|
2775
|
+
*/
|
|
2776
|
+
variant?: 'ghost' | 'outline';
|
|
2671
2777
|
}
|
|
2672
2778
|
/** Renders a dropdown menu style menu trigger button */
|
|
2673
|
-
declare
|
|
2779
|
+
declare const DropdownStyleMenuTrigger: React$1.ForwardRefExoticComponent<DropdownStyleMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2674
2780
|
|
|
2675
2781
|
declare const legacyPlacements: readonly ["auto", "auto-start", "auto-end"];
|
|
2676
2782
|
type LegacyPlacement = (typeof legacyPlacements)[number];
|
|
@@ -2704,6 +2810,11 @@ interface MenuProps extends MenuProps$1 {
|
|
|
2704
2810
|
*/
|
|
2705
2811
|
maxMenuHeight?: string;
|
|
2706
2812
|
portalElement?: React$1.ComponentProps<typeof Menu$1>['portalElement'];
|
|
2813
|
+
/** sets the menu size
|
|
2814
|
+
* it's recommended to use the same size for all menu items in a menu
|
|
2815
|
+
* @default 'base'
|
|
2816
|
+
*/
|
|
2817
|
+
size?: 'small' | 'base';
|
|
2707
2818
|
}
|
|
2708
2819
|
/**
|
|
2709
2820
|
* Component used for creating clickable menus
|
|
@@ -2725,6 +2836,11 @@ type MenuGroupProps = {
|
|
|
2725
2836
|
};
|
|
2726
2837
|
declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2727
2838
|
|
|
2839
|
+
/**
|
|
2840
|
+
* base - default
|
|
2841
|
+
* red - red text
|
|
2842
|
+
* accent-alt - AI color (accent-alt-dark). DOES NOT change the text - only the icon color!
|
|
2843
|
+
*/
|
|
2728
2844
|
type MenuItemTextThemeProps = 'base' | 'red' | 'accent-alt';
|
|
2729
2845
|
type MenuItemProps = MenuItemProps$1 & {
|
|
2730
2846
|
/**
|
|
@@ -2734,7 +2850,9 @@ type MenuItemProps = MenuItemProps$1 & {
|
|
|
2734
2850
|
children?: ChildFunction | React$1.ReactNode;
|
|
2735
2851
|
/** (optional) set whether to hide the menu after a click action */
|
|
2736
2852
|
hideMenuOnClick?: boolean;
|
|
2737
|
-
/** (optional) set an icon along side the item text
|
|
2853
|
+
/** (optional) set an icon along side the item text, we recommend using the MenuItemIcon component
|
|
2854
|
+
* @example <MenuItemIcon icon="add-r" />
|
|
2855
|
+
*/
|
|
2738
2856
|
icon?: React$1.ReactElement;
|
|
2739
2857
|
/** When an element is disabled, it may still be focusable. It works similarly to readOnly on form elements. In this case, only aria-disabled will be set. */
|
|
2740
2858
|
focusable?: boolean;
|
|
@@ -2770,8 +2888,9 @@ declare const MenuItemInner: React$1.FC<MenuItemProps>;
|
|
|
2770
2888
|
* Renders an icon for a menu item. Optional micro wrapper around an Icon component
|
|
2771
2889
|
* configured to match the menu item icon style.
|
|
2772
2890
|
*/
|
|
2773
|
-
declare function MenuItemIcon({ icon }: {
|
|
2891
|
+
declare function MenuItemIcon({ icon, size }: {
|
|
2774
2892
|
icon: IconType;
|
|
2893
|
+
size?: string;
|
|
2775
2894
|
}): _emotion_react_jsx_runtime.JSX.Element;
|
|
2776
2895
|
/**
|
|
2777
2896
|
* Indents a menu item as if it had an icon when it does not
|
|
@@ -2780,7 +2899,7 @@ declare function MenuItemIcon({ icon }: {
|
|
|
2780
2899
|
*/
|
|
2781
2900
|
declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
|
|
2782
2901
|
|
|
2783
|
-
declare const MenuItemSeparator: () => _emotion_react_jsx_runtime.JSX.Element;
|
|
2902
|
+
declare const MenuItemSeparator: ({ ...props }: HtmlHTMLAttributes<HTMLHRElement>) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2784
2903
|
|
|
2785
2904
|
type MenuButtonProp = {
|
|
2786
2905
|
children: React.ReactNode;
|
|
@@ -2797,6 +2916,7 @@ type MenuThreeDotsProps = {
|
|
|
2797
2916
|
* @default '1rem'
|
|
2798
2917
|
*/
|
|
2799
2918
|
iconSize?: string;
|
|
2919
|
+
disabled?: boolean;
|
|
2800
2920
|
} & HTMLAttributes<HTMLButtonElement>;
|
|
2801
2921
|
declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
2802
2922
|
/** sets the aria-label and title value on the button
|
|
@@ -2807,6 +2927,14 @@ declare const MenuThreeDots: React$1.ForwardRefExoticComponent<{
|
|
|
2807
2927
|
* @default '1rem'
|
|
2808
2928
|
*/
|
|
2809
2929
|
iconSize?: string;
|
|
2930
|
+
disabled?: boolean;
|
|
2931
|
+
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2932
|
+
declare const MenuSelect: React$1.ForwardRefExoticComponent<{
|
|
2933
|
+
/** sets the size of the menu select
|
|
2934
|
+
* @default 'base'
|
|
2935
|
+
*/
|
|
2936
|
+
size?: "xs" | "sm" | "base" | "md" | "lg";
|
|
2937
|
+
children: React.ReactNode;
|
|
2810
2938
|
} & HTMLAttributes<HTMLButtonElement> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
2811
2939
|
|
|
2812
2940
|
type SearchableMenuProps = {
|
|
@@ -2822,7 +2950,7 @@ type SearchableMenuProps = {
|
|
|
2822
2950
|
/**
|
|
2823
2951
|
* Searchable menu allows searching through its menu items
|
|
2824
2952
|
*/
|
|
2825
|
-
declare
|
|
2953
|
+
declare const SearchableMenu: (props: SearchableMenuProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2826
2954
|
|
|
2827
2955
|
interface SelectableMenuItemProps extends PropsWithChildren<Omit<MenuItemProps, 'children'>> {
|
|
2828
2956
|
selected: boolean;
|
|
@@ -2975,20 +3103,25 @@ type ObjectItemLoadingSkeletonProps = {
|
|
|
2975
3103
|
declare const ObjectItemLoadingSkeleton: ({ showCover, renderAs, }: ObjectItemLoadingSkeletonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2976
3104
|
|
|
2977
3105
|
/** @deprecated - Beta Object list item component */
|
|
2978
|
-
type ObjectListItemProps =
|
|
2979
|
-
|
|
3106
|
+
type ObjectListItemProps = {
|
|
3107
|
+
/** Optional ref to the stacked route container to scope all components rendered via portal to be inside the stacked route container */
|
|
3108
|
+
portalElement?: MenuProps['portalElement'];
|
|
2980
3109
|
cover?: ReactNode;
|
|
2981
3110
|
dragHandle?: ReactNode;
|
|
3111
|
+
/** Sets the container query width for wrapping container
|
|
3112
|
+
* @default '34rem'
|
|
3113
|
+
*/
|
|
3114
|
+
minContainerQueryWidth?: string;
|
|
3115
|
+
} & ((ObjectListItemSingleProps & HTMLAttributes<HTMLDivElement>) | (ObjectListItemMultiProps & HTMLAttributes<HTMLDivElement>));
|
|
3116
|
+
type ObjectListItemSingleProps = Omit<ObjectItemProps, 'cover' | 'children'> & {
|
|
2982
3117
|
renderAs?: 'single';
|
|
2983
3118
|
};
|
|
2984
3119
|
type ObjectListItemMultiProps = Omit<ObjectItemProps, 'cover'> & {
|
|
2985
|
-
cover?: ReactNode;
|
|
2986
|
-
dragHandle?: ReactNode;
|
|
2987
3120
|
renderAs?: 'multi';
|
|
2988
3121
|
children?: ReactNode;
|
|
2989
3122
|
};
|
|
2990
3123
|
/** @deprecated - beta Object list item component */
|
|
2991
|
-
declare const ObjectListItem: (props: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3124
|
+
declare const ObjectListItem: ({ minContainerQueryWidth, ...props }: ObjectListItemProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2992
3125
|
|
|
2993
3126
|
/** @deprecated - Beta Object list item container component */
|
|
2994
3127
|
declare const ObjectListItemContainer: ({ children, gap, ...props }: RhythmProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -3090,6 +3223,35 @@ type LabelLeadingIconProps = HTMLAttributes<HTMLButtonElement> & {
|
|
|
3090
3223
|
};
|
|
3091
3224
|
declare const LabelLeadingIcon: ({ icon, iconColor, children, isActive, isLocked, title, ...props }: LabelLeadingIconProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3092
3225
|
|
|
3226
|
+
type BaseParameterActionButtonProps = {
|
|
3227
|
+
children: React__default.ReactNode;
|
|
3228
|
+
disabled?: boolean;
|
|
3229
|
+
/**
|
|
3230
|
+
* The tooltip to display when hovering over the button.
|
|
3231
|
+
* If a string is provided, it will be displayed as a tooltip.
|
|
3232
|
+
* If a React element is provided, it will be displayed as a tooltip.
|
|
3233
|
+
*/
|
|
3234
|
+
tooltip?: string | React__default.ReactNode;
|
|
3235
|
+
/**
|
|
3236
|
+
* The component to render the button as.
|
|
3237
|
+
* There maybe a scenario where we want to render the button as a div
|
|
3238
|
+
* @default 'button'
|
|
3239
|
+
*/
|
|
3240
|
+
renderAs?: 'button' | 'div';
|
|
3241
|
+
} & HTMLAttributes<HTMLButtonElement | HTMLDivElement>;
|
|
3242
|
+
interface OutlineVariant extends BaseParameterActionButtonProps {
|
|
3243
|
+
themeType: 'outline';
|
|
3244
|
+
}
|
|
3245
|
+
interface FilledVariant extends BaseParameterActionButtonProps {
|
|
3246
|
+
themeType: 'filled';
|
|
3247
|
+
/** inverts the border layout of the button
|
|
3248
|
+
* @default false
|
|
3249
|
+
*/
|
|
3250
|
+
inverted?: boolean;
|
|
3251
|
+
}
|
|
3252
|
+
type ParameterActionButtonProps = OutlineVariant | FilledVariant;
|
|
3253
|
+
declare const ParameterActionButton: ({ children, themeType, tooltip, renderAs, disabled, ...props }: ParameterActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3254
|
+
|
|
3093
3255
|
type ParameterDrawerHeaderProps = {
|
|
3094
3256
|
title: string;
|
|
3095
3257
|
iconBeforeTitle?: ReactNode;
|
|
@@ -3135,8 +3297,16 @@ declare function ParameterImagePreview({ imageSrc }: {
|
|
|
3135
3297
|
imageSrc: string;
|
|
3136
3298
|
}): _emotion_react_jsx_runtime.JSX.Element | null;
|
|
3137
3299
|
|
|
3138
|
-
type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement
|
|
3139
|
-
/**
|
|
3300
|
+
type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement> & {
|
|
3301
|
+
/**
|
|
3302
|
+
* If true, the input will allow mouse wheel scrolling to change the value.
|
|
3303
|
+
* @default false
|
|
3304
|
+
*/
|
|
3305
|
+
enableMouseWheel?: boolean;
|
|
3306
|
+
};
|
|
3307
|
+
/** @example <ParameterInput label="label value" id="my-input" />
|
|
3308
|
+
* @example <ParameterInput label="Number input" id="my-number" type="number" enableMouseWheel={false} />
|
|
3309
|
+
*/
|
|
3140
3310
|
declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3141
3311
|
caption?: string;
|
|
3142
3312
|
menuItems?: React$1.ReactNode;
|
|
@@ -3144,8 +3314,16 @@ declare const ParameterInput: React$1.ForwardRefExoticComponent<CommonParameterP
|
|
|
3144
3314
|
errorTestId?: string;
|
|
3145
3315
|
captionTestId?: string;
|
|
3146
3316
|
title?: string;
|
|
3147
|
-
} & React$1.InputHTMLAttributes<HTMLInputElement> &
|
|
3148
|
-
|
|
3317
|
+
} & React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
3318
|
+
/**
|
|
3319
|
+
* If true, the input will allow mouse wheel scrolling to change the value.
|
|
3320
|
+
* @default false
|
|
3321
|
+
*/
|
|
3322
|
+
enableMouseWheel?: boolean;
|
|
3323
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3324
|
+
declare const ParameterInputInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
|
|
3325
|
+
enableMouseWheel?: boolean;
|
|
3326
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3149
3327
|
|
|
3150
3328
|
type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
|
|
3151
3329
|
/** sets the value for label and id on the input field */
|
|
@@ -3195,6 +3373,9 @@ type ParameterMenuButtonProps = {
|
|
|
3195
3373
|
/** sets the legend value */
|
|
3196
3374
|
label: string;
|
|
3197
3375
|
children?: ReactNode;
|
|
3376
|
+
disabled?: boolean;
|
|
3377
|
+
/** set to true to render the menu directly in the parent DOM */
|
|
3378
|
+
withoutPortal?: boolean;
|
|
3198
3379
|
};
|
|
3199
3380
|
/** @example <ParameterMenuButton label="label value"><MenuItem>menu option component</MenuItem></ParameterMenuButton> */
|
|
3200
3381
|
declare const ParameterMenuButton: React$1.ForwardRefExoticComponent<ParameterMenuButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -3264,6 +3445,84 @@ type ParameterNameAndPublicIdInputProps = {
|
|
|
3264
3445
|
/** @example <ParameterNameAndPublicIdInput /> */
|
|
3265
3446
|
declare const ParameterNameAndPublicIdInput: ({ id, onBlur, autoFocus, onNameChange, onPublicIdChange, nameIdError, publicIdError, readOnly, hasInitialPublicIdField, label, warnOverLength, nameIdField, nameCaption, namePlaceholderText, publicIdFieldName, publicIdCaption, publicIdPlaceholderText, values, }: ParameterNameAndPublicIdInputProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3266
3447
|
|
|
3448
|
+
type SliderOption = {
|
|
3449
|
+
value: string;
|
|
3450
|
+
text: string;
|
|
3451
|
+
};
|
|
3452
|
+
type SliderProps = {
|
|
3453
|
+
value: number;
|
|
3454
|
+
onChange: (value: number) => void;
|
|
3455
|
+
onBlur?: () => void;
|
|
3456
|
+
min?: number;
|
|
3457
|
+
max?: number;
|
|
3458
|
+
step?: number;
|
|
3459
|
+
options?: SliderOption[];
|
|
3460
|
+
showNumberInput?: boolean;
|
|
3461
|
+
disabled?: boolean;
|
|
3462
|
+
'aria-label'?: string;
|
|
3463
|
+
id?: string;
|
|
3464
|
+
name?: string;
|
|
3465
|
+
};
|
|
3466
|
+
/**
|
|
3467
|
+
* Slider component that supports both numeric values and predefined options
|
|
3468
|
+
* @example
|
|
3469
|
+
* // Numeric mode
|
|
3470
|
+
* <Slider value={50} onChange={setValue} min={0} max={100} step={1} />
|
|
3471
|
+
*
|
|
3472
|
+
* // Options mode
|
|
3473
|
+
* <Slider value={1} onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'large', text: 'Large'}]} />
|
|
3474
|
+
*/
|
|
3475
|
+
declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
3476
|
+
|
|
3477
|
+
type TickMark = {
|
|
3478
|
+
position: number;
|
|
3479
|
+
percentage: number;
|
|
3480
|
+
label?: string;
|
|
3481
|
+
isLarge: boolean;
|
|
3482
|
+
};
|
|
3483
|
+
type SliderLabelsProps = {
|
|
3484
|
+
ticks: TickMark[];
|
|
3485
|
+
currentValue: number;
|
|
3486
|
+
containerWidth?: number;
|
|
3487
|
+
};
|
|
3488
|
+
/**
|
|
3489
|
+
* SliderLabels component that intelligently shows/hides labels based on available space
|
|
3490
|
+
*/
|
|
3491
|
+
declare function SliderLabels({ ticks, currentValue, containerWidth }: SliderLabelsProps): _emotion_react_jsx_runtime.JSX.Element;
|
|
3492
|
+
|
|
3493
|
+
type ParameterNumberSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'options'> & {
|
|
3494
|
+
/**
|
|
3495
|
+
* The current numeric value of the slider
|
|
3496
|
+
*/
|
|
3497
|
+
value: number;
|
|
3498
|
+
/**
|
|
3499
|
+
* Callback when the value changes
|
|
3500
|
+
*/
|
|
3501
|
+
onChange: (value: number) => void;
|
|
3502
|
+
};
|
|
3503
|
+
/**
|
|
3504
|
+
* Parameter wrapper for numeric sliders
|
|
3505
|
+
* @example <ParameterNumberSlider label="Opacity" value={50} onChange={setValue} min={0} max={100} step={1} />
|
|
3506
|
+
*/
|
|
3507
|
+
declare const ParameterNumberSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3508
|
+
caption?: string;
|
|
3509
|
+
menuItems?: React$1.ReactNode;
|
|
3510
|
+
actionItems?: React.ReactNode;
|
|
3511
|
+
errorTestId?: string;
|
|
3512
|
+
captionTestId?: string;
|
|
3513
|
+
title?: string;
|
|
3514
|
+
} & Omit<SliderProps, "id" | "aria-label" | "options"> & {
|
|
3515
|
+
/**
|
|
3516
|
+
* The current numeric value of the slider
|
|
3517
|
+
*/
|
|
3518
|
+
value: number;
|
|
3519
|
+
/**
|
|
3520
|
+
* Callback when the value changes
|
|
3521
|
+
*/
|
|
3522
|
+
onChange: (value: number) => void;
|
|
3523
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3524
|
+
declare const ParameterNumberSliderInner: React$1.ForwardRefExoticComponent<Omit<SliderProps, "id" | "aria-label" | "options"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3525
|
+
|
|
3267
3526
|
type LinkNodeProps = NonNullable<LinkParamValue>;
|
|
3268
3527
|
type SerializedLinkNode = Spread<{
|
|
3269
3528
|
link: LinkNodeProps;
|
|
@@ -3372,16 +3631,17 @@ type RichTextProps = {
|
|
|
3372
3631
|
} | null>;
|
|
3373
3632
|
/** Assets */
|
|
3374
3633
|
onInsertAsset?: () => void;
|
|
3634
|
+
placeholder?: string;
|
|
3375
3635
|
};
|
|
3376
3636
|
type RichTextParamValue = SerializedEditorState | undefined | null;
|
|
3377
|
-
type ParameterRichTextInnerProps = RichTextProps & {
|
|
3378
|
-
value: RichTextParamValue;
|
|
3637
|
+
type ParameterRichTextInnerProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & RichTextProps & {
|
|
3638
|
+
value: RichTextParamValue | ((editor: LexicalEditor) => void);
|
|
3379
3639
|
editorWrapperClassName?: string;
|
|
3380
3640
|
editorFooter?: React.ReactNode;
|
|
3381
3641
|
};
|
|
3382
3642
|
type ParameterRichTextProps = CommonParameterInputProps & ParameterRichTextInnerProps;
|
|
3383
|
-
declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems,
|
|
3384
|
-
declare const ParameterRichTextInner: ({ value,
|
|
3643
|
+
declare const ParameterRichText: ({ label, labelLeadingIcon, hiddenLabel, id, errorMessage, caption, errorTestId, captionTestId, menuItems, children, ...innerProps }: ParameterRichTextProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3644
|
+
declare const ParameterRichTextInner: ({ value, editorFooter, children, customNodes, editorWrapperClassName, ...richTextProps }: ParameterRichTextInnerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3385
3645
|
|
|
3386
3646
|
type ParameterSelectProps = CommonParameterInputProps & CommonParameterSelectProps & React.InputHTMLAttributes<HTMLSelectElement>;
|
|
3387
3647
|
/** @example <ParameterSelect label="my label" id="my-id" options={[{ label: 'option label', value: 0}]} */
|
|
@@ -3396,6 +3656,47 @@ declare const ParameterSelect: React$1.ForwardRefExoticComponent<CommonParameter
|
|
|
3396
3656
|
/** @example <ParameterSelectInner options={[{ label: 'option label', value: 0}]} />*/
|
|
3397
3657
|
declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectProps, "label" | "id"> & React$1.RefAttributes<HTMLSelectElement>>;
|
|
3398
3658
|
|
|
3659
|
+
type ParameterSelectSliderProps = CommonParameterInputProps & Omit<SliderProps, 'id' | 'aria-label' | 'value' | 'onChange' | 'min' | 'max' | 'step' | 'showNumberInput'> & {
|
|
3660
|
+
/**
|
|
3661
|
+
* The available options for the slider
|
|
3662
|
+
*/
|
|
3663
|
+
options: SliderOption[];
|
|
3664
|
+
/**
|
|
3665
|
+
* The current selected value (option value string)
|
|
3666
|
+
*/
|
|
3667
|
+
value: string;
|
|
3668
|
+
/**
|
|
3669
|
+
* Callback when the selection changes (receives option value string)
|
|
3670
|
+
*/
|
|
3671
|
+
onChange: (value: string) => void;
|
|
3672
|
+
};
|
|
3673
|
+
/**
|
|
3674
|
+
* Parameter wrapper for option-based sliders
|
|
3675
|
+
* @example <ParameterSelectSlider label="Size" value="medium" onChange={setValue} options={[{value: 'small', text: 'Small'}, {value: 'medium', text: 'Medium'}, {value: 'large', text: 'Large'}]} />
|
|
3676
|
+
*/
|
|
3677
|
+
declare const ParameterSelectSlider: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3678
|
+
caption?: string;
|
|
3679
|
+
menuItems?: React$1.ReactNode;
|
|
3680
|
+
actionItems?: React.ReactNode;
|
|
3681
|
+
errorTestId?: string;
|
|
3682
|
+
captionTestId?: string;
|
|
3683
|
+
title?: string;
|
|
3684
|
+
} & Omit<SliderProps, "id" | "aria-label" | "onChange" | "max" | "min" | "step" | "value" | "showNumberInput"> & {
|
|
3685
|
+
/**
|
|
3686
|
+
* The available options for the slider
|
|
3687
|
+
*/
|
|
3688
|
+
options: SliderOption[];
|
|
3689
|
+
/**
|
|
3690
|
+
* The current selected value (option value string)
|
|
3691
|
+
*/
|
|
3692
|
+
value: string;
|
|
3693
|
+
/**
|
|
3694
|
+
* Callback when the selection changes (receives option value string)
|
|
3695
|
+
*/
|
|
3696
|
+
onChange: (value: string) => void;
|
|
3697
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3698
|
+
declare const ParameterSelectSliderInner: React$1.ForwardRefExoticComponent<Omit<ParameterSelectSliderProps, "caption" | "title" | "errorTestId" | "captionTestId" | "menuItems" | "actionItems" | keyof CommonParameterProps> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3699
|
+
|
|
3399
3700
|
/** A function that extracts all common props and element props
|
|
3400
3701
|
* @example const { shellProps, innerProps } = extractParameterProps(props) */
|
|
3401
3702
|
declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
|
|
@@ -3437,12 +3738,15 @@ type ParameterShellOverrideProps = {
|
|
|
3437
3738
|
*/
|
|
3438
3739
|
isParameterGroup?: boolean;
|
|
3439
3740
|
};
|
|
3440
|
-
type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps
|
|
3741
|
+
type ParameterShellProps = React.InputHTMLAttributes<HTMLDivElement> & CommonParameterInputProps & ParameterShellOverrideProps & {
|
|
3742
|
+
/** set to true to render the menu directly in the parent DOM */
|
|
3743
|
+
menuWithoutPortal?: boolean;
|
|
3744
|
+
};
|
|
3441
3745
|
/**
|
|
3442
3746
|
* Uniform Parameter shell component
|
|
3443
3747
|
* @example <ParameterShell label="my label" id="my-id"><ParameterInput onChange={() => {}} /></ParameterShell>
|
|
3444
3748
|
*/
|
|
3445
|
-
declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3749
|
+
declare const ParameterShell: ({ label, labelLeadingIcon, labelTrailingIcon, hiddenLabel, id, errorMessage, warningMessage, infoMessage, caption, errorTestId, captionTestId, menuItems, actionItems, hasOverriddenValue, onResetOverriddenValue, title, children, isParameterGroup, menuWithoutPortal, ...props }: ParameterShellProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3446
3750
|
declare const ParameterShellPlaceholder: ({ children }: {
|
|
3447
3751
|
children?: ReactNode;
|
|
3448
3752
|
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -3461,21 +3765,27 @@ declare const ParameterTextarea: React$1.ForwardRefExoticComponent<CommonParamet
|
|
|
3461
3765
|
/** @example <ParameterTextareaInner /> */
|
|
3462
3766
|
declare const ParameterTextareaInner: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTextAreaElement> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
3463
3767
|
|
|
3464
|
-
type
|
|
3768
|
+
type ParameterToggleInnerProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
3465
3769
|
type: 'checkbox' | 'radio';
|
|
3770
|
+
withoutIndeterminateState?: boolean;
|
|
3466
3771
|
};
|
|
3772
|
+
type ParameterToggleProps = CommonParameterInputProps & ParameterToggleInnerProps;
|
|
3467
3773
|
/** @example <ParameterToggle title="my checkbox" label="label value" id="my-checkbox" type="checkbox" onIconClick={() => alert('icon clicked)} /> */
|
|
3468
|
-
declare const ParameterToggle: React$1.ForwardRefExoticComponent<
|
|
3774
|
+
declare const ParameterToggle: React$1.ForwardRefExoticComponent<CommonParameterProps & {
|
|
3469
3775
|
caption?: string;
|
|
3470
3776
|
menuItems?: React$1.ReactNode;
|
|
3471
3777
|
actionItems?: React.ReactNode;
|
|
3472
3778
|
errorTestId?: string;
|
|
3473
3779
|
captionTestId?: string;
|
|
3474
3780
|
title?: string;
|
|
3475
|
-
} & {
|
|
3781
|
+
} & Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3476
3782
|
type: "checkbox" | "radio";
|
|
3783
|
+
withoutIndeterminateState?: boolean;
|
|
3784
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3785
|
+
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
3786
|
+
type: "checkbox" | "radio";
|
|
3787
|
+
withoutIndeterminateState?: boolean;
|
|
3477
3788
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3478
|
-
declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
|
|
3479
3789
|
|
|
3480
3790
|
type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
|
|
3481
3791
|
/** sets the aria-controls and id value of the matching popover set */
|
|
@@ -3508,11 +3818,15 @@ type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
|
|
|
3508
3818
|
}) => void;
|
|
3509
3819
|
/**
|
|
3510
3820
|
* Valid CSS unit to set the maximum popover width
|
|
3511
|
-
* @default '
|
|
3821
|
+
* @default '14rem'
|
|
3512
3822
|
*/
|
|
3513
3823
|
maxWidth?: string;
|
|
3824
|
+
/** sets the variant to show
|
|
3825
|
+
* @default 'small'
|
|
3826
|
+
*/
|
|
3827
|
+
variant?: 'large' | 'small';
|
|
3514
3828
|
};
|
|
3515
|
-
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3829
|
+
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, trigger, children, onInit, variant, maxWidth, ...otherProps }: PopoverProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3516
3830
|
/**
|
|
3517
3831
|
* Hook to get the current popover context
|
|
3518
3832
|
* @description This hook is used to get the current popover context
|
|
@@ -3637,13 +3951,18 @@ type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
|
3637
3951
|
/** sets the label value */
|
|
3638
3952
|
label: ReactNode;
|
|
3639
3953
|
/** (optional) sets information text */
|
|
3640
|
-
infoText?: string;
|
|
3954
|
+
infoText?: string | ReactNode;
|
|
3641
3955
|
/** sets the toggle text value */
|
|
3642
3956
|
toggleText?: string;
|
|
3643
3957
|
/** sets child elements */
|
|
3644
3958
|
children?: ReactNode;
|
|
3645
3959
|
/** the size of the control */
|
|
3646
3960
|
switchSize?: 'base' | 'sm';
|
|
3961
|
+
/**
|
|
3962
|
+
* sets the switch positioning
|
|
3963
|
+
* @default "left"
|
|
3964
|
+
*/
|
|
3965
|
+
alignment?: 'left' | 'right';
|
|
3647
3966
|
};
|
|
3648
3967
|
/**
|
|
3649
3968
|
* Uniform Switch Input Component
|
|
@@ -3654,15 +3973,25 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
3654
3973
|
/** sets the label value */
|
|
3655
3974
|
label: ReactNode;
|
|
3656
3975
|
/** (optional) sets information text */
|
|
3657
|
-
infoText?: string;
|
|
3976
|
+
infoText?: string | ReactNode;
|
|
3658
3977
|
/** sets the toggle text value */
|
|
3659
3978
|
toggleText?: string;
|
|
3660
3979
|
/** sets child elements */
|
|
3661
3980
|
children?: ReactNode;
|
|
3662
3981
|
/** the size of the control */
|
|
3663
3982
|
switchSize?: "base" | "sm";
|
|
3983
|
+
/**
|
|
3984
|
+
* sets the switch positioning
|
|
3985
|
+
* @default "left"
|
|
3986
|
+
*/
|
|
3987
|
+
alignment?: "left" | "right";
|
|
3664
3988
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3665
3989
|
|
|
3990
|
+
/** @deprecated - Beta Responsive table container component */
|
|
3991
|
+
declare const ResponsiveTableContainer: ({ children }: {
|
|
3992
|
+
children: ReactNode;
|
|
3993
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3994
|
+
|
|
3666
3995
|
type TableProps = {
|
|
3667
3996
|
/** The CSS padding of the table cells (includes the head cells as well).
|
|
3668
3997
|
* @default 'var(--spacing-base) var(--spacing-md)'
|
|
@@ -3829,70 +4158,6 @@ type IntegrationTileProps = IntegrationTileFields & React$1.ButtonHTMLAttributes
|
|
|
3829
4158
|
};
|
|
3830
4159
|
declare const IntegrationTile: ({ id, icon, name, requiedEntitlement, onAddIntegration, isPublic, isInstalled, authorIcon, ...btnProps }: IntegrationTileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3831
4160
|
|
|
3832
|
-
type ClassNameOptions = 'logo' | 'author';
|
|
3833
|
-
type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
|
|
3834
|
-
/** sets the emotion styles for the rendered image
|
|
3835
|
-
* @default 'logo'
|
|
3836
|
-
*/
|
|
3837
|
-
styleType?: ClassNameOptions;
|
|
3838
|
-
};
|
|
3839
|
-
/** Uniform Resolve Icon Component
|
|
3840
|
-
* @example <ResolveIcon icon="/my-image.png" name="my image" />
|
|
3841
|
-
*/
|
|
3842
|
-
declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
3843
|
-
|
|
3844
|
-
type TileProps = {
|
|
3845
|
-
children: ReactNode;
|
|
3846
|
-
disabled?: boolean;
|
|
3847
|
-
isSelected?: boolean;
|
|
3848
|
-
} & HtmlHTMLAttributes<HTMLButtonElement>;
|
|
3849
|
-
declare const Tile: ({ children, disabled, isSelected, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3850
|
-
|
|
3851
|
-
type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
3852
|
-
/** sets the background colour of the outter container
|
|
3853
|
-
* @default 'var(--brand-secondary-2)'
|
|
3854
|
-
*/
|
|
3855
|
-
bgColor?: string;
|
|
3856
|
-
/** sets the padding of the outter container
|
|
3857
|
-
* @default 'base'
|
|
3858
|
-
*/
|
|
3859
|
-
containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
3860
|
-
/** sets the grid-template-columns css property
|
|
3861
|
-
* @default 'repeat(auto-fill, minmax(13rem, 1fr))'
|
|
3862
|
-
*/
|
|
3863
|
-
gridTemplateColumns?: string;
|
|
3864
|
-
/** sets the spacing between grid elements
|
|
3865
|
-
* @default 'base'
|
|
3866
|
-
*/
|
|
3867
|
-
gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
3868
|
-
/** sets react child elements */
|
|
3869
|
-
children: React$1.ReactNode;
|
|
3870
|
-
};
|
|
3871
|
-
/**
|
|
3872
|
-
* Uniform Tile Container Component
|
|
3873
|
-
* @example <TileContainer><div>child content</div></TileContainer>
|
|
3874
|
-
*/
|
|
3875
|
-
declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3876
|
-
|
|
3877
|
-
type TileTitleProps = {
|
|
3878
|
-
as?: 'heading' | 'description';
|
|
3879
|
-
children: ReactNode;
|
|
3880
|
-
} & HTMLAttributes<HTMLSpanElement>;
|
|
3881
|
-
declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3882
|
-
|
|
3883
|
-
type ToastContainerProps = {
|
|
3884
|
-
limit?: number;
|
|
3885
|
-
/** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
|
|
3886
|
-
* @default 'normal'
|
|
3887
|
-
*/
|
|
3888
|
-
autoCloseDelay?: 'normal' | 'medium' | 'long';
|
|
3889
|
-
};
|
|
3890
|
-
/**
|
|
3891
|
-
* A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
|
|
3892
|
-
* @example <App><ToastContainer autoCloseDelay="normal" /></App>
|
|
3893
|
-
*/
|
|
3894
|
-
declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3895
|
-
|
|
3896
4161
|
/** Available heading weights e.g. 1 - 6 */
|
|
3897
4162
|
type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
|
|
3898
4163
|
type HeadingProps = {
|
|
@@ -3992,6 +4257,99 @@ type ParagraphProps = {
|
|
|
3992
4257
|
*/
|
|
3993
4258
|
declare const Paragraph: ({ className, htmlContent, children, ...pAttributes }: ParagraphProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3994
4259
|
|
|
4260
|
+
type LinkOrientation = {
|
|
4261
|
+
/**
|
|
4262
|
+
* The orientation of the tile icon and content
|
|
4263
|
+
* @default 'vertical'
|
|
4264
|
+
*/
|
|
4265
|
+
orientation?: 'horizontal' | 'vertical';
|
|
4266
|
+
};
|
|
4267
|
+
type LinkTileProps = {
|
|
4268
|
+
children: ReactNode;
|
|
4269
|
+
} & React.AnchorHTMLAttributes<HTMLAnchorElement> & LinkOrientation;
|
|
4270
|
+
type LinkTileWithRefProps = {
|
|
4271
|
+
children: ReactNode;
|
|
4272
|
+
linkManagerComponent: LinkManagerWithRefType;
|
|
4273
|
+
as?: string;
|
|
4274
|
+
href: string;
|
|
4275
|
+
passHref: true;
|
|
4276
|
+
legacyBehavior?: boolean;
|
|
4277
|
+
} & React.RefAttributes<HTMLAnchorElement> & LinkOrientation;
|
|
4278
|
+
declare const LinkTile: React$1.ForwardRefExoticComponent<(LinkTileProps | Omit<LinkTileWithRefProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
4279
|
+
|
|
4280
|
+
type ClassNameOptions = 'logo' | 'author';
|
|
4281
|
+
type ResolveIconProps = IntegrationTileFields & React__default.SVGAttributes<SVGElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
|
|
4282
|
+
/** sets the emotion styles for the rendered image
|
|
4283
|
+
* @default 'logo'
|
|
4284
|
+
*/
|
|
4285
|
+
styleType?: ClassNameOptions;
|
|
4286
|
+
};
|
|
4287
|
+
/** Uniform Resolve Icon Component
|
|
4288
|
+
* @example <ResolveIcon icon="/my-image.png" name="my image" />
|
|
4289
|
+
*/
|
|
4290
|
+
declare const ResolveIcon: ({ icon, name, styleType, ...props }: ResolveIconProps) => _emotion_react_jsx_runtime.JSX.Element | null;
|
|
4291
|
+
|
|
4292
|
+
type TileProps = {
|
|
4293
|
+
children: ReactNode;
|
|
4294
|
+
disabled?: boolean;
|
|
4295
|
+
isSelected?: boolean;
|
|
4296
|
+
/**
|
|
4297
|
+
* The orientation of the tile icon and content
|
|
4298
|
+
* @default 'vertical'
|
|
4299
|
+
*/
|
|
4300
|
+
orientation?: 'horizontal' | 'vertical';
|
|
4301
|
+
} & HtmlHTMLAttributes<HTMLButtonElement>;
|
|
4302
|
+
declare const Tile: ({ children, disabled, isSelected, orientation, ...props }: TileProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4303
|
+
|
|
4304
|
+
type TileContainerProps = React$1.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
4305
|
+
/** sets the background colour of the outter container
|
|
4306
|
+
* @default 'var(--brand-secondary-2)'
|
|
4307
|
+
*/
|
|
4308
|
+
bgColor?: string;
|
|
4309
|
+
/** sets the padding of the outter container
|
|
4310
|
+
* @default 'base'
|
|
4311
|
+
*/
|
|
4312
|
+
containerPadding?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
4313
|
+
/** sets the grid-template-columns css property
|
|
4314
|
+
* @default 'repeat(auto-fill, minmax(13rem, 1fr))'
|
|
4315
|
+
*/
|
|
4316
|
+
gridTemplateColumns?: string;
|
|
4317
|
+
/** sets the spacing between grid elements
|
|
4318
|
+
* @default 'base'
|
|
4319
|
+
*/
|
|
4320
|
+
gap?: '0' | 'sm' | 'base' | 'md' | 'lg';
|
|
4321
|
+
/** sets react child elements */
|
|
4322
|
+
children: React$1.ReactNode;
|
|
4323
|
+
/** sets whether to group the tiles in a container without a contour or not
|
|
4324
|
+
* @default false
|
|
4325
|
+
*/
|
|
4326
|
+
withoutGrouping?: boolean;
|
|
4327
|
+
};
|
|
4328
|
+
/**
|
|
4329
|
+
* Uniform Tile Container Component
|
|
4330
|
+
* @example <TileContainer><div>child content</div></TileContainer>
|
|
4331
|
+
*/
|
|
4332
|
+
declare const TileContainer: ({ bgColor, containerPadding, gap, gridTemplateColumns, children, withoutGrouping, ...props }: TileContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4333
|
+
|
|
4334
|
+
type TileTitleProps = {
|
|
4335
|
+
as?: 'heading' | 'description';
|
|
4336
|
+
children: ReactNode;
|
|
4337
|
+
} & HTMLAttributes<HTMLSpanElement>;
|
|
4338
|
+
declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4339
|
+
|
|
4340
|
+
type ToastContainerProps = {
|
|
4341
|
+
limit?: number;
|
|
4342
|
+
/** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
|
|
4343
|
+
* @default 'normal'
|
|
4344
|
+
*/
|
|
4345
|
+
autoCloseDelay?: 'normal' | 'medium' | 'long';
|
|
4346
|
+
};
|
|
4347
|
+
/**
|
|
4348
|
+
* A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
|
|
4349
|
+
* @example <App><ToastContainer autoCloseDelay="normal" /></App>
|
|
4350
|
+
*/
|
|
4351
|
+
declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4352
|
+
|
|
3995
4353
|
type StatusTypeProps = 'Modified' | 'Unsaved' | 'Error' | 'Draft' | 'Published' | 'Orphan' | 'Previous' | 'Unknown' | 'Deleted';
|
|
3996
4354
|
type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
3997
4355
|
/** sets the current status */
|
|
@@ -4013,4 +4371,6 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
4013
4371
|
};
|
|
4014
4372
|
declare const StatusBullet: ({ status, hideText, size, message, compact, ...props }: StatusBulletProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
4015
4373
|
|
|
4016
|
-
|
|
4374
|
+
declare const actionBarVisibilityStyles: _emotion_react.SerializedStyles;
|
|
4375
|
+
|
|
4376
|
+
export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AsideAndSectionLayout, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonSoftThemeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterBgColors, type CounterIconColors, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, DragHandle, type DraggableHandleProps, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, FlexiCard, FlexiCardTitle, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, KeyValueInput, type KeyValueInputProps, type KeyValueItem, Label, LabelLeadingIcon, type LabelLeadingIconProps, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkTile, type LinkTileWithRefProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuSelect, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, ObjectGridItemLoadingSkeleton, type ObjectGridItemProps, type ObjectGridItemTitleProps, ObjectItemLoadingSkeleton, type ObjectItemLoadingSkeletonProps, ObjectListItem, ObjectListItemContainer, ObjectListItemCover, type ObjectListItemCoverProps, ObjectListItemHeading, type ObjectListItemHeadingProps, type ObjectListItemProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, ParameterActionButton, type ParameterActionButtonProps, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterNumberSlider, ParameterNumberSliderInner, type ParameterNumberSliderProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterSelectSlider, ParameterSelectSliderInner, type ParameterSelectSliderProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, ResponsiveTableContainer, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, type ShortcutReference, Skeleton, type SkeletonProps, Slider, SliderLabels, type SliderLabelsProps, type SliderOption, type SliderProps, Spinner, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, type TickMark, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, actionBarVisibilityStyles, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonSoftAccentPrimary, buttonSoftAlt, buttonSoftDestructive, buttonSoftPrimary, buttonSoftTertiary, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, debounce, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getButtonSize, getButtonStyles, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, mq, numberInput, prefersReducedMotion, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInRtl, slideInTtb, spin, structurePanelIcon, supports, textInput, uniformAiIcon, uniformComponentIcon, uniformComponentPatternIcon, uniformCompositionPatternIcon, uniformConditionalValuesIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, uniformLocaleDisabledIcon, uniformLocaleIcon, uniformStatusDraftIcon, uniformStatusModifiedIcon, uniformStatusPublishedIcon, uniformUsageStatusIcon, useBreakpoint, useButtonStyles, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, usePopoverComponentContext, useRichTextToolbarState, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon, zigZag, zigZagThick };
|