@workday/canvas-kit-preview-react 8.0.0-alpha.235-next.6 → 8.0.0-alpha.237-next.8

package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3B,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControl.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SegmentedControl = void 0;
+var react_1 = __importDefault(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
+var SegmentedControlList_1 = require("./SegmentedControlList");
+var SegmentedControlItem_1 = require("./SegmentedControlItem");
+exports.SegmentedControl = common_1.createContainer()({
+    displayName: 'SegmentedControl',
+    modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
+    subComponents: {
+        List: SegmentedControlList_1.SegmentedControlList,
+        Item: SegmentedControlItem_1.SegmentedControlItem,
+    },
+})(function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+});

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts

@@ -0,0 +1,126 @@
+import * as React from 'react';
+import { TooltipProps } from '@workday/canvas-kit-react/tooltip';
+import { ButtonContainerProps } from '@workday/canvas-kit-react/button';
+import { CanvasSystemIcon } from '@workday/design-assets-types';
+export interface ItemProps extends ButtonContainerProps {
+    /**
+     * Optionally pass index to the item. This should be done if `SegmentedControl.Item` components were created
+     * via a `[Array::map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)` function. This index will ensure keyboard navigation works even if items are
+     * inserted out of order.
+     */
+    index?: number;
+    /**
+     * The contents of the item. This is text used as the accessible name of the button for screen readers.
+     */
+    children?: React.ReactNode;
+    /**
+     * The identifier of the item. This identifier will be used in change events and for `initialTab`.
+     * If this property is not provided, it will default to a string representation
+     * of the the zero-based index of the item when it was initialized.
+     */
+    'data-id'?: string;
+    /**
+     * Optional id. If not set, it will inherit the ID passed to the `SegmentedControl` component and append the
+     * index at the end. Only set this for advanced cases.
+     */
+    id?: string;
+    /**
+     * Part of the ARIA specification for buttons. Lets screen readers know which button is active. This
+     * should either be `true` or `false`. This is automatically set by the
+     * component and should only be used in advanced cases.
+     */
+    'aria-pressed'?: boolean;
+    /**
+     * The icon of the button.
+     */
+    icon?: CanvasSystemIcon;
+    /**
+     * Tooltip Props
+     */
+    tooltipProps?: Omit<TooltipProps, 'children'>;
+}
+export declare const SegmentedControlItem: import("@workday/canvas-kit-react/common").ElementComponentM<"button", ItemProps, {
+    state: {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        nonInteractiveIds: never[];
+        hiddenIds: never[];
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        overflowTargetWidth: number;
+        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
+            totalSize: number; /**
+             * Optional id. If not set, it will inherit the ID passed to the `SegmentedControl` component and append the
+             * index at the end. Only set this for advanced cases.
+             */
+            scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        select(data: {
+            id: string;
+        }): void;
+        setContainerWidth(data: {
+            width?: number | undefined;
+        }): 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;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}>;
+//# sourceMappingURL=SegmentedControlItem.d.ts.map

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAEL,oBAAoB,EAIrB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AA0FD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;+BA7G/B;;;eAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIH,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js

@@ -0,0 +1,130 @@
+"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.SegmentedControlItem = void 0;
+var React = __importStar(require("react"));
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var common_1 = require("@workday/canvas-kit-react/common");
+var tooltip_1 = require("@workday/canvas-kit-react/tooltip");
+var button_1 = require("@workday/canvas-kit-react/button");
+var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
+var text_1 = require("@workday/canvas-kit-react/text");
+var useSegmentedControlItem_1 = require("./hooks/useSegmentedControlItem");
+var getButtonSize = function (size) {
+    switch (size) {
+        case 'large':
+            return 'medium';
+        case 'medium':
+            return 'small';
+        case 'small':
+            return 'extraSmall';
+        default:
+            return 'medium';
+    }
+};
+var getIconButtonColors = function (toggled) {
+    return {
+        default: {
+            background: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.soap200,
+            border: toggled ? tokens_1.colors.licorice200 : 'transparent',
+            icon: toggled ? tokens_1.colors.blackPepper400 : tokens_1.colors.licorice400,
+            label: toggled ? tokens_1.colors.blackPepper400 : tokens_1.colors.licorice400,
+        },
+        hover: {
+            background: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.soap400,
+            icon: tokens_1.colors.licorice400,
+            label: tokens_1.colors.licorice400,
+        },
+        active: {
+            background: toggled ? tokens_1.colors.frenchVanilla100 : tokens_1.colors.soap400,
+            icon: tokens_1.colors.licorice400,
+            label: tokens_1.colors.licorice400,
+        },
+        focus: {},
+        disabled: {
+            background: tokens_1.colors.soap200,
+            opacity: '1',
+        },
+    };
+};
+var getPaddingStyles = function (children, size, icon) {
+    if (!children) {
+        return 0;
+    }
+    switch (size) {
+        case 'large':
+            return icon ? "0 " + tokens_1.space.m + " 0 20px" : "0 " + tokens_1.space.m;
+        case 'medium':
+            return icon ? "0 20px 0 " + tokens_1.space.s : "0 " + tokens_1.space.s;
+        case 'small':
+            return icon ? "0 " + tokens_1.space.xs + " 0 " + tokens_1.space.xxs : "0 " + tokens_1.space.xs;
+        default:
+            return icon ? "0 20px 0 " + tokens_1.space.s : "0 " + tokens_1.space.s;
+    }
+};
+var geButtonStyles = function (size, children, icon) {
+    var buttonSize = getButtonSize(size);
+    var minWidthValue = button_1.getMinWidthStyles(children, children ? size : buttonSize);
+    return {
+        height: button_1.getMinWidthStyles(false, buttonSize),
+        minWidth: minWidthValue,
+        padding: getPaddingStyles(children, size, icon),
+    };
+};
+var Container = function (_a) {
+    var tooltipProps = _a.tooltipProps, children = _a.children;
+    return tooltipProps ? (React.createElement(tooltip_1.Tooltip, __assign({}, tooltipProps), children)) : (React.createElement(React.Fragment, null, children));
+};
+exports.SegmentedControlItem = common_1.createSubcomponent('button')({
+    displayName: 'SegmentedControl.Item',
+    modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
+    elemPropsHook: useSegmentedControlItem_1.useSegmentedControlItem,
+})(function (_a, Element, _b) {
+    var size = _b.state.size;
+    var children = _a.children, icon = _a.icon, tooltipProps = _a.tooltipProps, elemProps = __rest(_a, ["children", "icon", "tooltipProps"]);
+    var _c = tokens_1.type.levels.subtext[size === 'small' ? 'medium' : 'large'], color = _c.color, textStyles = __rest(_c, ["color"]);
+    return (React.createElement(Container, { tooltipProps: tooltipProps },
+        React.createElement(button_1.BaseButton, __assign({ as: Element, borderRadius: "m", colors: getIconButtonColors(elemProps['aria-pressed']) }, geButtonStyles(size, children, icon), elemProps),
+            icon && (React.createElement(button_1.BaseButton.Icon, { size: size === 'small' ? 'extraSmall' : 'medium', icon: icon, shouldMirrorIcon: common_1.useIsRTL() })),
+            children && (React.createElement(text_1.Text, __assign({}, textStyles, { fontWeight: "bold", textAlign: "left" }), children)))));
+});

package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts

@@ -0,0 +1,89 @@
+import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Stack } from '@workday/canvas-kit-react/layout';
+export interface SegmentedControlListProps<T = any> extends Omit<Partial<ExtractProps<typeof Stack, never>>, 'children'> {
+    'aria-label': string;
+    children: ((item: T) => React.ReactNode) | React.ReactNode;
+}
+export declare const SegmentedControlList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", SegmentedControlListProps<any>, {
+    state: {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        nonInteractiveIds: never[];
+        hiddenIds: never[];
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        overflowTargetWidth: number;
+        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        select(data: {
+            id: string;
+        }): void;
+        setContainerWidth(data: {
+            width?: number | undefined;
+        }): 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;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}>;
+//# sourceMappingURL=SegmentedControlList.d.ts.map

