@workday/canvas-kit-react 7.0.0-alpha.0-next.5 → 7.0.0-alpha.100-next.25

package/dist/commonjs/tabs/lib/menu/MenuPopper.js

@@ -1,58 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuPopper = exports.MenuPopper = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var Menu_1 = require("./Menu");
-exports.MenuPopper = common_1.createComponent('div')({
-    displayName: 'Menu.Popper',
-    Component: function (_a, ref) {
-        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        var localModel = common_1.useModelContext(Menu_1.MenuModelContext, model);
-        var props = exports.useMenuPopper(localModel, elemProps, ref);
-        return (React.createElement(popup_1.Popper, __assign({ placement: "bottom-start" }, props), children));
-    },
-});
-exports.useMenuPopper = popup_1.usePopupPopper;

package/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/dist/commonjs/tabs/lib/menu/MenuTarget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuTarget.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/menu/MenuTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,OAAO;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,4KASrB,CAAC;AAEH,eAAO,MAAM,aAAa;;OAiBzB,CAAC"}

package/dist/commonjs/tabs/lib/menu/MenuTarget.js

@@ -1,73 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuTarget = exports.MenuTarget = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var button_1 = require("@workday/canvas-kit-react/button");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var Menu_1 = require("./Menu");
-exports.MenuTarget = common_1.createComponent(button_1.SecondaryButton)({
-    displayName: 'Menu.Target',
-    Component: function (_a, ref, Element) {
-        var children = _a.children, model = _a.model, elemProps = __rest(_a, ["children", "model"]);
-        var localModel = common_1.useModelContext(Menu_1.MenuModelContext, model);
-        var props = exports.useMenuTarget(localModel, elemProps, ref);
-        return React.createElement(Element, __assign({}, props), children);
-    },
-});
-exports.useMenuTarget = common_1.composeHooks(common_1.createHook(function (model) {
-    return {
-        id: model.state.id,
-        onKeyDown: function (event) {
-            // eslint-disable-next-line default-case
-            switch (event.key) {
-                case 'Down':
-                case 'ArrowDown': // IE11
-                case 'Up':
-                case 'ArrowUp': // IE11
-                    model.events.show({ event: event });
-            }
-        },
-    };
-}), popup_1.usePopupTarget);

package/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/dist/commonjs/tabs/lib/menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAC,WAAW,EAAC,MAAM,YAAY,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,YAAY,CAAC;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,YAAY,CAAC;AACvC,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAC"}

package/dist/commonjs/tabs/lib/menu/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuTarget = exports.useMenuPopper = exports.useMenuList = exports.useMenuItem = exports.useMenuCard = exports.Menu = void 0;
-__exportStar(require("./useMenuModel"), exports);
-var Menu_1 = require("./Menu");
-Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
-var MenuCard_1 = require("./MenuCard");
-Object.defineProperty(exports, "useMenuCard", { enumerable: true, get: function () { return MenuCard_1.useMenuCard; } });
-var MenuItem_1 = require("./MenuItem");
-Object.defineProperty(exports, "useMenuItem", { enumerable: true, get: function () { return MenuItem_1.useMenuItem; } });
-var MenuList_1 = require("./MenuList");
-Object.defineProperty(exports, "useMenuList", { enumerable: true, get: function () { return MenuList_1.useMenuList; } });
-var MenuPopper_1 = require("./MenuPopper");
-Object.defineProperty(exports, "useMenuPopper", { enumerable: true, get: function () { return MenuPopper_1.useMenuPopper; } });
-var MenuTarget_1 = require("./MenuTarget");
-Object.defineProperty(exports, "useMenuTarget", { enumerable: true, get: function () { return MenuTarget_1.useMenuTarget; } });

