@wistia/ui 0.8.6-beta.5e32ee7a.d7d4d10 → 0.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +554 -668
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +97 -109
- package/dist/index.d.ts +97 -109
- package/dist/index.mjs +475 -586
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes
|
|
3
|
+
import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
|
|
4
4
|
export * from 'use-file-picker/types';
|
|
5
5
|
export { useFilePicker, useImperativeFilePicker } from 'use-file-picker';
|
|
6
6
|
export { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from 'use-file-picker/validators';
|
|
@@ -1786,38 +1786,6 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
|
|
|
1786
1786
|
type?: "email" | "multiline" | "number" | "phone" | "search" | "text" | "url";
|
|
1787
1787
|
} & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
1788
1788
|
|
|
1789
|
-
type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'rightIcon' | 'type' | 'value'> & {
|
|
1790
|
-
/**
|
|
1791
|
-
* When disabled, the copy action will not be triggered
|
|
1792
|
-
*/
|
|
1793
|
-
disabled?: boolean;
|
|
1794
|
-
/**
|
|
1795
|
-
* Callback function that is called when the value is copied to the clipboard
|
|
1796
|
-
*/
|
|
1797
|
-
onCopy?: (value: string) => void;
|
|
1798
|
-
/**
|
|
1799
|
-
* the value of what is copied
|
|
1800
|
-
*/
|
|
1801
|
-
value: string;
|
|
1802
|
-
};
|
|
1803
|
-
/**
|
|
1804
|
-
* Provides a readonly input that copies the text to the clipboard when clicked.
|
|
1805
|
-
*/
|
|
1806
|
-
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
|
|
1807
|
-
/**
|
|
1808
|
-
* When disabled, the copy action will not be triggered
|
|
1809
|
-
*/
|
|
1810
|
-
disabled?: boolean;
|
|
1811
|
-
/**
|
|
1812
|
-
* Callback function that is called when the value is copied to the clipboard
|
|
1813
|
-
*/
|
|
1814
|
-
onCopy?: (value: string) => void;
|
|
1815
|
-
/**
|
|
1816
|
-
* the value of what is copied
|
|
1817
|
-
*/
|
|
1818
|
-
value: string;
|
|
1819
|
-
} & react.RefAttributes<HTMLInputElement>>;
|
|
1820
|
-
|
|
1821
1789
|
type LabelProps = ComponentPropsWithoutRef<'label'> & {
|
|
1822
1790
|
/**
|
|
1823
1791
|
* Pass an arbitrary child node
|
|
@@ -3012,6 +2980,85 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
3012
2980
|
onClickRemoveLabel?: string | undefined;
|
|
3013
2981
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
3014
2982
|
|
|
2983
|
+
type TooltipProps = {
|
|
2984
|
+
/**
|
|
2985
|
+
* The content of the tooltip
|
|
2986
|
+
*/
|
|
2987
|
+
content: ReactNode;
|
|
2988
|
+
/**
|
|
2989
|
+
* The button or other interactive element that triggers the tooltip
|
|
2990
|
+
*/
|
|
2991
|
+
children: ReactNode;
|
|
2992
|
+
/**
|
|
2993
|
+
* The delay in milliseconds before the tooltip appears
|
|
2994
|
+
*/
|
|
2995
|
+
delay?: number;
|
|
2996
|
+
/**
|
|
2997
|
+
* The preferred direction to render the tooltip if no collisions prevent it
|
|
2998
|
+
*/
|
|
2999
|
+
direction?: 'bottom' | 'left' | 'right' | 'top';
|
|
3000
|
+
/**
|
|
3001
|
+
* @ignore
|
|
3002
|
+
* Force the tooltip to be open without user interaction (for debugging and CI)
|
|
3003
|
+
*/
|
|
3004
|
+
forceOpen?: boolean;
|
|
3005
|
+
/**
|
|
3006
|
+
* Hides the arrow
|
|
3007
|
+
*/
|
|
3008
|
+
hideArrow?: boolean;
|
|
3009
|
+
};
|
|
3010
|
+
/**
|
|
3011
|
+
* Tooltips are a way to provide additional information or context to a user when they hover or focus an element.
|
|
3012
|
+
* For elements that are not interactive, consider using a [Popover](/docs/ui-docs-popover--docs) instead.
|
|
3013
|
+
* TODO - add link to Popover docs when they exist
|
|
3014
|
+
*/
|
|
3015
|
+
declare const Tooltip: {
|
|
3016
|
+
({ delay, direction, content, children, forceOpen, hideArrow, }: TooltipProps): JSX.Element;
|
|
3017
|
+
displayName: string;
|
|
3018
|
+
};
|
|
3019
|
+
|
|
3020
|
+
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3021
|
+
/**
|
|
3022
|
+
* An optional accessible description for the logo
|
|
3023
|
+
*/
|
|
3024
|
+
description?: string;
|
|
3025
|
+
/**
|
|
3026
|
+
* Height, in pixels, of the logo
|
|
3027
|
+
*/
|
|
3028
|
+
height?: number;
|
|
3029
|
+
/**
|
|
3030
|
+
* @ignore
|
|
3031
|
+
* Change the color when hovering over the logo
|
|
3032
|
+
*/
|
|
3033
|
+
hoverColor?: string;
|
|
3034
|
+
/**
|
|
3035
|
+
* Display just the icon portion of the logo (ie. hide `Wistia` text)
|
|
3036
|
+
* note: there is no analogue to this because by brand guidelines, the
|
|
3037
|
+
* `Wistia` text must not be displayed without the "flags" iconography
|
|
3038
|
+
*/
|
|
3039
|
+
iconOnly?: boolean;
|
|
3040
|
+
/**
|
|
3041
|
+
* If provided, will wrap the logo in a link
|
|
3042
|
+
*/
|
|
3043
|
+
href?: string;
|
|
3044
|
+
/**
|
|
3045
|
+
* An accessible title for the logo (defaults to "Wistia Logo")
|
|
3046
|
+
*/
|
|
3047
|
+
title?: string;
|
|
3048
|
+
/**
|
|
3049
|
+
* Style of the logo
|
|
3050
|
+
*/
|
|
3051
|
+
variant?: 'dark' | 'light' | 'standard';
|
|
3052
|
+
/**
|
|
3053
|
+
* If true, the logo will be optically centered within its container
|
|
3054
|
+
*/
|
|
3055
|
+
opticallyCentered?: boolean;
|
|
3056
|
+
};
|
|
3057
|
+
declare const WistiaLogo: {
|
|
3058
|
+
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...props }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3059
|
+
displayName: string;
|
|
3060
|
+
};
|
|
3061
|
+
|
|
3015
3062
|
type ThumbnailBadgeProps = {
|
|
3016
3063
|
/**
|
|
3017
3064
|
* Icon to display on the left side of the badge
|
|
@@ -3092,95 +3139,36 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
|
|
|
3092
3139
|
children?: ReactNode;
|
|
3093
3140
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
3094
3141
|
|
|
3095
|
-
type
|
|
3096
|
-
/**
|
|
3097
|
-
* An array of `Thumbnail` components to show in the collage. Supports up to 3 `Thumbnail`s.
|
|
3098
|
-
*/
|
|
3099
|
-
children?: ReactElement<ThumbnailProps>[] | undefined;
|
|
3100
|
-
/**
|
|
3101
|
-
* The type of gradient to show if no `Thumbnail`s are provided
|
|
3102
|
-
*/
|
|
3103
|
-
gradientBackground?: GradientNameType;
|
|
3104
|
-
};
|
|
3105
|
-
declare const ThumbnailCollage: ({ children, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
3106
|
-
|
|
3107
|
-
type TooltipProps = {
|
|
3108
|
-
/**
|
|
3109
|
-
* The content of the tooltip
|
|
3110
|
-
*/
|
|
3111
|
-
content: ReactNode;
|
|
3112
|
-
/**
|
|
3113
|
-
* The button or other interactive element that triggers the tooltip
|
|
3114
|
-
*/
|
|
3115
|
-
children: ReactNode;
|
|
3116
|
-
/**
|
|
3117
|
-
* The delay in milliseconds before the tooltip appears
|
|
3118
|
-
*/
|
|
3119
|
-
delay?: number;
|
|
3142
|
+
type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'rightIcon' | 'type' | 'value'> & {
|
|
3120
3143
|
/**
|
|
3121
|
-
*
|
|
3144
|
+
* When disabled, the copy action will not be triggered
|
|
3122
3145
|
*/
|
|
3123
|
-
|
|
3146
|
+
disabled?: boolean;
|
|
3124
3147
|
/**
|
|
3125
|
-
*
|
|
3126
|
-
* Force the tooltip to be open without user interaction (for debugging and CI)
|
|
3148
|
+
* Callback function that is called when the value is copied to the clipboard
|
|
3127
3149
|
*/
|
|
3128
|
-
|
|
3150
|
+
onCopy?: (value: string) => void;
|
|
3129
3151
|
/**
|
|
3130
|
-
*
|
|
3152
|
+
* the value of what is copied
|
|
3131
3153
|
*/
|
|
3132
|
-
|
|
3154
|
+
value: string;
|
|
3133
3155
|
};
|
|
3134
3156
|
/**
|
|
3135
|
-
*
|
|
3136
|
-
* For elements that are not interactive, consider using a [Popover](/docs/ui-docs-popover--docs) instead.
|
|
3137
|
-
* TODO - add link to Popover docs when they exist
|
|
3157
|
+
* Provides a readonly input that copies the text to the clipboard when clicked.
|
|
3138
3158
|
*/
|
|
3139
|
-
declare const
|
|
3140
|
-
({ delay, direction, content, children, forceOpen, hideArrow, }: TooltipProps): JSX.Element;
|
|
3141
|
-
displayName: string;
|
|
3142
|
-
};
|
|
3143
|
-
|
|
3144
|
-
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3145
|
-
/**
|
|
3146
|
-
* An optional accessible description for the logo
|
|
3147
|
-
*/
|
|
3148
|
-
description?: string;
|
|
3149
|
-
/**
|
|
3150
|
-
* Height, in pixels, of the logo
|
|
3151
|
-
*/
|
|
3152
|
-
height?: number;
|
|
3153
|
-
/**
|
|
3154
|
-
* @ignore
|
|
3155
|
-
* Change the color when hovering over the logo
|
|
3156
|
-
*/
|
|
3157
|
-
hoverColor?: string;
|
|
3158
|
-
/**
|
|
3159
|
-
* Display just the icon portion of the logo (ie. hide `Wistia` text)
|
|
3160
|
-
* note: there is no analogue to this because by brand guidelines, the
|
|
3161
|
-
* `Wistia` text must not be displayed without the "flags" iconography
|
|
3162
|
-
*/
|
|
3163
|
-
iconOnly?: boolean;
|
|
3164
|
-
/**
|
|
3165
|
-
* If provided, will wrap the logo in a link
|
|
3166
|
-
*/
|
|
3167
|
-
href?: string;
|
|
3159
|
+
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
|
|
3168
3160
|
/**
|
|
3169
|
-
*
|
|
3161
|
+
* When disabled, the copy action will not be triggered
|
|
3170
3162
|
*/
|
|
3171
|
-
|
|
3163
|
+
disabled?: boolean;
|
|
3172
3164
|
/**
|
|
3173
|
-
*
|
|
3165
|
+
* Callback function that is called when the value is copied to the clipboard
|
|
3174
3166
|
*/
|
|
3175
|
-
|
|
3167
|
+
onCopy?: (value: string) => void;
|
|
3176
3168
|
/**
|
|
3177
|
-
*
|
|
3169
|
+
* the value of what is copied
|
|
3178
3170
|
*/
|
|
3179
|
-
|
|
3180
|
-
}
|
|
3181
|
-
declare const WistiaLogo: {
|
|
3182
|
-
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...props }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3183
|
-
displayName: string;
|
|
3184
|
-
};
|
|
3171
|
+
value: string;
|
|
3172
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
3185
3173
|
|
|
3186
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps,
|
|
3174
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes
|
|
3
|
+
import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, ForwardedRef, Ref, SyntheticEvent, InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
|
|
4
4
|
export * from 'use-file-picker/types';
|
|
5
5
|
export { useFilePicker, useImperativeFilePicker } from 'use-file-picker';
|
|
6
6
|
export { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from 'use-file-picker/validators';
|
|
@@ -1786,38 +1786,6 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
|
|
|
1786
1786
|
type?: "email" | "multiline" | "number" | "phone" | "search" | "text" | "url";
|
|
1787
1787
|
} & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
1788
1788
|
|
|
1789
|
-
type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'rightIcon' | 'type' | 'value'> & {
|
|
1790
|
-
/**
|
|
1791
|
-
* When disabled, the copy action will not be triggered
|
|
1792
|
-
*/
|
|
1793
|
-
disabled?: boolean;
|
|
1794
|
-
/**
|
|
1795
|
-
* Callback function that is called when the value is copied to the clipboard
|
|
1796
|
-
*/
|
|
1797
|
-
onCopy?: (value: string) => void;
|
|
1798
|
-
/**
|
|
1799
|
-
* the value of what is copied
|
|
1800
|
-
*/
|
|
1801
|
-
value: string;
|
|
1802
|
-
};
|
|
1803
|
-
/**
|
|
1804
|
-
* Provides a readonly input that copies the text to the clipboard when clicked.
|
|
1805
|
-
*/
|
|
1806
|
-
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
|
|
1807
|
-
/**
|
|
1808
|
-
* When disabled, the copy action will not be triggered
|
|
1809
|
-
*/
|
|
1810
|
-
disabled?: boolean;
|
|
1811
|
-
/**
|
|
1812
|
-
* Callback function that is called when the value is copied to the clipboard
|
|
1813
|
-
*/
|
|
1814
|
-
onCopy?: (value: string) => void;
|
|
1815
|
-
/**
|
|
1816
|
-
* the value of what is copied
|
|
1817
|
-
*/
|
|
1818
|
-
value: string;
|
|
1819
|
-
} & react.RefAttributes<HTMLInputElement>>;
|
|
1820
|
-
|
|
1821
1789
|
type LabelProps = ComponentPropsWithoutRef<'label'> & {
|
|
1822
1790
|
/**
|
|
1823
1791
|
* Pass an arbitrary child node
|
|
@@ -3012,6 +2980,85 @@ declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<
|
|
|
3012
2980
|
onClickRemoveLabel?: string | undefined;
|
|
3013
2981
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
3014
2982
|
|
|
2983
|
+
type TooltipProps = {
|
|
2984
|
+
/**
|
|
2985
|
+
* The content of the tooltip
|
|
2986
|
+
*/
|
|
2987
|
+
content: ReactNode;
|
|
2988
|
+
/**
|
|
2989
|
+
* The button or other interactive element that triggers the tooltip
|
|
2990
|
+
*/
|
|
2991
|
+
children: ReactNode;
|
|
2992
|
+
/**
|
|
2993
|
+
* The delay in milliseconds before the tooltip appears
|
|
2994
|
+
*/
|
|
2995
|
+
delay?: number;
|
|
2996
|
+
/**
|
|
2997
|
+
* The preferred direction to render the tooltip if no collisions prevent it
|
|
2998
|
+
*/
|
|
2999
|
+
direction?: 'bottom' | 'left' | 'right' | 'top';
|
|
3000
|
+
/**
|
|
3001
|
+
* @ignore
|
|
3002
|
+
* Force the tooltip to be open without user interaction (for debugging and CI)
|
|
3003
|
+
*/
|
|
3004
|
+
forceOpen?: boolean;
|
|
3005
|
+
/**
|
|
3006
|
+
* Hides the arrow
|
|
3007
|
+
*/
|
|
3008
|
+
hideArrow?: boolean;
|
|
3009
|
+
};
|
|
3010
|
+
/**
|
|
3011
|
+
* Tooltips are a way to provide additional information or context to a user when they hover or focus an element.
|
|
3012
|
+
* For elements that are not interactive, consider using a [Popover](/docs/ui-docs-popover--docs) instead.
|
|
3013
|
+
* TODO - add link to Popover docs when they exist
|
|
3014
|
+
*/
|
|
3015
|
+
declare const Tooltip: {
|
|
3016
|
+
({ delay, direction, content, children, forceOpen, hideArrow, }: TooltipProps): JSX.Element;
|
|
3017
|
+
displayName: string;
|
|
3018
|
+
};
|
|
3019
|
+
|
|
3020
|
+
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3021
|
+
/**
|
|
3022
|
+
* An optional accessible description for the logo
|
|
3023
|
+
*/
|
|
3024
|
+
description?: string;
|
|
3025
|
+
/**
|
|
3026
|
+
* Height, in pixels, of the logo
|
|
3027
|
+
*/
|
|
3028
|
+
height?: number;
|
|
3029
|
+
/**
|
|
3030
|
+
* @ignore
|
|
3031
|
+
* Change the color when hovering over the logo
|
|
3032
|
+
*/
|
|
3033
|
+
hoverColor?: string;
|
|
3034
|
+
/**
|
|
3035
|
+
* Display just the icon portion of the logo (ie. hide `Wistia` text)
|
|
3036
|
+
* note: there is no analogue to this because by brand guidelines, the
|
|
3037
|
+
* `Wistia` text must not be displayed without the "flags" iconography
|
|
3038
|
+
*/
|
|
3039
|
+
iconOnly?: boolean;
|
|
3040
|
+
/**
|
|
3041
|
+
* If provided, will wrap the logo in a link
|
|
3042
|
+
*/
|
|
3043
|
+
href?: string;
|
|
3044
|
+
/**
|
|
3045
|
+
* An accessible title for the logo (defaults to "Wistia Logo")
|
|
3046
|
+
*/
|
|
3047
|
+
title?: string;
|
|
3048
|
+
/**
|
|
3049
|
+
* Style of the logo
|
|
3050
|
+
*/
|
|
3051
|
+
variant?: 'dark' | 'light' | 'standard';
|
|
3052
|
+
/**
|
|
3053
|
+
* If true, the logo will be optically centered within its container
|
|
3054
|
+
*/
|
|
3055
|
+
opticallyCentered?: boolean;
|
|
3056
|
+
};
|
|
3057
|
+
declare const WistiaLogo: {
|
|
3058
|
+
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...props }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3059
|
+
displayName: string;
|
|
3060
|
+
};
|
|
3061
|
+
|
|
3015
3062
|
type ThumbnailBadgeProps = {
|
|
3016
3063
|
/**
|
|
3017
3064
|
* Icon to display on the left side of the badge
|
|
@@ -3092,95 +3139,36 @@ declare const Thumbnail: react.ForwardRefExoticComponent<Omit<react.DetailedHTML
|
|
|
3092
3139
|
children?: ReactNode;
|
|
3093
3140
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
3094
3141
|
|
|
3095
|
-
type
|
|
3096
|
-
/**
|
|
3097
|
-
* An array of `Thumbnail` components to show in the collage. Supports up to 3 `Thumbnail`s.
|
|
3098
|
-
*/
|
|
3099
|
-
children?: ReactElement<ThumbnailProps>[] | undefined;
|
|
3100
|
-
/**
|
|
3101
|
-
* The type of gradient to show if no `Thumbnail`s are provided
|
|
3102
|
-
*/
|
|
3103
|
-
gradientBackground?: GradientNameType;
|
|
3104
|
-
};
|
|
3105
|
-
declare const ThumbnailCollage: ({ children, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
|
|
3106
|
-
|
|
3107
|
-
type TooltipProps = {
|
|
3108
|
-
/**
|
|
3109
|
-
* The content of the tooltip
|
|
3110
|
-
*/
|
|
3111
|
-
content: ReactNode;
|
|
3112
|
-
/**
|
|
3113
|
-
* The button or other interactive element that triggers the tooltip
|
|
3114
|
-
*/
|
|
3115
|
-
children: ReactNode;
|
|
3116
|
-
/**
|
|
3117
|
-
* The delay in milliseconds before the tooltip appears
|
|
3118
|
-
*/
|
|
3119
|
-
delay?: number;
|
|
3142
|
+
type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'rightIcon' | 'type' | 'value'> & {
|
|
3120
3143
|
/**
|
|
3121
|
-
*
|
|
3144
|
+
* When disabled, the copy action will not be triggered
|
|
3122
3145
|
*/
|
|
3123
|
-
|
|
3146
|
+
disabled?: boolean;
|
|
3124
3147
|
/**
|
|
3125
|
-
*
|
|
3126
|
-
* Force the tooltip to be open without user interaction (for debugging and CI)
|
|
3148
|
+
* Callback function that is called when the value is copied to the clipboard
|
|
3127
3149
|
*/
|
|
3128
|
-
|
|
3150
|
+
onCopy?: (value: string) => void;
|
|
3129
3151
|
/**
|
|
3130
|
-
*
|
|
3152
|
+
* the value of what is copied
|
|
3131
3153
|
*/
|
|
3132
|
-
|
|
3154
|
+
value: string;
|
|
3133
3155
|
};
|
|
3134
3156
|
/**
|
|
3135
|
-
*
|
|
3136
|
-
* For elements that are not interactive, consider using a [Popover](/docs/ui-docs-popover--docs) instead.
|
|
3137
|
-
* TODO - add link to Popover docs when they exist
|
|
3157
|
+
* Provides a readonly input that copies the text to the clipboard when clicked.
|
|
3138
3158
|
*/
|
|
3139
|
-
declare const
|
|
3140
|
-
({ delay, direction, content, children, forceOpen, hideArrow, }: TooltipProps): JSX.Element;
|
|
3141
|
-
displayName: string;
|
|
3142
|
-
};
|
|
3143
|
-
|
|
3144
|
-
type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
|
|
3145
|
-
/**
|
|
3146
|
-
* An optional accessible description for the logo
|
|
3147
|
-
*/
|
|
3148
|
-
description?: string;
|
|
3149
|
-
/**
|
|
3150
|
-
* Height, in pixels, of the logo
|
|
3151
|
-
*/
|
|
3152
|
-
height?: number;
|
|
3153
|
-
/**
|
|
3154
|
-
* @ignore
|
|
3155
|
-
* Change the color when hovering over the logo
|
|
3156
|
-
*/
|
|
3157
|
-
hoverColor?: string;
|
|
3158
|
-
/**
|
|
3159
|
-
* Display just the icon portion of the logo (ie. hide `Wistia` text)
|
|
3160
|
-
* note: there is no analogue to this because by brand guidelines, the
|
|
3161
|
-
* `Wistia` text must not be displayed without the "flags" iconography
|
|
3162
|
-
*/
|
|
3163
|
-
iconOnly?: boolean;
|
|
3164
|
-
/**
|
|
3165
|
-
* If provided, will wrap the logo in a link
|
|
3166
|
-
*/
|
|
3167
|
-
href?: string;
|
|
3159
|
+
declare const InputClickToCopy: react.ForwardRefExoticComponent<Omit<InputProps, "type" | "disabled" | "value" | "rightIcon" | "autoSelect"> & {
|
|
3168
3160
|
/**
|
|
3169
|
-
*
|
|
3161
|
+
* When disabled, the copy action will not be triggered
|
|
3170
3162
|
*/
|
|
3171
|
-
|
|
3163
|
+
disabled?: boolean;
|
|
3172
3164
|
/**
|
|
3173
|
-
*
|
|
3165
|
+
* Callback function that is called when the value is copied to the clipboard
|
|
3174
3166
|
*/
|
|
3175
|
-
|
|
3167
|
+
onCopy?: (value: string) => void;
|
|
3176
3168
|
/**
|
|
3177
|
-
*
|
|
3169
|
+
* the value of what is copied
|
|
3178
3170
|
*/
|
|
3179
|
-
|
|
3180
|
-
}
|
|
3181
|
-
declare const WistiaLogo: {
|
|
3182
|
-
({ description, height, hoverColor, href, iconOnly, opticallyCentered, title, variant, ...props }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
|
|
3183
|
-
displayName: string;
|
|
3184
|
-
};
|
|
3171
|
+
value: string;
|
|
3172
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
3185
3173
|
|
|
3186
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps,
|
|
3174
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
|