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

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

@@ -0,0 +1,31 @@
+import { useCallback } from 'react';
+import { normalizeArrowKey, focusRef } from '../../../utils';
+const useSearchKeyDownHandler = ({ selectRef, selectProps: { onKeyDown }, handleArrowsKeyDown, handleEnterOrSpaceKeyDown, handleEscapeKeyDown, }) => 
+// eslint-disable-next-line complexity
+useCallback(
+// eslint-disable-next-line complexity
+(event) => {
+    const key = normalizeArrowKey(event);
+    if (key === 'Tab') {
+        focusRef(selectRef);
+        event.preventDefault();
+    }
+    else if (key === 'ArrowUp' || key === 'ArrowDown') {
+        handleArrowsKeyDown(key, event);
+    }
+    else if (key === 'Enter') {
+        handleEnterOrSpaceKeyDown(event);
+    }
+    else if (key === 'Escape') {
+        handleEscapeKeyDown(event);
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+}, [
+    selectRef,
+    onKeyDown,
+    handleArrowsKeyDown,
+    handleEnterOrSpaceKeyDown,
+    handleEscapeKeyDown,
+]);
+export default useSearchKeyDownHandler;
+//# sourceMappingURL=use-search-keydown-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-keydown-handler.js","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-search-keydown-handler/use-search-keydown-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAK5D,MAAM,uBAAuB,GAAG,CAG9B,EACA,SAAS,EACT,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,GAKpB,EAAE,EAAE;AACH,sCAAsC;AACtC,WAAW;AACT,sCAAsC;AACtC,CAAC,KAAsC,EAAE,EAAE;IACzC,MAAM,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IAEpC,IAAI,GAAG,KAAK,KAAK,EAAE;QACjB,QAAQ,CAAC,SAAS,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;KACvB;SAAM,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,WAAW,EAAE;QACnD,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;KAChC;SAAM,IAAI,GAAG,KAAK,OAAO,EAAE;QAC1B,yBAAyB,CAAC,KAAK,CAAC,CAAA;KACjC;SAAM,IAAI,GAAG,KAAK,QAAQ,EAAE;QAC3B,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAC3B;IAED,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAA;AACpB,CAAC,EACD;IACE,SAAS;IACT,SAAS;IACT,mBAAmB;IACnB,yBAAyB;IACzB,mBAAmB;CACpB,CACF,CAAA;AAEH,eAAe,uBAAuB,CAAA"}

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

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

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

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

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

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

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

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

package/dist-package/src/SelectBase/hooks/use-select-props/use-search-reset-handler/use-search-reset-handler.d.ts

@@ -0,0 +1,4 @@
+import type { ValueType, UseSelectProps } from '../../../types';
+declare const useSearchResetHandler: <T extends ValueType, M extends boolean = false>({ selectState: { setFilterOptionsValue }, }: UseSelectProps<T, M, M extends true ? T[] : T>) => () => void;
+export default useSearchResetHandler;
+//# sourceMappingURL=use-search-reset-handler.d.ts.map

package/dist-package/src/SelectBase/hooks/use-select-props/use-search-reset-handler/use-search-reset-handler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-reset-handler.d.ts","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-search-reset-handler/use-search-reset-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/D,QAAA,MAAM,qBAAqB,6JAKE,CAAA;AAE7B,eAAe,qBAAqB,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-props/use-search-reset-handler/use-search-reset-handler.js

@@ -0,0 +1,3 @@
+const useSearchResetHandler = ({ selectState: { setFilterOptionsValue }, }) => () => setFilterOptionsValue('');
+export default useSearchResetHandler;
+//# sourceMappingURL=use-search-reset-handler.js.map

package/dist-package/src/SelectBase/hooks/use-select-props/use-search-reset-handler/use-search-reset-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search-reset-handler.js","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-search-reset-handler/use-search-reset-handler.ts"],"names":[],"mappings":"AAEA,MAAM,qBAAqB,GACzB,CAAiD,EAC/C,WAAW,EAAE,EAAE,qBAAqB,EAAE,GACjB,EAAE,EAAE,CAC3B,GAAG,EAAE,CACH,qBAAqB,CAAC,EAAE,CAAC,CAAA;AAE7B,eAAe,qBAAqB,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { Option, ValueType, UseSelectProps } from '../../../types';
+declare const useSelectHandler: <T extends ValueType, M extends boolean = false>({ selectState: { emptySelectValue, setFilterOptionsValue }, selectProps: { multiple, value, name, onChange }, }: UseSelectProps<T, M, M extends true ? T[] : T>) => (event: React.SyntheticEvent, option: Option | null) => void;
+export default useSelectHandler;
+//# sourceMappingURL=use-select-handler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-handler.d.ts","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-select-handler/use-select-handler.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAOvE,QAAA,MAAM,gBAAgB,+NAKV,MAAM,cAAc,UAAU,MAAM,GAAG,IAAI,SAoBpD,CAAA;AAEH,eAAe,gBAAgB,CAAA"}

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

@@ -0,0 +1,21 @@
+/* eslint-disable max-lines */
+import { useCallback } from 'react';
+import { EMPTY_INPUT_VALUE, toggleMultipleSelectValue, fireOnChangeEvent, } from '../../../utils';
+const useSelectHandler = ({ selectState: { emptySelectValue, setFilterOptionsValue }, selectProps: { multiple, value, name, onChange }, }) => useCallback((event, option) => {
+    let newValue;
+    if (option === null) {
+        newValue = emptySelectValue;
+    }
+    else if (multiple) {
+        newValue = toggleMultipleSelectValue((value !== null && value !== void 0 ? value : []), option);
+    }
+    else {
+        newValue = option.value;
+    }
+    fireOnChangeEvent({ event, value: newValue, name, onChange });
+    if (!multiple) {
+        setFilterOptionsValue(EMPTY_INPUT_VALUE);
+    }
+}, [name, onChange, emptySelectValue, setFilterOptionsValue, multiple, value]);
+export default useSelectHandler;
+//# sourceMappingURL=use-select-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-handler.js","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-select-handler/use-select-handler.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,iBAAiB,GAClB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,gBAAgB,GAAG,CAAiD,EACxE,WAAW,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,EACxD,WAAW,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAC3B,EAAE,EAAE,CACzB,WAAW,CACT,CAAC,KAA2B,EAAE,MAAqB,EAAE,EAAE;IACrD,IAAI,QAAiC,CAAA;IAErC,IAAI,MAAM,KAAK,IAAI,EAAE;QACnB,QAAQ,GAAG,gBAAgB,CAAA;KAC5B;SAAM,IAAI,QAAQ,EAAE;QACnB,QAAQ,GAAG,yBAAyB,CAClC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAgB,EAC5B,MAAM,CACP,CAAA;KACF;SAAM;QACL,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAA;KACxB;IAED,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;IAC7D,IAAI,CAAC,QAAQ,EAAE;QACb,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;KACzC;AACH,CAAC,EACD,CAAC,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC3E,CAAA;AAEH,eAAe,gBAAgB,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import type { KeyboardEvent } from 'react';
+import type { ValueType, UseSelectProps } from '../../../types';
+import type useArrowsKeyDownHandler from '../use-arrows-keydown-handler';
+import type useEnterOrSpaceKeyDownHandler from '../use-enter-or-space-keydown-handler';
+import type useEscapeKeyDownHandler from '../use-escape-keydown-handler';
+declare const useSelectKeyDownHandler: <T extends ValueType, M extends boolean = false>({ selectProps: { onKeyDown, native }, searchInputRef, selectState: { isOpen, showSearch }, handleArrowsKeyDown, handleEnterOrSpaceKeyDown, handleEscapeKeyDown, }: UseSelectProps<T, M, M extends true ? T[] : T> & {
+    handleArrowsKeyDown: ReturnType<typeof useArrowsKeyDownHandler>;
+    handleEnterOrSpaceKeyDown: ReturnType<typeof useEnterOrSpaceKeyDownHandler>;
+    handleEscapeKeyDown: ReturnType<typeof useEscapeKeyDownHandler>;
+}) => (event: KeyboardEvent<HTMLInputElement>) => void;
+export default useSelectKeyDownHandler;
+//# sourceMappingURL=use-select-keydown-handler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-keydown-handler.d.ts","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-select-keydown-handler/use-select-keydown-handler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE/D,OAAO,KAAK,uBAAuB,MAAM,+BAA+B,CAAA;AACxE,OAAO,KAAK,6BAA6B,MAAM,uCAAuC,CAAA;AACtF,OAAO,KAAK,uBAAuB,MAAM,+BAA+B,CAAA;AAExE,QAAA,MAAM,uBAAuB;yBAWN,WAAW,8BAA8B,CAAC;+BACpC,WAAW,oCAAoC,CAAC;yBACtD,WAAW,8BAA8B,CAAC;cAKrD,cAAc,gBAAgB,CAAC,SAqCxC,CAAA;AAEH,eAAe,uBAAuB,CAAA"}

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

@@ -0,0 +1,44 @@
+import { useCallback } from 'react';
+import { normalizeArrowKey, focusRef } from '../../../utils';
+const useSelectKeyDownHandler = ({ selectProps: { onKeyDown, native }, searchInputRef, selectState: { isOpen, showSearch }, handleArrowsKeyDown, handleEnterOrSpaceKeyDown, handleEscapeKeyDown, }) => 
+// eslint-disable-next-line complexity
+useCallback(
+// eslint-disable-next-line complexity
+(event) => {
+    if (native) {
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+        // for the native select we don't want to prevent defaults for the event
+        // and don't need any manual operations for keydown event
+        return;
+    }
+    const key = normalizeArrowKey(event);
+    const isCharacterKey = key.length === 1;
+    if (key === 'ArrowUp' || key === 'ArrowDown') {
+        handleArrowsKeyDown(key, event);
+    }
+    else if (key === 'Enter' || key === ' ') {
+        handleEnterOrSpaceKeyDown(event);
+    }
+    else if (key === 'Escape') {
+        handleEscapeKeyDown(event);
+    }
+    else if (key === 'Tab' && isOpen && showSearch) {
+        event.preventDefault();
+        focusRef(searchInputRef);
+    }
+    else if (isCharacterKey || key === 'Backspace') {
+        focusRef(searchInputRef);
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+}, [
+    native,
+    onKeyDown,
+    searchInputRef,
+    isOpen,
+    showSearch,
+    handleArrowsKeyDown,
+    handleEnterOrSpaceKeyDown,
+    handleEscapeKeyDown,
+]);
+export default useSelectKeyDownHandler;
+//# sourceMappingURL=use-select-keydown-handler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-keydown-handler.js","sourceRoot":"","sources":["../../../../../../src/SelectBase/hooks/use-select-props/use-select-keydown-handler/use-select-keydown-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAK5D,MAAM,uBAAuB,GAAG,CAG9B,EACA,WAAW,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAClC,cAAc,EACd,WAAW,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EACnC,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,GAKpB,EAAE,EAAE;AACH,sCAAsC;AACtC,WAAW;AACT,sCAAsC;AACtC,CAAC,KAAsC,EAAE,EAAE;IACzC,IAAI,MAAM,EAAE;QACV,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAA;QAElB,wEAAwE;QACxE,yDAAyD;QACzD,OAAM;KACP;IAED,MAAM,GAAG,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;IACpC,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,KAAK,CAAC,CAAA;IAEvC,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,WAAW,EAAE;QAC5C,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;KAChC;SAAM,IAAI,GAAG,KAAK,OAAO,IAAI,GAAG,KAAK,GAAG,EAAE;QACzC,yBAAyB,CAAC,KAAK,CAAC,CAAA;KACjC;SAAM,IAAI,GAAG,KAAK,QAAQ,EAAE;QAC3B,mBAAmB,CAAC,KAAK,CAAC,CAAA;KAC3B;SAAM,IAAI,GAAG,KAAK,KAAK,IAAI,MAAM,IAAI,UAAU,EAAE;QAChD,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,QAAQ,CAAC,cAAc,CAAC,CAAA;KACzB;SAAM,IAAI,cAAc,IAAI,GAAG,KAAK,WAAW,EAAE;QAChD,QAAQ,CAAC,cAAc,CAAC,CAAA;KACzB;IAED,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAA;AACpB,CAAC,EACD;IACE,MAAM;IACN,SAAS;IACT,cAAc;IACd,MAAM;IACN,UAAU;IACV,mBAAmB;IACnB,yBAAyB;IACzB,mBAAmB;CACpB,CACF,CAAA;AAEH,eAAe,uBAAuB,CAAA"}

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

@@ -0,0 +1,4 @@
+import type { ValueType, UseSelectProps, UseSelectOutput } from '../../types';
+declare const useSelectProps: <T extends ValueType, M extends boolean = false>(props: UseSelectProps<T, M, M extends true ? T[] : T>) => UseSelectOutput;
+export default useSelectProps;
+//# sourceMappingURL=use-select-props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-props.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/use-select-props.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,SAAS,EACT,cAAc,EACd,eAAe,EAChB,MAAM,aAAa,CAAA;AAkBpB,QAAA,MAAM,cAAc,6GAEjB,eAgEF,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,66 @@
+import useFocusHandler from './use-focus-handler';
+import useClickHandler from './use-click-handler';
+import useBlurHandler from './use-blur-handler';
+import useSelectHandler from './use-select-handler';
+import useSearchBlurHandler from './use-search-blur-handler';
+import useEscapeKeyDownHandler from './use-escape-keydown-handler';
+import useSearchKeyDownHandler from './use-search-keydown-handler';
+import useSelectKeyDownHandler from './use-select-keydown-handler';
+import useEnterOrSpaceKeyDownHandler from './use-enter-or-space-keydown-handler';
+import useArrowsKeyDownHandler from './use-arrows-keydown-handler';
+import useResetClickHandler from './use-reset-click-handler';
+import useSearchChangeHandler from './use-search-change-handler';
+import useItemOnMouseDownHandler from './use-item-on-mouse-down-handler';
+import useItemOnMouseEnter from './use-item-on-mouse-enter-handler';
+import useItemOnClick from './use-item-on-click-handler';
+import useSearchResetHandler from './use-search-reset-handler';
+const useSelectProps = (props) => {
+    const handleFocus = useFocusHandler(props);
+    const handleClick = useClickHandler(props);
+    const handleBlur = useBlurHandler(props);
+    const handleSelect = useSelectHandler(props);
+    const handleSearchBlur = useSearchBlurHandler(props);
+    const handleEscapeKeyDown = useEscapeKeyDownHandler(props);
+    const handleEnterOrSpaceKeyDown = useEnterOrSpaceKeyDownHandler(Object.assign(Object.assign({}, props), { handleSelect }));
+    const handleArrowsKeyDown = useArrowsKeyDownHandler(props);
+    const handleResetClick = useResetClickHandler(Object.assign(Object.assign({}, props), { handleSelect }));
+    const handleSearchReset = useSearchResetHandler(props);
+    const handleSearchChange = useSearchChangeHandler(props);
+    const handleItemOnMouseDown = useItemOnMouseDownHandler();
+    const handleItemOnMouseEnter = useItemOnMouseEnter(props);
+    const handleItemOnClick = useItemOnClick(Object.assign(Object.assign({}, props), { handleSelect }));
+    const handleSearchKeyDown = useSearchKeyDownHandler(Object.assign(Object.assign({}, props), { handleArrowsKeyDown,
+        handleEnterOrSpaceKeyDown,
+        handleEscapeKeyDown }));
+    const handleSelectKeyDown = useSelectKeyDownHandler(Object.assign(Object.assign({}, props), { handleArrowsKeyDown,
+        handleEnterOrSpaceKeyDown,
+        handleEscapeKeyDown }));
+    const getItemProps = (item, index) => ({
+        onMouseEnter: () => handleItemOnMouseEnter(index),
+        onMouseDown: handleItemOnMouseDown,
+        onClick: (event) => handleItemOnClick(event, item),
+    });
+    const getRootProps = () => ({
+        onFocus: handleFocus,
+        onClick: handleClick,
+        onBlur: handleBlur,
+    });
+    const getInputProps = () => ({
+        onKeyDown: handleSelectKeyDown,
+        onResetClick: handleResetClick,
+    });
+    const getSearchInputProps = () => ({
+        onChange: handleSearchChange,
+        onKeyDown: handleSearchKeyDown,
+        onBlur: handleSearchBlur,
+        onResetClick: handleSearchReset,
+    });
+    return {
+        getItemProps,
+        getRootProps,
+        getInputProps,
+        getSearchInputProps,
+    };
+};
+export default useSelectProps;
+//# sourceMappingURL=use-select-props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-props.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/use-select-props.ts"],"names":[],"mappings":"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"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import type { Option, OptionGroups, ValueType, UseSelectStateOutput } from '../../types';
+export declare const EMPTY_INPUT_VALUE = "";
+export interface Props {
+    getDisplayValue: (option: Option | null) => string;
+    filterFlatOptions?: (options: Option[], filterOptionsValue: string, getDisplayValue: (option: Option | null) => string) => Option[];
+    options: Option[] | OptionGroups;
+    disabled?: boolean;
+    multiple?: boolean;
+    value?: ValueType | ValueType[];
+    searchThreshold?: number;
+    limit?: number;
+}
+declare const useSelectState: (props: Props) => UseSelectStateOutput;
+export default useSelectState;
+//# sourceMappingURL=use-select-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-state.d.ts","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-state/use-select-state.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,MAAM,EACN,YAAY,EACZ,SAAS,EACT,oBAAoB,EACrB,MAAM,aAAa,CAAA;AAapB,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC,MAAM,WAAW,KAAK;IACpB,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAA;IAClD,iBAAiB,CAAC,EAAE,CAClB,OAAO,EAAE,MAAM,EAAE,EACjB,kBAAkB,EAAE,MAAM,EAC1B,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,KAC/C,MAAM,EAAE,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,GAAG,YAAY,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,cAAc,UAAW,KAAK,KAAG,oBAoGtC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist-package/src/SelectBase/hooks/use-select-state/use-select-state.js

@@ -0,0 +1,61 @@
+/* eslint-disable max-statements */
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import { getMultipleSelection, getSingleSelection, getSelectedOptions, DEFAULT_SEARCH_THRESHOLD, DEFAULT_LIMIT, filterOptions, flattenOptions, limitOptions, } from '../../utils';
+import useHighlightedIndex from '../use-highlighted-index';
+export const EMPTY_INPUT_VALUE = '';
+const useSelectState = (props) => {
+    const { getDisplayValue, filterFlatOptions, options = [], disabled = false, multiple, value: valueProp, searchThreshold = DEFAULT_SEARCH_THRESHOLD, limit = DEFAULT_LIMIT, } = props;
+    const flatOptions = useMemo(() => flattenOptions(options), [options]);
+    const selectedOptions = useMemo(() => getSelectedOptions(flatOptions, valueProp), [flatOptions, valueProp]);
+    const selection = useMemo(() => multiple
+        ? getMultipleSelection(selectedOptions)
+        : getSingleSelection(selectedOptions[0]), [selectedOptions, multiple]);
+    const displayValue = useMemo(() => selection.display(getDisplayValue), [selection, getDisplayValue]);
+    const [filterOptionsValue, setFilterOptionsValue] = useState(EMPTY_INPUT_VALUE);
+    const filteredOptions = useMemo(() => filterOptions({
+        options,
+        filterOptionsValue,
+        getDisplayValue,
+        filterFlatOptions,
+    }), [options, filterOptionsValue, getDisplayValue, filterFlatOptions]);
+    const filteredLimitedOptions = useMemo(() => limitOptions({ options: filteredOptions, limit }), [filteredOptions, limit]);
+    const filteredLimitedFlatOptions = useMemo(() => flattenOptions(filteredLimitedOptions), [filteredLimitedOptions]);
+    const emptySelectValue = useMemo(() => (multiple ? [] : ''), [multiple]);
+    // Search should be shown when limit < searchThreshold
+    // otherwise user might not be able to search through long list
+    const showSearch = flatOptions.length >= Math.min(searchThreshold, limit);
+    const [isOpen, setOpen] = useState(false);
+    const canOpen = !isOpen && !disabled;
+    const [highlightedIndex, setHighlightedIndex] = useHighlightedIndex({
+        flatOptions: filteredLimitedFlatOptions,
+        selection,
+        isOpen,
+    });
+    const close = useCallback(() => {
+        setOpen(false);
+    }, []);
+    const open = useCallback(() => {
+        setOpen(true);
+    }, []);
+    useEffect(() => {
+        // we have to close menu if select has became disabled
+        if (disabled && isOpen) {
+            close();
+        }
+    }, [disabled, isOpen, close]);
+    return Object.assign(Object.assign({}, props), { selectedOptions, 
+        // TODO: keep consistent naming
+        filteredOptions: filteredLimitedOptions, isOpen,
+        canOpen,
+        open,
+        close,
+        highlightedIndex, closeOnEnter: !multiple, setHighlightedIndex,
+        showSearch,
+        filterOptionsValue,
+        displayValue,
+        selection,
+        emptySelectValue,
+        setFilterOptionsValue });
+};
+export default useSelectState;
+//# sourceMappingURL=use-select-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-state.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-state/use-select-state.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './utils';
+export { useAdornments, useSelectState, useSelectProps } from './hooks';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SelectBase/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './utils';
+export { useAdornments, useSelectState, useSelectProps } from './hooks';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SelectBase/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA"}

package/dist-package/src/SelectBase/types.d.ts

@@ -0,0 +1,158 @@
+import type { HTMLAttributes, InputHTMLAttributes, ChangeEvent, ReactNode } from 'react';
+import type PopperJs from 'popper.js';
+import type { BaseProps, SizeType } from '@toptal/picasso-shared';
+import type { OutlinedInputProps, Status } from '@toptal/picasso-outlined-input';
+/**
+ * Select props are generalized over possible values in the component and whether
+ * Select should be a multiselect. If you want `onChange` to take a handler that
+ * can take array (for multiselect) you should set `M` to `true`. By default it's
+ * single select.
+ *
+ * @param T The type of the value in the `Select`, can be either `number` or `string`
+ * @param M The `boolean` type of the `multiple` property to indicate whether `onChange` will expect handler to accept plain `T` or array of `T`
+ * @param V Technical type, don't pass type argument to it directly
+ */
+export interface SelectProps<T extends ValueType = ValueType, M extends boolean = boolean, V = M extends true ? T[] : T> extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'color' | 'value'> {
+    /** If true, the 'Select' will be disabled */
+    disabled?: boolean;
+    /** Whether to render select options in portal. Should be disabled in Modals */
+    disablePortal?: boolean;
+    /** Indicate whether `Select` is in `error`, `warning` or `default` state */
+    status?: Extract<Status, 'error' | 'warning' | 'default'>;
+    /** Component ID */
+    id?: string;
+    /** Width of the component */
+    width?: 'full' | 'shrink' | 'auto';
+    /** Width of the menu */
+    menuWidth?: string;
+    /** Shows the loading icon when options are loading */
+    loading?: boolean;
+    /** Placeholder option which is selected by default */
+    placeholder?: string;
+    /** Placeholder for search input */
+    searchPlaceholder?: string;
+    /** Whether icon should be placed at the beginning or end of the `Input` */
+    iconPosition?: 'start' | 'end';
+    /** Specify icon which should be rendered inside Input */
+    icon?: ReactNode;
+    /** Callback invoked when `Select` changes its state. */
+    onChange?: (event: ChangeEvent<{
+        name?: string | undefined;
+        value: V;
+    }>) => void;
+    /** Label to show when no options were found */
+    noOptionsText?: string;
+    /** List of options or option groups to be rendered as `Select` */
+    options: Option<T>[] | OptionGroups<T>;
+    /** Callback responsible for rendering the option given the option and its index in the list of options */
+    renderOption?: (option: Option<T>, index?: number) => ReactNode;
+    /** A function that takes a display value from the option item */
+    getDisplayValue?: (option: Option | null) => string;
+    /** Selected value */
+    value?: V;
+    /** Allow selecting multiple values */
+    multiple?: M;
+    /** Whether to render native browser select or not */
+    native?: boolean;
+    /**
+     * Component size
+     * @default medium
+     */
+    size?: SizeType<'small' | 'medium' | 'large'>;
+    /** Whether to render reset icon which clears selected value */
+    enableReset?: boolean;
+    /** Whether to render reset icon which clears search input value */
+    enableResetSearch?: boolean;
+    popperContainer?: HTMLElement;
+    /** Defines the minimum options number to show the search
+     * @default 10
+     */
+    searchThreshold?: number;
+    /** Limits number of options to display on the list
+     * @default 200
+     */
+    limit?: number;
+    /** Specifies whether the autofill enabled or not, disabled by default */
+    enableAutofill?: boolean;
+    /** A function that is invoked during search. It takes an array of options and a search value and returns filtered options */
+    filterOptions?: (options: Option[], searchValue: string, getDisplayValue?: (option: Option | null) => string) => Option[];
+    ref?: React.Ref<HTMLInputElement>;
+    testIds?: OutlinedInputProps['testIds'] & {
+        noOptions?: string;
+        loader?: string;
+        limitFooter?: string;
+        searchInput?: string;
+    };
+    highlight?: 'autofill';
+}
+export declare type ValueType = string | number;
+export declare type Option<T extends string | number = string | number> = {
+    key?: number;
+    text: string;
+    description?: string;
+    value: T;
+    disabled?: boolean;
+    [prop: string]: string | number | undefined | boolean;
+};
+export declare type OptionGroups<T extends string | number = string | number> = {
+    [group: string]: Option<T>[];
+};
+export declare type ItemProps = {
+    onMouseEnter: () => void;
+    onMouseDown: (event: React.MouseEvent) => void;
+    onClick: (event: React.MouseEvent) => void;
+};
+export declare type FocusEventType = (event: React.FocusEvent<HTMLInputElement>) => void;
+export declare type Selection = {
+    isSelected: () => boolean;
+    isOptionSelected: (option: Option) => boolean;
+    display: (getDisplayValue: (option: Option | null) => string) => string;
+};
+export interface UseSelectStateProps {
+    getDisplayValue: (option: Option | null) => string;
+    options: Option[];
+    disabled?: boolean;
+    multiple?: boolean;
+    value?: ValueType | ValueType[];
+    searchThreshold?: number;
+    limit?: number;
+}
+export declare type UseSelectStateOutput = {
+    isOpen: boolean;
+    canOpen: boolean;
+    open: () => void;
+    close: () => void;
+    highlightedIndex: number;
+    closeOnEnter: boolean;
+    setHighlightedIndex: (index: number) => void;
+    setFilterOptionsValue: (value: string) => void;
+    showSearch: boolean;
+    filterOptionsValue: string;
+    displayValue: string;
+    selection: Selection;
+    filteredOptions: Option[] | OptionGroups;
+    emptySelectValue: string | string[];
+    selectedOptions: Option[];
+};
+export interface UseSelectProps<T extends ValueType = ValueType, M extends boolean = boolean, V = M extends true ? T[] : T> {
+    searchInputRef?: React.Ref<HTMLInputElement>;
+    selectRef: React.Ref<HTMLInputElement>;
+    popperRef?: React.Ref<PopperJs>;
+    selectProps: SelectProps<T, M, V>;
+    selectState: UseSelectStateOutput;
+}
+declare type GetRootProps = () => {
+    onFocus: FocusEventType;
+    onClick: (event: React.MouseEvent<HTMLInputElement>) => void;
+    onBlur: FocusEventType;
+};
+declare type GetInputProps = () => Partial<HTMLAttributes<HTMLInputElement>>;
+declare type GetSearchInputProps = () => Partial<HTMLAttributes<HTMLInputElement>>;
+export interface UseSelectOutput {
+    getItemProps: (item: Option, index: number) => ItemProps;
+    getRootProps: GetRootProps;
+    getInputProps: GetInputProps;
+    getSearchInputProps: GetSearchInputProps;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist-package/src/SelectBase/types.d.ts.map

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

package/dist-package/src/SelectBase/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist-package/src/SelectBase/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/SelectBase/types.ts"],"names":[],"mappings":""}

package/dist-package/src/SelectBase/utils/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const EMPTY_INPUT_VALUE = "";
+export declare const DEFAULT_SEARCH_THRESHOLD = 10;
+export declare const DEFAULT_LIMIT = 200;
+//# sourceMappingURL=constants.d.ts.map

package/dist-package/src/SelectBase/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/SelectBase/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAC1C,eAAO,MAAM,aAAa,MAAM,CAAA"}

package/dist-package/src/SelectBase/utils/constants.js

@@ -0,0 +1,4 @@
+export const EMPTY_INPUT_VALUE = '';
+export const DEFAULT_SEARCH_THRESHOLD = 10;
+export const DEFAULT_LIMIT = 200;
+//# sourceMappingURL=constants.js.map