@toptal/picasso-select 4.1.3-alpha-1757603192867.0 → 4.1.3-alpha-1757603777486.0

package/dist-package/src/NonNativeSelectOption/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NonNativeSelectOption/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist-package/src/NonNativeSelectOptions/NonNativeSelectOptions.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import type { FocusEventType, ItemProps, Option, OptionGroups, SelectProps, Selection } from '../SelectBase';
+export declare type Props = Pick<SelectProps, 'multiple' | 'noOptionsText' | 'renderOption'> & {
+    options: Option[] | OptionGroups;
+    highlightedIndex: number | null;
+    filterOptionsValue: string;
+    getItemProps: (option: Option, index: number) => ItemProps;
+    onBlur?: FocusEventType;
+    fixedHeader?: ReactNode;
+    fixedFooter?: ReactNode;
+    selection: Selection;
+    testIds?: {
+        noOptions?: string;
+    };
+};
+declare const NonNativeSelectOptions: {
+    ({ options, renderOption, highlightedIndex, getItemProps, onBlur, selection, filterOptionsValue, noOptionsText, fixedHeader, fixedFooter, testIds, }: Props): JSX.Element;
+    displayName: string;
+};
+export default NonNativeSelectOptions;
+//# sourceMappingURL=NonNativeSelectOptions.d.ts.map

package/dist-package/src/NonNativeSelectOptions/NonNativeSelectOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectOptions.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectOptions/NonNativeSelectOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,OAAO,KAAK,EACV,cAAc,EACd,SAAS,EACT,MAAM,EACN,YAAY,EACZ,WAAW,EACX,SAAS,EACV,MAAM,eAAe,CAAA;AAkCtB,oBAAY,KAAK,GAAG,IAAI,CACtB,WAAW,EACX,UAAU,GAAG,eAAe,GAAG,cAAc,CAC9C,GAAG;IACF,OAAO,EAAE,MAAM,EAAE,GAAG,YAAY,CAAA;IAChC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,kBAAkB,EAAE,MAAM,CAAA;IAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE;QACR,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,CAAA;AAkFD,QAAA,MAAM,sBAAsB;0JAYzB,KAAK;;CAiDP,CAAA;AAID,eAAe,sBAAsB,CAAA"}

package/dist-package/src/NonNativeSelectOptions/NonNativeSelectOptions.js

@@ -0,0 +1,83 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo } from 'react';
+import { MenuItem } from '@toptal/picasso-menu';
+import { Typography } from '@toptal/picasso-typography';
+import { NonNativeSelectOption } from '../NonNativeSelectOption';
+import { SelectOptions } from '../SelectOptions';
+import { flattenOptions, isOptionsType } from '../SelectBase';
+const MenuGroup = (props) => {
+    const { group, children } = props, rest = __rest(props, ["group", "children"]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(MenuItem, Object.assign({ role: 'option', titleCase: false, nonSelectable: true, className: 'pt-4 px-4 pb-[10px]' }, rest),
+            React.createElement(Typography, { size: 'xsmall', weight: 'semibold', color: 'dark-grey' }, group)),
+        children));
+};
+const renderOptions = ({ options, getItemProps, selection, highlightedIndex, offset = 0, renderOption, }) => {
+    return options.map((option, index) => {
+        return (React.createElement(NonNativeSelectOption, Object.assign({ key: option.key || option.value, option: option, selected: selection.isOptionSelected(option), highlighted: highlightedIndex === index + offset, description: option.description }, getItemProps(option, index + offset)), renderOption === null || renderOption === void 0 ? void 0 : renderOption(option)));
+    });
+};
+const renderGroups = ({ groups, getItemProps, selection, highlightedIndex, renderOption, }) => {
+    let optionsCount = 0;
+    return Object.keys(groups).map(group => {
+        const menuGroups = (React.createElement(MenuGroup, { key: group, group: group }, renderOptions({
+            options: groups[group],
+            getItemProps,
+            selection,
+            highlightedIndex,
+            offset: optionsCount,
+            renderOption,
+        })));
+        optionsCount += groups[group].length;
+        return menuGroups;
+    });
+};
+const addOffsetToHighlightedIndex = (groups, highlightedIndex) => {
+    if (!highlightedIndex) {
+        return highlightedIndex;
+    }
+    let optionsCount = 0;
+    const offset = Object.values(groups).findIndex(group => {
+        optionsCount += group.length;
+        const isHighlightedOptionInGroup = highlightedIndex < optionsCount;
+        return isHighlightedOptionInGroup;
+    }) + 1;
+    return highlightedIndex + offset;
+};
+const NonNativeSelectOptions = ({ options, renderOption = () => null, highlightedIndex, getItemProps, onBlur, selection, filterOptionsValue, noOptionsText, fixedHeader, fixedFooter, testIds, }) => {
+    const flatOptions = useMemo(() => flattenOptions(options), [options]);
+    if (!flatOptions.length && filterOptionsValue) {
+        return (React.createElement(SelectOptions, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.noOptions, role: 'listbox', fixedHeader: fixedHeader },
+            React.createElement(MenuItem, { titleCase: false, disabled: true }, noOptionsText)));
+    }
+    return (React.createElement(SelectOptions, { fixedHeader: fixedHeader, onBlur: onBlur, selectedIndex: isOptionsType(options)
+            ? highlightedIndex
+            : addOffsetToHighlightedIndex(options, highlightedIndex), fixedFooter: fixedFooter, role: 'listbox' }, isOptionsType(options)
+        ? renderOptions({
+            options,
+            getItemProps,
+            selection,
+            highlightedIndex,
+            renderOption,
+        })
+        : renderGroups({
+            groups: options,
+            getItemProps,
+            selection,
+            highlightedIndex,
+            renderOption,
+        })));
+};
+NonNativeSelectOptions.displayName = 'NonNativeSelectOptions';
+export default NonNativeSelectOptions;
+//# sourceMappingURL=NonNativeSelectOptions.js.map

