@toptal/picasso-autocomplete 5.2.2 → 5.2.3-alpha-1757603192867.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/package.json +21 -20
  2. package/dist-package/src/Autocomplete/Autocomplete.d.ts +0 -81
  3. package/dist-package/src/Autocomplete/Autocomplete.d.ts.map +0 -1
  4. package/dist-package/src/Autocomplete/Autocomplete.js +0 -89
  5. package/dist-package/src/Autocomplete/Autocomplete.js.map +0 -1
  6. package/dist-package/src/Autocomplete/NoOptionsMenuItem.d.ts +0 -9
  7. package/dist-package/src/Autocomplete/NoOptionsMenuItem.d.ts.map +0 -1
  8. package/dist-package/src/Autocomplete/NoOptionsMenuItem.js +0 -20
  9. package/dist-package/src/Autocomplete/NoOptionsMenuItem.js.map +0 -1
  10. package/dist-package/src/Autocomplete/OptionsMenu.d.ts +0 -31
  11. package/dist-package/src/Autocomplete/OptionsMenu.d.ts.map +0 -1
  12. package/dist-package/src/Autocomplete/OptionsMenu.js +0 -34
  13. package/dist-package/src/Autocomplete/OptionsMenu.js.map +0 -1
  14. package/dist-package/src/Autocomplete/OtherOptionMenuItem.d.ts +0 -11
  15. package/dist-package/src/Autocomplete/OtherOptionMenuItem.d.ts.map +0 -1
  16. package/dist-package/src/Autocomplete/OtherOptionMenuItem.js +0 -24
  17. package/dist-package/src/Autocomplete/OtherOptionMenuItem.js.map +0 -1
  18. package/dist-package/src/Autocomplete/PoweredByGoogle.d.ts +0 -11
  19. package/dist-package/src/Autocomplete/PoweredByGoogle.d.ts.map +0 -1
  20. package/dist-package/src/Autocomplete/PoweredByGoogle.js +0 -11
  21. package/dist-package/src/Autocomplete/PoweredByGoogle.js.map +0 -1
  22. package/dist-package/src/Autocomplete/index.d.ts +0 -6
  23. package/dist-package/src/Autocomplete/index.d.ts.map +0 -1
  24. package/dist-package/src/Autocomplete/index.js +0 -3
  25. package/dist-package/src/Autocomplete/index.js.map +0 -1
  26. package/dist-package/src/Autocomplete/styles.d.ts +0 -2
  27. package/dist-package/src/Autocomplete/styles.d.ts.map +0 -1
  28. package/dist-package/src/Autocomplete/styles.js +0 -6
  29. package/dist-package/src/Autocomplete/styles.js.map +0 -1
  30. package/dist-package/src/Autocomplete/types.d.ts +0 -23
  31. package/dist-package/src/Autocomplete/types.d.ts.map +0 -1
  32. package/dist-package/src/Autocomplete/types.js +0 -2
  33. package/dist-package/src/Autocomplete/types.js.map +0 -1
  34. package/dist-package/src/Autocomplete/use-autocomplete/index.d.ts +0 -2
  35. package/dist-package/src/Autocomplete/use-autocomplete/index.d.ts.map +0 -1
  36. package/dist-package/src/Autocomplete/use-autocomplete/index.js +0 -2
  37. package/dist-package/src/Autocomplete/use-autocomplete/index.js.map +0 -1
  38. package/dist-package/src/Autocomplete/use-autocomplete/use-autocomplete.d.ts +0 -54
  39. package/dist-package/src/Autocomplete/use-autocomplete/use-autocomplete.d.ts.map +0 -1
  40. package/dist-package/src/Autocomplete/use-autocomplete/use-autocomplete.js +0 -188
  41. package/dist-package/src/Autocomplete/use-autocomplete/use-autocomplete.js.map +0 -1
  42. package/dist-package/src/index.d.ts +0 -2
  43. package/dist-package/src/index.d.ts.map +0 -1
  44. package/dist-package/src/index.js +0 -2
  45. package/dist-package/src/index.js.map +0 -1
package/package.json CHANGED
@@ -1,15 +1,16 @@
1
1
  {
2
2
  "name": "@toptal/picasso-autocomplete",
3
- "version": "5.2.2",
3
+ "version": "5.2.3-alpha-1757603192867.0",
4
4
  "description": "Toptal UI components library - Autocomplete",
5
5
  "publishConfig": {
6
- "access": "public"
6
+ "access": "public",
7
+ "provenance": true
7
8
  },
8
9
  "main": "./dist-package/src/index.js",
9
10
  "module": "./dist-package/src/index.js",
10
11
  "scripts": {
11
12
  "build:package": "tsc -b tsconfig.json",
12
- "prepublishOnly": "yarn build:package"
13
+ "prepublishOnly": "echo 0"
13
14
  },
14
15
  "repository": {
15
16
  "type": "git",
@@ -22,18 +23,18 @@
22
23
  },
23
24
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
25
  "dependencies": {
25
- "@toptal/picasso-container": "3.1.2",
26
- "@toptal/picasso-form": "6.3.2",
27
- "@toptal/picasso-input": "4.1.2",
28
- "@toptal/picasso-input-adornment": "3.0.10",
29
- "@toptal/picasso-loader": "3.0.3",
30
- "@toptal/picasso-menu": "3.0.17",
31
- "@toptal/picasso-outlined-input": "4.1.2",
32
- "@toptal/picasso-popper": "2.0.0",
33
- "@toptal/picasso-select": "4.1.2",
34
- "@toptal/picasso-shared": "15.0.0",
35
- "@toptal/picasso-typography": "4.0.4",
36
- "@toptal/picasso-utils": "3.1.0",
26
+ "@toptal/picasso-container": "3.1.3-alpha-1757603192867.0",
27
+ "@toptal/picasso-form": "6.3.3-alpha-1757603192867.0",
28
+ "@toptal/picasso-input": "4.1.3-alpha-1757603192867.0",
29
+ "@toptal/picasso-input-adornment": "3.0.11-alpha-1757603192867.0",
30
+ "@toptal/picasso-loader": "3.0.4-alpha-1757603192867.0",
31
+ "@toptal/picasso-menu": "3.0.18-alpha-1757603192867.0",
32
+ "@toptal/picasso-outlined-input": "4.1.3-alpha-1757603192867.0",
33
+ "@toptal/picasso-popper": "2.0.1-alpha-1757603192867.0",
34
+ "@toptal/picasso-select": "4.1.3-alpha-1757603192867.0",
35
+ "@toptal/picasso-shared": "15.0.1-alpha-1757603192867.0",
36
+ "@toptal/picasso-typography": "4.0.5-alpha-1757603192867.0",
37
+ "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
37
38
  "ap-style-title-case": "^1.1.2",
38
39
  "debounce": "^1.2.1"
39
40
  },
@@ -42,14 +43,14 @@
42
43
  "**/styles.js"
43
44
  ],