package/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/dist/commonjs/tabs/lib/menu/useMenuModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuModel.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/menu/useMenuModel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,EAAE,aAAa,EAAc,MAAM,kCAAkC,CAAC;AACnG,OAAO,EACL,oBAAoB,EAEpB,WAAW,EAEX,UAAU,EAOX,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAClC,OAAO,EACL,cAAc,EACd,eAAe,EAIf,wBAAwB,EACzB,MAAM,cAAc,CAAC;AAEtB,oBAAY,SAAS,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,EAAE,CAAC;AAEzE,oBAAY,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG,WAAW,GAAG,EAAE,CAAC;AAE5E,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAChF,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;CASvB,CAAC;AAEH,oBAAY,mBAAmB,CAAC,CAAC,IAAI,wBAAwB,CAAC,CAAC,CAAC,GAAG,oBAAoB,GAAG,EAAE,CAAC;AAE7F,oBAAY,eAAe,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,GACrD,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,YAAY,CAAC,CAAC,CAAC;AAE3E,eAAO,MAAM,YAAY,kEAkBxB,CAAC"}

package/dist/commonjs/tabs/lib/menu/useMenuModel.js

@@ -1,35 +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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMenuModel = exports.menuEventMap = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var popup_1 = require("@workday/canvas-kit-react/popup");
-var selection_1 = require("../selection");
-exports.menuEventMap = common_1.createEventMap()({
-    guards: __assign(__assign({}, selection_1.selectionEventMap.guards), popup_1.popupEventMap.guards),
-    callbacks: __assign(__assign({}, selection_1.selectionEventMap.callbacks), popup_1.popupEventMap.callbacks),
-});
-var useMenuModel = function (config) {
-    if (config === void 0) { config = {}; }
-    var popup = popup_1.usePopupModel(config);
-    var selection = selection_1.useSelectionModel(config);
-    popup_1.useAlwaysCloseOnOutsideClick(popup);
-    popup_1.useCloseOnEscape(popup);
-    popup_1.useInitialFocus(popup);
-    popup_1.useReturnFocus(popup);
-    popup_1.useFocusRedirect(popup);
-    var state = __assign(__assign({}, selection.state), popup.state);
-    var events = common_1.useEventMap(exports.menuEventMap, state, config, __assign(__assign({}, selection.events), popup.events));
-    return { state: state, events: events, getId: selection.getId };
-};
-exports.useMenuModel = useMenuModel;

package/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/dist/commonjs/tabs/lib/overflow/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/overflow/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC"}

package/dist/commonjs/tabs/lib/overflow/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useOverflowModel"), exports);
-__exportStar(require("./useOverflowMeasureItem"), exports);
-__exportStar(require("./useOverflowMeasureContainer"), exports);
-__exportStar(require("./useOverflowTarget"), exports);

package/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/dist/commonjs/tabs/lib/overflow/useOverflowMeasureContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverflowMeasureContainer.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/overflow/useOverflowMeasureContainer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAEjD,eAAO,MAAM,2BAA2B;;;;OAavC,CAAC"}

package/dist/commonjs/tabs/lib/overflow/useOverflowMeasureContainer.js

@@ -1,35 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOverflowMeasureContainer = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-exports.useOverflowMeasureContainer = common_1.createHook(function (model, ref) {
-    var localRef = React.useRef(null);
-    var resizeRef = common_1.useResizeObserver({
-        ref: localRef,
-        onResize: model.events.setContainerWidth,
-    }).ref;
-    var elementRef = common_1.useForkRef(ref, resizeRef);
-    return {
-        ref: elementRef,
-    };
-});

package/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/dist/commonjs/tabs/lib/overflow/useOverflowMeasureItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverflowMeasureItem.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/overflow/useOverflowMeasureItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAOjD,eAAO,MAAM,sBAAsB;;;;;;OA8BlC,CAAC"}

package/dist/commonjs/tabs/lib/overflow/useOverflowMeasureItem.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOverflowMeasureItem = void 0;
-var common_1 = require("@workday/canvas-kit-react/common");
-var hiddenStyles = {
-    position: 'absolute',
-    left: -99999,
-};
-exports.useOverflowMeasureItem = common_1.createHook(function (model, ref, elemProps) {
-    if (elemProps === void 0) { elemProps = {}; }
-    var _a = common_1.useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
-    var name = elemProps.name || '';
-    common_1.useMountLayout(function () {
-        if (localRef.current) {
-            var styles = getComputedStyle(localRef.current);
-            model.events.addItemWidth({
-                id: name,
-                width: localRef.current.offsetWidth +
-                    parseFloat(styles.marginLeft) +
-                    parseFloat(styles.marginRight),
-            });
-        }
-        return function () {
-            model.events.removeItemWidth({ id: name });
-        };
-    });
-    var hidden = model.state.hiddenIds.includes(name);
-    return {
-        ref: elementRef,
-        'aria-hidden': hidden || undefined,
-        style: hidden ? hiddenStyles : {},
-    };
-});

