@wistia/ui 0.13.0 → 0.13.1-beta.dfa62396.22fa8d9
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 +240 -142
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +95 -59
- package/dist/index.d.ts +95 -59
- package/dist/index.mjs +192 -95
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1528,6 +1528,62 @@ declare const Divider: {
|
|
|
1528
1528
|
displayName: string;
|
|
1529
1529
|
};
|
|
1530
1530
|
|
|
1531
|
+
type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
|
|
1532
|
+
declare const variantStyleMap$1: {
|
|
1533
|
+
hero: styled_components.FlattenSimpleInterpolation;
|
|
1534
|
+
heading1: styled_components.FlattenSimpleInterpolation;
|
|
1535
|
+
heading2: styled_components.FlattenSimpleInterpolation;
|
|
1536
|
+
heading3: styled_components.FlattenSimpleInterpolation;
|
|
1537
|
+
heading4: styled_components.FlattenSimpleInterpolation;
|
|
1538
|
+
heading5: styled_components.FlattenSimpleInterpolation;
|
|
1539
|
+
heading6: styled_components.FlattenSimpleInterpolation;
|
|
1540
|
+
};
|
|
1541
|
+
declare const DEFAULT_ELEMENT = "h1";
|
|
1542
|
+
type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
1543
|
+
/**
|
|
1544
|
+
* The horizontal alignment
|
|
1545
|
+
* <br />
|
|
1546
|
+
* _Note: this only affects block elements_
|
|
1547
|
+
*/
|
|
1548
|
+
align?: AlignmentTypes$1;
|
|
1549
|
+
/**
|
|
1550
|
+
* The content of the heading
|
|
1551
|
+
*/
|
|
1552
|
+
children: ReactNode;
|
|
1553
|
+
/**
|
|
1554
|
+
* Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
|
|
1555
|
+
*/
|
|
1556
|
+
colorScheme?: ColorSchemeTypes;
|
|
1557
|
+
/**
|
|
1558
|
+
* Styles to text as disabled
|
|
1559
|
+
*/
|
|
1560
|
+
disabled?: boolean;
|
|
1561
|
+
/**
|
|
1562
|
+
* Display the text as inline content
|
|
1563
|
+
*/
|
|
1564
|
+
inline?: boolean;
|
|
1565
|
+
/**
|
|
1566
|
+
* Prevents text from being highlighted and copied
|
|
1567
|
+
*/
|
|
1568
|
+
preventUserSelect?: boolean;
|
|
1569
|
+
renderAs?: ElementType;
|
|
1570
|
+
/**
|
|
1571
|
+
* Number of lines to display before truncating with an ellipsis.
|
|
1572
|
+
* Set to 1 to truncate after a single line, 2 for two lines, etc.
|
|
1573
|
+
* <br />
|
|
1574
|
+
* _Note: this only affects block elements_
|
|
1575
|
+
*/
|
|
1576
|
+
truncate?: number;
|
|
1577
|
+
/**
|
|
1578
|
+
* The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
|
|
1579
|
+
*/
|
|
1580
|
+
variant?: keyof typeof variantStyleMap$1;
|
|
1581
|
+
};
|
|
1582
|
+
/**
|
|
1583
|
+
* Displaying heading text, both visually and semantically
|
|
1584
|
+
*/
|
|
1585
|
+
declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1586
|
+
|
|
1531
1587
|
type EditableHeadingProps = {
|
|
1532
1588
|
/**
|
|
1533
1589
|
* The initial text content of the heading.
|
|
@@ -1552,6 +1608,10 @@ type EditableHeadingProps = {
|
|
|
1552
1608
|
* Sets an aria-label for the input and label for the screen reader only button.
|
|
1553
1609
|
*/
|
|
1554
1610
|
ariaLabel?: string;
|
|
1611
|
+
/**
|
|
1612
|
+
* The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the renderAs prop is used
|
|
1613
|
+
*/
|
|
1614
|
+
variant?: HeadingProps['variant'];
|
|
1555
1615
|
/**
|
|
1556
1616
|
* Force editing state for testing purposes
|
|
1557
1617
|
* @ignore
|
|
@@ -1569,7 +1629,7 @@ type EditableHeadingProps = {
|
|
|
1569
1629
|
* an accessible button that enables editing mode. The component handles empty values, keyboard
|
|
1570
1630
|
* navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
|
|
1571
1631
|
*/
|
|
1572
|
-
declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
|
|
1632
|
+
declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
|
|
1573
1633
|
|
|
1574
1634
|
type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
|
|
1575
1635
|
/**
|
|
@@ -1703,13 +1763,20 @@ declare const FormField: {
|
|
|
1703
1763
|
|
|
1704
1764
|
type FormGroupProps = Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> & {
|
|
1705
1765
|
children: ReactNode;
|
|
1766
|
+
/**
|
|
1767
|
+
* The label for the form group
|
|
1768
|
+
*/
|
|
1706
1769
|
label?: ReactNode;
|
|
1770
|
+
/**
|
|
1771
|
+
* The description for the form group
|
|
1772
|
+
*/
|
|
1773
|
+
description?: ReactNode;
|
|
1707
1774
|
};
|
|
1708
1775
|
/**
|
|
1709
1776
|
* For grouping like form elements together.
|
|
1710
1777
|
*/
|
|
1711
1778
|
declare const FormGroup: {
|
|
1712
|
-
({ children, label, ...props }: FormGroupProps): JSX.Element;
|
|
1779
|
+
({ children, label, description, ...props }: FormGroupProps): JSX.Element;
|
|
1713
1780
|
displayName: string;
|
|
1714
1781
|
};
|
|
1715
1782
|
|
|
@@ -1765,62 +1832,6 @@ type GridProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1765
1832
|
};
|
|
1766
1833
|
declare const Grid: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, GridProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1767
1834
|
|
|
1768
|
-
type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
|
|
1769
|
-
declare const variantStyleMap$1: {
|
|
1770
|
-
hero: styled_components.FlattenSimpleInterpolation;
|
|
1771
|
-
heading1: styled_components.FlattenSimpleInterpolation;
|
|
1772
|
-
heading2: styled_components.FlattenSimpleInterpolation;
|
|
1773
|
-
heading3: styled_components.FlattenSimpleInterpolation;
|
|
1774
|
-
heading4: styled_components.FlattenSimpleInterpolation;
|
|
1775
|
-
heading5: styled_components.FlattenSimpleInterpolation;
|
|
1776
|
-
heading6: styled_components.FlattenSimpleInterpolation;
|
|
1777
|
-
};
|
|
1778
|
-
declare const DEFAULT_ELEMENT = "h1";
|
|
1779
|
-
type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
1780
|
-
/**
|
|
1781
|
-
* The horizontal alignment
|
|
1782
|
-
* <br />
|
|
1783
|
-
* _Note: this only affects block elements_
|
|
1784
|
-
*/
|
|
1785
|
-
align?: AlignmentTypes$1;
|
|
1786
|
-
/**
|
|
1787
|
-
* The content of the heading
|
|
1788
|
-
*/
|
|
1789
|
-
children: ReactNode;
|
|
1790
|
-
/**
|
|
1791
|
-
* Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
|
|
1792
|
-
*/
|
|
1793
|
-
colorScheme?: ColorSchemeTypes;
|
|
1794
|
-
/**
|
|
1795
|
-
* Styles to text as disabled
|
|
1796
|
-
*/
|
|
1797
|
-
disabled?: boolean;
|
|
1798
|
-
/**
|
|
1799
|
-
* Display the text as inline content
|
|
1800
|
-
*/
|
|
1801
|
-
inline?: boolean;
|
|
1802
|
-
/**
|
|
1803
|
-
* Prevents text from being highlighted and copied
|
|
1804
|
-
*/
|
|
1805
|
-
preventUserSelect?: boolean;
|
|
1806
|
-
renderAs?: ElementType;
|
|
1807
|
-
/**
|
|
1808
|
-
* Number of lines to display before truncating with an ellipsis.
|
|
1809
|
-
* Set to 1 to truncate after a single line, 2 for two lines, etc.
|
|
1810
|
-
* <br />
|
|
1811
|
-
* _Note: this only affects block elements_
|
|
1812
|
-
*/
|
|
1813
|
-
truncate?: number;
|
|
1814
|
-
/**
|
|
1815
|
-
* The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
|
|
1816
|
-
*/
|
|
1817
|
-
variant?: keyof typeof variantStyleMap$1;
|
|
1818
|
-
};
|
|
1819
|
-
/**
|
|
1820
|
-
* Displaying heading text, both visually and semantically
|
|
1821
|
-
*/
|
|
1822
|
-
declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1823
|
-
|
|
1824
1835
|
type IconButtonProps = {
|
|
1825
1836
|
/**
|
|
1826
1837
|
* Accessible text for screen readers.
|
|
@@ -2102,6 +2113,10 @@ type UncontrolledMenuProps = {
|
|
|
2102
2113
|
};
|
|
2103
2114
|
type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
|
|
2104
2115
|
type MenuProps = MenuControlProps & {
|
|
2116
|
+
/**
|
|
2117
|
+
* @ignore
|
|
2118
|
+
*/
|
|
2119
|
+
avoidCollisions?: boolean;
|
|
2105
2120
|
/**
|
|
2106
2121
|
* The position of the Menu
|
|
2107
2122
|
*/
|
|
@@ -3707,4 +3722,25 @@ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "t
|
|
|
3707
3722
|
onVisibilityToggle?: (isVisible: boolean) => void;
|
|
3708
3723
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
3709
3724
|
|
|
3710
|
-
|
|
3725
|
+
type ContextMenuProps = {
|
|
3726
|
+
children: ReactNode;
|
|
3727
|
+
onRequestClose?: () => void;
|
|
3728
|
+
} & ({
|
|
3729
|
+
position: {
|
|
3730
|
+
x: number;
|
|
3731
|
+
y: number;
|
|
3732
|
+
};
|
|
3733
|
+
triggerRef?: never;
|
|
3734
|
+
} | {
|
|
3735
|
+
position?: never;
|
|
3736
|
+
triggerRef: RefObject<HTMLElement>;
|
|
3737
|
+
});
|
|
3738
|
+
/**
|
|
3739
|
+
* The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
|
|
3740
|
+
* It can be used in two ways:
|
|
3741
|
+
* 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
|
|
3742
|
+
* 2. By providing a `position` prop, which will render the menu at the specified coordinates.
|
|
3743
|
+
*/
|
|
3744
|
+
declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
|
|
3745
|
+
|
|
3746
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, 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, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, 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, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|
package/dist/index.d.ts
CHANGED
|
@@ -1528,6 +1528,62 @@ declare const Divider: {
|
|
|
1528
1528
|
displayName: string;
|
|
1529
1529
|
};
|
|
1530
1530
|
|
|
1531
|
+
type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
|
|
1532
|
+
declare const variantStyleMap$1: {
|
|
1533
|
+
hero: styled_components.FlattenSimpleInterpolation;
|
|
1534
|
+
heading1: styled_components.FlattenSimpleInterpolation;
|
|
1535
|
+
heading2: styled_components.FlattenSimpleInterpolation;
|
|
1536
|
+
heading3: styled_components.FlattenSimpleInterpolation;
|
|
1537
|
+
heading4: styled_components.FlattenSimpleInterpolation;
|
|
1538
|
+
heading5: styled_components.FlattenSimpleInterpolation;
|
|
1539
|
+
heading6: styled_components.FlattenSimpleInterpolation;
|
|
1540
|
+
};
|
|
1541
|
+
declare const DEFAULT_ELEMENT = "h1";
|
|
1542
|
+
type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
1543
|
+
/**
|
|
1544
|
+
* The horizontal alignment
|
|
1545
|
+
* <br />
|
|
1546
|
+
* _Note: this only affects block elements_
|
|
1547
|
+
*/
|
|
1548
|
+
align?: AlignmentTypes$1;
|
|
1549
|
+
/**
|
|
1550
|
+
* The content of the heading
|
|
1551
|
+
*/
|
|
1552
|
+
children: ReactNode;
|
|
1553
|
+
/**
|
|
1554
|
+
* Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
|
|
1555
|
+
*/
|
|
1556
|
+
colorScheme?: ColorSchemeTypes;
|
|
1557
|
+
/**
|
|
1558
|
+
* Styles to text as disabled
|
|
1559
|
+
*/
|
|
1560
|
+
disabled?: boolean;
|
|
1561
|
+
/**
|
|
1562
|
+
* Display the text as inline content
|
|
1563
|
+
*/
|
|
1564
|
+
inline?: boolean;
|
|
1565
|
+
/**
|
|
1566
|
+
* Prevents text from being highlighted and copied
|
|
1567
|
+
*/
|
|
1568
|
+
preventUserSelect?: boolean;
|
|
1569
|
+
renderAs?: ElementType;
|
|
1570
|
+
/**
|
|
1571
|
+
* Number of lines to display before truncating with an ellipsis.
|
|
1572
|
+
* Set to 1 to truncate after a single line, 2 for two lines, etc.
|
|
1573
|
+
* <br />
|
|
1574
|
+
* _Note: this only affects block elements_
|
|
1575
|
+
*/
|
|
1576
|
+
truncate?: number;
|
|
1577
|
+
/**
|
|
1578
|
+
* The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
|
|
1579
|
+
*/
|
|
1580
|
+
variant?: keyof typeof variantStyleMap$1;
|
|
1581
|
+
};
|
|
1582
|
+
/**
|
|
1583
|
+
* Displaying heading text, both visually and semantically
|
|
1584
|
+
*/
|
|
1585
|
+
declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1586
|
+
|
|
1531
1587
|
type EditableHeadingProps = {
|
|
1532
1588
|
/**
|
|
1533
1589
|
* The initial text content of the heading.
|
|
@@ -1552,6 +1608,10 @@ type EditableHeadingProps = {
|
|
|
1552
1608
|
* Sets an aria-label for the input and label for the screen reader only button.
|
|
1553
1609
|
*/
|
|
1554
1610
|
ariaLabel?: string;
|
|
1611
|
+
/**
|
|
1612
|
+
* The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the renderAs prop is used
|
|
1613
|
+
*/
|
|
1614
|
+
variant?: HeadingProps['variant'];
|
|
1555
1615
|
/**
|
|
1556
1616
|
* Force editing state for testing purposes
|
|
1557
1617
|
* @ignore
|
|
@@ -1569,7 +1629,7 @@ type EditableHeadingProps = {
|
|
|
1569
1629
|
* an accessible button that enables editing mode. The component handles empty values, keyboard
|
|
1570
1630
|
* navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
|
|
1571
1631
|
*/
|
|
1572
|
-
declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
|
|
1632
|
+
declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
|
|
1573
1633
|
|
|
1574
1634
|
type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
|
|
1575
1635
|
/**
|
|
@@ -1703,13 +1763,20 @@ declare const FormField: {
|
|
|
1703
1763
|
|
|
1704
1764
|
type FormGroupProps = Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> & {
|
|
1705
1765
|
children: ReactNode;
|
|
1766
|
+
/**
|
|
1767
|
+
* The label for the form group
|
|
1768
|
+
*/
|
|
1706
1769
|
label?: ReactNode;
|
|
1770
|
+
/**
|
|
1771
|
+
* The description for the form group
|
|
1772
|
+
*/
|
|
1773
|
+
description?: ReactNode;
|
|
1707
1774
|
};
|
|
1708
1775
|
/**
|
|
1709
1776
|
* For grouping like form elements together.
|
|
1710
1777
|
*/
|
|
1711
1778
|
declare const FormGroup: {
|
|
1712
|
-
({ children, label, ...props }: FormGroupProps): JSX.Element;
|
|
1779
|
+
({ children, label, description, ...props }: FormGroupProps): JSX.Element;
|
|
1713
1780
|
displayName: string;
|
|
1714
1781
|
};
|
|
1715
1782
|
|
|
@@ -1765,62 +1832,6 @@ type GridProps = ComponentPropsWithoutRef<'div'> & {
|
|
|
1765
1832
|
};
|
|
1766
1833
|
declare const Grid: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, GridProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1767
1834
|
|
|
1768
|
-
type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
|
|
1769
|
-
declare const variantStyleMap$1: {
|
|
1770
|
-
hero: styled_components.FlattenSimpleInterpolation;
|
|
1771
|
-
heading1: styled_components.FlattenSimpleInterpolation;
|
|
1772
|
-
heading2: styled_components.FlattenSimpleInterpolation;
|
|
1773
|
-
heading3: styled_components.FlattenSimpleInterpolation;
|
|
1774
|
-
heading4: styled_components.FlattenSimpleInterpolation;
|
|
1775
|
-
heading5: styled_components.FlattenSimpleInterpolation;
|
|
1776
|
-
heading6: styled_components.FlattenSimpleInterpolation;
|
|
1777
|
-
};
|
|
1778
|
-
declare const DEFAULT_ELEMENT = "h1";
|
|
1779
|
-
type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
|
|
1780
|
-
/**
|
|
1781
|
-
* The horizontal alignment
|
|
1782
|
-
* <br />
|
|
1783
|
-
* _Note: this only affects block elements_
|
|
1784
|
-
*/
|
|
1785
|
-
align?: AlignmentTypes$1;
|
|
1786
|
-
/**
|
|
1787
|
-
* The content of the heading
|
|
1788
|
-
*/
|
|
1789
|
-
children: ReactNode;
|
|
1790
|
-
/**
|
|
1791
|
-
* Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
|
|
1792
|
-
*/
|
|
1793
|
-
colorScheme?: ColorSchemeTypes;
|
|
1794
|
-
/**
|
|
1795
|
-
* Styles to text as disabled
|
|
1796
|
-
*/
|
|
1797
|
-
disabled?: boolean;
|
|
1798
|
-
/**
|
|
1799
|
-
* Display the text as inline content
|
|
1800
|
-
*/
|
|
1801
|
-
inline?: boolean;
|
|
1802
|
-
/**
|
|
1803
|
-
* Prevents text from being highlighted and copied
|
|
1804
|
-
*/
|
|
1805
|
-
preventUserSelect?: boolean;
|
|
1806
|
-
renderAs?: ElementType;
|
|
1807
|
-
/**
|
|
1808
|
-
* Number of lines to display before truncating with an ellipsis.
|
|
1809
|
-
* Set to 1 to truncate after a single line, 2 for two lines, etc.
|
|
1810
|
-
* <br />
|
|
1811
|
-
* _Note: this only affects block elements_
|
|
1812
|
-
*/
|
|
1813
|
-
truncate?: number;
|
|
1814
|
-
/**
|
|
1815
|
-
* The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
|
|
1816
|
-
*/
|
|
1817
|
-
variant?: keyof typeof variantStyleMap$1;
|
|
1818
|
-
};
|
|
1819
|
-
/**
|
|
1820
|
-
* Displaying heading text, both visually and semantically
|
|
1821
|
-
*/
|
|
1822
|
-
declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
|
|
1823
|
-
|
|
1824
1835
|
type IconButtonProps = {
|
|
1825
1836
|
/**
|
|
1826
1837
|
* Accessible text for screen readers.
|
|
@@ -2102,6 +2113,10 @@ type UncontrolledMenuProps = {
|
|
|
2102
2113
|
};
|
|
2103
2114
|
type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
|
|
2104
2115
|
type MenuProps = MenuControlProps & {
|
|
2116
|
+
/**
|
|
2117
|
+
* @ignore
|
|
2118
|
+
*/
|
|
2119
|
+
avoidCollisions?: boolean;
|
|
2105
2120
|
/**
|
|
2106
2121
|
* The position of the Menu
|
|
2107
2122
|
*/
|
|
@@ -3707,4 +3722,25 @@ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "t
|
|
|
3707
3722
|
onVisibilityToggle?: (isVisible: boolean) => void;
|
|
3708
3723
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
3709
3724
|
|
|
3710
|
-
|
|
3725
|
+
type ContextMenuProps = {
|
|
3726
|
+
children: ReactNode;
|
|
3727
|
+
onRequestClose?: () => void;
|
|
3728
|
+
} & ({
|
|
3729
|
+
position: {
|
|
3730
|
+
x: number;
|
|
3731
|
+
y: number;
|
|
3732
|
+
};
|
|
3733
|
+
triggerRef?: never;
|
|
3734
|
+
} | {
|
|
3735
|
+
position?: never;
|
|
3736
|
+
triggerRef: RefObject<HTMLElement>;
|
|
3737
|
+
});
|
|
3738
|
+
/**
|
|
3739
|
+
* The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
|
|
3740
|
+
* It can be used in two ways:
|
|
3741
|
+
* 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
|
|
3742
|
+
* 2. By providing a `position` prop, which will render the menu at the specified coordinates.
|
|
3743
|
+
*/
|
|
3744
|
+
declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
|
|
3745
|
+
|
|
3746
|
+
export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, 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, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, 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, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
|