@instructure/ui-drilldown 8.21.1-snapshot.10

package/types/Drilldown/index.d.ts

@@ -0,0 +1,246 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import React, { Component } from 'react';
+import type { OptionsProps, OptionsSeparatorProps } from '@instructure/ui-options';
+import { Popover } from '@instructure/ui-popover';
+import type { SelectableRender } from '@instructure/ui-selectable';
+import { jsx } from '@instructure/emotion';
+import { DrilldownSeparator } from './DrilldownSeparator';
+import { DrilldownOption } from './DrilldownOption';
+import type { DrilldownOptionValue } from './DrilldownOption/props';
+import { DrilldownGroup } from './DrilldownGroup';
+import type { DrilldownGroupProps, GroupChildren } from './DrilldownGroup/props';
+import { DrilldownPage } from './DrilldownPage';
+import type { DrilldownPageProps, PageChildren } from './DrilldownPage/props';
+import type { DrilldownProps, DrilldownStyleProps, DrilldownState, PageChild, OptionChild, GroupChild, SeparatorChild } from './props';
+declare type OptionData = {
+    groupProps?: DrilldownGroupProps;
+};
+declare type MappedOption = OptionChild & OptionData;
+declare type MappedPage = DrilldownPageProps & {
+    children: PageChildren[];
+};
+declare type PageMap = Record<string, MappedPage>;
+declare type SelectedGroupOptionsMap = Map<string, DrilldownOptionValue>;
+/**
+---
+category: components
+experimental: true
+---
+@tsProps
+**/
+declare class Drilldown extends Component<DrilldownProps, DrilldownState> {
+    static readonly componentId = "Drilldown";
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        rootPageId: string;
+        children?: PageChild | PageChild[] | undefined;
+        id?: string | undefined;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        rotateFocus?: boolean | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        role?: string | undefined;
+        elementRef?: ((el: Element | null) => void) | undefined;
+        drilldownRef?: ((el: HTMLDivElement | null) => void) | undefined;
+        overflowX?: "hidden" | "auto" | "visible" | undefined;
+        overflowY?: "hidden" | "auto" | "visible" | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        trigger?: React.ReactNode;
+        placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
+        defaultShow?: boolean | undefined;
+        show?: boolean | undefined;
+        onToggle?: ((event: React.UIEvent<Element, UIEvent> | React.FocusEvent<Element, Element>, args: {
+            shown: boolean;
+            drilldown: Drilldown;
+            pageHistory: string[];
+            goToPage: (pageId: string) => {
+                prevPageId: string;
+                newPageId: string;
+            } | undefined;
+            goToPreviousPage: () => {
+                prevPageId: string;
+                newPageId: string;
+            } | undefined;
+        }) => void) | undefined;
+        onSelect?: ((event: React.SyntheticEvent<Element, Event>, args: {
+            value: DrilldownOptionValue | DrilldownOptionValue[];
+            isSelected: boolean;
+            selectedOption: OptionChild;
+            drilldown: Drilldown;
+        }) => void) | undefined;
+        onDismiss?: ((event: React.UIEvent<Element, UIEvent> | React.FocusEvent<Element, Element>, documentClick: boolean) => void) | undefined;
+        onFocus?: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
+        onMouseOver?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        popoverRef?: ((el: Popover | null) => void) | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        positionTarget?: import("@instructure/ui-position").PositionMountNode | undefined;
+        constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
+        shouldHideOnSelect?: boolean | undefined;
+        shouldContainFocus?: boolean | undefined;
+        shouldReturnFocus?: boolean | undefined;
+        withArrow?: boolean | undefined;
+        offsetX?: string | number | undefined;
+        offsetY?: string | number | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        rootPageId: string;
+        children?: PageChild | PageChild[] | undefined;
+        id?: string | undefined;
+        label?: string | undefined;
+        disabled?: boolean | undefined;
+        rotateFocus?: boolean | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        role?: string | undefined;
+        elementRef?: ((el: Element | null) => void) | undefined;
+        drilldownRef?: ((el: HTMLDivElement | null) => void) | undefined;
+        overflowX?: "hidden" | "auto" | "visible" | undefined;
+        overflowY?: "hidden" | "auto" | "visible" | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        trigger?: React.ReactNode;
+        placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
+        defaultShow?: boolean | undefined;
+        show?: boolean | undefined;
+        onToggle?: ((event: React.UIEvent<Element, UIEvent> | React.FocusEvent<Element, Element>, args: {
+            shown: boolean;
+            drilldown: Drilldown;
+            pageHistory: string[];
+            goToPage: (pageId: string) => {
+                prevPageId: string;
+                newPageId: string;
+            } | undefined;
+            goToPreviousPage: () => {
+                prevPageId: string;
+                newPageId: string;
+            } | undefined;
+        }) => void) | undefined;
+        onSelect?: ((event: React.SyntheticEvent<Element, Event>, args: {
+            value: DrilldownOptionValue | DrilldownOptionValue[];
+            isSelected: boolean;
+            selectedOption: OptionChild;
+            drilldown: Drilldown;
+        }) => void) | undefined;
+        onDismiss?: ((event: React.UIEvent<Element, UIEvent> | React.FocusEvent<Element, Element>, documentClick: boolean) => void) | undefined;
+        onFocus?: ((event: React.FocusEvent<Element, Element>) => void) | undefined;
+        onMouseOver?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+        popoverRef?: ((el: Popover | null) => void) | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        positionTarget?: import("@instructure/ui-position").PositionMountNode | undefined;
+        constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
+        shouldHideOnSelect?: boolean | undefined;
+        shouldContainFocus?: boolean | undefined;
+        shouldReturnFocus?: boolean | undefined;
+        withArrow?: boolean | undefined;
+        offsetX?: string | number | undefined;
+        offsetY?: string | number | undefined;
+    })[];
+    static defaultProps: {
+        disabled: boolean;
+        rotateFocus: boolean;
+        as: string;
+        role: string;
+        overflowX: string;
+        overflowY: string;
+        placement: string;
+        defaultShow: boolean;
+        shouldHideOnSelect: boolean;
+        shouldContainFocus: boolean;
+        shouldReturnFocus: boolean;
+        withArrow: boolean;
+        offsetX: number;
+        offsetY: number;
+    };
+    static Group: typeof DrilldownGroup;
+    static Option: typeof DrilldownOption;
+    static Page: typeof DrilldownPage;
+    static Separator: typeof DrilldownSeparator;
+    private _drilldownRef;
+    private _popover;
+    private _trigger;
+    private _containerElement;
+    readonly _id: string;
+    readonly _triggerId: string;
+    readonly _headerBackId: string;
+    readonly _headerTitleId: string;
+    readonly _headerTitleLabelId: string;
+    readonly _headerActionId: string;
+    private readonly _pageHistory;
+    _activeOptionsMap: {
+        [optionId: string]: MappedOption;
+    };
+    _selectedGroupOptionsMap: {
+        [groupId: string]: SelectedGroupOptionsMap;
+    };
+    ref: HTMLDivElement | Element | null;
+    handleRef: (el: HTMLDivElement | Element | null) => void;
+    handleDrilldownRef: (el: Element | null) => void;
+    constructor(props: DrilldownProps);
+    componentDidMount(): void;
+    componentDidUpdate(_prevProps: DrilldownProps, prevState: DrilldownState): void;
+    get makeStylesVariables(): DrilldownStyleProps;
+    get activeOptionIds(): string[];
+    get activeOptions(): MappedOption[];
+    get pages(): PageChild[];
+    get pageMap(): PageMap | undefined;
+    get isOnRootPage(): boolean;
+    get currentPage(): MappedPage | undefined;
+    get previousPage(): MappedPage | undefined;
+    get exposedNavigationProps(): {
+        pageHistory: string[];
+        goToPage: (newPageId: string) => {
+            prevPageId: string;
+            newPageId: string;
+        } | undefined;
+        goToPreviousPage: () => {
+            newPageId: string;
+            prevPageId: string;
+        } | undefined;
+    };
+    get currentPageAriaLabel(): string | undefined;
+    getChildrenArray<C extends PageChildren | GroupChildren = PageChildren>(children?: C | C[]): C[];
+    getPageById(id?: string): MappedPage | undefined;
+    getPageChildById(id?: string): MappedOption | undefined;
+    setDefaultSelected(): void;
+    get selectedGroupOptionIdsArray(): string[];
+    get headerChildren(): PageChildren[];
+    get shown(): boolean;
+    show: (event: React.SyntheticEvent) => void;
+    hide: (event: React.SyntheticEvent) => void;
+    reset(): void;
+    focus(): void;
+    focused(): boolean;
+    focusOption(id: string): void;
+    handleOptionHighlight: (_event: React.SyntheticEvent, { id, direction }: {
+        id?: string | undefined;
+        direction?: 1 | -1 | undefined;
+    }) => void;
+    goToPage: (newPageId: string) => {
+        prevPageId: string;
+        newPageId: string;
+    } | undefined;
+    goToPreviousPage: () => {
+        newPageId: string;
+        prevPageId: string;
+    } | undefined;
+    handleBackButtonClick: () => void;
+    handleGroupOptionSelected(event: React.SyntheticEvent, selectedOption: MappedOption): void;
+    handleOptionSelect: (event: React.SyntheticEvent, { id }: {
+        id?: string | undefined;
+    }) => void;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    handleToggle: (event: React.UIEvent | React.FocusEvent, shown: boolean) => void;
+    renderList(getOptionProps: SelectableRender['getOptionProps'], getDisabledOptionProps: SelectableRender['getDisabledOptionProps']): (jsx.JSX.Element | (React.ReactElement<OptionsProps, string | React.JSXElementConstructor<any>> | React.ReactElement<OptionsSeparatorProps, string | React.JSXElementConstructor<any>>)[] | null)[] | null;
+    renderSeparator(separator: SeparatorChild): jsx.JSX.Element;
+    renderOption(option: OptionChild, getOptionProps: SelectableRender['getOptionProps'], getDisabledOptionProps: SelectableRender['getDisabledOptionProps'], groupProps?: DrilldownGroupProps): jsx.JSX.Element | null;
+    renderGroup(group: GroupChild, getOptionProps: SelectableRender['getOptionProps'], getDisabledOptionProps: SelectableRender['getDisabledOptionProps'], needsFirstSeparator: boolean, needsLastSeparator: boolean): (React.ReactElement<OptionsProps, string | React.JSXElementConstructor<any>> | React.ReactElement<OptionsSeparatorProps, string | React.JSXElementConstructor<any>>)[] | null;
+    renderPage(): jsx.JSX.Element | null;
+    render(): jsx.JSX.Element | null;
+}
+export default Drilldown;
+export { Drilldown };
+//# sourceMappingURL=index.d.ts.map