44
45
  "peerDependencies": {
45
- "@toptal/picasso-tailwind": ">=2.5.0",
46
- "@toptal/picasso-tailwind-merge": "^2.0.0",
47
- "@toptal/picasso-provider": "*",
46
+ "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
47
+ "@toptal/picasso-tailwind-merge": "^2.0.4-alpha-1757603192867.0",
48
+ "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
48
49
  "react": ">=16.12.0 < 19.0.0"
49
50
  },
50
51
  "devDependencies": {
51
- "@toptal/picasso-provider": "5.0.1",
52
- "@toptal/picasso-test-utils": "1.1.1",
52
+ "@toptal/picasso-provider": "5.0.2-alpha-1757603192867.0",
53
+ "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0",
53
54
  "popper.js": "^1.16.1"
54
55
  },
55
56
  "exports": {
@@ -1,81 +0,0 @@
1
-
2
- import type { InputHTMLAttributes, KeyboardEvent, ReactNode, ComponentType, FocusEventHandler, MouseEvent } from 'react';
3
- import React from 'react';
4
- import type { BaseProps, SizeType } from '@toptal/picasso-shared';
5
- import type { PopperOptions } from 'popper.js';
6
- import type { InputProps } from '@toptal/picasso-input';
7
- import type { BaseInputProps, Status } from '@toptal/picasso-outlined-input';
8
- import type { Item, ChangedOptions } from './types';
9
- import type { OptionsMenuProps } from './OptionsMenu';
10
- export interface Props extends BaseProps, Pick<OptionsMenuProps, 'otherOptionText' | 'renderOtherOption' | 'noOptionsText' | 'renderOption' | 'poweredByGoogle'>, Omit<InputHTMLAttributes<HTMLInputElement>, 'defaultValue' | 'value' | 'onChange' | 'onSelect' | 'onKeyDown' | 'size'> {
11
- /** Callback invoked when `input` element value is changed */
12
- onChange?: (value: string, options: ChangedOptions) => void;
13
- /** The value of the selected option, required for a controlled component. */
14
- value: string;
15
- /** Whether a component is disabled */
16
- disabled?: boolean;
17
- /** Callback invoked when selection changes */
18
- onSelect?: (item: Item, event: MouseEvent | KeyboardEvent) => void;
19
- /** Whether to close popper upon selection */
20
- closeOnSelect?: boolean;
21
- /** Callback invoked when other option selected */
22
- onOtherOptionSelect?: (value: string, event: MouseEvent | KeyboardEvent) => void;
23
- /** Placeholder for value */
24
- placeholder?: string;
25
- /** Width of the component */
26
- width?: 'full' | 'shrink' | 'auto';
27
- /** Width of the menu */
28
- menuWidth?: string;
29
- /** Shows the loading icon when options are loading */
30
- loading?: boolean;
31
- /** Allow to show the other option in the list of options */
32
- showOtherOption?: boolean;
33
- /** List of options */
34
- options?: Item[] | null;
35
- /** A function that takes a display value from the option item */
36
- getDisplayValue?: OptionsMenuProps['getDisplayValue'];
37
- /** Callback invoked when key is pressed */
38
- onKeyDown?: (event: KeyboardEvent<HTMLInputElement>, inputValue: string) => void;
39
- /** Focus event handler */
40
- onFocus?: FocusEventHandler<HTMLInputElement>;
41
- /** Blur event handler */
42
- onBlur?: FocusEventHandler<HTMLInputElement>;
43
- /** ReactNode for labels that will be used as start InputAdornment - */
44
- startAdornment?: ReactNode;
45
- /** ReactNode for labels that will be used as end InputAdornment - */
46
- endAdornment?: ReactNode;
47
- /** Indicate `Autocomplete` status */
48
- status?: Status;
49
- /** Specify icon which should be rendered inside Input */
50
- icon?: ReactNode;
51
- /** Custom input component */
52
- inputComponent?: ComponentType<InputProps>;
53
- /** Provide unique key for each option */
54
- getKey?: (item: Item) => string;
55
- /** Specifies whether the autofill enabled or not, disabled by default */
56
- enableAutofill?: boolean;
57
- /** Whether to render reset icon when there is a value in the input */
58
- enableReset?: boolean;
59
- /** Callback invoked when reset button was clicked */
60
- onResetClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
61
- /** DOM element that wraps the Popper */
62
- popperContainer?: HTMLElement;
63
- /** Options provided to the popper.js instance */
64
- popperOptions?: PopperOptions;
65
- inputProps?: BaseInputProps;
66
- testIds?: InputProps['testIds'] & {
67
- menuItem?: string;
68
- scrollMenu?: string;
69
- otherOption?: string;
70
- noOptions?: string;
71
- loadingAdornment?: string;
72
- input?: string;
73
- disableAutofillInput?: string;
74
- };
75
- highlight?: 'autofill';
76
- /** Component size */
77
- size?: SizeType<'medium' | 'large'>;
78
- }
79
- export declare const Autocomplete: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
80
- export default Autocomplete;
81
- //# sourceMappingURL=Autocomplete.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
@@ -1,89 +0,0 @@
1
- /* eslint-disable max-lines */
2
- /* eslint-disable complexity, max-statements, max-lines-per-function */ // Squiggly lines makes code difficult to work with
3
- var __rest = (this && this.__rest) || function (s, e) {
4
- var t = {};
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
6
- t[p] = s[p];
7
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
8
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
9
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
10
- t[p[i]] = s[p[i]];
11
- }
12
- return t;
13
- };
14
- import React, { forwardRef, useRef } from 'react';
15
- import { isForwardRef } from '@toptal/picasso-shared';
16
- import { Input } from '@toptal/picasso-input';
17
- import { Container } from '@toptal/picasso-container';
18
- import { Loader } from '@toptal/picasso-loader';
19
- import { Popper } from '@toptal/picasso-popper';
20
- import { InputAdornment } from '@toptal/picasso-input-adornment';
21
- import { unsafeErrorLog } from '@toptal/picasso-utils';
22
- import { useFieldsLayoutContext } from '@toptal/picasso-form';
23
- import { twMerge } from '@toptal/picasso-tailwind-merge';
24
- import { useAutocomplete, EMPTY_INPUT_VALUE } from './use-autocomplete';
25
- import { rootClassByWidth } from './styles';
26
- import OptionsMenu from './OptionsMenu';
27
- const getItemText = (item) => (item && item.text) || EMPTY_INPUT_VALUE;
28
- export const Autocomplete = forwardRef(function Autocomplete(props, customRef) {
29
- const { autoComplete, className, enableAutofill, enableReset, endAdornment, status, getDisplayValue = getItemText, getKey, icon, inputComponent, loading, menuWidth, name, noOptionsText, closeOnSelect, onBlur, onChange, onFocus, onKeyDown, onOtherOptionSelect, onResetClick, onSelect, options, otherOptionText = 'Other option: ', placeholder, popperContainer, popperOptions, poweredByGoogle, renderOption, renderOtherOption, showOtherOption, style, testIds, value, width = 'auto', disabled = false, highlight } = props, rest = __rest(props, ["autoComplete", "className", "enableAutofill", "enableReset", "endAdornment", "status", "getDisplayValue", "getKey", "icon", "inputComponent", "loading", "menuWidth", "name", "noOptionsText", "closeOnSelect", "onBlur", "onChange", "onFocus", "onKeyDown", "onOtherOptionSelect", "onResetClick", "onSelect", "options", "otherOptionText", "placeholder", "popperContainer", "popperOptions", "poweredByGoogle", "renderOption", "renderOtherOption", "showOtherOption", "style", "testIds", "value", "width", "disabled", "highlight"]);
30
- const inputRef = useRef(null);
31
- let ref = customRef || inputRef;
32
- if (inputComponent && !isForwardRef(inputComponent)) {
33
- ref = undefined;
34
- unsafeErrorLog('You provided `inputComponent` prop to Autocomplete without using React.forwardRef wrapper. This is not supported and may cause unexpected behavior. Consider wrapping your input component with React.forwardRef.');
35
- }
36
- const { highlightedIndex, isOpen, shouldShowOtherOption, getItemProps, getOtherItemProps, getInputProps, } = useAutocomplete({
37
- value,
38
- disabled,
39
- options,
40
- closeOnSelect,
41
- getDisplayValue,
42
- onSelect,
43
- onOtherOptionSelect,
44
- onResetClick,
45
- onChange,
46
- onKeyDown,
47
- onFocus,
48
- onBlur,
49
- enableReset,
50
- showOtherOption,
51
- ref,
52
- });
53
- const optionsMenu = (React.createElement(OptionsMenu, { value: value, shouldShowOtherOption: shouldShowOtherOption, options: options, highlightedIndex: highlightedIndex, testIds: testIds, poweredByGoogle: poweredByGoogle, renderOtherOption: renderOtherOption, otherOptionText: otherOptionText, getKey: getKey, getDisplayValue: getDisplayValue, getItemProps: getItemProps, getOtherItemProps: getOtherItemProps, renderOption: renderOption, noOptionsText: noOptionsText }));
54
- const { layout } = useFieldsLayoutContext();
55
- const InputComponent = inputComponent || Input;
56
- const loadingComponent = (React.createElement(InputAdornment, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.loadingAdornment, position: 'end', disablePointerEvents: true },
57
- React.createElement(Loader, { size: 'small' })));
58
- const inputWrapperRef = useRef(null);
59
- const inputProps = getInputProps();
60
- return (React.createElement("div", { className: twMerge('relative', layout === 'horizontal' ? 'w-full' : rootClassByWidth[width], className), style: style, role: 'combobox', "aria-expanded": isOpen, "aria-haspopup": 'listbox' },
61
- React.createElement(Container, { flex: true, ref: inputWrapperRef, onClick: inputProps.onClick },
62
- !enableAutofill && name && (React.createElement("input", { type: 'hidden', value: value, name: name, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.disableAutofillInput })),
63
- React.createElement(InputComponent, Object.assign({}, rest, inputProps, { status: status, icon: icon, disabled: disabled, defaultValue: undefined, value: value, ref: ref, placeholder: placeholder, inputProps: rest.inputProps, endAdornment: loading ? loadingComponent : endAdornment, width: width, name: enableAutofill ? name : undefined, autoComplete: enableAutofill ? autoComplete : autoComplete || 'off', testIds: testIds, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.input, highlight: highlight }))),
64
- React.createElement("div", { role: 'listbox' }, isOpen && inputWrapperRef.current && optionsMenu && (React.createElement(Popper, { autoWidth: true, width: menuWidth, placement: 'bottom-start', open: isOpen && !loading, anchorEl: inputWrapperRef.current, container: popperContainer, popperOptions: popperOptions }, optionsMenu)))));
65
- });
66
- Autocomplete.defaultProps = {
67
- enableAutofill: false,
68
- getDisplayValue: getItemText,
69
- loading: false,
70
- noOptionsText: 'No options',
71
- onChange: () => { },
72
- onKeyDown: () => { },
73
- onFocus: () => { },
74
- onBlur: () => { },
75
- onOtherOptionSelect: () => { },
76
- onResetClick: () => { },
77
- onSelect: () => { },
78
- options: [],
79
- otherOptionText: 'Other option: ',
80
- showOtherOption: false,
81
- width: 'auto',
82
- enableReset: true,
83
- poweredByGoogle: false,
84
- disabled: false,
85
- status: 'default',
86
- };
87
- Autocomplete.displayName = 'Autocomplete';
88
- export default Autocomplete;
89
- //# sourceMappingURL=Autocomplete.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- declare const NoOptionsMenuItem: {
3
- ({ children, ...rest }: {
4
- children: string;
5
- }): JSX.Element;
6
- displayName: string;
7
- };
8
- export default NoOptionsMenuItem;
9
- //# sourceMappingURL=NoOptionsMenuItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NoOptionsMenuItem.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/NoOptionsMenuItem.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,iBAAiB;;kBAAuC,MAAM;;;CAInE,CAAA;AAID,eAAe,iBAAiB,CAAA"}
@@ -1,20 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import { MenuItem } from '@toptal/picasso-menu';
14
- const NoOptionsMenuItem = (_a) => {
15
- var { children } = _a, rest = __rest(_a, ["children"]);
16
- return (React.createElement(MenuItem, Object.assign({ titleCase: false, disabled: true }, rest), children));
17
- };
18
- NoOptionsMenuItem.displayName = 'NoOptionsMenuItem';
19
- export default NoOptionsMenuItem;
20
- //# sourceMappingURL=NoOptionsMenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NoOptionsMenuItem.js","sourceRoot":"","sources":["../../../src/Autocomplete/NoOptionsMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,MAAM,iBAAiB,GAAG,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,QAAQ,OAAiC,EAA5B,IAAI,cAAnB,YAAqB,CAAF;IAA6B,OAAA,CACzE,oBAAC,QAAQ,kBAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,UAAK,IAAI,GAC1C,QAAQ,CACA,CACZ,CAAA;CAAA,CAAA;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEnD,eAAe,iBAAiB,CAAA"}
@@ -1,31 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- import type { Item, GetItemPropsSignature, GetOtherItemPropsSignature } from './types';
3
- export declare type OptionsMenuProps = {
4
- options?: Item[] | null;
5
- /** Show the "Powered By Google" label */
6
- poweredByGoogle?: boolean;
7
- /** Callback responsible for rendering the other option given the input's value */
8
- renderOtherOption?: (value: string) => ReactNode;
9
- /** Label to show when no options were found (pass "null" to hide label completely) */
10
- noOptionsText?: string | null;
11
- /** Text prefix for other option */
12
- otherOptionText?: string;
13
- /** Callback responsible for rendering the option given the option and its index in the list of options */
14
- renderOption?: (option: Item, index: number) => ReactNode;
15
- highlightedIndex: number;
16
- testIds?: {
17
- menuItem?: string;
18
- scrollMenu?: string;
19
- otherOption?: string;
20
- noOptions?: string;
21
- };
22
- getKey?: (item: Item) => string;
23
- getDisplayValue: (item: Item | null) => string;
24
- value: string;
25
- getItemProps: GetItemPropsSignature;
26
- getOtherItemProps: GetOtherItemPropsSignature;
27
- shouldShowOtherOption: boolean;
28
- };
29
- declare const OptionsMenu: ({ options, getItemProps, getOtherItemProps, renderOtherOption, otherOptionText, getDisplayValue, value, getKey: customGetKey, renderOption, noOptionsText, poweredByGoogle, shouldShowOtherOption, highlightedIndex, testIds, }: OptionsMenuProps) => JSX.Element | null;
30
- export default OptionsMenu;
31
- //# sourceMappingURL=OptionsMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"OptionsMenu.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/OptionsMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAStC,OAAO,KAAK,EACV,IAAI,EACJ,qBAAqB,EACrB,0BAA0B,EAC3B,MAAM,SAAS,CAAA;AAEhB,oBAAY,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACvB,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAChD,sFAAsF;IACtF,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IACzD,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAA;IAC/B,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAA;IAC9C,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,qBAAqB,CAAA;IACnC,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,WAAW,oOAed,gBAAgB,uBAyElB,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import { SelectOptions } from '@toptal/picasso-select';
3
- import { MenuItem } from '@toptal/picasso-menu';
4
- import { unsafeErrorLog } from '@toptal/picasso-utils';
5
- import PoweredByGoogle from './PoweredByGoogle';
6
- import NoOptionsMenuItem from './NoOptionsMenuItem';
7
- import OtherOptionMenuItem from './OtherOptionMenuItem';
8
- const OptionsMenu = ({ options, getItemProps, getOtherItemProps, renderOtherOption, otherOptionText = 'Other option: ', getDisplayValue, value, getKey: customGetKey, renderOption, noOptionsText, poweredByGoogle, shouldShowOtherOption, highlightedIndex, testIds, }) => {
9
- const getKey = (item) => {
10
- if (customGetKey) {
11
- return customGetKey(item);
12
- }
13
- const displayValue = getDisplayValue(item);
14
- if (!displayValue) {
15
- unsafeErrorLog('Autocomplete expects you to provide key prop value with getKey or Item.value!');
16
- }
17
- return displayValue;
18
- };
19
- const optionsLength = options ? options.length : 0;
20
- const menuItems = (options === null || options === void 0 ? void 0 : options.map((option, index) => (React.createElement(MenuItem, Object.assign({ "data-testid": (testIds === null || testIds === void 0 ? void 0 : testIds.menuItem) ? `${testIds === null || testIds === void 0 ? void 0 : testIds.menuItem}-${index}` : undefined, key: getKey(option) }, getItemProps(index, option), { titleCase: false, description: option.description }), renderOption ? renderOption(option, index) : getDisplayValue(option))))) || [];
21
- if (shouldShowOtherOption) {
22
- menuItems.push(React.createElement(OtherOptionMenuItem, Object.assign({ key: 'other-option-menu-item', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.otherOption, value: value, renderOtherOption: renderOtherOption, otherOptionText: otherOptionText }, getOtherItemProps(optionsLength, value))));
23
- }
24
- const showNoOptionsText = !optionsLength && !shouldShowOtherOption && noOptionsText;
25
- if (showNoOptionsText) {
26
- menuItems.push(React.createElement(NoOptionsMenuItem, { key: 'no-options-menu-item', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.noOptions }, noOptionsText));
27
- }
28
- if (menuItems.length === 0 || !options) {
29
- return null;
30
- }
31
- return (React.createElement(SelectOptions, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.scrollMenu, selectedIndex: highlightedIndex, fixedFooter: optionsLength > 0 && poweredByGoogle && React.createElement(PoweredByGoogle, null) }, menuItems));
32
- };
33
- export default OptionsMenu;
34
- //# sourceMappingURL=OptionsMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"OptionsMenu.js","sourceRoot":"","sources":["../../../src/Autocomplete/OptionsMenu.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- import type { ReactNode } from 'react';
2
- declare const OtherOptionMenuItem: {
3
- ({ value, otherOptionText, renderOtherOption, ...rest }: {
4
- value: string;
5
- otherOptionText: string;
6
- renderOtherOption?: ((value: string) => ReactNode) | undefined;
7
- }): JSX.Element;
8
- displayName: string;
9
- };
10
- export default OtherOptionMenuItem;
11
- //# sourceMappingURL=OtherOptionMenuItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"OtherOptionMenuItem.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/OtherOptionMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,QAAA,MAAM,mBAAmB;;eAMhB,MAAM;yBACI,MAAM;qCACK,MAAM,KAAK,SAAS;;;CAuBjD,CAAA;AAID,eAAe,mBAAmB,CAAA"}
@@ -1,24 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import { Typography } from '@toptal/picasso-typography';
14
- import { MenuItem } from '@toptal/picasso-menu';
15
- const OtherOptionMenuItem = (_a) => {
16
- var { value, otherOptionText, renderOtherOption } = _a, rest = __rest(_a, ["value", "otherOptionText", "renderOtherOption"]);
17
- return (React.createElement(MenuItem, Object.assign({ key: 'other-option', className: `px-4 border-gray-400 border-solid border-0 border-t` }, rest, { titleCase: false }), renderOtherOption ? (renderOtherOption(value)) : (React.createElement(React.Fragment, null,
18
- React.createElement(Typography, { as: 'span', size: 'small', color: 'black' },
19
- React.createElement(Typography, { as: 'span', color: 'dark-grey' }, otherOptionText),
20
- value)))));
21
- };
22
- OtherOptionMenuItem.displayName = 'OtherOptionMenuItem';
23
- export default OtherOptionMenuItem;
24
- //# sourceMappingURL=OtherOptionMenuItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"OtherOptionMenuItem.js","sourceRoot":"","sources":["../../../src/Autocomplete/OtherOptionMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,MAAM,mBAAmB,GAAG,CAAC,EAS5B,EAAE,EAAE;QATwB,EAC3B,KAAK,EACL,eAAe,EACf,iBAAiB,OAMlB,EALI,IAAI,cAJoB,iDAK5B,CADQ;IAMP,OAAO,CACL,oBAAC,QAAQ,kBACP,GAAG,EAAC,cAAc,EAClB,SAAS,EAAE,qDAAqD,IAC5D,IAAI,IACR,SAAS,EAAE,KAAK,KAEf,iBAAiB,CAAC,CAAC,CAAC,CACnB,iBAAiB,CAAC,KAAK,CAAC,CACzB,CAAC,CAAC,CAAC,CACF;QACE,oBAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO;YAC9C,oBAAC,UAAU,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,WAAW,IACpC,eAAe,CACL;YACZ,KAAK,CACK,CACZ,CACJ,CACQ,CACZ,CAAA;AACH,CAAC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * "You may not resize or modify these logos in any way." by the Google Policies
4
- * https://developers.google.com/places/web-service/policies
5
- */
6
- declare const PoweredByGoogle: {
7
- (): JSX.Element;
8
- displayName: string;
9
- };
10
- export default PoweredByGoogle;
11
- //# sourceMappingURL=PoweredByGoogle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PoweredByGoogle.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/PoweredByGoogle.tsx"],"names":[],"mappings":";AAGA;;;GAGG;AACH,QAAA,MAAM,eAAe;;;CAapB,CAAA;AAID,eAAe,eAAe,CAAA"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { Container } from '@toptal/picasso-container';
3
- /**
4
- * "You may not resize or modify these logos in any way." by the Google Policies
5
- * https://developers.google.com/places/web-service/policies
6
- */
7
- const PoweredByGoogle = () => (React.createElement(Container, { flex: true, justifyContent: 'flex-end', className: 'py-3 px-4 border-0 border-t border-solid border-t-gray-300' },
8
- React.createElement("img", { src: 'data:image/png;base64,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', alt: 'Powered by Google', width: '144px', height: '18px' })));
9
- PoweredByGoogle.displayName = 'PoweredByGoogle';
10
- export default PoweredByGoogle;
11
- //# sourceMappingURL=PoweredByGoogle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PoweredByGoogle.js","sourceRoot":"","sources":["../../../src/Autocomplete/PoweredByGoogle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;GAGG;AACH,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,CAC5B,oBAAC,SAAS,IACR,IAAI,QACJ,cAAc,EAAC,UAAU,EACzB,SAAS,EAAC,4DAA4D;IAEtE,6BACE,GAAG,EAAC,o7RAAo7R,EACx7R,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,MAAM,GACb,CACQ,CACb,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
@@ -1,6 +0,0 @@
1
- import type { OmitInternalProps } from '@toptal/picasso-shared';
2
- import type { Props as OuterProps } from './Autocomplete';
3
- export { default as Autocomplete } from './Autocomplete';
4
- export * from './types';
5
- export declare type AutocompleteProps = OmitInternalProps<OuterProps>;
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,cAAc,SAAS,CAAA;AACvB,oBAAY,iBAAiB,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAA"}
@@ -1,3 +0,0 @@
1
- export { default as Autocomplete } from './Autocomplete';
2
- export * from './types';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Autocomplete/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,cAAc,SAAS,CAAA"}
@@ -1,2 +0,0 @@
1
- export declare const rootClassByWidth: Record<'full' | 'shrink' | 'auto', string>;
2
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,GAAG,QAAQ,GAAG,MAAM,EAAE,MAAM,CAIvE,CAAA"}
@@ -1,6 +0,0 @@
1
- export const rootClassByWidth = {
2
- full: 'w-full',
3
- shrink: 'w-auto',
4
- auto: 'w-[18.75rem]',
5
- };
6
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/Autocomplete/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAA+C;IAC1E,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,cAAc;CACrB,CAAA"}
@@ -1,23 +0,0 @@
1
- import type { MouseEvent } from 'react';
2
- export declare type Item = {
3
- text?: string;
4
- description?: string;
5
- [prop: string]: unknown;
6
- };
7
- export declare type ChangedOptions = {
8
- isSelected: boolean;
9
- };
10
- declare type BaseItemsProps = {
11
- role: string;
12
- 'aria-selected': boolean;
13
- selected: boolean;
14
- onMouseMove: () => void;
15
- onMouseDown: (event: React.MouseEvent) => void;
16
- };
17
- export declare type GetBaseItemPropsSignature = (index: number) => BaseItemsProps;
18
- export declare type GetItemPropsSignature = (index: number, item: Item) => BaseItemsProps;
19
- export declare type GetOtherItemPropsSignature = (index: number, newValue: string) => BaseItemsProps & {
20
- onClick: (event: MouseEvent) => void;
21
- };
22
- export {};
23
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEvC,oBAAY,IAAI,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB,CAAA;AAED,oBAAY,cAAc,GAAG;IAC3B,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,aAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,oBAAY,yBAAyB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAA;AAEzE,oBAAY,qBAAqB,GAAG,CAClC,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,KACP,cAAc,CAAA;AAEnB,oBAAY,0BAA0B,GAAG,CACvC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,KACb,cAAc,GAAG;IACpB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACrC,CAAA"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Autocomplete/types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export { useAutocomplete, EMPTY_INPUT_VALUE } from './use-autocomplete';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/use-autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA"}
@@ -1,2 +0,0 @@
1
- export { useAutocomplete, EMPTY_INPUT_VALUE } from './use-autocomplete';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Autocomplete/use-autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA"}
@@ -1,54 +0,0 @@
1
- import type { MouseEvent, KeyboardEvent, ChangeEvent, FocusEventHandler, Ref } from 'react';
2
- import type { Item, ChangedOptions, GetOtherItemPropsSignature, GetItemPropsSignature } from '../types';
3
- export declare const EMPTY_INPUT_VALUE = "";
4
- export declare const INITIAL_HIGHLIGHT_INDEX = 0;
5
- export declare const normalizeInitialIndex: ({ initialIndex, itemCount, moveAmount, }: {
6
- initialIndex: number;
7
- itemCount: number;
8
- moveAmount: number;
9
- }) => number;
10
- /**
11
- * Returns the new index in the list, in a circular way. If next value is out of bonds from the total,
12
- * it will wrap to either 0 or itemCount - 1.
13
- *
14
- * @param {number} moveAmount Number of positions to move. Negative to move backwards, positive forwards.
15
- * @param {number} initialIndex The initial position to move from.
16
- * @param {number} itemCount The total number of items.
17
- * @returns {number} The new index after the move.
18
- */
19
- export declare const getNextWrappingIndex: (moveAmount: number, initialIndex: number, itemCount: number) => number;
20
- export interface Props {
21
- value: string;
22
- options?: Item[] | null;
23
- onSelect?: (item: Item, event: MouseEvent | KeyboardEvent) => void;
24
- onOtherOptionSelect?: (value: string, event: MouseEvent | KeyboardEvent) => void;
25
- onResetClick?: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
26
- onChange?: (value: string, options: ChangedOptions) => void;
27
- onKeyDown?: (event: KeyboardEvent<HTMLInputElement>, inputValue: string) => void;
28
- onFocus?: FocusEventHandler<HTMLInputElement>;
29
- onBlur?: FocusEventHandler<HTMLInputElement>;
30
- getDisplayValue: (item: Item | null) => string;
31
- closeOnSelect?: boolean;
32
- enableReset?: boolean;
33
- showOtherOption?: boolean;
34
- disabled?: boolean;
35
- ref?: Ref<HTMLInputElement>;
36
- }
37
- export declare const useAutocomplete: ({ value, options, closeOnSelect, onChange, onKeyDown, onFocus, onBlur, onSelect, onOtherOptionSelect, onResetClick, getDisplayValue, enableReset, showOtherOption, disabled, ref, }: Props) => {
38
- getItemProps: GetItemPropsSignature;
39
- getOtherItemProps: GetOtherItemPropsSignature;
40
- getInputProps: () => {
41
- 'aria-autocomplete': "list" | "none" | "inline" | "both" | undefined;
42
- onFocus: FocusEventHandler<HTMLInputElement>;
43
- onClick: () => void;
44
- onChange: (event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement | HTMLSelectElement>) => void;
45
- onKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
46
- onBlur: FocusEventHandler<HTMLInputElement>;
47
- enableReset: boolean | undefined;
48
- onResetClick: (event: MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => void;
49
- };
50
- isOpen: boolean;
51
- highlightedIndex: number;
52
- shouldShowOtherOption: boolean;
53
- };
54
- //# sourceMappingURL=use-autocomplete.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/Autocomplete/use-autocomplete/use-autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,GAAG,EACJ,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,EACV,IAAI,EACJ,cAAc,EACd,0BAA0B,EAC1B,qBAAqB,EAEtB,MAAM,UAAU,CAAA;AAEjB,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,uBAAuB,IAAI,CAAA;AAExC,eAAO,MAAM,qBAAqB;kBAKlB,MAAM;eACT,MAAM;gBACL,MAAM;YAWnB,CAAA;AAED;;;;;;;;GAQG;AAEH,eAAO,MAAM,oBAAoB,eACnB,MAAM,gBACJ,MAAM,aACT,MAAM,WAqBlB,CAAA;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAA;IAClE,mBAAmB,CAAC,EAAE,CACpB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,UAAU,GAAG,aAAa,KAC9B,IAAI,CAAA;IACT,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,KACrD,IAAI,CAAA;IACT,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,EACtC,UAAU,EAAE,MAAM,KACf,IAAI,CAAA;IACT,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,MAAM,CAAA;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAC5B;AAED,eAAO,MAAM,eAAe,wLAgBzB,KAAK;;;;;;;0BAoHK,YACL,mBAAmB,GAAG,gBAAgB,GAAG,iBAAiB,CAC3D;2BAMgB,cAAc,gBAAgB,CAAC;;;8BA6EzC,WAAW,iBAAiB,GAAG,iBAAiB,CAAC;;;;;CAgB7D,CAAA"}
@@ -1,188 +0,0 @@
1
- import { useState, useEffect, useMemo } from 'react';
2
- export const EMPTY_INPUT_VALUE = '';
3
- export const INITIAL_HIGHLIGHT_INDEX = 0;
4
- export const normalizeInitialIndex = ({ initialIndex, itemCount, moveAmount, }) => {
5
- const outOfBounds = initialIndex < 0 || initialIndex >= itemCount;
6
- if (outOfBounds) {
7
- const lastIndex = itemCount - 1;
8
- return moveAmount > 0 ? -1 : lastIndex + 1;
9
- }
10
- return initialIndex;
11
- };
12
- /**
13
- * Returns the new index in the list, in a circular way. If next value is out of bonds from the total,
14
- * it will wrap to either 0 or itemCount - 1.
15
- *
16
- * @param {number} moveAmount Number of positions to move. Negative to move backwards, positive forwards.
17
- * @param {number} initialIndex The initial position to move from.
18
- * @param {number} itemCount The total number of items.
19
- * @returns {number} The new index after the move.
20
- */
21
- export const getNextWrappingIndex = (moveAmount, initialIndex, itemCount) => {
22
- const lastIndex = itemCount - 1;
23
- const normalizedInitialIndex = normalizeInitialIndex({
24
- initialIndex,
25
- itemCount,
26
- moveAmount,
27
- });
28
- const newIndex = normalizedInitialIndex + moveAmount;
29
- if (newIndex < 0) {
30
- return lastIndex;
31
- }
32
- if (newIndex > lastIndex) {
33
- return 0;
34
- }
35
- return newIndex;
36
- };
37
- export const useAutocomplete = ({ value, options = [], closeOnSelect = true, onChange = () => { }, onKeyDown = () => { }, onFocus = () => { }, onBlur = () => { }, onSelect = () => { }, onOtherOptionSelect = () => { }, onResetClick = () => { }, getDisplayValue, enableReset, showOtherOption, disabled = false, ref, }) => {
38
- const [isOpen, setOpen] = useState(false);
39
- const [highlightedIndex, setHighlightedIndex] = useState(INITIAL_HIGHLIGHT_INDEX);
40
- const selectedIndex = useMemo(() => value && Array.isArray(options)
41
- ? options.findIndex(option => getDisplayValue(option) === value)
42
- : null, [getDisplayValue, options, value]);
43
- useEffect(() => {
44
- if (!isOpen) {
45
- const newHighlightedIndex = selectedIndex && selectedIndex !== -1 ? selectedIndex : 0;
46
- if (newHighlightedIndex !== highlightedIndex) {
47
- setHighlightedIndex(newHighlightedIndex);
48
- }
49
- }
50
- }, [isOpen, selectedIndex, highlightedIndex]);
51
- useEffect(() => {
52
- if (typeof ref === 'function' || !isOpen || !(ref === null || ref === void 0 ? void 0 : ref.current)) {
53
- return;
54
- }
55
- if (document.activeElement !== ref.current) {
56
- ref.current.focus();
57
- }
58
- }, [isOpen, ref]);
59
- const shouldShowOtherOption = Boolean(showOtherOption) && selectedIndex === -1;
60
- const handleChange = (newValue, isSelected = false) => {
61
- if (newValue !== value) {
62
- onChange(newValue, { isSelected });
63
- }
64
- };
65
- const handleSelect = (item, event) => {
66
- const displayValue = getDisplayValue(item);
67
- if (item === null || displayValue === null) {
68
- return;
69
- }
70
- onSelect(item, event);
71
- };
72
- const getBaseItemProps = (index) => ({
73
- role: 'option',
74
- 'aria-selected': highlightedIndex === index,
75
- selected: highlightedIndex === index,
76
- onMouseMove: () => {
77
- if (index === highlightedIndex) {
78
- return;
79
- }
80
- setHighlightedIndex(index);
81
- },
82
- onMouseDown: (event) => {
83
- // This prevents the activeElement from being changed
84
- // to the item so it can remain with the current activeElement
85
- // which is a more common use case.
86
- event.preventDefault();
87
- },
88
- });
89
- const getItemProps = (index, item) => (Object.assign(Object.assign({}, getBaseItemProps(index)), { onClick: (event) => {
90
- if (closeOnSelect) {
91
- setOpen(false);
92
- }
93
- handleChange(getDisplayValue(item), true);
94
- handleSelect(item, event);
95
- } }));
96
- const getOtherItemProps = (index, newValue) => (Object.assign(Object.assign({}, getBaseItemProps(index)), { onClick: (event) => {
97
- if (closeOnSelect) {
98
- setOpen(false);
99
- }
100
- onOtherOptionSelect(newValue, event);
101
- } }));
102
- const handleClick = () => {
103
- if (isOpen || disabled) {
104
- return;
105
- }
106
- setOpen(true);
107
- };
108
- const handleBlur = event => {
109
- setOpen(false);
110
- onBlur(event);
111
- };
112
- const getInputProps = () => ({
113
- 'aria-autocomplete': 'list',
114
- onFocus,
115
- onClick: handleClick,
116
- onChange: (event) => {
117
- setOpen(true);
118
- handleChange(event.target.value);
119
- },
120
- onKeyDown: (event) => {
121
- var _a;
122
- onKeyDown(event, value);
123
- const optionsCount = (options === null || options === void 0 ? void 0 : options.length) || 0;
124
- const otherOptionsCount = shouldShowOtherOption ? 1 : 0;
125
- const itemsCount = optionsCount + otherOptionsCount;
126
- if (event.key === 'ArrowUp') {
127
- event.preventDefault();
128
- setOpen(true);
129
- setHighlightedIndex(getNextWrappingIndex(-1, highlightedIndex, itemsCount));
130
- }
131
- if (event.key === 'ArrowDown') {
132
- event.preventDefault();
133
- setOpen(true);
134
- setHighlightedIndex(getNextWrappingIndex(1, highlightedIndex, itemsCount));
135
- }
136
- if (event.key === 'Backspace') {
137
- if (value !== EMPTY_INPUT_VALUE) {
138
- return;
139
- }
140
- if (closeOnSelect) {
141
- setOpen(false);
142
- }
143
- handleChange(getDisplayValue(null));
144
- }
145
- if (event.key === 'Enter') {
146
- event.preventDefault();
147
- if (!isOpen) {
148
- setOpen(true);
149
- return;
150
- }
151
- if (closeOnSelect) {
152
- setOpen(false);
153
- }
154
- const findSelectedItemUsingIndex = () => highlightedIndex === null ? undefined : options === null || options === void 0 ? void 0 : options[highlightedIndex];
155
- const findSelectedItemUsingValue = () => options === null || options === void 0 ? void 0 : options.find(option => option.text === value);
156
- const selectedItem = (_a = findSelectedItemUsingIndex()) !== null && _a !== void 0 ? _a : findSelectedItemUsingValue();
157
- if (selectedItem) {
158
- handleChange(getDisplayValue(selectedItem), true);
159
- handleSelect(selectedItem, event);
160
- }
161
- else if (value) {
162
- onOtherOptionSelect(value, event);
163
- }
164
- }
165
- if (event.key === 'Escape') {
166
- event.preventDefault();
167
- setOpen(false);
168
- handleChange(getDisplayValue(null));
169
- }
170
- },
171
- onBlur: handleBlur,
172
- enableReset,
173
- onResetClick: (event) => {
174
- event.stopPropagation();
175
- handleChange(getDisplayValue(null));
176
- onResetClick(event);
177
- },
178
- });
179
- return {
180
- getItemProps,
181
- getOtherItemProps,
182
- getInputProps,
183
- isOpen,
184
- highlightedIndex,
185
- shouldShowOtherOption,
186
- };
187
- };
188
- //# sourceMappingURL=use-autocomplete.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-autocomplete.js","sourceRoot":"","sources":["../../../../src/Autocomplete/use-autocomplete/use-autocomplete.ts"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export * from './Autocomplete';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './Autocomplete';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}