@livetiles/reach-plugin-types 0.5.0-preview.1224 → 0.5.0-preview.1226

package/lib/index.d.ts

@@ -6306,6 +6306,85 @@ declare module "libs/reach/ui/common/src/reach-2/avatar/index" {
     export type { AvatarUser } from "libs/reach/ui/common/src/reach-2/avatar/GroupAvatar";
     export { default as Persona } from "libs/reach/ui/common/src/reach-2/avatar/Persona";
 }
+declare module "libs/reach/ui/common/src/reach-2/typography/Typography" {
+    import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
+    const variantMapping: {
+        readonly body1: "span";
+        readonly body2: "span";
+        readonly buttonLabel1: "span";
+        readonly buttonLabel2: "span";
+        readonly caption1: "span";
+        readonly caption2: "span";
+        readonly h1: "h1";
+        readonly h2: "h2";
+        readonly h3: "h3";
+        readonly h4: "h4";
+        readonly inherit: "span";
+        readonly subtitle1: "span";
+        readonly subtitle2: "span";
+    };
+    export interface ITypographyProps<T extends ElementType = (typeof variantMapping)['body1']> {
+        /**
+         * Set the text alignment.
+         * @default 'inherit'
+         */
+        align?: 'center' | 'justify' | 'left' | 'right';
+        /**
+         * The HTML element to use as the container for the text (overrides the variant default HTML element).
+         * @default undefined
+         */
+        as?: T;
+        /**
+         * Set the font decoration/style.
+         * @default undefined
+         */
+        decoration?: 'line-through' | 'underline';
+        /**
+         * Whether text should be italic
+         * @default false
+         */
+        italic?: boolean;
+        /**
+         * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+         *
+         * Note that text overflow can only happen with block or inline-block level elements
+         * (the element needs to have a width in order to overflow).
+         * @default false
+         */
+        noWrap?: boolean;
+        /**
+         * Set the typography variant.
+         * @default 'body1'
+         */
+        variant?: keyof typeof variantMapping;
+        /**
+         * Set the font weight.
+         * @default 'normal'
+         */
+        weight?: 'bold' | 'normal' | 'semibold';
+    }
+    type TTypographyOverridenProps<T extends ElementType> = PropsWithChildren<ITypographyProps<T>> & Omit<ComponentPropsWithoutRef<T>, keyof ITypographyProps<T>>;
+    const Typography: <T extends ElementType<any> = "span">(props: TTypographyOverridenProps<T>) => JSX.Element;
+    export default Typography;
+}
+declare module "libs/reach/ui/common/src/reach-2/breadcrumb/Breadcrumb" {
+    import { FC } from 'react';
+    export interface IBreadcrumbItem {
+        path: string;
+        pathName: string;
+    }
+    interface IBreadcrumbProps {
+        className?: string;
+        pathList: IBreadcrumbItem[];
+        separator?: string;
+    }
+    const Breadcrumb: FC<IBreadcrumbProps>;
+    export default Breadcrumb;
+}
+declare module "libs/reach/ui/common/src/reach-2/breadcrumb/index" {
+    export { default as Breadcrumb } from "libs/reach/ui/common/src/reach-2/breadcrumb/Breadcrumb";
+    export type { IBreadcrumbItem } from "libs/reach/ui/common/src/reach-2/breadcrumb/Breadcrumb";
+}
 declare module "libs/reach/ui/common/src/reach-2/icons/Icon" {
     import { FC, SVGProps } from 'react';
     export interface IconProps {
@@ -6602,67 +6681,6 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingButton" {
     const FloatingButton: FC<FloatingButtonProps>;
     export default FloatingButton;
 }
-declare module "libs/reach/ui/common/src/reach-2/typography/Typography" {
-    import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
-    const variantMapping: {
-        readonly body1: "span";
-        readonly body2: "span";
-        readonly buttonLabel1: "span";
-        readonly buttonLabel2: "span";
-        readonly caption1: "span";
-        readonly caption2: "span";
-        readonly h1: "h1";
-        readonly h2: "h2";
-        readonly h3: "h3";
-        readonly h4: "h4";
-        readonly inherit: "span";
-        readonly subtitle1: "span";
-        readonly subtitle2: "span";
-    };
-    export interface ITypographyProps<T extends ElementType = (typeof variantMapping)['body1']> {
-        /**
-         * Set the text alignment.
-         * @default 'inherit'
-         */
-        align?: 'center' | 'justify' | 'left' | 'right';
-        /**
-         * The HTML element to use as the container for the text (overrides the variant default HTML element).
-         * @default undefined
-         */
-        as?: T;
-        /**
-         * Set the font decoration/style.
-         * @default undefined
-         */
-        decoration?: 'line-through' | 'underline';
-        /**
-         * Whether text should be italic
-         * @default false
-         */
-        italic?: boolean;
-        /**
-         * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-         *
-         * Note that text overflow can only happen with block or inline-block level elements
-         * (the element needs to have a width in order to overflow).
-         * @default false
-         */
-        noWrap?: boolean;
-        /**
-         * Set the typography variant.
-         * @default 'body1'
-         */
-        variant?: keyof typeof variantMapping;
-        /**
-         * Set the font weight.
-         * @default 'normal'
-         */
-        weight?: 'bold' | 'normal' | 'semibold';
-    }
-    type TTypographyOverridenProps<T extends ElementType> = PropsWithChildren<ITypographyProps<T>> & Omit<ComponentPropsWithoutRef<T>, keyof ITypographyProps<T>>;
-    const Typography: <T extends ElementType<any> = "span">(props: TTypographyOverridenProps<T>) => JSX.Element;
-    export default Typography;
-}
 declare module "libs/reach/ui/common/src/reach-2/buttons/ProfileButton" {
     import { FC } from 'react';
     import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/index";
@@ -7063,6 +7081,7 @@ declare module "libs/reach/ui/common/src/reach-2/select/components/PopoverConten
         focusedIndex: number | null;
         handleItemSelected: (item: T, index: number) => void;
         handleRemoveAllItems: (e: MouseEvent<Element>) => void;
+        headerLabelId?: string;
         initialSelectedItems: T[];
         isItemSelected: (id: string) => boolean;
         listWrapperRef: MutableRefObject<HTMLDivElement | null>;
@@ -7073,7 +7092,7 @@ declare module "libs/reach/ui/common/src/reach-2/select/components/PopoverConten
         renderItem?: (item: T, isSelected: boolean, onSelect: () => void) => JSX.Element;
         selectedValues: T[];
     }
-    const PopoverContent: <T extends ISelectItemProps>({ areOptionsGrouped, emptyLabel, focusedIndex, handleItemSelected, handleRemoveAllItems, initialSelectedItems, isItemSelected, listWrapperRef, loadingOptions, menuListOptions, multiple, renderGroupedOptions, renderItem, selectedValues, }: IPopoverContentProps<T>) => JSX.Element;
+    const PopoverContent: <T extends ISelectItemProps>({ areOptionsGrouped, emptyLabel, focusedIndex, handleItemSelected, handleRemoveAllItems, headerLabelId, initialSelectedItems, isItemSelected, listWrapperRef, loadingOptions, menuListOptions, multiple, renderGroupedOptions, renderItem, selectedValues, }: IPopoverContentProps<T>) => JSX.Element;
     export default PopoverContent;
 }
 declare module "libs/reach/ui/common/src/reach-2/select/components/Trigger" {
@@ -7154,12 +7173,13 @@ declare module "libs/reach/ui/common/src/reach-2/select/Select" {
         searchable?: boolean;
         selectedValuesOptions?: {
             hide?: boolean;
+            popoverHeaderLabelId?: string;
             noWrap?: boolean;
         };
         size?: SelectSize;
         values?: T[];
     }
-    const Select: <T extends ISelectItemProps = ISelectItemProps>({ allowCreation, className, disabled, emptyLabel, errorItems, errorLabel, fitToContent, forcePlaceholder, fullyControlled, hideChevron, leftIcon, loadingOptions, multiple, onAddItem, onInputChange, onItemsChange, onItemSelected, onRemoveItem, onScrollEnd, options: preprocessedOptions, placeholder, popoverAlign, popoverAlignOffset, popoverHeight, popoverWidth, renderItem, searchable, selectedValuesOptions, size, values, }: ISelectProps<T>) => JSX.Element;
+    const Select: <T extends ISelectItemProps = ISelectItemProps>({ allowCreation, className, disabled, emptyLabel, errorItems, errorLabel, fitToContent, forcePlaceholder, fullyControlled, hideChevron, leftIcon, loadingOptions, multiple, onAddItem, onInputChange, onItemsChange, onItemSelected, onRemoveItem, onScrollEnd, options: preprocessedOptions, placeholder, popoverAlign, popoverAlignOffset, popoverHeight, popoverWidth, renderItem, searchable, selectedValuesOptions: allSelectedValuesOptions, size, values, }: ISelectProps<T>) => JSX.Element;
     export default Select;
 }
 declare module "libs/reach/ui/common/src/reach-2/select/UserSelect" {
@@ -7237,6 +7257,7 @@ declare module "libs/reach/ui/common/src/reach-2/tags/SelectableTag" {
 declare module "libs/reach/ui/common/src/reach-2/index" {
     export * from "libs/reach/ui/common/src/reach-2/assets/index";
     export * from "libs/reach/ui/common/src/reach-2/avatar/index";
+    export * from "libs/reach/ui/common/src/reach-2/breadcrumb/index";
     export * from "libs/reach/ui/common/src/reach-2/buttons/index";
     export * from "libs/reach/ui/common/src/reach-2/carousel/index";
     export * from "libs/reach/ui/common/src/reach-2/DateTimeDisplay";

package/package.json

@@ -4,6 +4,6 @@
   "main": "",
   "types": "./index.d.ts",
   "license": "ISC",
-  "version": "0.5.0-preview.1224",
+  "version": "0.5.0-preview.1226",
   "dependencies": {}
 }