@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.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, ReactElement } 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 } 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 ThumbnailCollageProps = {
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
- * The preferred direction to render the tooltip if no collisions prevent it
3144
+ * When disabled, the copy action will not be triggered
3122
3145
  */
3123
- direction?: 'bottom' | 'left' | 'right' | 'top';
3146
+ disabled?: boolean;
3124
3147
  /**
3125
- * @ignore
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
- forceOpen?: boolean;
3150
+ onCopy?: (value: string) => void;
3129
3151
  /**
3130
- * Hides the arrow
3152
+ * the value of what is copied
3131
3153
  */
3132
- hideArrow?: boolean;
3154
+ value: string;
3133
3155
  };
3134
3156
  /**
3135
- * Tooltips are a way to provide additional information or context to a user when they hover or focus an element.
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 Tooltip: {
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
- * An accessible title for the logo (defaults to "Wistia Logo")
3161
+ * When disabled, the copy action will not be triggered
3170
3162
  */
3171
- title?: string;
3163
+ disabled?: boolean;
3172
3164
  /**
3173
- * Style of the logo
3165
+ * Callback function that is called when the value is copied to the clipboard
3174
3166
  */
3175
- variant?: 'dark' | 'light' | 'standard';
3167
+ onCopy?: (value: string) => void;
3176
3168
  /**
3177
- * If true, the logo will be optically centered within its container
3169
+ * the value of what is copied
3178
3170
  */
3179
- opticallyCentered?: boolean;
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, ThumbnailCollage, type ThumbnailCollageProps, 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 };
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, ReactElement } 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 } 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 ThumbnailCollageProps = {
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
- * The preferred direction to render the tooltip if no collisions prevent it
3144
+ * When disabled, the copy action will not be triggered
3122
3145
  */
3123
- direction?: 'bottom' | 'left' | 'right' | 'top';
3146
+ disabled?: boolean;
3124
3147
  /**
3125
- * @ignore
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
- forceOpen?: boolean;
3150
+ onCopy?: (value: string) => void;
3129
3151
  /**
3130
- * Hides the arrow
3152
+ * the value of what is copied
3131
3153
  */
3132
- hideArrow?: boolean;
3154
+ value: string;
3133
3155
  };
3134
3156
  /**
3135
- * Tooltips are a way to provide additional information or context to a user when they hover or focus an element.
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 Tooltip: {
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
- * An accessible title for the logo (defaults to "Wistia Logo")
3161
+ * When disabled, the copy action will not be triggered
3170
3162
  */
3171
- title?: string;
3163
+ disabled?: boolean;
3172
3164
  /**
3173
- * Style of the logo
3165
+ * Callback function that is called when the value is copied to the clipboard
3174
3166
  */
3175
- variant?: 'dark' | 'light' | 'standard';
3167
+ onCopy?: (value: string) => void;
3176
3168
  /**
3177
- * If true, the logo will be optically centered within its container
3169
+ * the value of what is copied
3178
3170
  */
3179
- opticallyCentered?: boolean;
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, ThumbnailCollage, type ThumbnailCollageProps, 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 };
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 };