@livetiles/reach-plugin-types 0.5.0-preview.1092 → 0.5.0-preview.1094

package/lib/index.d.ts

@@ -6184,6 +6184,7 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as ChevronLeftIcon } from './assets/chevronLeft.svg';
     export { ReactComponent as ChevronRightIcon } from './assets/chevronRight.svg';
     export { ReactComponent as CircleDividerIcon } from './assets/circle-divider.svg';
+    export { ReactComponent as ClearIcon } from './assets/clear.svg';
     export { ReactComponent as CloseActiveIcon } from './assets/close-active.svg';
     export { ReactComponent as CloseIcon } from './assets/close.svg';
     export { ReactComponent as CollapseIcon } from './assets/collapse.svg';
@@ -6642,120 +6643,6 @@ declare module "libs/reach/ui/common/src/reach-2/lists/MenuList" {
     const _default_1: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
     export default _default_1;
 }
-declare module "libs/reach/ui/common/src/reach-2/surfaces/BasePopover" {
-    import { PopoverContentProps } from '@radix-ui/react-popover';
-    import { FC } from 'react';
-    export type BasePopoverAlignType = 'start' | 'center' | 'end';
-    export type BasePopoverSideType = 'top' | 'left' | 'bottom' | 'right';
-    export interface BasePopoverProps {
-        align?: BasePopoverAlignType;
-        alignOffset?: number;
-        anchor?: JSX.Element;
-        className?: string;
-        collisionPadding?: PopoverContentProps['collisionPadding'];
-        isOpen?: boolean;
-        onCloseAutoFocus?: (event: Event) => void;
-        onOpenAutoFocus?: (event: Event) => void;
-        onOpenChange?: (open: boolean) => void;
-        side?: BasePopoverSideType;
-        sideOffset?: number;
-        trigger?: JSX.Element;
-    }
-    export const BasePopover: FC<BasePopoverProps>;
-}
-declare module "libs/reach/ui/common/src/reach-2/utils" {
-    import { TagSize } from "libs/reach/ui/common/src/reach-2/tags/Tag";
-    export const getNormalizedPercentageBasedOnDeviceHeight: (heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number) => number;
-    export const useNormalizedBreakpointValuesBasedOnDeviceHeight: (heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number) => {
-        breakpoints: number[];
-        initialBreakpoint: number;
-    };
-    export const getIsMobilePhone: () => boolean;
-    export type TagValue = {
-        id: string;
-        label?: string;
-        name?: string;
-    };
-    export const getMaxTagList: (items: TagValue[], availableWidth: number, options?: {
-        hasError?: (value: TagValue) => boolean;
-        isHighlighted?: boolean;
-        onClose?: (value: TagValue) => void;
-        size?: TagSize;
-    }) => any[];
-}
-declare module "libs/reach/ui/common/src/reach-2/select/Select" {
-    import { SVGProps } from 'react';
-    import { IconProps } from "libs/reach/ui/common/src/reach-2/icons/index";
-    import { BasePopoverAlignType } from "libs/reach/ui/common/src/reach-2/surfaces/BasePopover";
-    type SelectSize = 'Large' | 'Small';
-    export interface SelectItemProps {
-        icon?: SVGProps<SVGElement>;
-        id: string;
-        label: string;
-    }
-    export interface SelectItemGroupProps<T> {
-        title: string;
-        options: T[];
-    }
-    interface SelectProps<T> {
-        allowCreation?: boolean;
-        className?: string;
-        disabled?: boolean;
-        emptyLabel?: string;
-        errorItems?: string[];
-        errorLabel?: string;
-        fitToContent?: boolean;
-        forcePlaceholder?: boolean;
-        fullyControlled?: boolean;
-        hideChevron?: boolean;
-        leftIcon?: IconProps;
-        multiple?: boolean;
-        onAddItem?: (id: string) => void;
-        onInputChange?: (value: string) => void;
-        onItemsChange?: (items: T[]) => void;
-        onItemSelected?: (item: T, index: number) => void;
-        onRemoveItem?: (id: string) => void;
-        options: T[] | SelectItemGroupProps<T>[];
-        placeholder?: string;
-        popoverAlign?: BasePopoverAlignType;
-        popoverAlignOffset?: number;
-        popoverHeight?: number;
-        popoverWidth?: number;
-        renderItem?: (item: T, isSelected: boolean, onSelect: () => void) => JSX.Element;
-        searchable?: boolean;
-        selectedValuesOptions?: {
-            hide?: boolean;
-            noWrap?: boolean;
-        };
-        size?: SelectSize;
-        values?: T[];
-    }
-    const Select: <T extends SelectItemProps = SelectItemProps>({ allowCreation, className, disabled, emptyLabel, errorItems, errorLabel, fitToContent, forcePlaceholder, fullyControlled, hideChevron, leftIcon, multiple, onAddItem, onInputChange, onItemsChange, onItemSelected, onRemoveItem, options: preprocessedOptions, placeholder, popoverAlign, popoverAlignOffset, popoverHeight, popoverWidth, renderItem, searchable, selectedValuesOptions, size, values, }: SelectProps<T>) => JSX.Element;
-    export default Select;
-}
-declare module "libs/reach/ui/common/src/reach-2/select/UserSelect" {
-    import { FC } from 'react';
-    export interface IUserSelectUser {
-        displayName?: string;
-        id: string;
-        mail?: string;
-        userPrincipalName: string;
-    }
-    interface IUserSelect {
-        disabled?: boolean;
-        onSelectedUsersChange: (selectedUsers: IUserSelectUser[]) => void;
-        placeholder?: string;
-        selectedUsers?: IUserSelectUser[];
-    }
-    const UserSelect: FC<IUserSelect>;
-    export default UserSelect;
-}
-declare module "libs/reach/ui/common/src/reach-2/select/index" {
-    export * from "libs/reach/ui/common/src/reach-2/select/Select";
-    export { default as Select } from "libs/reach/ui/common/src/reach-2/select/Select";
-    export * from "libs/reach/ui/common/src/reach-2/select/UserSelect";
-    export { default as UserSelect } from "libs/reach/ui/common/src/reach-2/select/UserSelect";
-}
 declare module "libs/reach/ui/common/src/reach-2/surfaces/BaseDialog" {
     import { MouseEvent } from 'react';
     export enum DialogType {
@@ -6858,6 +6745,27 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/ConfirmationDialog" {
         description?: string;
     }>;
 }
