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

package/dist/commonjs/select/lib/Select.js

@@ -1,486 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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.Select = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = __importStar(require("react"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const SelectMenu_1 = require("./SelectMenu");
-const SelectBase_1 = require("./SelectBase");
-const utils_1 = require("./utils");
-class SelectContainer extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            focusedOptionIndex: 0,
-            menuVisibility: 'closed',
-        };
-        this.localButtonRef = React.createRef();
-        this.inputRef = React.createRef();
-        this.menuRef = React.createRef();
-        // For type-ahead functionality
-        this.keysSoFar = '';
-        this.clearKeysSoFarTimeout = 500;
-        // Cached values
-        this.normalizedOptions = [];
-        this.areOptionsDefined = () => {
-            const { options } = this.props;
-            if (!options || options.length === 0) {
-                return false;
-            }
-            return true;
-        };
-        // Store normalized options since the options prop can take on multiple
-        // forms. It can be an array of strings, an array of objects (sometimes with
-        // arbitrary keys), or an array that contains both strings and objects
-        this.setNormalizedOptions = () => {
-            const { options } = this.props;
-            // Abort if options weren't defined
-            if (!this.areOptionsDefined()) {
-                return;
-            }
-            this.normalizedOptions = options.map(option => {
-                let data = {};
-                let disabled, id, label, value;
-                if (typeof option === 'string') {
-                    disabled = false;
-                    id = (0, common_1.generateUniqueId)();
-                    value = option;
-                    label = option;
-                }
-                else {
-                    data = option.data || data;
-                    disabled = !!option.disabled;
-                    id = option.id || (0, common_1.generateUniqueId)();
-                    value = option.value;
-                    label = option.label || option.value;
-                }
-                return {
-                    data,
-                    disabled,
-                    id,
-                    label,
-                    value,
-                };
-            });
-        };
-        this.getIndexByStartString = (startIndex, startString, endIndex = this.normalizedOptions.length, ignoreDisabled = true) => {
-            for (let i = startIndex; i < endIndex; i++) {
-                const label = this.normalizedOptions[i].label.toLowerCase();
-                if (label.indexOf(startString.toLowerCase()) === 0) {
-                    if (!ignoreDisabled || (ignoreDisabled && !this.normalizedOptions[i].disabled)) {
-                        return i;
-                    }
-                }
-            }
-            return -1;
-        };
-        // This helper focuses the next enabled option given a startIndex and a
-        // direction. If startIndex refers to an enabled option, we focus that option
-        // immediately. Otherwise, we advance `direction` number of spaces in the options
-        // array and check again if that index refers to an enabled option.
-        //
-        // This is useful for manipulating focus using the keyboard where pressing the
-        // Up/Down key means "focus the first enabled option above/below the currently
-        // focused option", or pressing the Home/End key means "focus the first/last
-        // enabled option on the menu."
-        this.focusNextEnabledOption = (startIndex, direction) => {
-            // Ensure direction is non-zero
-            if (direction === 0) {
-                return;
-            }
-            const numOptions = this.normalizedOptions.length;
-            let currentIndex = startIndex;
-            // Check if currentIndex refers to an enabled option. If not, keep moving
-            // the index in the prescribed direction until we find an enabled option.
-            while (currentIndex >= 0 &&
-                currentIndex < numOptions &&
-                this.normalizedOptions[currentIndex].disabled) {
-                currentIndex += direction;
-            }
-            // Update the focused index only if currentIndex is inbounds and
-            // refers to an enabled option
-            if (currentIndex >= 0 &&
-                currentIndex < numOptions &&
-                !this.normalizedOptions[currentIndex].disabled) {
-                this.setState({ focusedOptionIndex: currentIndex });
-            }
-        };
-        this.updateStateFromValue = () => {
-            this.setState({
-                focusedOptionIndex: (0, utils_1.getCorrectedIndexByValue)(this.normalizedOptions, this.props.value),
-            });
-        };
-        this.focusButton = () => {
-            if (this.localButtonRef.current) {
-                this.localButtonRef.current.focus();
-            }
-        };
-        this.setMenuAnimationTimeout = (callback) => {
-            if (this.menuAnimationTimer) {
-                clearTimeout(this.menuAnimationTimer);
-            }
-            this.menuAnimationTimer = setTimeout(callback, SelectMenu_1.menuAnimationDuration);
-        };
-        this.openMenu = () => {
-            this.setState({ menuVisibility: 'opening' });
-            this.setMenuAnimationTimeout(() => {
-                this.setState({ menuVisibility: 'opened' });
-            });
-        };
-        this.closeMenu = () => {
-            this.setState({ menuVisibility: 'closing' });
-            this.setMenuAnimationTimeout(() => {
-                this.setState({
-                    // Reset the focused option to the currently selected option in case
-                    // the user focused a different option but chose not to select it. The
-                    // next time the menu opens, focus should begin on the selected option.
-                    focusedOptionIndex: (0, utils_1.getCorrectedIndexByValue)(this.normalizedOptions, this.props.value),
-                    menuVisibility: 'closed',
-                });
-            });
-        };
-        this.toggleMenu = (open) => {
-            const { menuVisibility } = this.state;
-            if (open) {
-                switch (menuVisibility) {
-                    // We're opening a menu which is currently closed: set the menu state
-                    // to open before kicking off openMenu. This allows us to transition
-                    // from 0 opacity in the open state to the targeted 1.0 opacity in
-                    // the opening state.
-                    case 'closed':
-                        this.setState({ menuVisibility: 'open' }, this.openMenu);
-                        break;
-                    // We're opening a menu which is in the process of closing. Since the
-                    // menu isn't closed, there's no need to set the open state: kick off
-                    // openMenu immediately.
-                    case 'close':
-                    case 'closing':
-                        this.openMenu();
-                        break;
-                    // Otherwise, we're opening a menu is already opened or in the process of
-                    // opening; no need to do anything further.
-                    default:
-                        break;
-                }
-            }
-            else {
-                switch (menuVisibility) {
-                    // We're closing a menu which is currently opened: set the menu state to
-                    // close before kicking off closeMenu.
-                    case 'opened':
-                        this.setState({ menuVisibility: 'close' }, this.closeMenu);
-                        break;
-                    // We're closing a menu which is in the process of opening. Since the
-                    // menu isn't opened, there's no need to set the close state: kick off
-                    // closeMenu immediately.
-                    case 'open':
-                    case 'opening':
-                        this.closeMenu();
-                        break;
-                    // Otherwise, we're closing a menu which is already closed or in the process
-                    // of closing; no need to do anything further.
-                    default:
-                        break;
-                }
-            }
-        };
-        // Code inspired by: https://stackoverflow.com/a/46012210
-        // In order for Select to be usable as a controlled component, we
-        // need to programmatically change the value of the SelectInput
-        // in such a way that triggers its change event
-        this.fireChangeEvent = (value) => {
-            if (this.inputRef && this.inputRef.current) {
-                const nativeInputValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(this.inputRef.current), 'value');
-                if (nativeInputValue && nativeInputValue.set) {
-                    nativeInputValue.set.call(this.inputRef.current, value);
-                }
-                let event;
-                if (typeof Event === 'function') {
-                    // Modern browsers
-                    event = new Event('change', { bubbles: true });
-                }
-                else {
-                    // IE 11
-                    event = document.createEvent('Event');
-                    event.initEvent('change', true, true);
-                }
-                this.inputRef.current.dispatchEvent(event);
-            }
-        };
-        this.handleKeyboardTypeAhead = (key, numOptions) => {
-            // Abort immediately if the menu is the process of closing
-            if (this.state.menuVisibility === 'closing') {
-                return;
-            }
-            // Set the starting point of the search to one of two locations
-            // based on the search string so far (keysSoFar):
-            //
-            // 1. If the search string is empty, start the search from the
-            // next option AFTER the currently focused option. For example,
-            // if the Select is currently focused on "San Francisco", typing
-            // "s" again advances focus to the next option that begins with "s".
-            //
-            // 2. If the search string is populated, start the search from the
-            // CURRENTLY focused option. For example, if the Select is currently
-            // focused on "San Francisco", typing "san j" retains focus on
-            // "San Francisco" as you type "san " (because "san " still matches
-            // "San Francisco") and then advances focus to "San Jose" after you
-            // type the "j" at the end.
-            let start = this.keysSoFar.length === 0
-                ? this.state.focusedOptionIndex + 1
-                : this.state.focusedOptionIndex;
-            // If the starting point is beyond the list of options, reset it
-            // to the beginning of the list
-            start = start === numOptions ? 0 : start;
-            this.keysSoFar += key;
-            this.startClearKeysSoFarTimer();
-            // First, look for a match from start to end
-            let matchIndex;
-            matchIndex = this.getIndexByStartString(start, this.keysSoFar);
-            // If a match isn't found between start and end, wrap the search
-            // around and search again from the beginning (0) to start
-            if (matchIndex === -1) {
-                matchIndex = this.getIndexByStartString(0, this.keysSoFar, start);
-            }
-            // A match was found...
-            if (matchIndex > -1) {
-                if (this.state.menuVisibility === 'closed') {
-                    // If the menu is closed, fire the change event
-                    this.fireChangeEvent(this.normalizedOptions[matchIndex].value);
-                }
-                else {
-                    // Otherwise the menu is visible (or at least partially visible);
-                    // focus the matched option
-                    this.setState({ focusedOptionIndex: matchIndex });
-                }
-            }
-        };
-        this.startClearKeysSoFarTimer = () => {
-            if (this.clearKeysSoFarTimer) {
-                clearTimeout(this.clearKeysSoFarTimer);
-            }
-            this.clearKeysSoFarTimer = setTimeout(() => {
-                this.keysSoFar = '';
-            }, this.clearKeysSoFarTimeout);
-        };
-        this.handleClick = (event) => {
-            const { menuVisibility } = this.state;
-            switch (menuVisibility) {
-                // If we click the button while the menu is in the process of closing,
-                // we want to toggle the menu back on. However, we also need to focus
-                // the menu since it won't be focused using Popper's onFirstUpdate
-                // callback (because the menu already exists).
-                case 'close':
-                case 'closing':
-                    if (this.menuRef.current) {
-                        this.menuRef.current.focus();
-                    }
-                    this.toggleMenu(true);
-                    break;
-                case 'closed':
-                    this.toggleMenu(true);
-                    break;
-                // Otherwise, the menu is opened or in the process of opening; toggle
-                // the menu off.
-                default:
-                    this.toggleMenu(false);
-                    break;
-            }
-        };
-        this.handleOptionSelection = (index) => {
-            // Abort if a disabled option was clicked (we ignore these clicks)
-            if (this.normalizedOptions[index].disabled) {
-                return;
-            }
-            // Toggle menu off, shift focus back to the button, and fire change event
-            this.toggleMenu(false);
-            this.focusButton();
-            this.fireChangeEvent(this.normalizedOptions[index].value);
-        };
-        this.handleMenuCloseOnKeyPress = () => {
-            // Toggle menu off and shift focus back to the button
-            this.handleClose();
-            this.focusButton();
-        };
-        this.handleClose = () => {
-            this.toggleMenu(false);
-        };
-        this.handleKeyDown = (event) => {
-            const { options } = this.props;
-            const numOptions = options.length;
-            const { focusedOptionIndex, menuVisibility } = this.state;
-            let isShortcut = false;
-            // Check for type-ahead first
-            if (event.key.length === 1 && event.key.match(/\S/)) {
-                isShortcut = true;
-                this.handleKeyboardTypeAhead(event.key, numOptions);
-            }
-            else {
-                switch (event.key) {
-                    case 'ArrowUp':
-                    case 'Up': // IE/Edge specific value
-                    case 'ArrowDown':
-                    case 'Down': // IE/Edge specific value
-                        isShortcut = true;
-                        if (menuVisibility === 'closed' || menuVisibility === 'closing') {
-                            this.toggleMenu(true);
-                        }
-                        else {
-                            const direction = event.key === 'ArrowUp' || event.key === 'Up' ? -1 : 1;
-                            const startIndex = focusedOptionIndex + direction;
-                            this.focusNextEnabledOption(startIndex, direction);
-                        }
-                        break;
-                    case 'Home':
-                    case 'End':
-                        isShortcut = true;
-                        const direction = event.key === 'Home' ? 1 : -1;
-                        const startIndex = event.key === 'Home' ? 0 : numOptions - 1;
-                        this.focusNextEnabledOption(startIndex, direction);
-                        break;
-                    case 'Tab':
-                        if (menuVisibility !== 'closed') {
-                            isShortcut = true;
-                            this.handleMenuCloseOnKeyPress();
-                        }
-                        break;
-                    case 'Spacebar':
-                    case ' ':
-                        isShortcut = true;
-                        // If the user is in the middle of typing a string, treat
-                        // space key as type-ahead rather than option selection
-                        if (this.keysSoFar !== '') {
-                            this.handleKeyboardTypeAhead(' ', numOptions);
-                        }
-                        else if (menuVisibility === 'closed' || menuVisibility === 'closing') {
-                            this.toggleMenu(true);
-                        }
-                        else {
-                            this.handleOptionSelection(focusedOptionIndex);
-                        }
-                        break;
-                    case 'Enter':
-                        isShortcut = true;
-                        if (menuVisibility === 'closed' || menuVisibility === 'closing') {
-                            // allow the click
-                            isShortcut = false;
-                        }
-                        else {
-                            this.handleOptionSelection(focusedOptionIndex);
-                        }
-                        break;
-                    default:
-                }
-            }
-            if (isShortcut) {
-                // Call stopPropagation here to limit shortcut key handling to the Select
-                // component. Otherwise, for example, using the typeahead feature of the
-                // Select would end up triggering a number of undesired if actions if the
-                // containing application supports its own keyboard shortcuts.
-                event.stopPropagation();
-                // Call preventDefault here to maintain control of what happens when
-                // handling shortcut keys. For example, without this call, pressing the
-                // down arrow key would scroll the menu down (since the menu has DOM
-                // focus while its visible and scrolling is the default behavior of the
-                // down arrow key). Instead, we want to provide our own custom behavior
-                // of assistively focusing the next option.
-                event.preventDefault();
-            }
-        };
-        this.setNormalizedOptions();
-        // We need a local ref (RefObject) to the Select component's underlying
-        // button to manage focus within the component and to serve as its Popper
-        // Menu's anchorElement. If the buttonRef prop (to be forwarded to the
-        // underlying button) passed in through createComponent was a ref object,
-        // we could reuse it for our internal purposes. buttonRef may be a callback
-        // ref, however, or it may not even be defined.
-        //
-        // To guarantee we have access to a ref object, we created one earlier when
-        // declaring the localButtonRef instance variable. We then use useForkRef
-        // to combine localButtonRef and buttonRef into a single callback ref
-        // (forwardedButtonRef) which can be forwarded to the underlying button.
-        // When the component mounts/unmounts, this callback will both:
-        //
-        // (1) Update the current value of localButtonRef, and;
-        // (2) Either update the current value of buttonRef if it was a ref object,
-        //     or call buttonRef with the underlying button element if it was a
-        //     callback ref.
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        this.forwardedButtonRef = (0, common_1.useForkRef)(props.buttonRef, this.localButtonRef);
-    }
-    componentDidMount() {
-        this.updateStateFromValue();
-    }
-    componentDidUpdate(prevProps) {
-        const { options, value } = this.props;
-        if (options !== prevProps.options) {
-            this.setNormalizedOptions();
-            this.updateStateFromValue();
-        }
-        if (value !== prevProps.value) {
-            this.updateStateFromValue();
-        }
-    }
-    componentWillUnmount() {
-        // Clear timers
-        if (this.menuAnimationTimer) {
-            clearTimeout(this.menuAnimationTimer);
-        }
-        if (this.clearKeysSoFarTimer) {
-            clearTimeout(this.clearKeysSoFarTimer);
-        }
-    }
-    render() {
-        const { value, 
-        // Strip props we don't want to pass down from elemProps
-        buttonRef, options, onKeyDown, onBlur, ...elemProps } = this.props;
-        const { focusedOptionIndex, menuVisibility } = this.state;
-        // Don't pass in event handlers if options weren't defined
-        const eventHandlers = this.areOptionsDefined()
-            ? {
-                onClick: this.handleClick,
-                onKeyDown: this.handleKeyDown,
-                onClose: this.handleClose,
-                onOptionSelection: this.handleOptionSelection,
-            }
-            : {};
-        return ((0, jsx_runtime_1.jsx)(SelectBase_1.SelectBase, { forwardedButtonRef: this.forwardedButtonRef, localButtonRef: this.localButtonRef, focusedOptionIndex: focusedOptionIndex, inputRef: this.inputRef, menuRef: this.menuRef, menuVisibility: menuVisibility, options: this.normalizedOptions, value: value, ...eventHandlers, ...elemProps }));
-    }
-}
-SelectContainer.ErrorType = common_1.ErrorType;
-/**
- * @deprecated ⚠️ `Select` 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.
- */
-exports.Select = (0, common_1.createComponent)('button')({
-    displayName: 'Select',
-    Component: (props, ref, Element) => (
-    // Select is still a class component, so we render a renamed version of it
-    // (SelectContainer) and pass it ref and Element
-    (0, jsx_runtime_1.jsx)(SelectContainer, { as: Element, buttonRef: ref, ...props })),
-    subComponents: {
-        ErrorType: common_1.ErrorType,
-    },
-});

package/dist/commonjs/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/commonjs/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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"}