package/dist-package/src/NonNativeSelectOptions/NonNativeSelectOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NonNativeSelectOptions.js","sourceRoot":"","sources":["../../../src/NonNativeSelectOptions/NonNativeSelectOptions.tsx"],"names":[],"mappings":"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"}

package/dist-package/src/NonNativeSelectOptions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectOptions } from './NonNativeSelectOptions';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/NonNativeSelectOptions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NonNativeSelectOptions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist-package/src/NonNativeSelectOptions/index.js

@@ -0,0 +1,2 @@
+export { default as NonNativeSelectOptions } from './NonNativeSelectOptions';
+//# sourceMappingURL=index.js.map

package/dist-package/src/NonNativeSelectOptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NonNativeSelectOptions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}

package/dist-package/src/ScrollMenu/ScrollMenu.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode, RefObject } from 'react';
+import React from 'react';
+import type { BaseProps } from '@toptal/picasso-shared';
+export interface Props extends BaseProps {
+    children: React.ReactNode;
+    selectedIndex?: number | null;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    fixedHeader?: ReactNode;
+    fixedFooter?: ReactNode;
+    role?: 'listbox' | 'menu';
+    testIds?: {
+        root?: string;
+        list?: string;
+    };
+}
+export declare const scrollToSelection: (menuRef: RefObject<HTMLDivElement>, selectedIndex?: number | null) => void;
+declare const ScrollMenu: {
+    (props: Props): JSX.Element;
+    defaultProps: {
+        role: string;
+    };
+    displayName: string;
+};
+export default ScrollMenu;
+//# sourceMappingURL=ScrollMenu.d.ts.map

package/dist-package/src/ScrollMenu/ScrollMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollMenu.d.ts","sourceRoot":"","sources":["../../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,KAAiB,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;CACF;AAUD,eAAO,MAAM,iBAAiB,YACnB,UAAU,cAAc,CAAC,kBAClB,MAAM,GAAG,IAAI,SAiB9B,CAAA;AAQD,QAAA,MAAM,UAAU;YAAW,KAAK;;;;;CAgD/B,CAAA;AAQD,eAAe,UAAU,CAAA"}

package/dist-package/src/ScrollMenu/ScrollMenu.js