package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAEb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,kCAAkC,CAAC;AAIvD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAWD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB/B,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControlList.js

@@ -0,0 +1,64 @@
+"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.SegmentedControlList = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var collection_1 = require("@workday/canvas-kit-react/collection");
+var useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
+var useSegmentedControlList = common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a) {
+    var _b = _a.state, orientation = _b.orientation, disabled = _b.disabled;
+    return {
+        flexDirection: orientation === 'vertical' ? 'column' : 'row',
+        opacity: disabled ? 0.4 : 1,
+    };
+});
+exports.SegmentedControlList = common_1.createSubcomponent('div')({
+    displayName: 'SegmentedControl.List',
+    modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
+    elemPropsHook: useSegmentedControlList,
+})(function (_a, Element, model) {
+    var children = _a.children, elemProps = __rest(_a, ["children"]);
+    return (React.createElement(layout_1.Stack, __assign({ as: Element, display: "inline-flex", role: "group", backgroundColor: "soap200", border: "1px solid transparent", borderColor: "licorice200", borderRadius: "l", spacing: "xxs", padding: "3px" }, elemProps), collection_1.useListRenderItems(model, children)));
+});

package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+export declare const useSegmentedControlItem: <P extends {}, R>(model: {
+    state: {
+        selectedIds: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectedIds;
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        UNSTABLE_virtual: {
+            virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("@workday/canvas-kit-react/collection").Item<any>[];
+    };
+    events: {
+        select(data: {
+            id: string;
+        }): void;
+        selectAll(): void;
+        unselectAll(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
+        goTo(data: {
+            id: string;
+        }): void;
+        goToNext(): void;
+        goToPrevious(): void;
+        goToPreviousRow(): void;
+        goToNextRow(): void;
+        goToFirst(): void;
+        goToLast(): void;
+        goToFirstOfRow(): void;
+        goToLastOfRow(): void;
+        goToNextPage(): void;
+        goToPreviousPage(): void;
+        unregisterItem(data: {
+            id: string;
+        }): void;
+        updateItemHeight(data: {
+            value: number;
+        }): void;
+    };
+    selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
+    navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
+    getId: (item: any) => string;
+}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
+    ref: React.Ref<R>;
+} : {});
+//# sourceMappingURL=useSegmentedControlItem.d.ts.map

package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA0DnC,CAAC"}

package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSegmentedControlItem = void 0;
+var common_1 = require("@workday/canvas-kit-react/common");
+var collection_1 = require("@workday/canvas-kit-react/collection");
+var useSegmentedControlModel_1 = require("./useSegmentedControlModel");
+exports.useSegmentedControlItem = common_1.composeHooks(collection_1.useListItemSelect, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (model, ref, elemProps) {
+    if (elemProps === void 0) { elemProps = {}; }
+    var _a = common_1.useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
+    var name = elemProps['data-id'] || '';
+    var id = model.state.id + "-" + 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 selected = !!name && collection_1.isSelected(name, model.state);
+    var longest = Object.keys(model.state.itemWidthCache)
+        .map(function (e) { return model.state.itemWidthCache[e]; })
+        .sort(function (a, b) { return (a < b ? 1 : -1); })[0];
+    return {
+        ref: elementRef,
+        id: id,
+        'aria-pressed': selected,
+        disabled: model.state.disabled || undefined,
+        width: elemProps.children && longest + "px",
+    };
+}), collection_1.useListItemRegister, common_1.createElemPropsHook(useSegmentedControlModel_1.useSegmentedControlModel)(function (_a, _ref, elemProps) {
+    var state = _a.state;
+    if (elemProps === void 0) { elemProps = {}; }
+    return {
+        // override the default disabled functionality of `useListItemRegister`
+        disabled: elemProps.disabled || state.disabled ? true : undefined,
+    };
+}));