@workday/canvas-kit-labs-react 15.0.0-alpha.0064-next.0 → 15.0.0-alpha.0075-next.0

package/dist/commonjs/combobox/lib/AutocompleteList.js

@@ -1,101 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutocompleteList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const styled_1 = __importDefault(require("@emotion/styled"));
-const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const common_1 = require("@workday/canvas-kit-react/common");
-const Combobox_1 = require("./Combobox");
-const Autocomplete = (0, styled_1.default)('ul')({
-    margin: 0,
-    maxHeight: 200,
-    boxSizing: 'border-box',
-    overflowY: 'auto',
-    padding: `${tokens_1.space.xxs} 0`,
-});
-const AccessibleHide = (0, styled_1.default)('span')(common_1.accessibleHide);
-/**
- * @deprecated ⚠️ `AutocompleteList` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-const AutocompleteList = ({ autocompleteItems, comboboxId, selectedIndex, handleAutocompleteClick, labelId, showGroupText, }) => {
-    const [randomComponentId] = (0, react_1.useState)(common_1.generateUniqueId); // https://codesandbox.io/s/p2ndq
-    const componentId = comboboxId || randomComponentId;
-    const listBoxProps = {
-        role: 'listbox',
-        id: `${componentId}-${Combobox_1.listBoxIdPart}`,
-        'aria-labelledby': labelId,
-    };
-    const createListItem = (listboxItem, itemIndex, groupMessage) => {
-        const children = [
-            (0, jsx_runtime_1.jsx)(AccessibleHide, { children: groupMessage }, `group-message-${itemIndex}`),
-            ...react_1.default.Children.toArray(listboxItem.props.children),
-        ];
-        return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: react_1.default.cloneElement(listboxItem, {
-                children: children,
-                id: (0, Combobox_1.getOptionId)(componentId, itemIndex),
-                role: 'option',
-                isFocused: selectedIndex === itemIndex,
-                'aria-selected': selectedIndex === itemIndex ? true : undefined,
-                onMouseDown: (event) => {
-                    // prevent focus from shifting away from the the combobox
-                    event.preventDefault();
-                },
-                onClick: (event) => {
-                    event.preventDefault();
-                    handleAutocompleteClick(event, listboxItem.props);
-                },
-            }) }, itemIndex));
-    };
-    if (!autocompleteItems.length) {
-        return null;
-    }
-    else if (autocompleteItems[0].hasOwnProperty('header')) {
-        let itemIndex = 0;
-        return ((0, jsx_runtime_1.jsx)(Autocomplete, { ...listBoxProps, children: autocompleteItems.map(({ header, items }, groupIndex) => {
-                const groupLabel = `itemGroup-${componentId}-${groupIndex}`;
-                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [react_1.default.cloneElement(header, {
-                            role: 'presentation',
-                            style: { pointerEvents: `none` },
-                        }), items.map((listboxItem) => {
-                            const headerName = (0, Combobox_1.getTextFromElement)(header);
-                            const groupMessage = showGroupText
-                                ? `Entering group ${headerName}, with ${items.length} options.`
-                                : undefined;
-                            const item = createListItem(listboxItem, itemIndex, groupMessage);
-                            itemIndex++;
-                            return item;
-                        })] }, groupLabel));
-            }) }));
-    }
-    else {
-        return ((0, jsx_runtime_1.jsx)(Autocomplete, { ...listBoxProps, children: autocompleteItems.map((listboxItem, index) => createListItem(listboxItem, index)) }));
-    }
-};
-exports.AutocompleteList = AutocompleteList;

package/dist/commonjs/combobox/lib/Combobox.d.ts

@@ -1,79 +0,0 @@
-import React from 'react';
-import { GrowthBehavior } from '@workday/canvas-kit-react/common';
-import { TertiaryButtonProps } from '@workday/canvas-kit-react/button';
-import { TextInputProps } from '@workday/canvas-kit-react/text-input';
-/**
- * @deprecated ⚠️ `ComboBoxMenuItemGroup` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export interface ComboBoxMenuItemGroup {
-    header: React.ReactElement<any>;
-    items: React.ReactElement<any>[];
-}
-/**
- * @deprecated ⚠️ `ComboboxProps` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export interface ComboboxProps extends GrowthBehavior, React.HTMLAttributes<HTMLElement> {
-    /**
-     * The TextInput child of the Combobox.
-     */
-    children: React.ReactElement<TextInputProps>;
-    /**
-     * The initial value of the Combobox.
-     */
-    initialValue?: string;
-    /**
-     * The variant of the Combobox clear button. The default is a TertiaryButton
-     */
-    clearButtonVariant?: TertiaryButtonProps['variant'];
-    /**
-     * If true, render the Combobox with a button to clear the text input.
-     * @default false
-     */
-    showClearButton?: boolean;
-    /**
-     * The `aria-label` for the Combobox clear button.
-     * @default Reset Search Input
-     */
-    clearButtonAriaLabel?: string;
-    /**
-     * The autocomplete items of the Combobox. This array of menu items is shown under the text input.
-     */
-    autocompleteItems?: React.ReactElement<any>[] | ComboBoxMenuItemGroup[];
-    /**
-     * The function called when the Combobox text input changes.
-     */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * The function called when the Combobox text input focuses.
-     */
-    onFocus?: React.FocusEventHandler;
-    /**
-     * The function called when the Combobox text input blurs.
-     */
-    onBlur?: React.FocusEventHandler;
-    /**
-     * The id of the form field.
-     */
-    labelId?: string;
-    /**
-     * The text for screen readers announcing the autocomplete count
-     */
-    getStatusText?: (listCount: number) => string;
-}
-/**
- * @deprecated ⚠️ `listBoxIdPart` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const listBoxIdPart = "listbox";
-/**
- * @deprecated ⚠️ `getOptionId` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const getOptionId: (baseId?: string, index?: number) => string;
-/**
- * @deprecated ⚠️ `getTextFromElement` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const getTextFromElement: (children?: React.ReactNode) => string;
-/**
- * @deprecated ⚠️ `Combobox` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const Combobox: ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant, clearButtonAriaLabel, labelId, getStatusText, id, ...elemProps }: ComboboxProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Combobox.d.ts.map

package/dist/commonjs/combobox/lib/Combobox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAKf,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAEhC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA6DD;;GAEG;AACH,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,WAAW,YAAa,MAAM,UAAU,MAAM,WACrB,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF;;GAEG;AACH,eAAO,MAAM,QAAQ,wLAelB,aAAa,4CAmTf,CAAC"}

package/dist/commonjs/combobox/lib/Combobox.js

@@ -1,349 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Combobox = exports.getTextFromElement = exports.getOptionId = exports.listBoxIdPart = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_2 = require("@emotion/react");
-const common_1 = require("@workday/canvas-kit-react/common");
-const tokens_1 = require("@workday/canvas-kit-react/tokens");
-const card_1 = require("@workday/canvas-kit-react/card");
-const button_1 = require("@workday/canvas-kit-react/button");
-const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-const lodash_flatten_1 = __importDefault(require("lodash.flatten"));
-const AutocompleteList_1 = require("./AutocompleteList");
-const Status_1 = require("./Status");
-const Container = (0, common_1.styled)('div')({
-    display: 'inline-block',
-}, ({ grow }) => ({
-    width: grow ? '100%' : 'auto',
-}));
-const InputContainer = (0, common_1.styled)('div')({
-    display: `flex`,
-    alignItems: `center`,
-    position: 'relative',
-});
-const fadeInKeyframes = (0, react_2.keyframes)({
-    '0%': {
-        opacity: 0,
-    },
-    '100%': {
-        opacity: 1,
-    },
-});
-const MenuContainer = (0, common_1.styled)(card_1.Card)({
-    position: 'absolute',
-    zIndex: 1,
-    left: 0,
-    top: '100%',
-    borderRadius: tokens_1.borderRadius.m,
-    background: tokens_1.commonColors.background,
-    border: `none`,
-    marginTop: `-${tokens_1.borderRadius.m}`,
-    width: '100%',
-    minWidth: 0,
-    animation: `${fadeInKeyframes} 200ms ease-out`,
-    maxHeight: 200,
-    overflow: 'hidden',
-});
-const ResetButton = (0, common_1.styled)(button_1.TertiaryButton, {
-    shouldForwardProp: (0, common_1.filterOutProps)(['shouldShow']),
-})({
-    position: 'absolute',
-    margin: `auto ${tokens_1.space.xxxs}`,
-    top: 0,
-    bottom: 0,
-    right: 0,
-    padding: 0,
-    zIndex: 2,
-    transition: 'opacity 120ms',
-}, ({ shouldShow }) => ({
-    visibility: shouldShow ? 'visible' : 'hidden',
-    opacity: shouldShow ? 1 : 0,
-}));
-/**
- * @deprecated ⚠️ `listBoxIdPart` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-exports.listBoxIdPart = `listbox`;
-const optionIdPart = `option`;
-/**
- * @deprecated ⚠️ `getOptionId` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-const getOptionId = (baseId, index) => `${baseId}-${optionIdPart}-${index}`;
-exports.getOptionId = getOptionId;
-/**
- * @deprecated ⚠️ `getTextFromElement` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-const getTextFromElement = (children) => {
-    let text = '';
-    react_1.default.Children.map(children, child => {
-        if (child == null || typeof child === 'boolean') {
-            text += '';
-        }
-        else if (typeof child === 'string' || typeof child === 'number') {
-            text += child.toString();
-        }
-        else if (Array.isArray(child)) {
-            text += (0, exports.getTextFromElement)(child);
-        }
-        else if ('props' in child) {
-            text += (0, exports.getTextFromElement)(child.props.children);
-        }
-    });
-    return text;
-};
-exports.getTextFromElement = getTextFromElement;
-const buildStatusString = (listCount) => {
-    return `There ${listCount === 1 ? 'is' : 'are'} ${listCount} suggestion${listCount === 1 ? '' : 's'}.`;
-};
-const isValidSingleChild = (child) => {
-    return react_1.default.isValidElement(child) && react_1.default.Children.only(child);
-};
-/**
- * @deprecated ⚠️ `Combobox` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-const Combobox = ({ autocompleteItems, children, grow, initialValue, onChange, onFocus, onBlur, showClearButton, clearButtonVariant = undefined, clearButtonAriaLabel = `Reset Search Input`, labelId, getStatusText = buildStatusString, id, ...elemProps }) => {
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    const [value, _setValue] = (0, react_1.useState)(''); // Don't call _setValue directly instead call setInputValue to make sure onChange fires correctly
-    const [showingAutocomplete, setShowingAutocomplete] = (0, react_1.useState)(false);
-    const [selectedAutocompleteIndex, setSelectedAutocompleteIndex] = (0, react_1.useState)(null);
-    const [interactiveAutocompleteItems, setInteractiveAutocompleteItems] = (0, react_1.useState)([]);
-    const [announcementText, setAnnouncementText] = (0, react_1.useState)('');
-    // Create a ref to the soon-to-be-created TextInput clone for internal use.
-    // Use useForkRef to combine it with the ref already assigned to the original
-    // TextInput (if it exists) to create a single callback ref which can be
-    // forwarded to the TextInput clone.
-    const inputRef = (0, react_1.useRef)(null);
-    // We need access to the original TextInput's ref _property_ (not prop) so we
-    // can combine it with the internal inputRef using useForkRef. ref isn't
-    // listed in the ReactElement interface, but it's there, so we cast children
-    // to satisfy TS.
-    const elementRef = (0, common_1.useForkRef)(children.ref, inputRef);
-    const comboboxRef = (0, react_1.useRef)(null);
-    const randomComponentId = (0, common_1.useUniqueId)();
-    const randomLabelId = (0, common_1.useUniqueId)();
-    const componentId = id || randomComponentId;
-    const formLabelId = labelId || randomLabelId;
-    const [showGroupText, setShowGroupText] = (0, react_1.useState)(false);
-    // We're using LayoutEffect here because of an issue with the Synthetic event system and typing a key
-    // after the listbox has been closed. Somehow the key is ignored unless we use `useLayoutEffect`
-    (0, react_1.useLayoutEffect)(() => {
-        const shouldShow = interactiveAutocompleteItems.length > 0 && isOpened;
-        setShowingAutocomplete(shouldShow);
-        if (shouldShow) {
-            setAnnouncementText(getStatusText(interactiveAutocompleteItems.length));
-        }
-    }, [getStatusText, interactiveAutocompleteItems, isOpened]);
-    const setInputValue = (0, react_1.useCallback)((newValue) => {
-        _setValue(newValue);
-        const inputDomElement = inputRef.current;
-        // Changing value prop programmatically doesn't fire an Synthetic event or trigger native onChange.
-        // We can not just update .value= in setState because React library overrides input value setter
-        // but we can call the function directly on the input as context.
-        // This will cause onChange events to fire no matter how value is updated.
-        if (inputDomElement) {
-            const nativeInputValue = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(inputDomElement), 'value');
-            if (nativeInputValue && nativeInputValue.set) {
-                nativeInputValue.set.call(inputDomElement, newValue);
-            }
-            let event;
-            if (typeof Event === 'function') {
-                // modern browsers
-                event = new Event('input', { bubbles: true });
-            }
-            else {
-                // IE 11
-                event = document.createEvent('Event');
-                event.initEvent('input', true, true);
-            }
-            inputDomElement.dispatchEvent(event);
-        }
-    }, [inputRef]);
-    (0, react_1.useEffect)(() => {
-        if (initialValue !== null && initialValue !== undefined) {
-            setInputValue(initialValue);
-        }
-    }, [initialValue, setInputValue]);
-    (0, react_1.useEffect)(() => {
-        const getInteractiveAutocompleteItems = () => {
-            if (autocompleteItems &&
-                autocompleteItems.length &&
-                autocompleteItems[0].hasOwnProperty('header')) {
-                return (0, lodash_flatten_1.default)(autocompleteItems.map(group => group.items));
-            }
-            return autocompleteItems || [];
-        };
-        setInteractiveAutocompleteItems(getInteractiveAutocompleteItems());
-    }, [autocompleteItems]);
-    const handleAutocompleteClick = (event, menuItemProps) => {
-        if (menuItemProps.isDisabled || menuItemProps['aria-disabled']) {
-            return;
-        }
-        setShowingAutocomplete(false);
-        setIsOpened(false);
-        setInputValue((0, exports.getTextFromElement)(menuItemProps.children));
-        if (menuItemProps.onClick) {
-            menuItemProps.onClick(event);
-        }
-    };
-    const focusInput = () => {
-        if (inputRef.current) {
-            inputRef.current.focus();
-        }
-    };
-    const handleClick = (event) => {
-        if (!showingAutocomplete) {
-            setShowingAutocomplete(true);
-        }
-    };
-    const handleFocus = (event) => {
-        setIsOpened(true);
-        if (onFocus) {
-            onFocus(event);
-        }
-    };
-    const handleBlur = (event) => {
-        if (comboboxRef.current) {
-            const target = event.relatedTarget;
-            if (target && comboboxRef.current.contains(target)) {
-                return;
-            }
-        }
-        setIsOpened(false);
-        if (onBlur) {
-            onBlur(event);
-        }
-    };
-    const resetSearchInput = () => {
-        setInputValue('');
-        focusInput();
-    };
-    const getGroupIndex = (itemIndex) => {
-        if (itemIndex != null &&
-            autocompleteItems &&
-            autocompleteItems.length &&
-            autocompleteItems[0].hasOwnProperty('header')) {
-            let count = 0;
-            return autocompleteItems.findIndex(groups => {
-                count += groups.items.length;
-                return count > itemIndex;
-            });
-        }
-        else {
-            return -1;
-        }
-    };
-    const handleKeyboardShortcuts = (event) => {
-        if (event.ctrlKey || event.altKey || event.metaKey || !interactiveAutocompleteItems.length) {
-            return;
-        }
-        const autoCompleteItemCount = interactiveAutocompleteItems.length;
-        const firstItem = 0;
-        const lastItem = autoCompleteItemCount - 1;
-        let nextIndex = null;
-        setIsOpened(true);
-        switch (event.key) {
-            case 'ArrowUp':
-            case 'Up': // IE/Edge specific value
-                const upIndex = selectedAutocompleteIndex !== null ? selectedAutocompleteIndex - 1 : lastItem;
-                nextIndex = upIndex < 0 ? lastItem : upIndex;
-                event.stopPropagation();
-                event.preventDefault();
-                break;
-            case 'ArrowDown':
-            case 'Down': // IE/Edge specific value
-                const downIndex = selectedAutocompleteIndex !== null ? selectedAutocompleteIndex + 1 : firstItem;
-                nextIndex = downIndex >= autoCompleteItemCount ? firstItem : downIndex;
-                event.stopPropagation();
-                event.preventDefault();
-                break;
-            case 'Escape':
-            case 'Esc': // IE/Edge specific value
-                resetSearchInput();
-                break;
-            case 'Enter':
-                if (selectedAutocompleteIndex != null) {
-                    const item = interactiveAutocompleteItems[selectedAutocompleteIndex];
-                    handleAutocompleteClick(event, item.props);
-                    if (item.props.isDisabled || item.props['aria-disabled']) {
-                        nextIndex = selectedAutocompleteIndex;
-                    }
-                    event.stopPropagation();
-                    event.preventDefault();
-                }
-                break;
-            default:
-        }
-        const lastGroupIndex = getGroupIndex(selectedAutocompleteIndex);
-        const nextGroupIndex = getGroupIndex(nextIndex);
-        setShowGroupText(lastGroupIndex !== nextGroupIndex);
-        setSelectedAutocompleteIndex(nextIndex);
-    };
-    const handleSearchInputChange = (event) => {
-        if (onChange) {
-            onChange(event);
-        }
-        _setValue(event.target.value); // Calling set value directly only for on change event
-    };
-    const renderChildren = (inputElement) => {
-        let cssOverride = { ':focus': { zIndex: 2 } };
-        if (showClearButton) {
-            cssOverride = {
-                ...cssOverride,
-                paddingInlineEnd: tokens_1.space.xl,
-            };
-        }
-        const newTextInputProps = {
-            type: 'text',
-            grow: grow,
-            value: value,
-            ref: elementRef,
-            'aria-autocomplete': 'list',
-            'aria-activedescendant': selectedAutocompleteIndex !== null
-                ? (0, exports.getOptionId)(componentId, selectedAutocompleteIndex)
-                : undefined,
-            onClick: handleClick,
-            onChange: handleSearchInputChange,
-            onKeyDown: handleKeyboardShortcuts,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            css: cssOverride,
-            role: 'combobox',
-            'aria-owns': showingAutocomplete ? `${componentId}-${exports.listBoxIdPart}` : undefined,
-            'aria-haspopup': true,
-            'aria-expanded': showingAutocomplete,
-        };
-        const cloneElement = (element, props) => (0, react_2.jsx)(element.type, {
-            ...element.props,
-            ...props,
-        });
-        return cloneElement(inputElement, { ...inputElement.props, ...newTextInputProps });
-    };
-    return ((0, jsx_runtime_1.jsxs)(Container, { grow: grow, ...elemProps, children: [(0, jsx_runtime_1.jsxs)(InputContainer, { ref: comboboxRef, children: [isValidSingleChild(children) && react_1.default.Children.map(children, renderChildren), showClearButton && ((0, jsx_runtime_1.jsx)(ResetButton, { shouldShow: !!value, "aria-label": clearButtonAriaLabel, icon: canvas_system_icons_web_1.xSmallIcon, variant: clearButtonVariant, onClick: resetSearchInput, onBlur: handleBlur, "data-part": "combobox-reset-button", size: "small", type: "button" })), showingAutocomplete && autocompleteItems && ((0, jsx_runtime_1.jsx)(MenuContainer, { padding: tokens_1.space.zero, depth: 3, children: (0, jsx_runtime_1.jsx)(card_1.Card.Body, { children: (0, jsx_runtime_1.jsx)(AutocompleteList_1.AutocompleteList, { comboboxId: componentId, autocompleteItems: autocompleteItems, selectedIndex: selectedAutocompleteIndex, handleAutocompleteClick: handleAutocompleteClick, labelId: formLabelId, showGroupText: showGroupText }) }) }))] }), (0, jsx_runtime_1.jsx)(Status_1.Status, { announcementText: announcementText })] }));
-};
-exports.Combobox = Combobox;

package/dist/commonjs/combobox/lib/Status.d.ts

@@ -1,16 +0,0 @@
-/**
- * @deprecated ⚠️ `StatusProps` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export interface StatusProps {
-    ariaLive?: 'polite' | 'assertive' | 'off';
-    role?: 'log' | 'status' | 'alert' | 'progressbar' | 'marquee' | 'timer';
-    ariaRelevant?: 'additions' | 'additions text' | 'all' | 'removals' | 'text';
-    ariaAtomic?: boolean;
-    expireMilliseconds?: number;
-    announcementText?: string;
-}
-/**
- * @deprecated ⚠️ `Status` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-export declare const Status: ({ ariaLive, role, ariaRelevant, expireMilliseconds, announcementText, ariaAtomic, }: StatusProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Status.d.ts.map

package/dist/commonjs/combobox/lib/Status.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Status.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;IACxE,YAAY,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,KAAK,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID;;GAEG;AACH,eAAO,MAAM,MAAM,wFAOhB,WAAW,4CAuBb,CAAC"}

package/dist/commonjs/combobox/lib/Status.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Status = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const common_1 = require("@workday/canvas-kit-react/common");
-const Container = (0, styled_1.default)('div')(common_1.accessibleHide);
-/**
- * @deprecated ⚠️ `Status` in Labs has been deprecated and will be removed in a future major version. Please use [`Combobox` in Main](https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs) instead.
- */
-const Status = ({ ariaLive = 'polite', role = 'status', ariaRelevant = 'additions', expireMilliseconds = 500, announcementText = '', ariaAtomic, }) => {
-    const [displayText, setDisplayText] = (0, react_1.useState)(announcementText);
-    (0, react_1.useEffect)(() => {
-        if (!announcementText) {
-            return;
-        }
-        setDisplayText(announcementText);
-        const clearText = setTimeout(() => setDisplayText(''), expireMilliseconds);
-        return () => {
-            clearTimeout(clearText);
-        };
-    }, [announcementText, expireMilliseconds]);
-    return ((0, jsx_runtime_1.jsx)(Container, { "aria-live": ariaLive, role: role, "aria-relevant": ariaRelevant, "aria-atomic": ariaAtomic, children: displayText }));
-};
-exports.Status = Status;

package/dist/commonjs/search-form/index.d.ts

@@ -1,3 +0,0 @@
-export * from './lib/SearchForm';
-export * from './lib/themes';
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/search-form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../search-form/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}

package/dist/commonjs/search-form/index.js

@@ -1,18 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lib/SearchForm"), exports);
-__exportStar(require("./lib/themes"), exports);