@workday/canvas-kit-react 6.0.0-alpha.0-next.30 → 6.0.0-alpha.0-next.36

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

@@ -0,0 +1,35 @@
+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/es6/tabs/lib/overflow/index.d.ts

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

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

@@ -0,0 +1,8 @@
+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/es6/tabs/lib/overflow/useOverflowMeasureItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="@emotion/core" />
+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/es6/tabs/lib/overflow/useOverflowModel.d.ts

@@ -0,0 +1,69 @@
+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/es6/tabs/lib/overflow/useOverflowTarget.d.ts

@@ -0,0 +1,11 @@
+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/es6/tabs/lib/selection/index.d.ts

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

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

@@ -0,0 +1,13 @@
+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<Element>): void;
+    onFocus(): void;
+    onBlur(): void;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+//# sourceMappingURL=useResetCursorOnBlur.d.ts.map

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

@@ -0,0 +1,8 @@
+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, MouseEvent>) => void;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+//# sourceMappingURL=useSelectionItem.d.ts.map

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

@@ -0,0 +1,62 @@
+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<unknown>, "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

package/ts3.5/dist/es6/tabs/lib/useTabsModel.d.ts

@@ -1,70 +1,70 @@
-import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
-import { CursorState, CursorEvents, BaseCursorModelConfig, Orientation } from './cursor/useCursorModel';
-import { Item, ListEvents, ListState } from './list/useListModel';
-export declare type TabsState = CursorState & {
-    /**
-     * The name of the active tab provided to the `Tabs.Item` component. If no name is provided, it
-     * will be a string of the index position.
-     */
-    activeTab: string;
+import { ToModelConfig } from '@workday/canvas-kit-react/common';
+import { Orientation } from './cursor';
+import { ListEvents, ListState } from './list';
+import { MenuModel, MenuModelConfig } from './menu';
+import { OverflowEvents, OverflowState, BaseOverflowModelConfig, OverflowModel } from './overflow';
+export declare type TabsState<T> = OverflowState<T> & {
+    /** IDREF of the list. Children ids can be derived from this id */
+    id: string;
     /**
      * A list of panels. Uses `ListModel`
      */
-    panels: Item[];
+    panels: T[];
     /**
      * A React.Ref of the current item index. A ref is used to allow for updating outside the normal
      * React state cycle to ensure accurate index tracking as items are registered within the same
      * state setting phase.
      */
-    panelIndexRef: ListState['indexRef'];
+    panelIndexRef: ListState<T>['indexRef'];
+    orientation: Orientation;
+    getId: (item: T) => string;
 };
-export declare type TabsEvents = CursorEvents & {
-    /**
-     * This event will set the `activeTab` in the state. Called when a user activates a tab
-     */
-    activate(data: {
-        /**
-         * The name of the tab provided to the `Tabs.Item` component. If no name is provided, it will
-         * be a string of the index position
-         */
-        tab: string;
-    }): void;
+export declare type TabsEvents<T = unknown> = OverflowEvents<T> & {
     /**
      * This event registers panels with state.panels. Called when a panel is mounted.
      */
-    registerPanel: ListEvents['registerItem'];
+    registerPanel: ListEvents<T>['registerItem'];
     /**
      * This event unregisters panels with state.panels. Called when a panel is unmounted.
      */
-    unregisterPanel: ListEvents['unregisterItem'];
+    unregisterPanel: ListEvents<T>['unregisterItem'];
 };
-export declare type TabsModel = Model<TabsState, TabsEvents>;
+export interface TabsModel<T = unknown> extends OverflowModel<T> {
+    state: TabsState<T>;
+    events: TabsEvents<T>;
+    menu: MenuModel<T>;
+}
 export declare const tabEventMap: {
     guards: {
-        /**
-         * Should the tab activate? Can prevent the tab from activating. Use this only for advanced
-         * use-cases.
+        shouldSetContainerWidth: "setContainerWidth";
+        shouldSetOverflowTargetWidth: "setOverflowTargetWidth";
+        shouldAddItemWidth: "addItemWidth";
+        shouldRemoveItemWidth: "removeItemWidth";
+        shouldAddHiddenKey: "addHiddenKey";
+        shouldRemoveHiddenKey: "removeHiddenKey";
+        shouldSelect: "select"; /**
+         * This event unregisters panels with state.panels. Called when a panel is unmounted.
          */
-        shouldActivate: "activate";
         shouldGoTo: "goTo";
         shouldRegisterItem: "registerItem";
         shouldUnregisterItem: "unregisterItem";
         shouldUpdateItemPosition: "updateItemPosition";
     };
     callbacks: {
-        /**
-         * This callback will fire whenever a tab is activated. The data will contain the tab's named
-         * passed to the `Tabs.Item` component. If no name was passed, it will be the index of the tab
-         * as a string.
-         */
-        onActivate: "activate";
+        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 BaseTabsModelConfig = Pick<BaseCursorModelConfig, Exclude<keyof BaseCursorModelConfig, 'orientation'>> & {
+export declare type BaseTabsModelConfig<T> = Pick<BaseOverflowModelConfig<T>, Exclude<keyof BaseOverflowModelConfig<T>, 'orientation'>> & {
     /**
      * Optional id for the whole `Tabs` group. The `aria-controls` of the `Tab.Item` and `id` of the
      * `Tab.Panel` will automatically derived from this id. If not provided, a unique id will be
@@ -83,7 +83,8 @@ export declare type BaseTabsModelConfig = Pick<BaseCursorModelConfig, Exclude<ke
      * @default 'horizontal'
      */
     orientation?: Orientation;
+    menuConfig?: MenuModelConfig<T>;
 };
-export declare type TabsModelConfig = BaseTabsModelConfig & Partial<ToModelConfig<TabsState, TabsEvents, typeof tabEventMap>>;
-export declare const useTabsModel: (config?: TabsModelConfig) => Model<TabsState, TabsEvents>;
+export declare type TabsModelConfig<T> = BaseTabsModelConfig<T> & Partial<ToModelConfig<TabsState<T>, TabsEvents<T>, typeof tabEventMap>>;
+export declare const useTabsModel: <T extends unknown>(config?: TabsModelConfig<T>) => TabsModel<T>;
 //# sourceMappingURL=useTabsModel.d.ts.map

package/ts3.5/dist/es6/tooltip/lib/OverflowTooltip.d.ts

@@ -1,5 +1,15 @@
 import * as React from 'react';
 import { Placement } from '@workday/canvas-kit-react/popup';
+/**
+ * Look for an element within the tree for an overflow element (auto, scroll, clip, or hidden).
+ * This could be the passed element, or a descendant. If no element is found, `null` is returned.
+ */
+export declare const findOverflowElement: (element: Element) => Element | null;
+/**
+ * Look for an element within the tree for a `text-overflow` CSS property of `ellipsis`.
+ * This could be the passed element, or a descendant. If no element is found, `null` is returned.
+ */
+export declare const findEllipsisElement: (element: Element) => Element | null;
 export interface OverflowTooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * The target (anchor element) for the Tooltip.

package/ts3.5/dist/es6/tooltip/lib/Tooltip.d.ts

@@ -37,6 +37,14 @@ export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
      * @default 'label'
      */
     type?: 'label' | 'describe' | 'muted';
+    /**
+     * Amount of time (in ms) to delay before showing the tooltip
+     */
+    showDelay?: number;
+    /**
+     * Amount of time (in ms) to delay before hiding the tooltip
+     */
+    hideDelay?: number;
 }
-export declare const Tooltip: ({ type, placement, title, children, ...elemProps }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ type, placement, title, children, showDelay, hideDelay, ...elemProps }: TooltipProps) => JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/ts3.5/dist/es6/tooltip/lib/useTooltip.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
  * Convenience hook for creating components with tooltips. It will return an object of properties to mix
  * into a target, popper and tooltip
  */
-export declare function useTooltip<T extends Element = Element>({ type, titleText, }?: {
+export declare function useTooltip<T extends Element = Element>({ type, titleText, showDelay, hideDelay, }?: {
     /**
      * Determines the tooltip type for accessibility.
      *
@@ -25,6 +25,14 @@ export declare function useTooltip<T extends Element = Element>({ type, titleTex
      * The content of the `aria-label` if `type` is `label.
      */
     titleText?: string;
+    /**
+     * Amount of time (in ms) to delay before showing the tooltip
+     */
+    showDelay?: number;
+    /**
+     * Amount of time (in ms) to delay before hiding the tooltip
+     */
+    hideDelay?: number;
 }): {
     /** Mix these properties into the target element. **Must be an Element** */
     targetProps: {
@@ -33,7 +41,7 @@ export declare function useTooltip<T extends Element = Element>({ type, titleTex
         onMouseEnter: (event: React.SyntheticEvent<Element, Event>) => void;
         onMouseLeave: () => void;
         onMouseDown: (event: React.MouseEvent<Element, MouseEvent>) => void;
-        onFocus: (event: React.FocusEvent<Element>) => void;
+        onFocus: (event: React.FocusEvent<Element, Element>) => void;
         onBlur: () => void;
     };
     /** Mix these properties into the `Popper` component */

package/dist/commonjs/tabs/lib/Tab.d.ts

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { TabsModel } from './useTabsModel';
-export interface TabProps {
-    /**
-     * Optionally pass index to tab item. This should be done if `Tabs.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 Tab.
-     */
-    children: React.ReactNode;
-    /**
-     * The name of the tab. This name will be used in change events and for `initialTab`. Must match
-     * the `name` of the associated tab panel. 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?: TabsModel;
-    /**
-     * Optional id. If not set, it will inherit the ID passed to the `Tabs` component and append the
-     * index at the end. Only set this for advanced cases.
-     */
-    id?: string;
-    /**
-     * Part of the ARIA specification for tabs. This attributes links a `role=tab` to a
-     * `role=tabpanel`. This value must be the same as the associated `id` attribute of the tab panel.
-     * This is automatically set by the component and should only be used in advanced cases.
-     */
-    'aria-controls'?: string;
-    /**
-     * Part of the ARIA specification for tabs. Lets screen readers know which tab is active. This
-     * should either be `true` or `undefined` and never `false`. This is automatically set by the
-     * component and should only be used in advanced cases.
-     */
-    'aria-selected'?: boolean;
-    /**
-     * Part of the ARIA specification for tabs. The currently active tab should not have a `tabIndex` set while
-     * all inactive tabs should have a `tabIndex={-1}`
-     */
-    tabIndex?: number;
-}
-export declare const Tab: import("../../common").ElementComponent<"button", TabProps>;
-//# sourceMappingURL=Tab.d.ts.map

package/dist/commonjs/tabs/lib/Tab.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,MAAM,WAAW,QAAQ;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAmGD,eAAO,MAAM,GAAG,6DAad,CAAC"}

package/dist/commonjs/tabs/lib/Tab.js

@@ -1,101 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
-var Tabs_1 = require("./Tabs");
-var list_1 = require("./list");
-var cursor_1 = require("./cursor");
-var StyledButton = common_1.styled('button')(__assign(__assign(__assign(__assign({}, tokens_1.type.levels.subtext.large), { fontWeight: tokens_1.type.properties.fontWeights.medium, border: 'none', backgroundColor: 'transparent', flex: '0 0 auto', maxWidth: '280px', padding: tokens_1.space.s, boxSizing: 'border-box', cursor: 'pointer', color: tokens_1.colors.licorice300, position: 'relative', marginLeft: "" + tokens_1.space.xxxs, borderRadius: tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0px 0px", transition: 'background 150ms ease, color 150ms ease', '&:first-of-type': {
-        marginLeft: 0,
-    } }), common_1.hideMouseFocus), { '&:hover, &:focus': {
-        backgroundColor: tokens_1.colors.soap200,
-        color: tokens_1.colors.blackPepper400,
-    }, '&:focus': __assign({ outline: "none" }, common_1.focusRing({ inset: 'outer', width: 0, separation: 2 })), '&:disabled': {
-        color: tokens_1.colors.licorice100,
-        '&:hover': {
-            cursor: 'auto',
-            backgroundColor: "transparent",
-        },
-    } }), function (_a) {
-    var isSelected = _a.isSelected;
-    if (isSelected) {
-        return {
-            color: tokens_1.colors.blueberry400,
-            cursor: 'default',
-            '&:after': {
-                position: 'absolute',
-                height: tokens_1.space.xxxs,
-                borderRadius: tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0px 0px",
-                backgroundColor: tokens_1.colors.blueberry400,
-                bottom: 0,
-                content: "''",
-                left: 0,
-                marginTop: '-2px',
-                width: '100%',
-            },
-            '&:hover, &:focus': {
-                backgroundColor: "transparent",
-                color: tokens_1.colors.blueberry400,
-            },
-        };
-    }
-    return {};
-});
-var useTab = function (model, elemProps, ref) {
-    if (elemProps === void 0) { elemProps = {}; }
-    var _a = common_1.useLocalRef(ref), localRef = _a.localRef, elementRef = _a.elementRef;
-    var name = list_1.useRegisterItem(model, localRef, elemProps.name, elemProps.index);
-    var state = model.state, events = model.events;
-    var onSelect = function () {
-        events.activate({ tab: name });
-    };
-    var isSelected = !!name && state.activeTab === name;
-    return common_1.mergeProps({
-        id: "tab-" + state.id + "-" + name,
-        tabIndex: !!name && state.cursorId === name ? undefined : -1,
-        'aria-selected': isSelected,
-        'aria-controls': "tabpanel-" + state.id + "-" + name,
-        onClick: onSelect,
-        isSelected: isSelected,
-        ref: elementRef,
-    }, cursor_1.useRovingFocusItem(model, elemProps));
-};
-exports.Tab = common_1.createComponent('button')({
-    displayName: 'Tabs.Item',
-    Component: function (_a, ref, Element) {
-        var model = _a.model, children = _a.children, elemProps = __rest(_a, ["model", "children"]);
-        var localModel = common_1.useModelContext(Tabs_1.TabsModelContext, model);
-        var props = useTab(localModel, elemProps, ref);
-        return (React.createElement(StyledButton, __assign({ type: "button", role: "tab", as: Element }, props), children));
-    },
-});

package/dist/commonjs/tabs/lib/TabList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAcD,eAAO,MAAM,OAAO,8DAkBlB,CAAC"}

package/dist/commonjs/tabs/lib/TabPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabPanel.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAUD,eAAO,MAAM,QAAQ,+DAiCnB,CAAC"}

package/dist/commonjs/tabs/lib/TabPanel.js

@@ -1,56 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/** @jsx jsx */
-var react_1 = __importDefault(require("react"));
-var core_1 = require("@emotion/core");
-var common_1 = require("@workday/canvas-kit-react/common");
-var Tabs_1 = require("./Tabs");
-var styles = core_1.css(common_1.mouseFocusBehavior({
-    '&:focus': {
-        outline: 'none',
-    },
-}));
-exports.TabPanel = common_1.createComponent('div')({
-    displayName: 'Tabs.Panel',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, _b = _a.name, name = _b === void 0 ? '' : _b, model = _a.model, elemProps = __rest(_a, ["children", "name", "model"]);
-        var _c = common_1.useModelContext(Tabs_1.TabsModelContext, model), state = _c.state, events = _c.events;
-        var _d = react_1.default.useState(name), tabName = _d[0], setTabName = _d[1];
-        var _e = common_1.useLocalRef(ref), localRef = _e.localRef, elementRef = _e.elementRef;
-        common_1.useMountLayout(function () {
-            var index = state.panelIndexRef.current;
-            var tabName = name || String(index);
-            events.registerPanel({ item: { id: tabName, ref: localRef } });
-            setTabName(tabName);
-            return function () {
-                events.unregisterPanel({ id: tabName });
-            };
-        });
-        return (core_1.jsx(Element, __assign({ ref: elementRef, role: "tabpanel", css: styles, "aria-labelledby": "tab-" + state.id + "-" + tabName, hidden: !!tabName && tabName !== state.activeTab, id: "tabpanel-" + state.id + "-" + tabName, tabIndex: 0 }, elemProps), children));
-    },
-});