package/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/dist/commonjs/tabs/lib/overflow/useOverflowModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverflowModel.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/overflow/useOverflowModel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,aAAa,EAAc,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EACL,cAAc,EACd,eAAe,EACf,wBAAwB,EAGxB,iBAAiB,EACjB,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB,oBAAY,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,CAAC,CAAC,CAAC,GAAG;IAC3D,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,SAAS,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,oBAAY,cAAc,CAAC,CAAC,GAAG,OAAO,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IAC7D,iBAAiB,CAAC,IAAI,EAAE;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;IAChD,sBAAsB,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;IACpD,YAAY,CAAC,IAAI,EAAE;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;IACtD,eAAe,CAAC,IAAI,EAAE;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;IAC1C,YAAY,CAAC,IAAI,EAAE;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;IACvC,eAAe,CAAC,IAAI,EAAE;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,cAAc,CAAC,CAAC,CAAC;IACnE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC;AAEH,oBAAY,uBAAuB,CAAC,CAAC,IAAI,wBAAwB,CAAC,CAAC,CAAC,GAAG;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,oBAAY,mBAAmB,CAAC,CAAC,IAAI,uBAAuB,CAAC,CAAC,CAAC,GAC7D,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,iBAAiB,CAAC,CAAC,CAAC;AAExF,wBAAgB,YAAY,CAC1B,cAAc,EAAE,MAAM,EACtB,mBAAmB,EAAE,MAAM,EAC3B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACtC,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,GAC5B,MAAM,EAAE,CAwCV;AAED,eAAO,MAAM,gBAAgB,0EAgG5B,CAAC"}

package/dist/commonjs/tabs/lib/overflow/useOverflowModel.js

