@wistia/ui 0.20.19 → 0.20.20-beta.300a7fb3.841bcac
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.ts +32 -20
- package/dist/index.js +1211 -1135
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -9,7 +9,6 @@ import * as Ariakit from '@ariakit/react';
|
|
|
9
9
|
import * as styled_components from 'styled-components';
|
|
10
10
|
import { Schema } from 'yup';
|
|
11
11
|
import ReactMarkdown from 'react-markdown';
|
|
12
|
-
import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
|
|
13
12
|
import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
|
|
14
13
|
import { PopoverContentProps } from '@radix-ui/react-popover';
|
|
15
14
|
import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
|
|
@@ -1285,6 +1284,7 @@ declare const iconMap: {
|
|
|
1285
1284
|
'content-library': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1286
1285
|
controls: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1287
1286
|
'credit-card': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1287
|
+
credits: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1288
1288
|
'cursor-click': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1289
1289
|
delete: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1290
1290
|
desktop: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1299,6 +1299,7 @@ declare const iconMap: {
|
|
|
1299
1299
|
error: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1300
1300
|
expand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1301
1301
|
'expand-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1302
|
+
'expand-diagonal-window': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1302
1303
|
'expand-horizontal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1303
1304
|
'fast-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1304
1305
|
favorite: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1348,6 +1349,7 @@ declare const iconMap: {
|
|
|
1348
1349
|
'move-left': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1349
1350
|
'move-right': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1350
1351
|
music: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1352
|
+
'my-library': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1351
1353
|
'on-air': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1352
1354
|
'open-new': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1353
1355
|
overview: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1462,7 +1464,8 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
|
|
|
1462
1464
|
invertColor?: boolean;
|
|
1463
1465
|
/**
|
|
1464
1466
|
* The size of the icon to display
|
|
1465
|
-
*
|
|
1467
|
+
* @type
|
|
1468
|
+
* ResponsiveObject<'sm' | 'md' | 'lg' | 'xl' | 'xxl'> | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
|
|
1466
1469
|
*/
|
|
1467
1470
|
size?: ResponsiveObject<keyof typeof iconSizeMap> | keyof typeof iconSizeMap;
|
|
1468
1471
|
/**
|
|
@@ -1604,8 +1607,9 @@ declare const ColorPickerTrigger: react.ForwardRefExoticComponent<{
|
|
|
1604
1607
|
children?: react.ReactNode | undefined;
|
|
1605
1608
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1606
1609
|
|
|
1610
|
+
type ContrastControlsProps = object;
|
|
1607
1611
|
declare const ContrastControls: {
|
|
1608
|
-
(): JSX.Element;
|
|
1612
|
+
(props: ContrastControlsProps): JSX.Element;
|
|
1609
1613
|
displayName: string;
|
|
1610
1614
|
};
|
|
1611
1615
|
|
|
@@ -1620,8 +1624,9 @@ declare const HexColorInput: {
|
|
|
1620
1624
|
displayName: string;
|
|
1621
1625
|
};
|
|
1622
1626
|
|
|
1627
|
+
type HueSliderProps = object;
|
|
1623
1628
|
declare const HueSlider: {
|
|
1624
|
-
(): JSX.Element;
|
|
1629
|
+
(props: HueSliderProps): JSX.Element;
|
|
1625
1630
|
displayName: string;
|
|
1626
1631
|
};
|
|
1627
1632
|
|
|
@@ -1633,8 +1638,9 @@ declare const SaturationAndValuePicker: {
|
|
|
1633
1638
|
displayName: string;
|
|
1634
1639
|
};
|
|
1635
1640
|
|
|
1641
|
+
type ValueNameOrHexCodeProps = object;
|
|
1636
1642
|
declare const ValueNameOrHexCode: {
|
|
1637
|
-
(): JSX.Element;
|
|
1643
|
+
(props: ValueNameOrHexCodeProps): JSX.Element;
|
|
1638
1644
|
displayName: string;
|
|
1639
1645
|
};
|
|
1640
1646
|
|
|
@@ -1824,8 +1830,9 @@ type DataCardTrendProps = {
|
|
|
1824
1830
|
};
|
|
1825
1831
|
declare const DataCardTrend: ({ direction, outlook, children, ...props }: DataCardTrendProps) => JSX.Element;
|
|
1826
1832
|
|
|
1833
|
+
type DataCardHoverArrowProps = object;
|
|
1827
1834
|
declare const DataCardHoverArrow: {
|
|
1828
|
-
(): react_jsx_runtime.JSX.Element;
|
|
1835
|
+
(props: DataCardHoverArrowProps): react_jsx_runtime.JSX.Element;
|
|
1829
1836
|
displayName: string;
|
|
1830
1837
|
};
|
|
1831
1838
|
|
|
@@ -1941,19 +1948,21 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1941
1948
|
*/
|
|
1942
1949
|
declare const Text: (<C extends ElementType = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1943
1950
|
|
|
1951
|
+
type DataListItemLabelProps = TextProps;
|
|
1944
1952
|
/**
|
|
1945
1953
|
* The label of the `DataListItem`. Extends the [Text]() component.
|
|
1946
1954
|
*/
|
|
1947
1955
|
declare const DataListItemLabel: {
|
|
1948
|
-
(props:
|
|
1956
|
+
(props: DataListItemLabelProps): JSX.Element;
|
|
1949
1957
|
displayName: string;
|
|
1950
1958
|
};
|
|
1951
1959
|
|
|
1960
|
+
type DataListItemValueProps = TextProps;
|
|
1952
1961
|
/**
|
|
1953
1962
|
* The value of the `DataListItem`. Extends the [Text]() component.
|
|
1954
1963
|
*/
|
|
1955
1964
|
declare const DataListItemValue: {
|
|
1956
|
-
(props:
|
|
1965
|
+
(props: DataListItemValueProps): JSX.Element;
|
|
1957
1966
|
displayName: string;
|
|
1958
1967
|
};
|
|
1959
1968
|
|
|
@@ -2258,9 +2267,10 @@ declare const Label: {
|
|
|
2258
2267
|
type EditableTextLabelProps = Omit<LabelProps, 'disabled' | 'htmlFor' | 'required'>;
|
|
2259
2268
|
declare const EditableTextLabel: ({ ...props }: EditableTextLabelProps) => react_jsx_runtime.JSX.Element;
|
|
2260
2269
|
|
|
2261
|
-
|
|
2270
|
+
type EditableTextSubmitButtonProps = {
|
|
2262
2271
|
children: ReactElement;
|
|
2263
|
-
}
|
|
2272
|
+
};
|
|
2273
|
+
declare const EditableTextSubmitButton: ({ children, }: EditableTextSubmitButtonProps) => JSX.Element | null;
|
|
2264
2274
|
|
|
2265
2275
|
type EditableTextCancelButtonProps = {
|
|
2266
2276
|
/**
|
|
@@ -3126,13 +3136,14 @@ type MenuItemLabelProps = {
|
|
|
3126
3136
|
*/
|
|
3127
3137
|
children: ReactNode;
|
|
3128
3138
|
};
|
|
3139
|
+
declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
|
|
3140
|
+
|
|
3129
3141
|
type MenuItemDescriptionProps = {
|
|
3130
3142
|
/**
|
|
3131
3143
|
* The content of the description
|
|
3132
3144
|
*/
|
|
3133
3145
|
children: ReactNode;
|
|
3134
3146
|
};
|
|
3135
|
-
declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
|
|
3136
3147
|
declare const MenuItemDescription: ({ children }: MenuItemDescriptionProps) => react_jsx_runtime.JSX.Element;
|
|
3137
3148
|
|
|
3138
3149
|
type MenuRadioGroupProps = DropdownMenuRadioGroupProps & {
|
|
@@ -3225,14 +3236,7 @@ type FilterMenuProps = MenuProps & {
|
|
|
3225
3236
|
onSearchValueChange: (value: string) => void;
|
|
3226
3237
|
};
|
|
3227
3238
|
declare const FilterMenuItem: {
|
|
3228
|
-
({ onSelect, checked, onCheckedChange, ...props }:
|
|
3229
|
-
onCheckedChange: (checked: boolean) => void;
|
|
3230
|
-
indicator?: react.ReactNode;
|
|
3231
|
-
checked: boolean;
|
|
3232
|
-
href?: never;
|
|
3233
|
-
isLoading?: never;
|
|
3234
|
-
ref?: never;
|
|
3235
|
-
})): react_jsx_runtime.JSX.Element;
|
|
3239
|
+
({ onSelect, checked, onCheckedChange, ...props }: CheckboxMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
3236
3240
|
displayName: string;
|
|
3237
3241
|
};
|
|
3238
3242
|
declare const FilterMenu: react.ForwardRefExoticComponent<FilterMenuProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -3777,6 +3781,14 @@ declare const ScreenReaderOnly: {
|
|
|
3777
3781
|
displayName: string;
|
|
3778
3782
|
};
|
|
3779
3783
|
|
|
3784
|
+
type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
|
|
3785
|
+
/**
|
|
3786
|
+
* When true, disables scrolling. Useful to temporarily prevent scrolling,
|
|
3787
|
+
* like when drag-and-dropping an item from inside to outside of the scroll
|
|
3788
|
+
* area.
|
|
3789
|
+
*/
|
|
3790
|
+
locked?: boolean;
|
|
3791
|
+
};
|
|
3780
3792
|
/**
|
|
3781
3793
|
* ScrollArea is a simple scrollable container with shadow effects to indicate
|
|
3782
3794
|
* scrollability.
|
|
@@ -4583,4 +4595,4 @@ declare const WistiaLogo: {
|
|
|
4583
4595
|
displayName: string;
|
|
4584
4596
|
};
|
|
4585
4597
|
|
|
4586
|
-
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, type BannerProps, 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, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|
|
4598
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, type BannerProps, 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, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, type ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
|