@uniformdev/design-system 19.35.2 → 19.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +2203 -1902
- package/dist/index.d.mts +22338 -0
- package/dist/index.d.ts +156 -33
- package/dist/index.js +2242 -1935
- package/package.json +6 -6
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { RefObject, HTMLAttributes, ReactNode, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
|
|
2
|
+
import React__default, { RefObject, HTMLAttributes, ReactNode, CSSProperties, SVGProps, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
|
|
3
3
|
import { GroupBase } from 'react-select';
|
|
4
4
|
export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
|
|
5
5
|
import * as _emotion_react from '@emotion/react';
|
|
@@ -19,6 +19,7 @@ import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
|
|
|
19
19
|
export { RichTextBuiltInElement, RichTextBuiltInFormat } from '@uniformdev/canvas';
|
|
20
20
|
import { Spread, SerializedElementNode, ElementNode, NodeKey, EditorConfig, DOMConversionMap, RangeSelection, SerializedEditorState, LexicalEditor } from 'lexical';
|
|
21
21
|
import { PopoverProps as PopoverProps$1, PopoverInitialState } from 'reakit/Popover';
|
|
22
|
+
import * as react_hotkeys_hook_dist_types from 'react-hotkeys-hook/dist/types';
|
|
22
23
|
import { TabState, TabListProps, TabProps, TabPanelProps } from 'reakit/Tab';
|
|
23
24
|
import { TooltipOptions, TooltipInitialState } from 'reakit/Tooltip';
|
|
24
25
|
export { richTextBuiltInElements, richTextBuiltInFormats } from '@uniformdev/richtext';
|
|
@@ -20176,6 +20177,37 @@ type AnimationFileProps = LottieComponentProps & {
|
|
|
20176
20177
|
*/
|
|
20177
20178
|
declare const AnimationFile: ({ label, loop, autoplay, width, height, ...props }: AnimationFileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20178
20179
|
|
|
20180
|
+
type AvatarSizeProp = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
20181
|
+
type AvatarProps = {
|
|
20182
|
+
src?: string;
|
|
20183
|
+
label?: string;
|
|
20184
|
+
size?: AvatarSizeProp;
|
|
20185
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
20186
|
+
/**
|
|
20187
|
+
* @description A component to render rounded avatars of a user or an app.
|
|
20188
|
+
* @example <Avatar>AB</Avatar>
|
|
20189
|
+
*/
|
|
20190
|
+
declare const Avatar: ({ src, label, children, size, ...props }: AvatarProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20191
|
+
|
|
20192
|
+
type AvatarGroupProps = {
|
|
20193
|
+
/**
|
|
20194
|
+
* The maximum number of avatars to show.
|
|
20195
|
+
* If this value is smaller than the number of children, the other avatars will be truncated and shows as "+N"
|
|
20196
|
+
* @default 5
|
|
20197
|
+
* */
|
|
20198
|
+
max?: number;
|
|
20199
|
+
/**
|
|
20200
|
+
* A function that return the label to use on the truncated value.
|
|
20201
|
+
* @default (n) => `and ${n} others`
|
|
20202
|
+
* */
|
|
20203
|
+
getTruncatedLabel?: (numberOfTruncatedItems: number) => string;
|
|
20204
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
20205
|
+
/**
|
|
20206
|
+
* @description Renders avatars in a group with the ability to truncate the list. This component works best when the <Avatar> component are direct children.
|
|
20207
|
+
* @example <AvatarGroup max={2}><Avatar>AB</Avatar><Avatar>CD</Avatar><Avatar>EF</Avatar><AvatarGroup>
|
|
20208
|
+
*/
|
|
20209
|
+
declare const AvatarGroup: ({ max, children, getTruncatedLabel, ...props }: AvatarGroupProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20210
|
+
|
|
20179
20211
|
type BadgeThemeProps = 'caution' | 'info' | 'note' | 'success' | 'error' | 'unimportant';
|
|
20180
20212
|
type SizeProps = 'xs' | 'sm' | 'base';
|
|
20181
20213
|
type BadgeProps = {
|
|
@@ -20353,8 +20385,13 @@ type CardProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
20353
20385
|
menuButtonTestId?: string;
|
|
20354
20386
|
/** (optional) sets the menu button disabled state */
|
|
20355
20387
|
disabled?: boolean;
|
|
20388
|
+
/**
|
|
20389
|
+
* The name of the HTML tag to render.
|
|
20390
|
+
* @default "div"
|
|
20391
|
+
*/
|
|
20392
|
+
tag?: React$1.ElementType;
|
|
20356
20393
|
};
|
|
20357
|
-
declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20394
|
+
declare const Card: ({ title, menuItems, children, titleWithMarginBottom, disabled, tag: Tag, menuButtonTestId, ...props }: CardProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20358
20395
|
type CardTitleProps = {
|
|
20359
20396
|
children?: React$1.ReactNode;
|
|
20360
20397
|
} & Pick<CardProps, 'title' | 'titleWithMarginBottom'>;
|
|
@@ -20446,6 +20483,23 @@ type DashedBoxProps = React$1.HTMLAttributes<HTMLDivElement> & {
|
|
|
20446
20483
|
*/
|
|
20447
20484
|
declare const DashedBox: ({ bgColor, textAlign, boxHeight, children, ...props }: DashedBoxProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
20448
20485
|
|
|
20486
|
+
type DescriptionListProps = {
|
|
20487
|
+
items: {
|
|
20488
|
+
label: string;
|
|
20489
|
+
value: string | number | boolean | React__default.ReactNode;
|
|
20490
|
+
}[];
|
|
20491
|
+
} & React__default.HTMLAttributes<HTMLDListElement>;
|
|
20492
|
+
/**
|
|
20493
|
+
* A component to render a key-value list (uses <dl />, <dt /> and <dd /> under the hood).
|
|
20494
|
+
* @example <DescriptionList items={[{label: 'Label 1', value: 'Value 1'}]} />
|
|
20495
|
+
*/
|
|
20496
|
+
declare const DescriptionList: React__default.ForwardRefExoticComponent<{
|
|
20497
|
+
items: {
|
|
20498
|
+
label: string;
|
|
20499
|
+
value: string | number | boolean | React__default.ReactNode;
|
|
20500
|
+
}[];
|
|
20501
|
+
} & React__default.HTMLAttributes<HTMLDListElement> & React__default.RefAttributes<HTMLDListElement>>;
|
|
20502
|
+
|
|
20449
20503
|
type DetailsProps = React$1.HTMLAttributes<HTMLDetailsElement> & {
|
|
20450
20504
|
/** sets the summary inner components */
|
|
20451
20505
|
summary: React$1.ReactNode;
|
|
@@ -20485,6 +20539,8 @@ type RegisterDrawerProps = {
|
|
|
20485
20539
|
type DrawersRegistryRecord = DrawerItem & {
|
|
20486
20540
|
/** The timestamp of when the drawer was registered. Used to stack the drawers in the right order regardless of where where they are in the DOM */
|
|
20487
20541
|
registeredAt?: number;
|
|
20542
|
+
isFirstRender?: boolean;
|
|
20543
|
+
onFirstRender?: RegisterDrawerProps['onFirstRender'];
|
|
20488
20544
|
};
|
|
20489
20545
|
type DrawerContextValue = {
|
|
20490
20546
|
providerId: string;
|
|
@@ -20518,7 +20574,7 @@ declare const useCurrentDrawer: () => {
|
|
|
20518
20574
|
};
|
|
20519
20575
|
/**
|
|
20520
20576
|
* A drawer component that opens from the right side of is parent. The component is used in combination with DrawerProvider and DrawerRenderer
|
|
20521
|
-
* @example <
|
|
20577
|
+
* @example <Drawer id="my-drawer" header="Title">Hello</Drawer>
|
|
20522
20578
|
*/
|
|
20523
20579
|
declare const Drawer: React__default.ForwardRefExoticComponent<DrawerProps & Omit<DrawerRendererProps, "stackId"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
20524
20580
|
|
|
@@ -20553,6 +20609,10 @@ interface DrawerRendererProps extends Omit<React__default.HTMLAttributes<HTMLDiv
|
|
|
20553
20609
|
*/
|
|
20554
20610
|
leftAligned?: boolean;
|
|
20555
20611
|
}
|
|
20612
|
+
/**
|
|
20613
|
+
* Renders a stack of drawers in a different location than their original position in the component tree. Uses React Portal under the hood.
|
|
20614
|
+
* @example <DrawerProvider><Drawer id="my-drawer" stackId="my-stack" header="Title">Hello</Drawer><DrawerRenderer stackId="my-stack"/></DrawerProvider>
|
|
20615
|
+
*/
|
|
20556
20616
|
declare const DrawerRenderer: ({ stackId, position, width, minWidth, maxWidth, leftAligned, ...otherProps }: DrawerRendererProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
20557
20617
|
interface DrawerRendererItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
20558
20618
|
index: number;
|
|
@@ -20869,12 +20929,20 @@ interface InputKeywordSearchProps extends React$1.InputHTMLAttributes<HTMLInputE
|
|
|
20869
20929
|
value?: string;
|
|
20870
20930
|
/** (optional) when closed button is clicked */
|
|
20871
20931
|
onClear?: () => void;
|
|
20932
|
+
/** (optional) makes the input look more compact
|
|
20933
|
+
* @default false
|
|
20934
|
+
*/
|
|
20935
|
+
compact?: boolean;
|
|
20936
|
+
/** (optional) makes the corners of the input rounded
|
|
20937
|
+
* @default false
|
|
20938
|
+
*/
|
|
20939
|
+
rounded?: boolean;
|
|
20872
20940
|
}
|
|
20873
20941
|
/**
|
|
20874
20942
|
* Component used for keyword search functionality
|
|
20875
20943
|
* @example <InlineSelectInput disabled={index > 1} value={currentValue ?? '&'} options={[{ label: 'AND', value: '&' }, { label: 'OR', value: '|' }]} onChange={(s) => {setState(s.value)}} />
|
|
20876
20944
|
*/
|
|
20877
|
-
declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, onClear, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
|
|
20945
|
+
declare const InputKeywordSearch: ({ onSearchTextChanged, disabled, placeholder, inputFieldName, disabledFieldSubmission, value, onClear, compact, rounded, ...props }: InputKeywordSearchProps) => React$1.ReactElement;
|
|
20878
20946
|
|
|
20879
20947
|
type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
|
|
20880
20948
|
/** (optional) sets the first item in the options list with empty value */
|
|
@@ -21007,9 +21075,9 @@ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
|
21007
21075
|
icon?: React$1.ReactElement;
|
|
21008
21076
|
/** (optional) sets whether to hide the label and use aria-label on the input field */
|
|
21009
21077
|
showLabel?: boolean;
|
|
21010
|
-
/** (optional) sets shows the
|
|
21078
|
+
/** (optional) sets shows the error message value */
|
|
21011
21079
|
errorMessage?: string;
|
|
21012
|
-
/** (optional) sets and shows the
|
|
21080
|
+
/** (optional) sets and shows the warning message value */
|
|
21013
21081
|
warningMessage?: string;
|
|
21014
21082
|
capture?: boolean | 'user' | 'environment';
|
|
21015
21083
|
};
|
|
@@ -21017,7 +21085,21 @@ type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
|
21017
21085
|
* Textarea Component
|
|
21018
21086
|
* @example - <Textarea label="my label" id="some-id" name="some-name" caption="some help text" errorMessage={hasError ? 'something went wrong' : undefined} />
|
|
21019
21087
|
*/
|
|
21020
|
-
declare const Textarea:
|
|
21088
|
+
declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
21089
|
+
/** (optional) sets the label value */
|
|
21090
|
+
label?: string | undefined;
|
|
21091
|
+
/** (optional) sets caption text value */
|
|
21092
|
+
caption?: string | JSX.Element | undefined;
|
|
21093
|
+
/** (optional) add an input icon to the input field */
|
|
21094
|
+
icon?: React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | undefined;
|
|
21095
|
+
/** (optional) sets whether to hide the label and use aria-label on the input field */
|
|
21096
|
+
showLabel?: boolean | undefined;
|
|
21097
|
+
/** (optional) sets shows the error message value */
|
|
21098
|
+
errorMessage?: string | undefined;
|
|
21099
|
+
/** (optional) sets and shows the warning message value */
|
|
21100
|
+
warningMessage?: string | undefined;
|
|
21101
|
+
capture?: boolean | "user" | "environment" | undefined;
|
|
21102
|
+
} & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
21021
21103
|
|
|
21022
21104
|
type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
21023
21105
|
/** sets the error message value */
|
|
@@ -21031,6 +21113,25 @@ type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
|
|
|
21031
21113
|
*/
|
|
21032
21114
|
declare const WarningMessage: ({ message, testId, ...props }: WarningMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
|
|
21033
21115
|
|
|
21116
|
+
type IntegrationModalHeaderProps = {
|
|
21117
|
+
/** sets the icon as inline svg or img tag */
|
|
21118
|
+
icon: string | React$1.ComponentType<{
|
|
21119
|
+
className?: string;
|
|
21120
|
+
}> | undefined | null;
|
|
21121
|
+
/** sets the alt text of the image */
|
|
21122
|
+
name: string | undefined;
|
|
21123
|
+
/** (optional) sets react child elements */
|
|
21124
|
+
children?: React$1.ReactNode;
|
|
21125
|
+
/** (optional) sets child elements in */
|
|
21126
|
+
menu?: React$1.ReactNode;
|
|
21127
|
+
};
|
|
21128
|
+
type HexModalBackgroundProps = React$1.SVGAttributes<SVGElement>;
|
|
21129
|
+
declare const HexModalBackground: ({ ...props }: HexModalBackgroundProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21130
|
+
/** Uniform Integration Modal Header
|
|
21131
|
+
* @example <IntegrationModalHeader icon="/icon.svg" name="name" />
|
|
21132
|
+
*/
|
|
21133
|
+
declare const IntegrationModalHeader: ({ icon, name, menu, children }: IntegrationModalHeaderProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21134
|
+
|
|
21034
21135
|
type JsonEditorProps = {
|
|
21035
21136
|
/**
|
|
21036
21137
|
* The default value for the editor. Note that this is not reactive after the first render.
|
|
@@ -21070,7 +21171,6 @@ type CommonContainerProps = {
|
|
|
21070
21171
|
/** sets the margin of the element */
|
|
21071
21172
|
margin?: string;
|
|
21072
21173
|
};
|
|
21073
|
-
type AlignmentProps = 'baseline' | 'center' | 'end' | 'flex-end' | 'flex-start' | 'inherit' | 'initial' | 'normal' | 'revert' | 'self-end' | 'self-start' | 'start' | 'stretch' | 'unset';
|
|
21074
21174
|
type RhythmProps = React.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> & {
|
|
21075
21175
|
/** sets the wrapping html tag
|
|
21076
21176
|
* @default 'div'
|
|
@@ -21083,7 +21183,8 @@ type RhythmProps = React.HTMLAttributes<HTMLDivElement | HTMLFieldSetElement> &
|
|
|
21083
21183
|
/** sets the alignment of elements
|
|
21084
21184
|
* @default normal browser behaviour
|
|
21085
21185
|
*/
|
|
21086
|
-
align?:
|
|
21186
|
+
align?: CSSProperties['alignItems'];
|
|
21187
|
+
justify?: CSSProperties['justifyContent'];
|
|
21087
21188
|
children: React.ReactNode;
|
|
21088
21189
|
};
|
|
21089
21190
|
|
|
@@ -21093,7 +21194,7 @@ type ContainerProps = CommonContainerProps & React$1.HTMLAttributes<HTMLDivEleme
|
|
|
21093
21194
|
};
|
|
21094
21195
|
declare const Container: ({ tag, backgroundColor, border, rounded, padding, margin, children, ...props }: ContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21095
21196
|
|
|
21096
|
-
declare const HorizontalRhythm: ({ align, tag, gap, children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21197
|
+
declare const HorizontalRhythm: ({ align, justify, tag, gap, children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21097
21198
|
|
|
21098
21199
|
type TwoColumnLayoutProps = {
|
|
21099
21200
|
/** sets the full bleed background colour
|
|
@@ -21112,7 +21213,7 @@ type TwoColumnLayoutProps = {
|
|
|
21112
21213
|
/** @example <TwoColumnLayout supportingContent={<div>supporting content</div>}><h1>title</h1></TwoColumnLayout> */
|
|
21113
21214
|
declare const TwoColumnLayout: ({ bgColor, invertLayout, supportingContent, children, }: TwoColumnLayoutProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21114
21215
|
|
|
21115
|
-
declare const VerticalRhythm: ({ align, tag, gap, children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21216
|
+
declare const VerticalRhythm: ({ align, justify, tag, gap, children, ...props }: RhythmProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21116
21217
|
|
|
21117
21218
|
type LimitsBarProps = {
|
|
21118
21219
|
/** The current value of used limits */
|
|
@@ -21313,24 +21414,42 @@ declare const MenuItem: React$1.FC<MenuItemProps>;
|
|
|
21313
21414
|
|
|
21314
21415
|
declare const MenuItemSeparator: () => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21315
21416
|
|
|
21316
|
-
type
|
|
21317
|
-
|
|
21318
|
-
|
|
21319
|
-
|
|
21320
|
-
|
|
21321
|
-
/**
|
|
21322
|
-
|
|
21323
|
-
/**
|
|
21324
|
-
|
|
21325
|
-
/**
|
|
21326
|
-
|
|
21327
|
-
|
|
21328
|
-
|
|
21329
|
-
|
|
21330
|
-
|
|
21331
|
-
|
|
21417
|
+
type ModalProps = {
|
|
21418
|
+
header?: React__default.ReactNode;
|
|
21419
|
+
children?: React__default.ReactNode;
|
|
21420
|
+
/** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked */
|
|
21421
|
+
onRequestClose: () => void;
|
|
21422
|
+
/** A valid CSS width */
|
|
21423
|
+
width?: string;
|
|
21424
|
+
/** A valid CSS height */
|
|
21425
|
+
height?: string;
|
|
21426
|
+
/** The classname to set on the wrapper of the modal */
|
|
21427
|
+
wrapperClassName?: string;
|
|
21428
|
+
/** Removes the default padding on the content wrapper */
|
|
21429
|
+
withoutContentPadding?: boolean;
|
|
21430
|
+
/** Places buttons at the bottom of the modal */
|
|
21431
|
+
buttonGroup?: ReactNode;
|
|
21432
|
+
} & React__default.HTMLAttributes<HTMLDialogElement>;
|
|
21433
|
+
/**
|
|
21434
|
+
* A modal component to open a dialog with a backdrop that covers the whole page.
|
|
21435
|
+
* @example <Modal>Hello World</Modal>
|
|
21332
21436
|
*/
|
|
21333
|
-
declare const
|
|
21437
|
+
declare const Modal: React__default.ForwardRefExoticComponent<{
|
|
21438
|
+
header?: React__default.ReactNode;
|
|
21439
|
+
children?: React__default.ReactNode;
|
|
21440
|
+
/** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked */
|
|
21441
|
+
onRequestClose: () => void;
|
|
21442
|
+
/** A valid CSS width */
|
|
21443
|
+
width?: string | undefined;
|
|
21444
|
+
/** A valid CSS height */
|
|
21445
|
+
height?: string | undefined;
|
|
21446
|
+
/** The classname to set on the wrapper of the modal */
|
|
21447
|
+
wrapperClassName?: string | undefined;
|
|
21448
|
+
/** Removes the default padding on the content wrapper */
|
|
21449
|
+
withoutContentPadding?: boolean | undefined;
|
|
21450
|
+
/** Places buttons at the bottom of the modal */
|
|
21451
|
+
buttonGroup?: ReactNode;
|
|
21452
|
+
} & React__default.HTMLAttributes<HTMLDialogElement> & React__default.RefAttributes<HTMLDialogElement>>;
|
|
21334
21453
|
|
|
21335
21454
|
type ConnectToDataElementButtonProps = HTMLAttributes<HTMLButtonElement> & {
|
|
21336
21455
|
icon?: IconType;
|
|
@@ -21440,8 +21559,12 @@ declare const ParameterGroup: React$1.ForwardRefExoticComponent<React$1.HTMLAttr
|
|
|
21440
21559
|
|
|
21441
21560
|
type ParameterImageProps = Omit<CommonParameterInputProps, 'inputIcon' | 'type'>;
|
|
21442
21561
|
/** @Example <ParameterImage {...inputArgs} value={value} onChange={(e) => setValue(e.currentTarget.value)} /> */
|
|
21443
|
-
declare const ParameterImage:
|
|
21444
|
-
declare const
|
|
21562
|
+
declare const ParameterImage: React__default.ForwardRefExoticComponent<ParameterImageProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
21563
|
+
declare const BrokenImage: ({ ...props }: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21564
|
+
declare const ParameterImageInner: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & React__default.RefAttributes<HTMLInputElement>>;
|
|
21565
|
+
declare const ParameterImagePreview: ({ imageSrc }: {
|
|
21566
|
+
imageSrc: string;
|
|
21567
|
+
}) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21445
21568
|
|
|
21446
21569
|
type ParameterInputProps = CommonParameterInputProps & React.InputHTMLAttributes<HTMLInputElement>;
|
|
21447
21570
|
/** @example <ParameterInput label="label value" id="my-input" /> */
|
|
@@ -21712,7 +21835,7 @@ type PopoverProps = PopoverProps$1 & {
|
|
|
21712
21835
|
testId?: string;
|
|
21713
21836
|
children: ReactNode;
|
|
21714
21837
|
};
|
|
21715
|
-
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, children, }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21838
|
+
declare const Popover: ({ iconColor, icon, iconSize, buttonText, ariaLabel, placement, testId, children, ...otherProps }: PopoverProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
21716
21839
|
|
|
21717
21840
|
type ProgressListItemStatus = 'completed' | 'inProgress' | 'queued';
|
|
21718
21841
|
type ProgressListProps = React__default.HTMLAttributes<HTMLOListElement> & {
|
|
@@ -21806,7 +21929,7 @@ type UseShortcutOptions = {
|
|
|
21806
21929
|
activeWhenEditing?: boolean;
|
|
21807
21930
|
};
|
|
21808
21931
|
declare function macifyShortcut(shortcut: string | null): string | null;
|
|
21809
|
-
declare function useShortcut({ handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, }: UseShortcutOptions):
|
|
21932
|
+
declare function useShortcut({ handler, shortcut, macShortcut, doNotPreventDefault, activeWhenEditing, }: UseShortcutOptions): React$1.MutableRefObject<react_hotkeys_hook_dist_types.RefType<HTMLElement>>;
|
|
21810
21933
|
|
|
21811
21934
|
type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttributes<HTMLDivElement>> & {
|
|
21812
21935
|
width?: string;
|
|
@@ -22212,4 +22335,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
|
|
|
22212
22335
|
};
|
|
22213
22336
|
declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
22214
22337
|
|
|
22215
|
-
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getDrawerAttributes, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
|
|
22338
|
+
export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, BrokenImage, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, DashedBoxProps, DescriptionList, DescriptionListProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContent, DrawerContentProps, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, DrawersRegistryRecord, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, Modal, ModalProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getDrawerAttributes, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
|