@@ -1,128 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOverflowModel = exports.getHiddenIds = exports.overflowEventMap = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var selection_1 = require("../selection");
-exports.overflowEventMap = common_1.createEventMap()({
-    guards: __assign(__assign({}, selection_1.selectionEventMap.guards), { shouldSetContainerWidth: 'setContainerWidth', shouldSetOverflowTargetWidth: 'setOverflowTargetWidth', shouldAddItemWidth: 'addItemWidth', shouldRemoveItemWidth: 'removeItemWidth', shouldAddHiddenKey: 'addHiddenKey', shouldRemoveHiddenKey: 'removeHiddenKey' }),
-    callbacks: __assign(__assign({}, selection_1.selectionEventMap.callbacks), { onSetContainerWidth: 'setContainerWidth', onSetOverflowTargetWidth: 'setOverflowTargetWidth', onAddItemWidth: 'addItemWidth', onRemoveItemWidth: 'removeItemWidth', onAddHiddenKey: 'addHiddenKey', onRemoveHiddenKey: 'removeHiddenKey' }),
-});
-function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selectedIds) {
-    /** Allows us to prioritize showing the selected item */
-    var selectedKey;
-    /** Tally of combined item widths. We'll add items that fit until the container is full */
-    var itemWidth = 0;
-    /** Tally ids that won't fit inside the container. These will be used by components to hide
-     * elements that won't fit in the container */
-    var hiddenIds = [];
-    if (selectedIds !== 'all' && selectedIds.length) {
-        selectedKey = selectedIds[0];
-    }
-    if (Object.keys(itemWidthCache).reduce(function (sum, key) { return sum + itemWidthCache[key]; }, 0) <= containerWidth) {
-        // All items fit, return empty array
-        return [];
-    }
-    else if (selectedKey) {
-        if (itemWidthCache[selectedKey] + overflowTargetWidth > containerWidth) {
-            // If the selected item doesn't fit, only show overflow (all items hidden)
-            return Object.keys(itemWidthCache);
-        }
-        else {
-            // at least the selected item and overflow target fit. Update our itemWidth with the sum
-            itemWidth += itemWidthCache[selectedKey] + overflowTargetWidth;
-        }
-    }
-    else {
-        itemWidth += overflowTargetWidth;
-    }
-    for (var key in itemWidthCache) {
-        if (key !== selectedKey) {
-            itemWidth += itemWidthCache[key];
-            if (itemWidth > containerWidth) {
-                hiddenIds.push(key);
-            }
-        }
-    }
-    return hiddenIds;
-}
-exports.getHiddenIds = getHiddenIds;
-var useOverflowModel = function (config) {
-    if (config === void 0) { config = {}; }
-    var _a = react_1.default.useState(config.initialHiddenIds || []), hiddenIds = _a[0], setHiddenIds = _a[1];
-    var _b = react_1.default.useState({}), itemWidthCache = _b[0], setItemWidthCache = _b[1];
-    var _c = react_1.default.useState(0), containerWidth = _c[0], setContainerWidth = _c[1];
-    var containerWidthRef = react_1.default.useRef(0);
-    var itemWidthCacheRef = react_1.default.useRef(itemWidthCache);
-    var _d = react_1.default.useState(0), overflowTargetWidth = _d[0], setOverflowTargetWidth = _d[1];
-    var overflowTargetWidthRef = react_1.default.useRef(0);
-    // Cursors skip over disabled ids, but know nothing of hidden ids. We'll go ahead and disable
-    // hidden ids as well
-    var nonInteractiveIds = (config.nonInteractiveIds || []).concat(hiddenIds);
-    var model = selection_1.useSelectionModel(__assign(__assign({}, config), { nonInteractiveIds: nonInteractiveIds }));
-    var state = __assign(__assign({}, model.state), { hiddenIds: hiddenIds,
-        itemWidthCache: itemWidthCache,
-        containerWidth: containerWidth,
-        overflowTargetWidth: overflowTargetWidth });
-    var events = common_1.useEventMap(exports.overflowEventMap, state, config, __assign(__assign({}, model.events), { select: function (data) {
-            var selectedIds = model.selection.select(data.id, state).selectedIds;
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, selectedIds);
-            model.events.select(data);
-            setHiddenIds(ids);
-        },
-        setContainerWidth: function (_a) {
-            var width = _a.width;
-            containerWidthRef.current = width || 0;
-            setContainerWidth(width || 0);
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds);
-            setHiddenIds(ids);
-        },
-        setOverflowTargetWidth: function (_a) {
-            var width = _a.width;
-            overflowTargetWidthRef.current = width;
-            setOverflowTargetWidth(width);
-        },
-        addItemWidth: function (_a) {
-            var _b;
-            var id = _a.id, width = _a.width;
-            itemWidthCacheRef.current = __assign(__assign({}, itemWidthCacheRef.current), (_b = {}, _b[id] = width, _b));
-            setItemWidthCache(itemWidthCacheRef.current);
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds);
-            setHiddenIds(ids);
-        },
-        removeItemWidth: function (_a) {
-            var id = _a.id;
-            var newCache = __assign({}, itemWidthCacheRef.current);
-            delete newCache[id];
-            itemWidthCacheRef.current = newCache;
-            setItemWidthCache(itemWidthCacheRef.current);
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
-                ? state.selectedIds.filter(function (sId) { return id !== sId; })
-                : state.selectedIds);
-            setHiddenIds(ids);
-        },
-        addHiddenKey: function (_a) {
-            var id = _a.id;
-            setHiddenIds(function (ids) { return ids.concat(id); });
-        },
-        removeHiddenKey: function (_a) {
-            var id = _a.id;
-            setHiddenIds(function (ids) { return ids.filter(function (key) { return key !== id; }); });
-        } }));
-    return { state: state, events: events, selection: model.selection, getId: model.getId };
-};
-exports.useOverflowModel = useOverflowModel;

package/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/dist/commonjs/tabs/lib/overflow/useOverflowTarget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverflowTarget.d.ts","sourceRoot":"","sources":["../../../../../tabs/lib/overflow/useOverflowTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAQjD,eAAO,MAAM,iBAAiB;;;;;;;OA6B7B,CAAC"}