@@ -0,0 +1,57 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useRef } from 'react';
+import { useIsomorphicLayoutEffect } from '@toptal/picasso-utils';
+import { Menu } from '@toptal/picasso-menu';
+import { twJoin, twMerge } from '@toptal/picasso-tailwind-merge';
+const getMenuSelectedNode = (menuRef, selectedIndex) => {
+    var _a;
+    return typeof selectedIndex === 'number'
+        ? (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.children[selectedIndex]
+        : undefined;
+};
+export const scrollToSelection = (menuRef, selectedIndex) => {
+    const menuNode = menuRef.current;
+    const selectedNode = getMenuSelectedNode(menuRef, selectedIndex);
+    if (!menuNode || !selectedNode) {
+        return;
+    }
+    const menuRect = menuNode.getBoundingClientRect();
+    const selectedRect = selectedNode.getBoundingClientRect();
+    if (selectedRect.top < menuRect.top) {
+        menuNode.scrollTop -= menuRect.top - selectedRect.top;
+    }
+    else if (selectedRect.bottom > menuRect.bottom) {
+        menuNode.scrollTop += selectedRect.bottom - menuRect.bottom;
+    }
+};
+const preventClick = (e) => {
+    // ScrollMenu is used in dropdowns.
+    // When clicking on the scrollView, the dropdown should not close.
+    e.preventDefault();
+};
+const ScrollMenu = (props) => {
+    const { selectedIndex, onBlur, children, style, fixedHeader, fixedFooter, className, role, testIds, 'data-testid': dataTestId } = props, rest = __rest(props, ["selectedIndex", "onBlur", "children", "style", "fixedHeader", "fixedFooter", "className", "role", "testIds", 'data-testid']);
+    const menuRef = useRef(null);
+    useIsomorphicLayoutEffect(() => scrollToSelection(menuRef, selectedIndex), [selectedIndex]);
+    return (React.createElement(Menu, Object.assign({ className: twMerge('bg-white', className), style: style, role: role, "data-testid": dataTestId || (testIds === null || testIds === void 0 ? void 0 : testIds.root) }, rest),
+        fixedHeader,
+        React.createElement("div", { onMouseDown: preventClick },
+            React.createElement("div", { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.list, ref: menuRef, className: twJoin('overflow-y-auto', 'max-h-[26.875rem]', '[@media(max-height:585px)]:max-h-[calc(50vh-4.3125rem)]', '[@media(max-height:585px)]:md:max-h-[calc(50vh-4.8125rem)]'), onBlur: onBlur }, children),
+            fixedFooter)));
+};
+ScrollMenu.defaultProps = {
+    role: 'menu',
+};
+ScrollMenu.displayName = 'ScrollMenu';
+export default ScrollMenu;
+//# sourceMappingURL=ScrollMenu.js.map

package/dist-package/src/ScrollMenu/ScrollMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollMenu.js","sourceRoot":"","sources":["../../../src/ScrollMenu/ScrollMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAehE,MAAM,mBAAmB,GAAG,CAC1B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;;IACF,OAAA,OAAO,aAAa,KAAK,QAAQ;QAC/B,CAAC,CAAC,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,aAAa,CAAC;QAC1C,CAAC,CAAC,SAAS,CAAA;CAAA,CAAA;AAEf,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAkC,EAClC,aAA6B,EAC7B,EAAE;IACF,MAAM,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAA;IAChC,MAAM,YAAY,GAAG,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAEhE,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,EAAE;QAC9B,OAAM;KACP;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,qBAAqB,EAAE,CAAA;IACjD,MAAM,YAAY,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAA;IAEzD,IAAI,YAAY,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,GAAG,GAAG,YAAY,CAAC,GAAG,CAAA;KACtD;SAAM,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE;QAChD,QAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAA;KAC5D;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,CAAC,CAAmB,EAAE,EAAE;IAC3C,mCAAmC;IACnC,kEAAkE;IAClE,CAAC,CAAC,cAAc,EAAE,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IAClC,MAAM,EACJ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAS,EACT,IAAI,EACJ,OAAO,EACP,aAAa,EAAE,UAAU,KAEvB,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,6HAYL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,yBAAyB,CACvB,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,EAC/C,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,kBACH,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,iBACG,UAAU,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA,IACpC,IAAI;QAEP,WAAW;QACZ,6BAAK,WAAW,EAAE,YAAY;YAC5B,4CACe,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAC1B,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,MAAM,CACf,iBAAiB,EACjB,mBAAmB,EACnB,yDAAyD,EACzD,4DAA4D,CAC7D,EACD,MAAM,EAAE,MAAM,IAEb,QAAQ,CACL;YACL,WAAW,CACR,CACD,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,YAAY,GAAG;IACxB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/dist-package/src/ScrollMenu/index.d.ts

@@ -0,0 +1,5 @@
+import type { OmitInternalProps } from '@toptal/picasso-shared';
+import type { Props } from './ScrollMenu';
+export { default as ScrollMenu } from './ScrollMenu';
+export declare type ScrollMenuProps = OmitInternalProps<Props>;
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/ScrollMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ScrollMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,oBAAY,eAAe,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/ScrollMenu/index.js

@@ -0,0 +1,2 @@
+export { default as ScrollMenu } from './ScrollMenu';
+//# sourceMappingURL=index.js.map

package/dist-package/src/ScrollMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ScrollMenu/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist-package/src/Select/Select.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { SelectProps, ValueType } from '../SelectBase';
+export declare const Select: import("@toptal/picasso-utils").Component<(<T extends ValueType, M extends boolean = false>(props: SelectProps<T, M, M extends true ? T[] : T> & {
+    ref?: React.Ref<HTMLInputElement> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null), unknown>;
+export default Select;
+//# sourceMappingURL=Select.d.ts.map

package/dist-package/src/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AA0B3D,eAAO,MAAM,MAAM;;0FAelB,CAAA;AAsBD,eAAe,MAAM,CAAA"}

package/dist-package/src/Select/Select.js

@@ -0,0 +1,57 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { disableUnsupportedProps, noop, documentable, forwardRef, } from '@toptal/picasso-utils';
+import { DEFAULT_LIMIT, DEFAULT_SEARCH_THRESHOLD, getOptionText, renderOption, } from '../SelectBase';
+import { NonNativeSelect } from '../NonNativeSelect';
+import { NativeSelect } from '../NativeSelect';
+const purifyProps = (props) => {
+    const sizeOptions = {
+        featureProps: {
+            size: 'small',
+        },
+        unsupportedProps: {
+            icon: undefined,
+            loading: false,
+        },
+    };
+    return disableUnsupportedProps('Select', props, sizeOptions);
+};
+export const Select = documentable(forwardRef((_a, ref) => {
+    var { native } = _a, props = __rest(_a, ["native"]);
+    return native ? (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement(NativeSelect, Object.assign({}, purifyProps(props), { ref: ref }))) : (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement(NonNativeSelect, Object.assign({}, purifyProps(props), { ref: ref })));
+}));
+Select.defaultProps = {
+    disabled: false,
+    getDisplayValue: getOptionText,
+    iconPosition: 'start',
+    loading: false,
+    noOptionsText: 'No matches found',
+    onChange: noop,
+    onBlur: noop,
+    renderOption: renderOption,
+    size: 'medium',
+    width: 'full',
+    searchThreshold: DEFAULT_SEARCH_THRESHOLD,
+    limit: DEFAULT_LIMIT,
+    enableAutofill: false,
+    searchPlaceholder: 'Search',
+    native: false,
+    status: 'default',
+    enableResetSearch: false,
+};
+export default Select;
+//# sourceMappingURL=Select.js.map

package/dist-package/src/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,uBAAuB,EACvB,IAAI,EACJ,YAAY,EACZ,UAAU,GACX,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EACL,aAAa,EACb,wBAAwB,EACxB,aAAa,EACb,YAAY,GACb,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,WAAW,GAAG,CAClB,KAA4B,EACK,EAAE;IACnC,MAAM,WAAW,GAAgC;QAC/C,YAAY,EAAE;YACZ,IAAI,EAAE,OAAO;SACd;QACD,gBAAgB,EAAE;YAChB,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,KAAK;SACf;KACF,CAAA;IAED,OAAO,uBAAuB,CAAC,QAAQ,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;AAC9D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAChC,UAAU,CACR,CACE,EAAuC,EACvC,GAAuC,EACvC,EAAE;QAFF,EAAE,MAAM,OAA+B,EAA1B,KAAK,cAAlB,UAAoB,CAAF;IAGlB,OAAO,MAAM,CAAC,CAAC,CAAC;IACd,wDAAwD;IACxD,oBAAC,YAAY,oBAAK,WAAW,CAAC,KAAK,CAAC,IAAE,GAAG,EAAE,GAAG,IAAI,CACnD,CAAC,CAAC,CAAC;IACF,wDAAwD;IACxD,oBAAC,eAAe,oBAAK,WAAW,CAAC,KAAK,CAAC,IAAE,GAAG,EAAE,GAAG,IAAI,CACtD,CAAA;AACH,CAAC,CACF,CACF,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,aAAa;IAC9B,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,KAAK;IACd,aAAa,EAAE,kBAAkB;IACjC,QAAQ,EAAE,IAAI;IACd,MAAM,EAAE,IAAI;IACZ,YAAY,EAAE,YAAY;IAC1B,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,MAAM;IACb,eAAe,EAAE,wBAAwB;IACzC,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE,QAAQ;IAC3B,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;IACjB,iBAAiB,EAAE,KAAK;CACzB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist-package/src/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist-package/src/Select/index.js

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+//# sourceMappingURL=index.js.map

package/dist-package/src/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist-package/src/SelectBase/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { default as useAdornments } from './use-adornments';
+export { default as useSelectProps } from './use-select-props/use-select-props';
+export { default as useSelectState } from './use-select-state';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/SelectBase/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SelectBase/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/SelectBase/hooks/index.js

@@ -0,0 +1,4 @@
+export { default as useAdornments } from './use-adornments';
+export { default as useSelectProps } from './use-select-props/use-select-props';
+export { default as useSelectState } from './use-select-state';
+//# sourceMappingURL=index.js.map

package/dist-package/src/SelectBase/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/SelectBase/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-adornments/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './use-adornments';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/SelectBase/hooks/use-adornments/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-adornments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-adornments/index.js

@@ -0,0 +1,2 @@
+export { default } from './use-adornments';
+//# sourceMappingURL=index.js.map

package/dist-package/src/SelectBase/hooks/use-adornments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-adornments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-adornments/use-adornments.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export interface Props {
+    disabled?: boolean;
+    position: 'start' | 'end';
+    icon?: ReactNode;
+    loading?: boolean;
+}
+export declare const useAdornments: ({ disabled, position, icon, loading }: Props) => (JSX.Element | null)[];
+export default useAdornments;
+//# sourceMappingURL=use-adornments.d.ts.map

package/dist-package/src/SelectBase/hooks/use-adornments/use-adornments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-adornments.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-adornments/use-adornments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAA;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,aAAa,0CAA2C,KAAK,2BAuBjC,CAAA;AAEzC,eAAe,aAAa,CAAA"}

package/dist-package/src/SelectBase/hooks/use-adornments/use-adornments.js

@@ -0,0 +1,13 @@
+import React, { useMemo } from 'react';
+import { InputAdornment } from '@toptal/picasso-input-adornment';
+import { Loader } from '@toptal/picasso-loader';
+export const useAdornments = ({ disabled, position, icon, loading }) => useMemo(() => {
+    const adornment = icon ? (React.createElement(InputAdornment, { disabled: disabled, position: position, disablePointerEvents: true }, icon)) : null;
+    const startAdornment = position === 'start' ? adornment : null;
+    const endIconAdornment = position === 'end' ? adornment : null;
+    const endAdornment = loading ? (React.createElement(InputAdornment, { key: 'loading', position: 'end', disablePointerEvents: true },
+        React.createElement(Loader, { size: 'small' }))) : (endIconAdornment);
+    return [startAdornment, endAdornment];
+}, [disabled, position, icon, loading]);
+export default useAdornments;
+//# sourceMappingURL=use-adornments.js.map

package/dist-package/src/SelectBase/hooks/use-adornments/use-adornments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-adornments.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-adornments/use-adornments.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAS/C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAS,EAAE,EAAE,CAC5E,OAAO,CAAC,GAAG,EAAE;IACX,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CACvB,oBAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,UAEnB,IAAI,CACU,CAClB,CAAC,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,cAAc,GAAG,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9D,MAAM,gBAAgB,GAAG,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;IAC9D,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,CAC7B,oBAAC,cAAc,IAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,oBAAoB;QAC/D,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,GAAG,CACR,CAClB,CAAC,CAAC,CAAC,CACF,gBAAgB,CACjB,CAAA;IAED,OAAO,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA;AACvC,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;AAEzC,eAAe,aAAa,CAAA"}

package/dist-package/src/SelectBase/hooks/use-highlighted-index/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './use-highlighted-index';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/SelectBase/hooks/use-highlighted-index/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-highlighted-index/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-highlighted-index/index.js

@@ -0,0 +1,2 @@
+export { default } from './use-highlighted-index';
+//# sourceMappingURL=index.js.map

package/dist-package/src/SelectBase/hooks/use-highlighted-index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-highlighted-index/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-highlighted-index/use-highlighted-index.d.ts

@@ -0,0 +1,9 @@
+import type { Option, Selection } from '../../types';
+interface Props {
+    flatOptions: Option[];
+    selection: Selection;
+    isOpen: boolean;
+}
+declare const useHighlightedIndex: ({ flatOptions, isOpen, selection }: Props) => readonly [number, (nextIndex: number) => false | void];
+export default useHighlightedIndex;
+//# sourceMappingURL=use-highlighted-index.d.ts.map

package/dist-package/src/SelectBase/hooks/use-highlighted-index/use-highlighted-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-index.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-highlighted-index/use-highlighted-index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEpD,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,mBAAmB,uCAAwC,KAAK,mCAuBtD,MAAM,kBAqBrB,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-highlighted-index/use-highlighted-index.js

@@ -0,0 +1,20 @@
+import { useState, useEffect, useCallback, useMemo } from 'react';
+const useHighlightedIndex = ({ flatOptions, isOpen, selection }) => {
+    const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const selectedIndicies = useMemo(() => flatOptions.reduce((acc, option, index) => selection.isOptionSelected(option) ? [...acc, index] : acc, []), [selection, flatOptions]);
+    const nonDisabledIndicies = useMemo(() => flatOptions.reduce((acc, option, index) => (!option.disabled ? [...acc, index] : acc), []), [flatOptions]);
+    const handleChange = useCallback((nextIndex) => !flatOptions[nextIndex].disabled && setHighlightedIndex(nextIndex), [flatOptions]);
+    // Reset index on close/options change
+    useEffect(() => {
+        const hasSelectedAndNonDisabledOption = selectedIndicies.length === 1 &&
+            !flatOptions[selectedIndicies[0]].disabled;
+        const nextHighlightedIndex = hasSelectedAndNonDisabledOption
+            ? selectedIndicies[0]
+            : nonDisabledIndicies[0];
+        setHighlightedIndex(nextHighlightedIndex);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isOpen, flatOptions]);
+    return [highlightedIndex, handleChange];
+};
+export default useHighlightedIndex;
+//# sourceMappingURL=use-highlighted-index.js.map

package/dist-package/src/SelectBase/hooks/use-highlighted-index/use-highlighted-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-index.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-highlighted-index/use-highlighted-index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAUjE,MAAM,mBAAmB,GAAG,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAS,EAAE,EAAE;IACxE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3D,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACH,WAAW,CAAC,MAAM,CAChB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CACrB,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAC5D,EAAc,CACf,EACH,CAAC,SAAS,EAAE,WAAW,CAAC,CACzB,CAAA;IAED,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CACH,WAAW,CAAC,MAAM,CAChB,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAClE,EAAc,CACf,EACH,CAAC,WAAW,CAAC,CACd,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,SAAiB,EAAE,EAAE,CACpB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,QAAQ,IAAI,mBAAmB,CAAC,SAAS,CAAC,EACpE,CAAC,WAAW,CAAC,CACd,CAAA;IAED,sCAAsC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,+BAA+B,GACnC,gBAAgB,CAAC,MAAM,KAAK,CAAC;YAC7B,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QAE5C,MAAM,oBAAoB,GAAG,+BAA+B;YAC1D,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;YACrB,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAA;QAE1B,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;QAEzC,uDAAuD;IACzD,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAA;IAEzB,OAAO,CAAC,gBAAgB,EAAE,YAAY,CAAU,CAAA;AAClD,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './use-select-props';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/SelectBase/hooks/use-select-props/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/index.js

@@ -0,0 +1,2 @@
+export { default } from './use-select-props';
+//# sourceMappingURL=index.js.map

package/dist-package/src/SelectBase/hooks/use-select-props/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/mocks.d.ts

@@ -0,0 +1,3 @@
+import type { UseSelectProps } from '../../types';
+export declare const getUseSelectPropsMock: () => UseSelectProps;
+//# sourceMappingURL=mocks.d.ts.map

package/dist-package/src/SelectBase/hooks/use-select-props/mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/mocks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,eAAO,MAAM,qBAAqB,QAAO,cAmDxC,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/mocks.js

@@ -0,0 +1,53 @@
+export const getUseSelectPropsMock = () => {
+    return {
+        searchInputRef: {
+            current: {
+                focus: jest.fn(),
+            },
+        },
+        selectRef: {
+            current: {
+                focus: jest.fn(),
+            },
+        },
+        popperRef: {
+            current: {
+                focus: jest.fn(),
+            },
+        },
+        selectProps: {
+            disabled: false,
+            loading: false,
+            onChange: jest.fn(),
+            options: [],
+            renderOption: jest.fn(),
+            getDisplayValue: jest.fn(),
+            value: undefined,
+            multiple: false,
+            native: false,
+            enableReset: false,
+        },
+        selectState: {
+            isOpen: false,
+            canOpen: true,
+            open: jest.fn(),
+            close: jest.fn(),
+            highlightedIndex: 0,
+            closeOnEnter: true,
+            setHighlightedIndex: jest.fn(),
+            setFilterOptionsValue: jest.fn(),
+            showSearch: false,
+            filterOptionsValue: '',
+            displayValue: '',
+            selection: {
+                isSelected: jest.fn(),
+                isOptionSelected: jest.fn(),
+                display: jest.fn(),
+            },
+            filteredOptions: [],
+            emptySelectValue: '',
+            selectedOptions: [],
+        },
+    };
+};
+//# sourceMappingURL=mocks.js.map

package/dist-package/src/SelectBase/hooks/use-select-props/mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAmB,EAAE;IACxD,OAAO;QACL,cAAc,EAAE;YACd,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;aACV;SACT;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;YACnB,OAAO,EAAE,EAAE;YACX,YAAY,EAAE,IAAI,CAAC,EAAE,EAAE;YACvB,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE;YAC1B,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,WAAW,EAAE,KAAK;SACnB;QACD,WAAW,EAAE;YACX,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YACf,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;YAChB,gBAAgB,EAAE,CAAC;YACnB,YAAY,EAAE,IAAI;YAClB,mBAAmB,EAAE,IAAI,CAAC,EAAE,EAAE;YAC9B,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE;YAChC,UAAU,EAAE,KAAK;YACjB,kBAAkB,EAAE,EAAE;YACtB,YAAY,EAAE,EAAE;YAChB,SAAS,EAAE;gBACT,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE;gBACrB,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE;gBAC3B,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;aACnB;YACD,eAAe,EAAE,EAAE;YACnB,gBAAgB,EAAE,EAAE;YACpB,eAAe,EAAE,EAAE;SACpB;KACF,CAAA;AACH,CAAC,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './use-arrows-keydown-handler';
+//# sourceMappingURL=index.d.ts.map

package/dist-package/src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/index.js

@@ -0,0 +1,2 @@
+export { default } from './use-arrows-keydown-handler';
+//# sourceMappingURL=index.js.map

package/dist-package/src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.d.ts

@@ -0,0 +1,5 @@
+import type { KeyboardEvent } from 'react';
+import type { ValueType, UseSelectProps } from '../../../types';
+declare const useArrowsKeyDownHandler: <T extends ValueType, M extends boolean = false>({ selectState: { isOpen, highlightedIndex, filteredOptions, setHighlightedIndex, open, }, }: UseSelectProps<T, M, M extends true ? T[] : T>) => (key: string, event: KeyboardEvent<HTMLInputElement>) => void;
+export default useArrowsKeyDownHandler;
+//# sourceMappingURL=use-arrows-keydown-handler.d.ts.map

package/dist-package/src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-arrows-keydown-handler.d.ts","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-arrows-keydown-handler/use-arrows-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/D,QAAA,MAAM,uBAAuB,yMAanB,MAAM,SAAS,cAAc,gBAAgB,CAAC,SA+BrD,CAAA;AAEH,eAAe,uBAAuB,CAAA"}