package/types/Drilldown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Drilldown/index.tsx"],"names":[],"mappings":"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"}

package/types/Drilldown/locator.d.ts

@@ -0,0 +1,4 @@
+import { DrilldownLocator } from './DrilldownLocator';
+export { DrilldownLocator };
+export default DrilldownLocator;
+//# sourceMappingURL=locator.d.ts.map

package/types/Drilldown/locator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locator.d.ts","sourceRoot":"","sources":["../../src/Drilldown/locator.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,OAAO,EAAE,gBAAgB,EAAE,CAAA;AAC3B,eAAe,gBAAgB,CAAA"}

package/types/Drilldown/props.d.ts

@@ -0,0 +1,189 @@
+import React from 'react';
+import { Popover } from '@instructure/ui-popover';
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
+import type { DrilldownTheme, OtherHTMLAttributes, PropValidators, AsElementType } from '@instructure/shared-types';
+import { DrilldownPage } from './DrilldownPage';
+import type { DrilldownPageProps } from './DrilldownPage/props';
+import { DrilldownGroup } from './DrilldownGroup';
+import type { DrilldownGroupProps } from './DrilldownGroup/props';
+import { DrilldownOption } from './DrilldownOption';
+import type { DrilldownOptionProps, DrilldownOptionValue } from './DrilldownOption/props';
+import { DrilldownSeparator } from './DrilldownSeparator';
+import type { DrilldownSeparatorProps } from './DrilldownSeparator/props';
+import { Drilldown } from './index';
+declare type PageChild = React.ComponentElement<DrilldownPageProps, DrilldownPage>;
+declare type GroupChild = React.ComponentElement<DrilldownGroupProps, DrilldownGroup>;
+declare type OptionChild = React.ComponentElement<DrilldownOptionProps, DrilldownOption>;
+declare type SeparatorChild = React.ComponentElement<DrilldownSeparatorProps, DrilldownSeparator>;
+declare type DrilldownOwnProps = {
+    /**
+     * The id of the root page
+     */
+    rootPageId: string;
+    /**
+     * Children of type `<Drilldown.Page />`
+     */
+    children?: PageChild | PageChild[];
+    /**
+     * The id of the `<Drilldown />`
+     */
+    id?: string;
+    /**
+     * Description of the `<Drilldown />` (used as `aria-label` attribute)
+     */
+    label?: string;
+    /**
+     * Is the `<Drilldown />` disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the focus should rotate with keyboard navigation
+     * when reaching the first or last option
+     */
+    rotateFocus?: boolean;
+    /**
+     * Element type to render as.
+     */
+    as?: AsElementType;
+    /**
+     * The ARIA role of the element
+     */
+    role?: string;
+    /**
+     * A function that returns a reference to root HTML element
+     */
+    elementRef?: (el: Element | null) => void;
+    /**
+     * A function that returns a reference to the `<Drilldown />`
+     */
+    drilldownRef?: (el: HTMLDivElement | null) => void;
+    overflowX?: 'auto' | 'hidden' | 'visible';
+    overflowY?: 'auto' | 'hidden' | 'visible';
+    height?: string | number;
+    width?: string | number;
+    maxHeight?: string | number;
+    maxWidth?: string | number;
+    /**
+     * The trigger element, if the `<Drilldown />` is to render as a popover
+     */
+    trigger?: React.ReactNode;
+    /**
+     * If a trigger is supplied, where should the `<Drilldown />` be placed (relative to the trigger)
+     */
+    placement?: PlacementPropValues;
+    /**
+     * Should the `<Drilldown />` be open for the initial render
+     */
+    defaultShow?: boolean;
+    /**
+     * Is the `<Drilldown />` open (should be accompanied by `onToggle`)
+     */
+    show?: boolean;
+    /**
+     * Callback fired when the `<Drilldown />` is toggled open/closed.
+     * When used with `show`, the component will not control its own state.
+     */
+    onToggle?: (event: React.UIEvent | React.FocusEvent, args: {
+        shown: boolean;
+        drilldown: Drilldown;
+        pageHistory: string[];
+        goToPage: (pageId: string) => {
+            prevPageId: string;
+            newPageId: string;
+        } | undefined;
+        goToPreviousPage: () => {
+            prevPageId: string;
+            newPageId: string;
+        } | undefined;
+    }) => void;
+    /**
+     * Callback fired when an item within the `<Drilldown />` is selected
+     */
+    onSelect?: (event: React.SyntheticEvent, args: {
+        value: DrilldownOptionValue | DrilldownOptionValue[];
+        isSelected: boolean;
+        selectedOption: OptionChild;
+        drilldown: Drilldown;
+    }) => void;
+    /**
+     * If a trigger is supplied, callback fired when the `<Drilldown />` is closed
+     */
+    onDismiss?: (event: React.UIEvent | React.FocusEvent, documentClick: boolean) => void;
+    /**
+     * If a trigger is supplied, callback fired when the `<Drilldown />` trigger is focused
+     */
+    onFocus?: (event: React.FocusEvent) => void;
+    /**
+     * If a trigger is supplied, callback fired onMouseOver for the `<Drilldown />` trigger
+     */
+    onMouseOver?: (event: React.MouseEvent) => void;
+    /**
+     * If a trigger is supplied, A function that returns a reference to the `<Popover />`
+     */
+    popoverRef?: (el: Popover | null) => void;
+    /**
+     * If a trigger is supplied, an element or a function returning an element
+     * to use as the mount node for the `<Drilldown />` (defaults to `document.body`)
+     */
+    mountNode?: PositionMountNode;
+    /**
+     * Target element for positioning the Popover (if it differs from the trigger)
+     */
+    positionTarget?: PositionMountNode;
+    /**
+     * The parent in which to constrain the placement.
+     */
+    constrain?: PositionConstraint;
+    /**
+     * If a trigger is supplied, should the `<Drilldown />` hide when an item is selected
+     */
+    shouldHideOnSelect?: boolean;
+    /**
+     * Whether focus should be contained within the `<Drilldown/>` when it is open.
+     * Works only if `trigger` is provided.
+     */
+    shouldContainFocus?: boolean;
+    /**
+     * Whether focus should be returned to the trigger
+     * when the `<Drilldown/>` is closed.
+     * Works only if `trigger` is provided.
+     */
+    shouldReturnFocus?: boolean;
+    /**
+     * Whether or not an arrow pointing to the trigger should be rendered.
+     * Works only if `trigger` is provided.
+     */
+    withArrow?: boolean;
+    /**
+     * The horizontal offset for the positioned content.
+     * Works only if `trigger` is provided.
+     */
+    offsetX?: string | number;
+    /**
+     * The vertical offset for the positioned content.
+     * Works only if `trigger` is provided.
+     */
+    offsetY?: string | number;
+};
+declare type PropKeys = keyof DrilldownOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type DrilldownProps = DrilldownOwnProps & WithStyleProps<DrilldownTheme, DrilldownStyle> & WithDeterministicIdProps & OtherHTMLAttributes<DrilldownOwnProps>;
+declare type DrilldownStyle = ComponentStyle<'drilldown' | 'container' | 'headerBack' | 'headerTitle' | 'optionContainer' | 'optionLabelInfo' | 'optionContent'> & {
+    headerActionColor: string;
+};
+declare type DrilldownStyleProps = {
+    hasHighlightedOption: boolean;
+};
+declare type DrilldownState = {
+    isShowingPopover: boolean;
+    activePageId: string;
+    highlightedOptionId?: string;
+    lastSelectedId?: string;
+};
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { DrilldownProps, DrilldownState, DrilldownStyle, DrilldownStyleProps, DrilldownPageProps, PageChild, GroupChild, OptionChild, SeparatorChild };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Drilldown/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Drilldown/props.ts"],"names":[],"mappings":"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"}

package/types/Drilldown/styles.d.ts

@@ -0,0 +1,15 @@
+import type { DrilldownTheme } from '@instructure/shared-types';
+import type { DrilldownProps, DrilldownStyleProps, DrilldownStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: DrilldownTheme, _props: DrilldownProps, state: DrilldownStyleProps) => DrilldownStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/Drilldown/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Drilldown/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,cAAc,EACf,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,cAAc,UACtB,cAAc,SACf,mBAAmB,KACzB,cA+CF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/Drilldown/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import type { DrilldownTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => DrilldownTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/Drilldown/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Drilldown/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,cAY9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export { Drilldown } from './Drilldown';
+export type { DrilldownProps } from './Drilldown/props';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA"}