+declare module "libs/reach/ui/common/src/reach-2/surfaces/BasePopover" {
+    import { PopoverContentProps } from '@radix-ui/react-popover';
+    import { FC } from 'react';
+    export type BasePopoverAlignType = 'start' | 'center' | 'end';
+    export type BasePopoverSideType = 'top' | 'left' | 'bottom' | 'right';
+    export interface BasePopoverProps {
+        align?: BasePopoverAlignType;
+        alignOffset?: number;
+        anchor?: JSX.Element;
+        className?: string;
+        collisionPadding?: PopoverContentProps['collisionPadding'];
+        isOpen?: boolean;
+        onCloseAutoFocus?: (event: Event) => void;
+        onOpenAutoFocus?: (event: Event) => void;
+        onOpenChange?: (open: boolean) => void;
+        side?: BasePopoverSideType;
+        sideOffset?: number;
+        trigger?: JSX.Element;
+    }
+    export const BasePopover: FC<BasePopoverProps>;
+}
 declare module "libs/reach/ui/common/src/reach-2/surfaces/index" {
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Dialog";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Panel";
@@ -6869,6 +6777,164 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/index" {
     export * from "libs/reach/ui/common/src/reach-2/surfaces/BasePopover";
     export { DialogType } from "libs/reach/ui/common/src/reach-2/surfaces/BaseDialog";
 }
