@workday/canvas-kit-preview-react 15.0.0-alpha.1303-next.0 → 15.0.0

package/dist/es6/select/lib/SelectBase.d.ts

@@ -1,165 +0,0 @@
-import React from 'react';
-import { GrowthBehavior, ErrorType, StyledType, Themeable } from '@workday/canvas-kit-react/common';
-import { MenuPlacement, MenuVisibility } from './types';
-interface OptionData {
-    [key: string]: any;
-}
-/**
- * @deprecated ⚠️ `Option` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface Option {
-    data?: OptionData;
-    disabled?: boolean;
-    id?: string;
-    label?: string;
-    value: string;
-}
-/**
- * @deprecated ⚠️ `NormalizedOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface NormalizedOption extends Option {
-    data: OptionData;
-    disabled: boolean;
-    id: string;
-    label: string;
-}
-/**
- * @deprecated ⚠️ `RenderSelectedFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface RenderSelectedFunction {
-    (option: NormalizedOption): React.ReactNode;
-}
-/**
- * @deprecated ⚠️ `RenderableOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface RenderableOption extends NormalizedOption {
-    focused: boolean;
-    selected: boolean;
-}
-/**
- * @deprecated ⚠️ `RenderOptionFunction` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface RenderOptionFunction {
-    (option: RenderableOption): React.ReactNode;
-}
-/**
- * @deprecated ⚠️ `CoreSelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface CoreSelectBaseProps extends Themeable, GrowthBehavior, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>, Pick<React.SelectHTMLAttributes<HTMLSelectElement>, 'required'>, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
-    /**
-     * The type of error associated with the Select (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * The function called to render the content of each option.
-     *
-     * The `option` argument passed to the function is an object which contains the following:
-     *
-     * * `data: object` (data object carried over from the corresponding option originally passed into the component)
-     * * `disabled: boolean`
-     * * `focused: boolean` (set to `true` if the option has keyboard focus)
-     * * `id: string`
-     * * `label: string`
-     * * `selected: boolean` (set to `true` if the option is selected)
-     * * `value: string`
-     *
-     * If you omit the `renderOption` prop, each option will be rendered using a `defaultRenderOption` function provided by the component.
-     *
-     * @default defaultRenderOption
-     */
-    renderOption?: RenderOptionFunction;
-    /**
-     * The function called to render the selected option.
-     *
-     * The `option` argument passed to the function is an object which contains the following:
-     *
-     * * `data: object` (data object carried over from the corresponding option originally passed into the component)
-     * * `disabled: boolean`
-     * * `id: string`
-     * * `label: string`
-     * * `value: string`
-     *
-     * If you omit the `renderSelected` prop, each option will be rendered using a `defaultRenderSelected` function provided by the component.
-     *
-     * @default defaultRenderSelected
-     */
-    renderSelected?: RenderSelectedFunction;
-    /**
-     * The value of the Select.
-     */
-    value?: string;
-}
-/**
- * @deprecated ⚠️ `SelectBaseProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface SelectBaseProps extends CoreSelectBaseProps, StyledType {
-    /**
-     * The ref to be forwarded to the underlying button element. Use this to imperatively manipulate the button.
-     */
-    forwardedButtonRef?: React.Ref<HTMLButtonElement>;
-    /**
-     * The local ref to the underlying button element. Can be used in situations where RefObject is required (such as the Popper Menu).
-     */
-    localButtonRef?: React.RefObject<HTMLButtonElement>;
-    /**
-     * The index of the focused option in the SelectBase.
-     * @default 0
-     */
-    focusedOptionIndex?: number;
-    /**
-     * The ref to the underlying (hidden) text input element. Use this to imperatively manipulate the input.
-     */
-    inputRef?: React.Ref<HTMLInputElement>;
-    /**
-     * The placement of the SelectBase menu relative to its corresponding SelectButton.
-     * @default 'bottom'
-     */
-    menuPlacement?: MenuPlacement;
-    /**
-     * The ref to the underlying menu element. Use this to imperatively manipulate the menu.
-     */
-    menuRef?: React.RefObject<HTMLUListElement>;
-    /**
-     * The visibility state of the SelectBase menu.
-     * @default 'closed'
-     */
-    menuVisibility?: MenuVisibility;
-    /**
-     * The function called when a key is pressed down while the SelectBase button or menu has focus.
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * The function called when the menu is closed.
-     */
-    onClose?: () => void;
-    /**
-     * The function called when an option in the SelectBase is selected via a click or a keyboard shortcut. The `index` passed to the callback function represents the index of the option which was selected.
-     */
-    onOptionSelection?: (index: number) => void;
-    /**
-     * The options of the SelectBase. `options` is an array of objects, each object adhering to the `NormalizedOption` interface:
-     *
-     * * `value: string` (required, analagous to the `value` attribute of an `<option>`)
-     * * `disabled: boolean` (required)
-     * * `id: string` (required)
-     * * `label: string` (required, analagous to the text content of an `<option>`)
-     */
-    options: NormalizedOption[];
-    /**
-     * If true, automatically flip the SelectBase menu to keep it visible if necessary (e.g., if the the menu would otherwise display below the visible area of the viewport).
-     * @default true
-     */
-    shouldMenuAutoFlip?: boolean;
-    /**
-     * If true, focus the SelectBase menu when it's shown. Set to false if you don't want to focus the menu automatically (for visual testing purposes, for example).
-     * @default true
-     */
-    shouldMenuAutoFocus?: boolean;
-}
-export declare const buttonBorderWidth = 1;
-/**
- * @deprecated ⚠️ `SelectBase` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const SelectBase: ({ "aria-labelledby": ariaLabelledBy, "aria-required": ariaRequired, as, forwardedButtonRef, localButtonRef, disabled, error, focusedOptionIndex, grow, inputRef, menuPlacement, menuRef, menuVisibility, onChange, onKeyDown, onBlur, onClose, onOptionSelection, options, renderOption, renderSelected, required, shouldMenuAutoFlip, shouldMenuAutoFocus, value, ...elemProps }: SelectBaseProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SelectBase.d.ts.map

package/dist/es6/select/lib/SelectBase.d.ts.map

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

package/dist/es6/select/lib/SelectBase.js

@@ -1,208 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useLayoutEffect } from 'react';
-import { errorRing, styled, useUniqueId, } from '@workday/canvas-kit-react/common';
-import { colors, borderRadius, inputColors, type, space } from '@workday/canvas-kit-react/tokens';
-import { caretDownSmallIcon } from '@workday/canvas-system-icons-web';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { SelectMenu } from './SelectMenu';
-import { SelectOption } from './SelectOption';
-import { scrollIntoViewIfNeeded } from './scrolling';
-import { getCorrectedIndexByValue } from './utils';
-export const buttonBorderWidth = 1;
-const menuIconSize = space.m;
-const SelectButton = styled('button')({
-    ...type.levels.subtext.large,
-    border: `${buttonBorderWidth}px solid ${inputColors.border}`,
-    cursor: 'default',
-    display: 'block',
-    backgroundColor: inputColors.background,
-    borderRadius: borderRadius.m,
-    boxSizing: 'border-box',
-    height: space.xl,
-    outline: 'none',
-    overflow: 'hidden',
-    padding: `calc(${space.xxs} - ${buttonBorderWidth}px)`,
-    paddingRight: `calc(${space.xxs} + ${space.m} + (${space.xxs} + ${buttonBorderWidth}px))`,
-    textAlign: 'left',
-    textOverflow: 'ellipsis',
-    transition: '0.2s box-shadow, 0.2s border-color',
-    whiteSpace: 'nowrap',
-    // width is required (instead of minWidth) in order for the button to
-    // be sized properly for lengthy options
-    width: `calc((${space.xxxl} * 7) / 2)`,
-    '&::placeholder': {
-        color: inputColors.placeholder,
-    },
-    '&:disabled': {
-        backgroundColor: inputColors.disabled.background,
-        borderColor: inputColors.disabled.border,
-        color: inputColors.disabled.text,
-        '&::placeholder': {
-            color: inputColors.disabled.text,
-        },
-    },
-}, ({ error, menuVisibility, theme }) => {
-    const themedFocusOutlineColor = theme.canvas.palette.common.focusOutline;
-    const buttonFocusStyles = {
-        borderColor: themedFocusOutlineColor,
-        boxShadow: `inset 0 0 0 1px ${themedFocusOutlineColor}`,
-    };
-    if (error === undefined) {
-        // If there isn't an error, apply focus and hover styles if the menu is
-        // closed or in the process of closing (otherwise, the menu is opened
-        // or in the process of opening: style the button as if it had focus)
-        return menuVisibility === 'closed' || menuVisibility === 'closing'
-            ? {
-                '&:focus:not([disabled])': {
-                    ...buttonFocusStyles,
-                },
-                '&:hover:not([disabled]):not(:focus)': {
-                    borderColor: inputColors.hoverBorder,
-                },
-            }
-            : { ...buttonFocusStyles };
-    }
-    return {
-        ...errorRing(error, theme),
-    };
-}, ({ grow }) => grow && {
-    width: '100%',
-});
-const SelectMenuIcon = styled(SystemIcon)({
-    position: 'absolute',
-    top: space.xxxs,
-    right: space.xxxs,
-    padding: space.xxxs,
-    pointerEvents: 'none',
-    '& path': {
-        transition: '100ms fill',
-    },
-});
-const SelectInput = styled('input')({
-    display: 'none',
-});
-const SelectWrapper = styled('div')({
-    position: 'relative',
-}, ({ grow }) => ({
-    display: grow ? 'block' : 'inline-block',
-}), ({ disabled }) => ({
-    '&:hover .menu-icon path': {
-        fill: disabled ? undefined : colors.licorice500,
-    },
-}));
-const defaultRenderOption = option => {
-    return _jsx("div", { children: defaultRenderSelected(option) });
-};
-const defaultRenderSelected = option => {
-    return option.label;
-};
-/**
- * @deprecated ⚠️ `SelectBase` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export const SelectBase = ({ 'aria-labelledby': ariaLabelledBy, 'aria-required': ariaRequired, as, forwardedButtonRef, localButtonRef, disabled, error, focusedOptionIndex = 0, grow, inputRef, menuPlacement = 'bottom', menuRef, menuVisibility = 'closed', onChange, onKeyDown, onBlur, onClose, onOptionSelection, options, renderOption = defaultRenderOption, renderSelected = defaultRenderSelected, required, shouldMenuAutoFlip = true, shouldMenuAutoFocus = true, value, ...elemProps }) => {
-    const focusedOptionRef = React.useRef(null);
-    const menuId = useUniqueId();
-    const renderOptions = (renderOption) => {
-        const selectedOptionIndex = getCorrectedIndexByValue(options, value);
-        return options.map((option, index) => {
-            const optionProps = {
-                'aria-disabled': option.disabled ? true : undefined,
-                'aria-selected': selectedOptionIndex === index ? true : undefined,
-                error,
-                focused: focusedOptionIndex === index,
-                id: option.id,
-                interactive: menuVisibility === 'opening' || menuVisibility === 'opened',
-                key: option.id,
-                optionRef: focusedOptionIndex === index ? focusedOptionRef : undefined,
-                value: option.value,
-                ...(onOptionSelection
-                    ? {
-                        onClick: (event) => {
-                            // TODO: Figure out why this preventDefault call exists.
-                            // Removing it doesn't have any obvious consequences,
-                            // but need to do more careful testing.
-                            event.preventDefault();
-                            onOptionSelection(index);
-                        },
-                    }
-                    : {}),
-            };
-            // Pass in additional information about the option state: focused, selected
-            const normalizedOption = {
-                ...option,
-                focused: optionProps.focused,
-                selected: !!optionProps['aria-selected'],
-            };
-            return _jsx(SelectOption, { ...optionProps, children: renderOption(normalizedOption) });
-        });
-    };
-    // If the focused option changed, scroll the newly focused option into view (if
-    // necessary) but do NOT center it
-    useLayoutEffect(() => {
-        const focusedOption = focusedOptionRef.current;
-        if (focusedOption) {
-            // TODO: Figure out if rAF is the best approach here. I initially added
-            // rAF to get the Select States Menu On story to render correctly in IE.
-            // Without rAF, the menu is scrolled slightly further down than it should
-            // be (only in IE, and only in the Menu On visual testing stories), which
-            // triggers a visual regression. We're inside useLayoutEffect here so I
-            // didn't expect to need rAF in order to make proper measurements, but it
-            // seems to be necessary in IE.
-            //
-            // This rAF call also has the additional benefit of fixing a jarring menu
-            // placement issue in IE (https://github.com/Workday/canvas-kit/issues/791),
-            // so I'm leaving it in for now.
-            const animateId = requestAnimationFrame(() => {
-                // We cannot use the native Element.scrollIntoView() here because it
-                // doesn't work properly with the portalled menu: when using the keyboard
-                // to advance focus through the options, using scrollIntoView to keep the
-                // newly focused option in view also scrolls the ENTIRE page. Instead, we
-                // call our own scrollIntoViewIfNeeded function.
-                scrollIntoViewIfNeeded(focusedOption, false);
-            });
-            return () => {
-                cancelAnimationFrame(animateId);
-            };
-        }
-        return undefined;
-    }, [focusedOptionIndex]);
-    // If the menu was just opened, scroll the focused option into view (if
-    // necessary) and center it
-    useLayoutEffect(() => {
-        const focusedOption = focusedOptionRef.current;
-        // We need to scroll if the menu is either opening or opened in case we decide to
-        // bypass the opening state and jump straight to opened (like in visual testing,
-        // for instance)
-        if (focusedOption && (menuVisibility === 'opening' || menuVisibility === 'opened')) {
-            // TODO: This rAF call is also necessary for the Menu On visual testing
-            // stories to render properly in IE (see above, both rAF calls need to be
-            // present). It has no bearing on the menu placement issue.
-            const animateId = requestAnimationFrame(() => {
-                scrollIntoViewIfNeeded(focusedOption, true);
-            });
-            return () => {
-                cancelAnimationFrame(animateId);
-            };
-        }
-        return undefined;
-    }, [menuVisibility]);
-    // Do a bit of error-checking in case options weren't provided
-    const hasOptions = options.length > 0;
-    const selectedOption = hasOptions ? options[getCorrectedIndexByValue(options, value)] : null;
-    const selectedOptionValue = selectedOption ? selectedOption.value : '';
-    return (_jsxs(SelectWrapper, { grow: grow, disabled: disabled, children: [_jsx(SelectButton, { "aria-expanded": menuVisibility !== 'closed' ? 'true' : undefined, "aria-haspopup": "listbox", "aria-controls": menuVisibility !== 'closed' ? menuId : undefined, as: as, disabled: disabled, error: error, grow: grow, menuVisibility: menuVisibility, onKeyDown: onKeyDown, onBlur: event => {
-                    if (menuVisibility === 'closed') {
-                        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-                    }
-                    else {
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                }, 
-                // Prevent Firefox from triggering click handler on spacebar during
-                // type-ahead when the menu is closed (and, thus, incorrectly displaying
-                // the menu)
-                onKeyUp: e => {
-                    e.preventDefault();
-                }, ref: forwardedButtonRef, type: "button", value: selectedOptionValue, ...elemProps, children: !!selectedOption && renderSelected(selectedOption) }), _jsx(SelectInput, { onChange: onChange, ref: inputRef, type: "text", value: selectedOptionValue }), hasOptions && menuVisibility !== 'closed' && (_jsx(SelectMenu, { "aria-activedescendant": options[focusedOptionIndex].id, "aria-labelledby": ariaLabelledBy, "aria-required": ariaRequired || required ? true : undefined, buttonRef: localButtonRef, id: menuId, error: error, menuRef: menuRef, onKeyDown: onKeyDown, onClose: onClose, placement: menuPlacement, shouldAutoFlip: shouldMenuAutoFlip, shouldAutoFocus: shouldMenuAutoFocus, visibility: menuVisibility, children: renderOptions(renderOption) })), _jsx(SelectMenuIcon, { className: "menu-icon", icon: caretDownSmallIcon, color: disabled ? colors.licorice100 : colors.licorice200, colorHover: disabled ? colors.licorice100 : colors.licorice500, size: `${menuIconSize}rem` })] }));
-};

package/dist/es6/select/lib/SelectMenu.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Themeable } from '@workday/canvas-kit-react/common';
-import { SelectProps } from './Select';
-import { MenuPlacement, MenuVisibility } from './types';
-interface SelectMenuProps extends Themeable, React.HTMLAttributes<HTMLUListElement>, Pick<SelectProps, 'error'> {
-    /**
-     * The ref to the anchor button element. Required to anchor the menu.
-     */
-    buttonRef?: React.RefObject<HTMLButtonElement>;
-    /**
-     * The ref to the underlying menu/listbox element. Use this to imperatively manipulate the menu.
-     */
-    menuRef?: React.RefObject<HTMLUListElement>;
-    /**
-     * The function called when the menu is closed.
-     */
-    onClose?: () => void;
-    /**
-     * The placement of the SelectMenu relative to its corresponding button.
-     * @default 'bottom'
-     */
-    placement?: MenuPlacement;
-    /**
-     * If true, automatically flip the SelectMenu to keep it visible if necessary (e.g., if the the SelectMenu would otherwise display below the visible area of the viewport).
-     * @default true
-     */
-    shouldAutoFlip?: boolean;
-    /**
-     * If true, focus the SelectMenu when it's shown. Set to false if you don't want to focus the SelectMenu automatically (for visual testing purposes, for example).
-     * @default true
-     */
-    shouldAutoFocus?: boolean;
-    /**
-     * The visibility state of the SelectMenu.
-     * @default 'closed'
-     */
-    visibility?: MenuVisibility;
-}
-export declare const menuAnimationDuration = 200;
-/**
- * @deprecated ⚠️ `SelectMenu` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const SelectMenu: ({ buttonRef, children, error, menuRef, onClose, placement, shouldAutoFlip, shouldAutoFocus, visibility, ...elemProps }: SelectMenuProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SelectMenu.d.ts.map

package/dist/es6/select/lib/SelectMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAgC,SAAS,EAAS,MAAM,kCAAkC,CAAC;AAYlG,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAEtD,UAAU,eACR,SAAQ,SAAS,EACf,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EACtC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,MAAM,CAAC;AA8KzC;;GAEG;AACH,eAAO,MAAM,UAAU,2HAWpB,eAAe,4CA2DjB,CAAC"}

package/dist/es6/select/lib/SelectMenu.js

@@ -1,191 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect, useLayoutEffect, useCallback } from 'react';
-import { ErrorType, styled } from '@workday/canvas-kit-react/common';
-import { Popper, useCloseOnEscape, useCloseOnOutsideClick, usePopupModel, useReturnFocus, useTransferOnFullscreenExit, } from '@workday/canvas-kit-react/popup';
-import { colors, borderRadius, inputColors } from '@workday/canvas-kit-react/tokens';
-export const menuAnimationDuration = 200;
-const menuBorderStyles = (theme, error) => {
-    let borderColor = theme.canvas.palette.common.focusOutline;
-    let dividerBorderColor = borderColor;
-    let dividerBorderWidth = 1;
-    if (error === ErrorType.Error) {
-        borderColor = theme.canvas.palette.error.main;
-        dividerBorderColor = borderColor;
-    }
-    else if (error === ErrorType.Caution) {
-        borderColor = theme.canvas.palette.alert.darkest;
-        dividerBorderColor = theme.canvas.palette.alert.main;
-        dividerBorderWidth = 2;
-    }
-    const dividerBorder = `${dividerBorderWidth}px solid ${dividerBorderColor}`;
-    return {
-        borderColor: borderColor,
-        // Render the divider using a pseudo-element
-        '&:before': {
-            backgroundColor: colors.soap400,
-            borderLeft: dividerBorder,
-            borderRight: dividerBorder,
-            boxSizing: 'border-box',
-            content: '""',
-            display: 'block',
-            height: 1,
-            position: 'absolute',
-            width: '100%',
-            '[data-popper-placement="bottom"] &': {
-                top: 0,
-            },
-            '[data-popper-placement="top"] &': {
-                bottom: 0,
-            },
-        },
-    };
-};
-const menuListBorderStyles = (theme, error) => {
-    let borderColor = theme.canvas.palette.common.focusOutline;
-    let borderWidth = 1;
-    if (error === ErrorType.Error) {
-        borderColor = theme.canvas.palette.error.main;
-    }
-    else if (error === ErrorType.Caution) {
-        borderColor = theme.canvas.palette.alert.main;
-        borderWidth = 2;
-    }
-    const border = `${borderWidth}px solid ${borderColor}`;
-    return {
-        borderLeft: border,
-        borderRight: border,
-        '[data-popper-placement="bottom"] &': {
-            borderBottom: border,
-        },
-        '[data-popper-placement="top"] &': {
-            borderTop: border,
-        },
-    };
-};
-const Menu = styled('div')({
-    backgroundColor: colors.frenchVanilla100,
-    border: `1px solid ${inputColors.border}`,
-    boxSizing: 'border-box',
-    position: 'relative',
-    transition: `opacity ${menuAnimationDuration}ms`,
-    '[data-popper-placement="bottom"] &': {
-        borderRadius: `0 0 ${borderRadius.m} ${borderRadius.m}`,
-        borderTop: 0,
-    },
-    '[data-popper-placement="top"] &': {
-        borderRadius: `${borderRadius.m} ${borderRadius.m} 0 0`,
-        borderBottom: 0,
-    },
-}, ({ error, theme }) => ({
-    ...menuBorderStyles(theme, error),
-}), ({ visibility }) => ({
-    opacity: visibility === 'opening' || visibility === 'opened' || visibility === 'close' ? 1 : 0,
-}), ({ width }) => ({
-    width: width,
-}));
-const MenuList = styled('ul')({
-    listStyle: 'none',
-    margin: 0,
-    maxHeight: 200,
-    outline: 'none',
-    overflowY: 'auto',
-    padding: 0,
-}, ({ error, theme }) => ({
-    ...menuListBorderStyles(theme, error),
-}));
-const generatePopperOptions = (props) => {
-    const { menuRef, placement, shouldAutoFlip, shouldAutoFocus } = props;
-    let fallbackPlacements = [];
-    if (shouldAutoFlip) {
-        fallbackPlacements = placement === 'top' ? ['bottom'] : ['top'];
-    }
-    const modifiers = [
-        {
-            name: 'flip',
-            options: {
-                fallbackPlacements,
-            },
-        },
-        {
-            name: 'offset',
-            options: {
-                offset: () => {
-                    const skidding = 0;
-                    // Displace menu towards the button to obscure the bottom
-                    // edge of the button and to create a smooth visual
-                    // connection between the button and the menu
-                    const distance = -parseInt(borderRadius.m, 10);
-                    return [skidding, distance];
-                },
-            },
-        },
-        {
-            name: 'preventOverflow',
-            options: {
-                // Ensure the menu stays aligned with its reference (button),
-                // even if that means the menu is pushed out of view
-                mainAxis: false,
-            },
-        },
-        {
-            // Disable the fallbackModifier as SelectMenu is properly handled by the
-            // flip modifier through shouldAutoFlip prop
-            name: 'fallbackModifier',
-            enabled: false,
-        },
-    ];
-    return {
-        modifiers,
-        // TODO: Consider using a more general-purpose focus function here rather
-        // than relying on Popper's onFirstUpdate for better control over how
-        // focus is managed
-        onFirstUpdate: () => {
-            if (shouldAutoFocus && menuRef && menuRef.current) {
-                menuRef.current.focus();
-            }
-        },
-    };
-};
-/**
- * @deprecated ⚠️ `SelectMenu` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export const SelectMenu = ({ buttonRef, children, error, menuRef, onClose, placement = 'bottom', shouldAutoFlip = true, shouldAutoFocus = true, visibility = 'closed', ...elemProps }) => {
-    const model = usePopupModel({
-        initialVisibility: 'visible',
-        returnFocusRef: buttonRef,
-        onHide: onClose,
-    });
-    const [width, setWidth] = useState(0);
-    const handleWidthChange = useCallback(() => {
-        if (buttonRef && buttonRef.current && visibility !== 'closed') {
-            const newMenuWidth = buttonRef.current.clientWidth + 2;
-            setWidth(newMenuWidth);
-        }
-    }, [buttonRef, visibility]);
-    useLayoutEffect(() => {
-        handleWidthChange();
-    }, [handleWidthChange]);
-    // TODO: Figure out a better way to handle width changes in the reference button.
-    // Seems like we should resize the menu when the reference button width changes, not
-    // necessarily when the window resizes. Resizing the menu on window resize addresses
-    // the case when `grow = true` and the user resizes the browser window while the
-    // menu is opened, but doesn't address cases where the reference button size changes
-    // through other means.
-    useEffect(() => {
-        // Update menu width state on resize to ensure menu resizes as window resizes
-        window.addEventListener('resize', handleWidthChange);
-        return () => {
-            window.removeEventListener('resize', handleWidthChange);
-        };
-    }, [handleWidthChange]);
-    useCloseOnEscape(model);
-    useCloseOnOutsideClick(model);
-    useReturnFocus(model);
-    useTransferOnFullscreenExit(model);
-    return (_jsx(Popper, { placement: placement, anchorElement: buttonRef, popperOptions: generatePopperOptions({
-            menuRef,
-            placement,
-            shouldAutoFlip,
-            shouldAutoFocus,
-        }), ref: model.state.stackRef, children: _jsx(Menu, { error: error, visibility: visibility, width: width, children: _jsx(MenuList, { error: error, ref: menuRef, role: "listbox", tabIndex: -1, ...elemProps, children: children }) }) }));
-};

package/dist/es6/select/lib/SelectOption.d.ts

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { ErrorType, Themeable } from '@workday/canvas-kit-react/common';
-/**
- * @deprecated ⚠️ `SelectOptionProps` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export interface SelectOptionProps extends Themeable, React.LiHTMLAttributes<HTMLLIElement> {
-    /**
-     * The type of error associated with the SelectOption (if applicable).
-     */
-    error?: ErrorType;
-    /**
-     * If true, set the SelectOption to the focused state.
-     * @default false
-     */
-    focused?: boolean;
-    /**
-     * The HTML `id` of the SelectOption.
-     */
-    id?: string;
-    /**
-     * If true, set the SelectOption to the interactive state. Non-interactive SelectOptions should not give any visual cues that they are interactive (e.g., remove hover styling).
-     * @default true
-     */
-    interactive?: boolean;
-    /**
-     * The ref to the list item that the styled component renders. Use this to imperatively manipulate the SelectOption (e.g., to scroll to it if it's out of view in the Select menu).
-     */
-    optionRef?: React.Ref<HTMLLIElement>;
-    /**
-     * The value of the SelectOption.
-     */
-    value?: string;
-}
-/**
- * @deprecated ⚠️ `SelectOption` in Preview has been deprecated and will be removed in a future major version. Please use [`Select` in Main](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-select--docs) instead.
- */
-export declare const SelectOption: ({ children, focused, interactive, optionRef, value, ...elemProps }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SelectOption.d.ts.map

package/dist/es6/select/lib/SelectOption.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../../../select/lib/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EACT,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqED;;GAEG;AACH,eAAO,MAAM,YAAY,uEAOtB,iBAAiB,4CAanB,CAAC"}