@workday/canvas-kit-react 7.0.0-alpha.89-next.16 → 7.0.0-alpha.92-next.19

package/ts3.5/dist/commonjs/tabs/lib/list/useListModel.d.ts

@@ -1,93 +0,0 @@
-import React from 'react';
-import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
-export declare type ListState<T = unknown> = {
-    /** IDREF of the list. Children ids can be derived from this id */
-    id: string;
-    /** Used as an auto-incrementing ID for accessibility */
-    indexRef: React.RefObject<number>;
-    items: T[];
-    /**
-     * An array of ids of non-interactive elements. Non-interactive elements usually have `disabled`
-     * applied to them and thus are not focusable by the browser. Lists need to know about these so
-     * that keyboard navigation properly skips over these items. Interactive elements that are
-     * disabled should use `[aria-disabled]` instead and should still receive focus.
-     * @see https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_disabled_controls
-     */
-    nonInteractiveIds: string[];
-};
-export declare type ListEvents<T = unknown> = {
-    /** Register an item to the list. Takes in an identifier, a React.Ref and an optional index. This should be called on
-     * component mount */
-    registerItem(data: {
-        item: T;
-        index?: number;
-    }): void;
-    /** Unregister an item by its identifier. This should be called when the component is unmounted */
-    unregisterItem(data: {
-        id: string;
-    }): void;
-    /** Updates the position of a tab within the list. This should be called when a tab's index is updated */
-    updateItemPosition(data: {
-        id: string;
-        index: number;
-    }): void;
-};
-export interface ListModel<T = unknown> extends Model<ListState<T>, ListEvents<T>> {
-    getId: (item: T) => string;
-}
-export declare const listEventMap: {
-    guards: {
-        /**
-         * Should a list item be registered? This will prevent a DOM-based list item from being
-         * registered as an item in the list. Use this only for advanced cases.
-         * */
-        shouldRegisterItem: "registerItem";
-        /**
-         * Should a list item be unregistered? Use this only for advanced cases. Lists can get into an
-         * unspecified state if not managed properly.
-         */
-        shouldUnregisterItem: "unregisterItem";
-        /**
-         * Should a list item position be updated? Use this only for advanced cases. Lists can get into an
-         * unspecified state if not managed properly.
-         */
-        shouldUpdateItemPosition: "updateItemPosition";
-    };
-    callbacks: {
-        /**
-         * Called once an item has been registered to the list. This is useful to do any `setState` or
-         * side effects. This method is called synchronously during a `setState` batch. Calling state
-         * setters will not cause extra renders. Item registration should be called during the
-         * mount/unmount cycles of rendering.
-         */
-        onRegisterItem: "registerItem";
-        /**
-         * Called once an item has been unregistered from the list. This is useful to do any `setState`
-         * or side effects. This method is called synchronously during a `setState` batch. Calling state
-         * setters will not cause extra renders. Item registration should be called during the
-         * mount/unmount cycles of rendering.
-         */
-        onUnregisterItem: "unregisterItem";
-        /**
-         * Called once an item's position has been updated in the list. This is useful to do any `setState`
-         * or side effects. This method is called synchronously during a `setState` batch. Calling state
-         * setters will not cause extra renders. Item registration should be called during the
-         * mount/unmount cycles of rendering.
-         */
-        onUpdateItemPosition: "updateItemPosition";
-    };
-};
-export declare type BaseListModelConfig<T = unknown> = {
-    /** IDREF of the list. Children ids can be derived from this id */
-    id?: string;
-    items?: T[];
-    getId?: (item: T) => string;
-    /**
-     * Array of all ids which are currently disabled
-     */
-    nonInteractiveIds?: string[];
-};
-export declare type ListModelConfig<T> = BaseListModelConfig<T> & Partial<ToModelConfig<ListState<T>, ListEvents<T>, typeof listEventMap>>;
-export declare const defaultGetId: (item: any) => string;
-export declare const useListModel: <T extends unknown>(config?: ListModelConfig<T>) => ListModel<T>;
-//# sourceMappingURL=useListModel.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/list/useListRegisterItem.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ListModel } from './useListModel';
-/**
- * Registers an item with a list. It will return elemProps with a `name` which can be used by other
- * hooks to identify the item in the list.
- */
-export declare const useListRegisterItem: <P extends {}, R>(model: ListModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    'data-name': string;
-    name: string;
-    disabled: boolean | undefined;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=useListRegisterItem.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/Menu.d.ts

@@ -1,83 +0,0 @@
-import React from 'react';
-import { MenuModel, MenuModelConfig } from './useMenuModel';
-export declare const MenuModelContext: React.Context<MenuModel<unknown>>;
-export interface MenuProps<T> extends MenuModelConfig<T> {
-    /**
-     * The contents of the Menu. Can be `Menu` children or any valid elements.
-     */
-    children: React.ReactNode;
-    /**
-     * Optionally pass a model directly to this component. Default is to create a model out of model
-     * config passed to this component.
-     * @default useMenuModel(config)
-     */
-    model?: MenuModel<T>;
-}
-/**
- * An accessible dropdown menu component. A dropdown menu usually contains a target element that
- * opens to a menu.
- * @example
- * <Menu>
- *   <Menu.Target>Open</Menu.Target>
- *   <Menu.Popper>
- *     <Menu.Card>
- *       <Menu.List>
- *         <Menu.Item name="first">First Item</Menu.Item>
- *         <Menu.Item name="second">Second Item</Menu.Item>
- *       </Menu.List>
- *     </Menu.Card>
- *   </Menu.Popper>
- * </Menu>
- */
-export declare const Menu: import("../../../common").Component<MenuProps<any>> & {
-    /**
-     * The menu card is a non-semantic element used to give the dropdown menu its distinct visual
-     * cue that the dropdown menu is floating above other content. A menu card usually contains a
-     * menu list, but can also contain other elements like a header or footer.
-     */
-    Card: import("../../../common").ElementComponent<"div", import("./MenuCard").MenuCardProps<unknown>>;
-    /**
-     * The menu list follows the Collections API. A list can either contain static items
-     * or a render prop and `items` to the model.
-     *
-     * @example
-     * const MyComponent = () => {
-     *   const model = useMenuModel({
-     *     items: [
-     *       { id: 'first',  text: 'First Item' },
-     *       { id: 'second', text: 'Second Item' },
-     *     ]
-     *   })
-     *
-     *   return (
-     *     <Menu model={model}>
-     *       <Menu.List>
-     *         {(item) => <Menu.Item name={item.id}>{item.text}</Menu.Item>}
-     *       </Menu.List>
-     *     </Menu>
-     *   )
-     * }
-     */
-    List: import("../../../common").ElementComponent<"div", import("./MenuList").MenuListProps<unknown>>;
-    /**
-     * A menu item has an optional `name` prop that identifies the item in the menu list and will be
-     * passed to the optional `onSelect` callback of the menu model. A menu item can contain any
-     * HTML. If more complex HTML is provided, consider
-     */
-    Item: import("../../../common").ElementComponent<"button", import("./MenuItem").MenuItemProps<unknown>> & {
-        Icon: import("../../../common").ElementComponent<"span", import("../../..").SystemIconProps>;
-        Text: import("@emotion/styled").StyledComponent<{
-            theme?: import("@emotion/react").Theme | undefined;
-            as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
-        }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-    };
-    Target: import("../../../common").ElementComponent<import("../../../common").ElementComponent<"button", import("../../..").SecondaryButtonProps>, import("./MenuTarget").MenuTargetProps<unknown>>;
-    /**
-     * The "Popper" of a menu. The popper will appear around the `Menu.Target`. It renders a `div`
-     * element that is portalled to the `document.body` which is controlled by the `PopupStack. The
-     * `PopupStack` is not part of React. This means no extra props given to this component will be
-     * forwarded to the `div` element, but the `ref` will be forwarded.
-     */
-    Popper: import("../../../common").ElementComponent<"div", import("./MenuPopper").MenuPopperProps<unknown>>;
-};
-//# sourceMappingURL=Menu.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/MenuCard.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { Card } from '@workday/canvas-kit-react/card';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { MenuModel } from './useMenuModel';
-export interface MenuCardProps<T = unknown> extends ExtractProps<typeof Card, never> {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: MenuModel<T>;
-    children?: React.ReactNode;
-}
-export declare const MenuCard: import("../../../common").ElementComponent<"div", MenuCardProps<unknown>>;
-export declare const useMenuCard: <P extends {}, R>(model: MenuModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=MenuCard.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/MenuItem.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { MenuModel } from './useMenuModel';
-export interface MenuItemProps<T = unknown> {
-    /**
-     * Optionally pass index to menu item. This should be done if `Menu.Item` components were created
-     * via a `Array::map` function. This index will ensure keyboard navigation works even if items are
-     * inserted out of order.
-     */
-    index?: number;
-    /**
-     * The label text of the MenuItem.
-     */
-    children: React.ReactNode;
-    /**
-     * The name of the menu item. This name will be used in the `onSelect` callback in the model. If
-     * this property is not provided, it will default to a string representation of the the zero-based
-     * index of the Tab when it was initialized.
-     */
-    name?: string;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: MenuModel<T>;
-    'aria-disabled'?: boolean;
-    /**
-     * Use `hasIcon={true}` when the Tab item contains an icon. This instructs the tab item to render
-     * children as a flex container to accommodate icons. You will have to use `Tabs.Item.Text` as a
-     * child element if this is set to true.
-     *
-     * @example
-     * <Menu.Item hasIcon>
-     *   <Menu.Item.Icon icon={someIcon} />
-     *   <Menu.Item.Text>Tab Text</Menu.Item.Text>
-     * </Menu.Item>
-     */
-    hasIcon?: boolean;
-}
-export declare const MenuItem: import("../../../common").ElementComponent<"button", MenuItemProps<unknown>> & {
-    Icon: import("../../../common").ElementComponent<"span", import("../../../icon").SystemIconProps>;
-    Text: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-};
-export declare const useMenuItem: <P extends {}, R>(model: import("../list").ListModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=MenuItem.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/MenuList.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-react/layout';
-import { MenuModel } from './useMenuModel';
-export interface MenuListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
-    /**
-     * The label text of the MenuList.
-     */
-    children: React.ReactNode;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: MenuModel<T>;
-}
-export declare const MenuList: import("../../../common").ElementComponent<"div", MenuListProps<unknown>>;
-export declare const useMenuList: <P extends {}, R>(model: MenuModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    role: string;
-    'aria-labelledby': string;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=MenuList.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/MenuPopper.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Popper } from '@workday/canvas-kit-react/popup';
-import { MenuModel } from './useMenuModel';
-export interface MenuPopperProps<T = unknown> extends ExtractProps<typeof Popper> {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: MenuModel<T>;
-}
-export declare const MenuPopper: import("../../../common").ElementComponent<"div", MenuPopperProps<unknown>>;
-export declare const useMenuPopper: <P extends {}, R>(model: import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    open: boolean;
-    anchorElement: React.RefObject<HTMLButtonElement>;
-    ref: (instance: any) => void;
-    onPlacementChange: (placement: import("@popperjs/core").Placement) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=MenuPopper.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/MenuTarget.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { MenuModel } from './useMenuModel';
-export interface MenuTargetProps<T = unknown> {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: MenuModel<T>;
-    children?: React.ReactNode;
-}
-export declare const MenuTarget: import("../../../common").ElementComponent<import("../../../common").ElementComponent<"button", import("../../../button").SecondaryButtonProps>, MenuTargetProps<unknown>>;
-export declare const useMenuTarget: <P extends {}, R>(model: import("../../../common").Model<import("../../../popup").PopupState, import("../../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=MenuTarget.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/index.d.ts

@@ -1,8 +0,0 @@
-export * from './useMenuModel';
-export { Menu } from './Menu';
-export { useMenuCard } from './MenuCard';
-export { useMenuItem } from './MenuItem';
-export { useMenuList } from './MenuList';
-export { useMenuPopper } from './MenuPopper';
-export { useMenuTarget } from './MenuTarget';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/menu/useMenuModel.d.ts

@@ -1,35 +0,0 @@
-import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
-import { BasePopupModelConfig, PopupEvents, PopupState } from '@workday/canvas-kit-react/popup';
-import { ListModel } from '../list';
-import { SelectionState, SelectionEvents, BaseSelectionModelConfig } from '../selection';
-export declare type MenuState<T = unknown> = SelectionState<T> & PopupState & {};
-export declare type MenuEvents<T = unknown> = SelectionEvents<T> & PopupEvents & {};
-export interface MenuModel<T = unknown> extends Model<MenuState<T>, MenuEvents<T>> {
-    getId: ListModel<T>['getId'];
-}
-export declare const menuEventMap: {
-    guards: {
-        shouldUpdatePlacement: "updatePlacement";
-        shouldShow: "show";
-        shouldHide: "hide";
-        shouldSelect: "select";
-        shouldGoTo: "goTo";
-        shouldRegisterItem: "registerItem";
-        shouldUnregisterItem: "unregisterItem";
-        shouldUpdateItemPosition: "updateItemPosition";
-    };
-    callbacks: {
-        onUpdatePlacement: "updatePlacement";
-        onShow: "show";
-        onHide: "hide";
-        onSelect: "select";
-        onGoTo: "goTo";
-        onRegisterItem: "registerItem";
-        onUnregisterItem: "unregisterItem";
-        onUpdateItemPosition: "updateItemPosition";
-    };
-};
-export declare type BaseMenuModelConfig<T> = BaseSelectionModelConfig<T> & BasePopupModelConfig & {};
-export declare type MenuModelConfig<T> = BaseMenuModelConfig<T> & Partial<ToModelConfig<MenuState<T>, MenuEvents<T>, typeof menuEventMap>>;
-export declare const useMenuModel: <T extends unknown>(config?: MenuModelConfig<T>) => MenuModel<T>;
-//# sourceMappingURL=useMenuModel.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/overflow/index.d.ts

@@ -1,5 +0,0 @@
-export * from './useOverflowModel';
-export * from './useOverflowMeasureItem';
-export * from './useOverflowMeasureContainer';
-export * from './useOverflowTarget';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/overflow/useOverflowMeasureContainer.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { OverflowModel } from './useOverflowModel';
-export declare const useOverflowMeasureContainer: <P extends {}, R>(model: OverflowModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    ref: (instance: HTMLElement | null) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=useOverflowMeasureContainer.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/overflow/useOverflowMeasureItem.d.ts

@@ -1,9 +0,0 @@
-import { OverflowModel } from './useOverflowModel';
-export declare const useOverflowMeasureItem: <P extends {}, R>(model: OverflowModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
-    ref: (instance: HTMLElement | null) => void;
-    'aria-hidden': true | undefined;
-    style: {};
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: import("react").Ref<R>;
-} : {});
-//# sourceMappingURL=useOverflowMeasureItem.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/overflow/useOverflowModel.d.ts

@@ -1,69 +0,0 @@
-import { ToModelConfig } from '@workday/canvas-kit-react/common';
-import { SelectionState, SelectionEvents, BaseSelectionModelConfig, selectionEventMap, SelectionModel } from '../selection';
-export declare type OverflowState<T = unknown> = SelectionState<T> & {
-    containerWidth: number;
-    overflowTargetWidth: number;
-    itemWidthCache: Record<string, number>;
-    hiddenIds: string[];
-};
-export declare type OverflowEvents<T = unknown> = SelectionEvents<T> & {
-    setContainerWidth(data: {
-        width?: number;
-    }): void;
-    setOverflowTargetWidth(data: {
-        width: number;
-    }): void;
-    addItemWidth(data: {
-        id: string;
-        width: number;
-    }): void;
-    removeItemWidth(data: {
-        id: string;
-    }): void;
-    addHiddenKey(data: {
-        id: string;
-    }): void;
-    removeHiddenKey(data: {
-        id: string;
-    }): void;
-};
-export interface OverflowModel<T = unknown> extends SelectionModel<T> {
-    state: OverflowState<T>;
-    events: OverflowEvents<T>;
-}
-export declare const overflowEventMap: {
-    guards: {
-        shouldSetContainerWidth: "setContainerWidth";
-        shouldSetOverflowTargetWidth: "setOverflowTargetWidth";
-        shouldAddItemWidth: "addItemWidth";
-        shouldRemoveItemWidth: "removeItemWidth";
-        shouldAddHiddenKey: "addHiddenKey";
-        shouldRemoveHiddenKey: "removeHiddenKey";
-        shouldSelect: "select";
-        shouldGoTo: "goTo";
-        shouldRegisterItem: "registerItem";
-        shouldUnregisterItem: "unregisterItem";
-        shouldUpdateItemPosition: "updateItemPosition";
-    };
-    callbacks: {
-        onSetContainerWidth: "setContainerWidth";
-        onSetOverflowTargetWidth: "setOverflowTargetWidth";
-        onAddItemWidth: "addItemWidth";
-        onRemoveItemWidth: "removeItemWidth";
-        onAddHiddenKey: "addHiddenKey";
-        onRemoveHiddenKey: "removeHiddenKey";
-        onSelect: "select";
-        onGoTo: "goTo";
-        onRegisterItem: "registerItem";
-        onUnregisterItem: "unregisterItem";
-        onUpdateItemPosition: "updateItemPosition";
-    };
-};
-export declare type BaseOverflowModelConfig<T> = BaseSelectionModelConfig<T> & {
-    initialHiddenIds?: string[];
-    containerWidth?: number;
-};
-export declare type OverflowModelConfig<T> = BaseOverflowModelConfig<T> & Partial<ToModelConfig<OverflowState<T>, OverflowEvents<T>, typeof selectionEventMap>>;
-export declare function getHiddenIds(containerWidth: number, overflowTargetWidth: number, itemWidthCache: Record<string, number>, selectedIds: string[] | 'all'): string[];
-export declare const useOverflowModel: <T extends unknown>(config?: OverflowModelConfig<T>) => OverflowModel<T>;
-//# sourceMappingURL=useOverflowModel.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/overflow/useOverflowTarget.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { OverflowModel } from './useOverflowModel';
-export declare const useOverflowTarget: <P extends {}, R>(model: OverflowModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    ref: (instance: HTMLButtonElement | null) => void;
-    'aria-hidden': boolean;
-    tabIndex: number;
-    style: {};
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=useOverflowTarget.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/selection/index.d.ts

@@ -1,4 +0,0 @@
-export * from './useSelectionModel';
-export * from './useSelectionItem';
-export * from './useResetCursorOnBlur';
-//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/selection/useResetCursorOnBlur.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { SelectionModel } from './useSelectionModel';
-/**
- * Reset the cursor to the selected item when the list looses focus
- */
-export declare const useResetCursorOnBlur: <P extends {}, R>(model: SelectionModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    onKeyDown(event: React.KeyboardEvent): void;
-    onFocus(): void;
-    onBlur(): void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=useResetCursorOnBlur.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/selection/useSelectionItem.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SelectionModel } from './useSelectionModel';
-export declare const useSelectionItem: <P extends {}, R>(model: SelectionModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    onClick: (event: React.MouseEvent<HTMLElement>) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=useSelectionItem.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/selection/useSelectionModel.d.ts

@@ -1,62 +0,0 @@
-import { ToModelConfig } from '@workday/canvas-kit-react/common';
-import { CursorState, CursorEvents, BaseCursorModelConfig, CursorModel } from '../cursor/useCursorModel';
-export declare type Orientation = 'horizontal' | 'vertical';
-export declare type SelectionState<T = unknown> = CursorState<T> & {
-    selectedIds: 'all' | string[];
-    unselectedIds: string[];
-};
-export declare type SelectionEvents<T = unknown> = CursorEvents<T> & {
-    /** Select a specific item by its identifier. */
-    select(data: {
-        id: string;
-    }): void;
-    /** Select all items. This will set `selectedIds` to `'all'` and remove all `unselectedIds`.
-     * This is especially useful for virtual lists where not all items are loaded in memory.
-     */
-    selectAll(): void;
-    unselectAll(): void;
-};
-export interface SelectionModel<T = unknown> extends CursorModel<T> {
-    state: SelectionState<T>;
-    events: SelectionEvents<T>;
-    selection: SelectionManager;
-}
-export declare const selectionEventMap: {
-    guards: {
-        /** Should a cursor position be set? Use only in advance use-cases */
-        shouldSelect: "select";
-        shouldGoTo: "goTo";
-        shouldRegisterItem: "registerItem";
-        shouldUnregisterItem: "unregisterItem";
-        shouldUpdateItemPosition: "updateItemPosition";
-    };
-    callbacks: {
-        /**
-         * Called when a cursor position has been changed. Useful to set state or perform side effects.
-         * This is called during state change batching, so calling state setters will not invoke extra
-         * renders.
-         */
-        onSelect: "select";
-        onGoTo: "goTo";
-        onRegisterItem: "registerItem";
-        onUnregisterItem: "unregisterItem";
-        onUpdateItemPosition: "updateItemPosition";
-    };
-};
-/**
- * A SelectionManager is used
- */
-export interface SelectionManager {
-    select(id: string, prevState: Pick<SelectionState, 'selectedIds' | 'unselectedIds'>): Pick<SelectionState, 'selectedIds' | 'unselectedIds'>;
-}
-export declare const isSelected: (id: string, { selectedIds, unselectedIds }: Pick<SelectionState, 'selectedIds' | 'unselectedIds'>) => boolean;
-export declare const singleSelectionManager: SelectionManager;
-export declare const multiSelectionManager: SelectionManager;
-export declare type BaseSelectionModelConfig<T> = BaseCursorModelConfig<T> & {
-    initialSelectedIds?: string[];
-    initialUnselectedIds?: string[];
-    selection?: SelectionManager;
-};
-export declare type SelectionModelConfig<T> = BaseSelectionModelConfig<T> & Partial<ToModelConfig<SelectionState<T>, SelectionEvents<T>, typeof selectionEventMap>>;
-export declare const useSelectionModel: <T extends unknown>(config?: SelectionModelConfig<T>) => SelectionModel<T>;
-//# sourceMappingURL=useSelectionModel.d.ts.map