+declare module "libs/reach/ui/common/src/reach-2/utils" {
+    import { TagSize } from "libs/reach/ui/common/src/reach-2/tags/Tag";
+    export const getNormalizedPercentageBasedOnDeviceHeight: (heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number) => number;
+    export const useNormalizedBreakpointValuesBasedOnDeviceHeight: (heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number) => {
+        breakpoints: number[];
+        initialBreakpoint: number;
+    };
+    export const getIsMobilePhone: () => boolean;
+    export type TagValue = {
+        id: string;
+        label?: string;
+        name?: string;
+    };
+    export const getMaxTagList: (items: TagValue[], availableWidth: number, options?: {
+        hasError?: (value: TagValue) => boolean;
+        isHighlighted?: boolean;
+        onClose?: (value: TagValue) => void;
+        size?: TagSize;
+    }) => any[];
+}
+declare module "libs/reach/ui/common/src/reach-2/select/types" {
+    import { SVGProps } from 'react';
+    export type SelectSize = 'Large' | 'Small';
+    export interface ISelectItemProps {
+        icon?: SVGProps<SVGElement>;
+        id: string;
+        label: string;
+    }
+}
+declare module "libs/reach/ui/common/src/reach-2/select/components/PopoverContent" {
+    import { MouseEvent, MutableRefObject } from 'react';
+    import { ISelectItemProps } from "libs/reach/ui/common/src/reach-2/select/types";
+    interface IPopoverContentProps<T> {
+        areOptionsGrouped: boolean;
+        emptyLabel?: string;
+        focusedIndex: number | null;
+        handleItemSelected: (item: T, index: number) => void;
+        handleRemoveAllItems: (e: MouseEvent<Element>) => void;
+        initialSelectedItems: T[];
+        isItemSelected: (id: string) => boolean;
+        listWrapperRef: MutableRefObject<HTMLDivElement | null>;
+        menuListOptions: T[];
+        multiple: boolean;
+        renderGroupedOptions: () => JSX.Element[];
+        renderItem?: (item: T, isSelected: boolean, onSelect: () => void) => JSX.Element;
+        selectedValues: T[];
+    }
+    const PopoverContent: <T extends ISelectItemProps>({ areOptionsGrouped, emptyLabel, focusedIndex, handleItemSelected, handleRemoveAllItems, initialSelectedItems, isItemSelected, listWrapperRef, menuListOptions, multiple, renderGroupedOptions, renderItem, selectedValues, }: IPopoverContentProps<T>) => JSX.Element;
+    export default PopoverContent;
+}
+declare module "libs/reach/ui/common/src/reach-2/select/components/Trigger" {
+    import { ChangeEvent, KeyboardEvent, MouseEvent, ReactNode, RefObject } from 'react';
+    import { IconProps } from "libs/reach/ui/common/src/reach-2/icons/index";
+    import { ISelectItemProps, SelectSize } from "libs/reach/ui/common/src/reach-2/select/types";
+    interface ITriggerProps<T> {
+        className?: string;
+        containerRef: RefObject<HTMLDivElement>;
+        disabled?: boolean;
+        errorLabel?: string;
+        forcePlaceholder?: boolean;
+        handleContainerClick: () => void;
+        handleContainerKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
+        handleContainerOnFocus: () => void;
+        handleContainerOnMouseEnter: () => void;
+        handleContainerOnMouseLeave: () => void;
+        handleInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
+        handleInputKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void;
+        handleRemoveAllItems: (e: MouseEvent<Element>) => void;
+        hideChevron?: boolean;
+        inputRef: RefObject<HTMLInputElement>;
+        inputSize?: number;
+        inputValue: string;
+        innerRef: RefObject<HTMLDivElement>;
+        isHovered: boolean;
+        isPopoverOpen: boolean;
+        leftIcon?: IconProps;
+        multiple?: boolean;
+        placeholder?: string;
+        renderSelectedValues: () => ReactNode;
+        searchable?: boolean;
+        selectedValues: T[];
+        selectedValuesOptions?: {
+            hide?: boolean;
+            noWrap?: boolean;
+        };
+        size?: SelectSize;
+    }
+    const _default_2: import("react").ForwardRefExoticComponent<ITriggerProps<ISelectItemProps> & import("react").RefAttributes<HTMLDivElement>>;
+    export default _default_2;
+}
+declare module "libs/reach/ui/common/src/reach-2/select/Select" {
+    import { IconProps } from "libs/reach/ui/common/src/reach-2/icons/index";
+    import { BasePopoverAlignType } from "libs/reach/ui/common/src/reach-2/surfaces/index";
+    import { ISelectItemProps, SelectSize } from "libs/reach/ui/common/src/reach-2/select/types";
+    export interface ISelectItemGroupProps<T> {
+        options: T[];
+        title: string;
+    }
+    interface ISelectProps<T> {
+        allowCreation?: boolean;
+        className?: string;
+        disabled?: boolean;
+        emptyLabel?: string;
+        errorItems?: string[];
+        errorLabel?: string;
+        fitToContent?: boolean;
+        forcePlaceholder?: boolean;
+        fullyControlled?: boolean;
+        hideChevron?: boolean;
+        leftIcon?: IconProps;
+        multiple?: boolean;
+        onAddItem?: (id: string) => void;
+        onInputChange?: (value: string) => void;
+        onItemsChange?: (items: T[]) => void;
+        onItemSelected?: (item: T, index: number) => void;
+        onRemoveItem?: (id: string) => void;
+        options: T[] | ISelectItemGroupProps<T>[];
+        placeholder?: string;
+        popoverAlign?: BasePopoverAlignType;
+        popoverAlignOffset?: number;
+        popoverHeight?: number;
+        popoverWidth?: number;
+        renderItem?: (item: T, isSelected: boolean, onSelect: () => void) => JSX.Element;
+        searchable?: boolean;
+        selectedValuesOptions?: {
+            hide?: boolean;
+            noWrap?: boolean;
+        };
+        size?: SelectSize;
+        values?: T[];
+    }
+    const Select: <T extends ISelectItemProps = ISelectItemProps>({ allowCreation, className, disabled, emptyLabel, errorItems, errorLabel, fitToContent, forcePlaceholder, fullyControlled, hideChevron, leftIcon, multiple, onAddItem, onInputChange, onItemsChange, onItemSelected, onRemoveItem, options: preprocessedOptions, placeholder, popoverAlign, popoverAlignOffset, popoverHeight, popoverWidth, renderItem, searchable, selectedValuesOptions, size, values, }: ISelectProps<T>) => JSX.Element;
+    export default Select;
+}
+declare module "libs/reach/ui/common/src/reach-2/select/UserSelect" {
+    import { FC } from 'react';
+    export interface IUserSelectUser {
+        displayName?: string;
+        id: string;
+        mail?: string;
+        userPrincipalName: string;
+    }
+    interface IUserSelect {
+        disabled?: boolean;
+        onSelectedUsersChange: (selectedUsers: IUserSelectUser[]) => void;
+        placeholder?: string;
+        selectedUsers?: IUserSelectUser[];
+    }
+    const UserSelect: FC<IUserSelect>;
+    export default UserSelect;
+}
+declare module "libs/reach/ui/common/src/reach-2/select/index" {
+    export * from "libs/reach/ui/common/src/reach-2/select/Select";
+    export { default as Select } from "libs/reach/ui/common/src/reach-2/select/Select";
+    export type { ISelectItemProps } from "libs/reach/ui/common/src/reach-2/select/types";
+    export * from "libs/reach/ui/common/src/reach-2/select/UserSelect";
+    export { default as UserSelect } from "libs/reach/ui/common/src/reach-2/select/UserSelect";
+}
 declare module "libs/reach/ui/common/src/reach-2/surfaces/Card" {
     import { FC, ReactNode } from 'react';
     interface ICardProps {
@@ -6887,8 +6953,8 @@ declare module "libs/reach/ui/common/src/reach-2/table/Table" {
         $isExpanded?: boolean;
     }, never>;
     export const TableExpandIconPlaceholder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-    const _default_2: import("react").ForwardRefExoticComponent<TableProps<any> & import("react").RefAttributes<any>>;
-    export default _default_2;
+    const _default_3: import("react").ForwardRefExoticComponent<TableProps<any> & import("react").RefAttributes<any>>;
+    export default _default_3;
 }
 declare module "libs/reach/ui/common/src/reach-2/tabs/TabGroup" {
     import { FC } from 'react';
@@ -12087,8 +12153,8 @@ declare module "libs/reach/feature/content/src/reach-2/common/editor/EnhancedRic
         shortcuts?: string[];
         useHardBreak?: boolean;
     }
-    const _default_3: import("react").ForwardRefExoticComponent<EnhancedRichTextEditorProps & import("react").RefAttributes<EnhancedRichTextEditorRef>>;
-    export default _default_3;
+    const _default_4: import("react").ForwardRefExoticComponent<EnhancedRichTextEditorProps & import("react").RefAttributes<EnhancedRichTextEditorRef>>;
+    export default _default_4;
 }
 declare module "libs/reach/feature/content/src/reach-2/common/editor/common/EmojiPicker" {
     import { FC } from 'react';

package/package.json

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