@wistia/ui 0.10.2-beta.598e86de.5b04018 → 0.10.2
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 +1294 -1663
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +23 -104
- package/dist/index.d.ts +23 -104
- package/dist/index.mjs +1210 -1590
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -4
package/dist/index.d.mts
CHANGED
|
@@ -1101,38 +1101,6 @@ type CollapsibleContentProps = {
|
|
|
1101
1101
|
};
|
|
1102
1102
|
declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => react_jsx_runtime.JSX.Element;
|
|
1103
1103
|
|
|
1104
|
-
type ComboboxProps = {
|
|
1105
|
-
/**
|
|
1106
|
-
* If true, the combox will fill the width of its parent
|
|
1107
|
-
*/
|
|
1108
|
-
fullWidth?: boolean;
|
|
1109
|
-
/**
|
|
1110
|
-
* The options to display in the combobox
|
|
1111
|
-
*/
|
|
1112
|
-
children: ReactNode;
|
|
1113
|
-
/**
|
|
1114
|
-
* The placeholder text for the combobox input
|
|
1115
|
-
*/
|
|
1116
|
-
placeholder?: string;
|
|
1117
|
-
/**
|
|
1118
|
-
* The function to call when the search value changes.
|
|
1119
|
-
*/
|
|
1120
|
-
onSearchValueChange: (value: string) => void;
|
|
1121
|
-
/**
|
|
1122
|
-
* The search value of the combobox input
|
|
1123
|
-
*/
|
|
1124
|
-
searchValue: string;
|
|
1125
|
-
/**
|
|
1126
|
-
* vent that fires when a value is selected
|
|
1127
|
-
*/
|
|
1128
|
-
onChange: (value: string[]) => void;
|
|
1129
|
-
/**
|
|
1130
|
-
* The selected values of the combobox
|
|
1131
|
-
*/
|
|
1132
|
-
value: string[];
|
|
1133
|
-
};
|
|
1134
|
-
declare const Combobox: ({ placeholder, value, onChange, searchValue, onSearchValueChange, children, fullWidth, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
|
|
1135
|
-
|
|
1136
1104
|
type DataCardProps = ComponentPropsWithoutRef<'div'> & Partial<Pick<ButtonAsLinkProps, 'beforeAction' | 'disabled' | 'href' | 'onClick' | 'type'>> & {
|
|
1137
1105
|
/**
|
|
1138
1106
|
* Label text displayed above the value
|
|
@@ -1956,28 +1924,6 @@ declare const Label: {
|
|
|
1956
1924
|
displayName: string;
|
|
1957
1925
|
};
|
|
1958
1926
|
|
|
1959
|
-
type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
|
|
1960
|
-
type ItemType = ItemType[] | string[] | string;
|
|
1961
|
-
type ListProps = ComponentPropsWithoutRef<'ul'> & {
|
|
1962
|
-
/**
|
|
1963
|
-
* Children should be wrapped in `<ListItem>`
|
|
1964
|
-
*/
|
|
1965
|
-
children?: ReactNode;
|
|
1966
|
-
/**
|
|
1967
|
-
* As an alternative to passing children you can supply an array of strings that
|
|
1968
|
-
* will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
|
|
1969
|
-
*/
|
|
1970
|
-
items?: ItemType[];
|
|
1971
|
-
/**
|
|
1972
|
-
* The kind of list to render
|
|
1973
|
-
*/
|
|
1974
|
-
variant?: VariantType;
|
|
1975
|
-
};
|
|
1976
|
-
declare const List: {
|
|
1977
|
-
({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
|
|
1978
|
-
displayName: string;
|
|
1979
|
-
};
|
|
1980
|
-
|
|
1981
1927
|
type ControlledMenuProps = {
|
|
1982
1928
|
/**
|
|
1983
1929
|
* Is the menu open.
|
|
@@ -2847,55 +2793,6 @@ type SelectOptionGroupProps = {
|
|
|
2847
2793
|
};
|
|
2848
2794
|
declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2849
2795
|
|
|
2850
|
-
type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
|
|
2851
|
-
/**
|
|
2852
|
-
* aria-label for screen-readers to apply to the slider
|
|
2853
|
-
*/
|
|
2854
|
-
'aria-label'?: string;
|
|
2855
|
-
/**
|
|
2856
|
-
* aria-labelledby for screen-readers to apply to the slider
|
|
2857
|
-
*/
|
|
2858
|
-
'aria-labelledby'?: string;
|
|
2859
|
-
/**
|
|
2860
|
-
* @ignore
|
|
2861
|
-
*/
|
|
2862
|
-
'data-testid'?: string;
|
|
2863
|
-
/**
|
|
2864
|
-
* Determines the initial position(s) of the thumb(s)
|
|
2865
|
-
* Must be an array of numbers.
|
|
2866
|
-
*/
|
|
2867
|
-
initialValue?: number[];
|
|
2868
|
-
/**
|
|
2869
|
-
* If `true` the thumbs can't be moved.
|
|
2870
|
-
*/
|
|
2871
|
-
disabled?: boolean;
|
|
2872
|
-
/**
|
|
2873
|
-
* The maximum value of the slider.
|
|
2874
|
-
*/
|
|
2875
|
-
max?: number;
|
|
2876
|
-
/**
|
|
2877
|
-
* The minimum value of the slider.
|
|
2878
|
-
*/
|
|
2879
|
-
min?: number;
|
|
2880
|
-
/**
|
|
2881
|
-
* Callback called on value change
|
|
2882
|
-
*/
|
|
2883
|
-
onChange?: (value: number[]) => void;
|
|
2884
|
-
/**
|
|
2885
|
-
* Value to be added or subtracted on each step
|
|
2886
|
-
*/
|
|
2887
|
-
step?: number;
|
|
2888
|
-
/**
|
|
2889
|
-
* Current value of the slider
|
|
2890
|
-
* Must be an array of numbers if provided.
|
|
2891
|
-
*/
|
|
2892
|
-
value?: number[];
|
|
2893
|
-
};
|
|
2894
|
-
declare const Slider: {
|
|
2895
|
-
({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, step, value, "data-testid": passedDataTestId, ...otherProps }: SliderProps): JSX.Element;
|
|
2896
|
-
displayName: string;
|
|
2897
|
-
};
|
|
2898
|
-
|
|
2899
2796
|
type StackProps = {
|
|
2900
2797
|
/**
|
|
2901
2798
|
* Optional children
|
|
@@ -3384,4 +3281,26 @@ declare const WistiaLogo: {
|
|
|
3384
3281
|
displayName: string;
|
|
3385
3282
|
};
|
|
3386
3283
|
|
|
3387
|
-
|
|
3284
|
+
type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
|
|
3285
|
+
type ItemType = ItemType[] | string[] | string;
|
|
3286
|
+
type ListProps = ComponentPropsWithoutRef<'ul'> & {
|
|
3287
|
+
/**
|
|
3288
|
+
* Children should be wrapped in `<ListItem>`
|
|
3289
|
+
*/
|
|
3290
|
+
children?: ReactNode;
|
|
3291
|
+
/**
|
|
3292
|
+
* As an alternative to passing children you can supply an array of strings that
|
|
3293
|
+
* will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
|
|
3294
|
+
*/
|
|
3295
|
+
items?: ItemType[];
|
|
3296
|
+
/**
|
|
3297
|
+
* The kind of list to render
|
|
3298
|
+
*/
|
|
3299
|
+
variant?: VariantType;
|
|
3300
|
+
};
|
|
3301
|
+
declare const List: {
|
|
3302
|
+
({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
|
|
3303
|
+
displayName: string;
|
|
3304
|
+
};
|
|
3305
|
+
|
|
3306
|
+
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, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, 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, 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 UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFocusTrap, useForceUpdate, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -1101,38 +1101,6 @@ type CollapsibleContentProps = {
|
|
|
1101
1101
|
};
|
|
1102
1102
|
declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => react_jsx_runtime.JSX.Element;
|
|
1103
1103
|
|
|
1104
|
-
type ComboboxProps = {
|
|
1105
|
-
/**
|
|
1106
|
-
* If true, the combox will fill the width of its parent
|
|
1107
|
-
*/
|
|
1108
|
-
fullWidth?: boolean;
|
|
1109
|
-
/**
|
|
1110
|
-
* The options to display in the combobox
|
|
1111
|
-
*/
|
|
1112
|
-
children: ReactNode;
|
|
1113
|
-
/**
|
|
1114
|
-
* The placeholder text for the combobox input
|
|
1115
|
-
*/
|
|
1116
|
-
placeholder?: string;
|
|
1117
|
-
/**
|
|
1118
|
-
* The function to call when the search value changes.
|
|
1119
|
-
*/
|
|
1120
|
-
onSearchValueChange: (value: string) => void;
|
|
1121
|
-
/**
|
|
1122
|
-
* The search value of the combobox input
|
|
1123
|
-
*/
|
|
1124
|
-
searchValue: string;
|
|
1125
|
-
/**
|
|
1126
|
-
* vent that fires when a value is selected
|
|
1127
|
-
*/
|
|
1128
|
-
onChange: (value: string[]) => void;
|
|
1129
|
-
/**
|
|
1130
|
-
* The selected values of the combobox
|
|
1131
|
-
*/
|
|
1132
|
-
value: string[];
|
|
1133
|
-
};
|
|
1134
|
-
declare const Combobox: ({ placeholder, value, onChange, searchValue, onSearchValueChange, children, fullWidth, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
|
|
1135
|
-
|
|
1136
1104
|
type DataCardProps = ComponentPropsWithoutRef<'div'> & Partial<Pick<ButtonAsLinkProps, 'beforeAction' | 'disabled' | 'href' | 'onClick' | 'type'>> & {
|
|
1137
1105
|
/**
|
|
1138
1106
|
* Label text displayed above the value
|
|
@@ -1956,28 +1924,6 @@ declare const Label: {
|
|
|
1956
1924
|
displayName: string;
|
|
1957
1925
|
};
|
|
1958
1926
|
|
|
1959
|
-
type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
|
|
1960
|
-
type ItemType = ItemType[] | string[] | string;
|
|
1961
|
-
type ListProps = ComponentPropsWithoutRef<'ul'> & {
|
|
1962
|
-
/**
|
|
1963
|
-
* Children should be wrapped in `<ListItem>`
|
|
1964
|
-
*/
|
|
1965
|
-
children?: ReactNode;
|
|
1966
|
-
/**
|
|
1967
|
-
* As an alternative to passing children you can supply an array of strings that
|
|
1968
|
-
* will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
|
|
1969
|
-
*/
|
|
1970
|
-
items?: ItemType[];
|
|
1971
|
-
/**
|
|
1972
|
-
* The kind of list to render
|
|
1973
|
-
*/
|
|
1974
|
-
variant?: VariantType;
|
|
1975
|
-
};
|
|
1976
|
-
declare const List: {
|
|
1977
|
-
({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
|
|
1978
|
-
displayName: string;
|
|
1979
|
-
};
|
|
1980
|
-
|
|
1981
1927
|
type ControlledMenuProps = {
|
|
1982
1928
|
/**
|
|
1983
1929
|
* Is the menu open.
|
|
@@ -2847,55 +2793,6 @@ type SelectOptionGroupProps = {
|
|
|
2847
2793
|
};
|
|
2848
2794
|
declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
|
|
2849
2795
|
|
|
2850
|
-
type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
|
|
2851
|
-
/**
|
|
2852
|
-
* aria-label for screen-readers to apply to the slider
|
|
2853
|
-
*/
|
|
2854
|
-
'aria-label'?: string;
|
|
2855
|
-
/**
|
|
2856
|
-
* aria-labelledby for screen-readers to apply to the slider
|
|
2857
|
-
*/
|
|
2858
|
-
'aria-labelledby'?: string;
|
|
2859
|
-
/**
|
|
2860
|
-
* @ignore
|
|
2861
|
-
*/
|
|
2862
|
-
'data-testid'?: string;
|
|
2863
|
-
/**
|
|
2864
|
-
* Determines the initial position(s) of the thumb(s)
|
|
2865
|
-
* Must be an array of numbers.
|
|
2866
|
-
*/
|
|
2867
|
-
initialValue?: number[];
|
|
2868
|
-
/**
|
|
2869
|
-
* If `true` the thumbs can't be moved.
|
|
2870
|
-
*/
|
|
2871
|
-
disabled?: boolean;
|
|
2872
|
-
/**
|
|
2873
|
-
* The maximum value of the slider.
|
|
2874
|
-
*/
|
|
2875
|
-
max?: number;
|
|
2876
|
-
/**
|
|
2877
|
-
* The minimum value of the slider.
|
|
2878
|
-
*/
|
|
2879
|
-
min?: number;
|
|
2880
|
-
/**
|
|
2881
|
-
* Callback called on value change
|
|
2882
|
-
*/
|
|
2883
|
-
onChange?: (value: number[]) => void;
|
|
2884
|
-
/**
|
|
2885
|
-
* Value to be added or subtracted on each step
|
|
2886
|
-
*/
|
|
2887
|
-
step?: number;
|
|
2888
|
-
/**
|
|
2889
|
-
* Current value of the slider
|
|
2890
|
-
* Must be an array of numbers if provided.
|
|
2891
|
-
*/
|
|
2892
|
-
value?: number[];
|
|
2893
|
-
};
|
|
2894
|
-
declare const Slider: {
|
|
2895
|
-
({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, step, value, "data-testid": passedDataTestId, ...otherProps }: SliderProps): JSX.Element;
|
|
2896
|
-
displayName: string;
|
|
2897
|
-
};
|
|
2898
|
-
|
|
2899
2796
|
type StackProps = {
|
|
2900
2797
|
/**
|
|
2901
2798
|
* Optional children
|
|
@@ -3384,4 +3281,26 @@ declare const WistiaLogo: {
|
|
|
3384
3281
|
displayName: string;
|
|
3385
3282
|
};
|
|
3386
3283
|
|
|
3387
|
-
|
|
3284
|
+
type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
|
|
3285
|
+
type ItemType = ItemType[] | string[] | string;
|
|
3286
|
+
type ListProps = ComponentPropsWithoutRef<'ul'> & {
|
|
3287
|
+
/**
|
|
3288
|
+
* Children should be wrapped in `<ListItem>`
|
|
3289
|
+
*/
|
|
3290
|
+
children?: ReactNode;
|
|
3291
|
+
/**
|
|
3292
|
+
* As an alternative to passing children you can supply an array of strings that
|
|
3293
|
+
* will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
|
|
3294
|
+
*/
|
|
3295
|
+
items?: ItemType[];
|
|
3296
|
+
/**
|
|
3297
|
+
* The kind of list to render
|
|
3298
|
+
*/
|
|
3299
|
+
variant?: VariantType;
|
|
3300
|
+
};
|
|
3301
|
+
declare const List: {
|
|
3302
|
+
({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
|
|
3303
|
+
displayName: string;
|
|
3304
|
+
};
|
|
3305
|
+
|
|
3306
|
+
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, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, 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, 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 UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFocusTrap, useForceUpdate, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|