@wistia/ui 0.20.19 → 0.20.20-beta.304274e3.a92d932
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 +31 -20
- package/dist/index.js +1148 -1093
- 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';
|
|
@@ -1299,6 +1298,7 @@ declare const iconMap: {
|
|
|
1299
1298
|
error: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1300
1299
|
expand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1301
1300
|
'expand-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1301
|
+
'expand-diagonal-window': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1302
1302
|
'expand-horizontal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1303
1303
|
'fast-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1304
1304
|
favorite: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1348,6 +1348,7 @@ declare const iconMap: {
|
|
|
1348
1348
|
'move-left': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1349
1349
|
'move-right': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1350
1350
|
music: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1351
|
+
'my-library': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1351
1352
|
'on-air': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1352
1353
|
'open-new': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
1353
1354
|
overview: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
|
|
@@ -1462,7 +1463,8 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
|
|
|
1462
1463
|
invertColor?: boolean;
|
|
1463
1464
|
/**
|
|
1464
1465
|
* The size of the icon to display
|
|
1465
|
-
*
|
|
1466
|
+
* @type
|
|
1467
|
+
* ResponsiveObject<'sm' | 'md' | 'lg' | 'xl' | 'xxl'> | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
|
|
1466
1468
|
*/
|
|
1467
1469
|
size?: ResponsiveObject<keyof typeof iconSizeMap> | keyof typeof iconSizeMap;
|
|
1468
1470
|
/**
|
|
@@ -1604,8 +1606,9 @@ declare const ColorPickerTrigger: react.ForwardRefExoticComponent<{
|
|
|
1604
1606
|
children?: react.ReactNode | undefined;
|
|
1605
1607
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1606
1608
|
|
|
1609
|
+
type ContrastControlsProps = object;
|
|
1607
1610
|
declare const ContrastControls: {
|
|
1608
|
-
(): JSX.Element;
|
|
1611
|
+
(props: ContrastControlsProps): JSX.Element;
|
|
1609
1612
|
displayName: string;
|
|
1610
1613
|
};
|
|
1611
1614
|
|
|
@@ -1620,8 +1623,9 @@ declare const HexColorInput: {
|
|
|
1620
1623
|
displayName: string;
|
|
1621
1624
|
};
|
|
1622
1625
|
|
|
1626
|
+
type HueSliderProps = object;
|
|
1623
1627
|
declare const HueSlider: {
|
|
1624
|
-
(): JSX.Element;
|
|
1628
|
+
(props: HueSliderProps): JSX.Element;
|
|
1625
1629
|
displayName: string;
|
|
1626
1630
|
};
|
|
1627
1631
|
|
|
@@ -1633,8 +1637,9 @@ declare const SaturationAndValuePicker: {
|
|
|
1633
1637
|
displayName: string;
|
|
1634
1638
|
};
|
|
1635
1639
|
|
|
1640
|
+
type ValueNameOrHexCodeProps = object;
|
|
1636
1641
|
declare const ValueNameOrHexCode: {
|
|
1637
|
-
(): JSX.Element;
|
|
1642
|
+
(props: ValueNameOrHexCodeProps): JSX.Element;
|
|
1638
1643
|
displayName: string;
|
|
1639
1644
|
};
|
|
1640
1645
|
|
|
@@ -1824,8 +1829,9 @@ type DataCardTrendProps = {
|
|
|
1824
1829
|
};
|
|
1825
1830
|
declare const DataCardTrend: ({ direction, outlook, children, ...props }: DataCardTrendProps) => JSX.Element;
|
|
1826
1831
|
|
|
1832
|
+
type DataCardHoverArrowProps = object;
|
|
1827
1833
|
declare const DataCardHoverArrow: {
|
|
1828
|
-
(): react_jsx_runtime.JSX.Element;
|
|
1834
|
+
(props: DataCardHoverArrowProps): react_jsx_runtime.JSX.Element;
|
|
1829
1835
|
displayName: string;
|
|
1830
1836
|
};
|
|
1831
1837
|
|
|
@@ -1941,19 +1947,21 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1941
1947
|
*/
|
|
1942
1948
|
declare const Text: (<C extends ElementType = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1943
1949
|
|
|
1950
|
+
type DataListItemLabelProps = TextProps;
|
|
1944
1951
|
/**
|
|
1945
1952
|
* The label of the `DataListItem`. Extends the [Text]() component.
|
|
1946
1953
|
*/
|
|
1947
1954
|
declare const DataListItemLabel: {
|
|
1948
|
-
(props:
|
|
1955
|
+
(props: DataListItemLabelProps): JSX.Element;
|
|
1949
1956
|
displayName: string;
|
|
1950
1957
|
};
|
|
1951
1958
|
|
|
1959
|
+
type DataListItemValueProps = TextProps;
|
|
1952
1960
|
/**
|
|
1953
1961
|
* The value of the `DataListItem`. Extends the [Text]() component.
|
|
1954
1962
|
*/
|
|
1955
1963
|
declare const DataListItemValue: {
|
|
1956
|
-
(props:
|
|
1964
|
+
(props: DataListItemValueProps): JSX.Element;
|
|
1957
1965
|
displayName: string;
|
|
1958
1966
|
};
|
|
1959
1967
|
|
|
@@ -2258,9 +2266,10 @@ declare const Label: {
|
|
|
2258
2266
|
type EditableTextLabelProps = Omit<LabelProps, 'disabled' | 'htmlFor' | 'required'>;
|
|
2259
2267
|
declare const EditableTextLabel: ({ ...props }: EditableTextLabelProps) => react_jsx_runtime.JSX.Element;
|
|
2260
2268
|
|
|
2261
|
-
|
|
2269
|
+
type EditableTextSubmitButtonProps = {
|
|
2262
2270
|
children: ReactElement;
|
|
2263
|
-
}
|
|
2271
|
+
};
|
|
2272
|
+
declare const EditableTextSubmitButton: ({ children, }: EditableTextSubmitButtonProps) => JSX.Element | null;
|
|
2264
2273
|
|
|
2265
2274
|
type EditableTextCancelButtonProps = {
|
|
2266
2275
|
/**
|
|
@@ -3126,13 +3135,14 @@ type MenuItemLabelProps = {
|
|
|
3126
3135
|
*/
|
|
3127
3136
|
children: ReactNode;
|
|
3128
3137
|
};
|
|
3138
|
+
declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
|
|
3139
|
+
|
|
3129
3140
|
type MenuItemDescriptionProps = {
|
|
3130
3141
|
/**
|
|
3131
3142
|
* The content of the description
|
|
3132
3143
|
*/
|
|
3133
3144
|
children: ReactNode;
|
|
3134
3145
|
};
|
|
3135
|
-
declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
|
|
3136
3146
|
declare const MenuItemDescription: ({ children }: MenuItemDescriptionProps) => react_jsx_runtime.JSX.Element;
|
|
3137
3147
|
|
|
3138
3148
|
type MenuRadioGroupProps = DropdownMenuRadioGroupProps & {
|
|
@@ -3225,14 +3235,7 @@ type FilterMenuProps = MenuProps & {
|
|
|
3225
3235
|
onSearchValueChange: (value: string) => void;
|
|
3226
3236
|
};
|
|
3227
3237
|
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;
|
|
3238
|
+
({ onSelect, checked, onCheckedChange, ...props }: CheckboxMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
3236
3239
|
displayName: string;
|
|
3237
3240
|
};
|
|
3238
3241
|
declare const FilterMenu: react.ForwardRefExoticComponent<FilterMenuProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -3777,6 +3780,14 @@ declare const ScreenReaderOnly: {
|
|
|
3777
3780
|
displayName: string;
|
|
3778
3781
|
};
|
|
3779
3782
|
|
|
3783
|
+
type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
|
|
3784
|
+
/**
|
|
3785
|
+
* When true, disables scrolling. Useful to temporarily prevent scrolling,
|
|
3786
|
+
* like when drag-and-dropping an item from inside to outside of the scroll
|
|
3787
|
+
* area.
|
|
3788
|
+
*/
|
|
3789
|
+
locked?: boolean;
|
|
3790
|
+
};
|
|
3780
3791
|
/**
|
|
3781
3792
|
* ScrollArea is a simple scrollable container with shadow effects to indicate
|
|
3782
3793
|
* scrollability.
|
|
@@ -4583,4 +4594,4 @@ declare const WistiaLogo: {
|
|
|
4583
4594
|
displayName: string;
|
|
4584
4595
|
};
|
|
4585
4596
|
|
|
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 };
|
|
4597
|
+
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 };
|