@toptal/picasso 42.3.6 → 42.4.0

package/SelectBase/hooks/use-select-props/use-item-on-click-handler/use-item-on-click-handler.d.ts

@@ -1,6 +1,6 @@
-import type { UseSelectProps, ValueType, Option } from '../../../types';
+import type { Option, UseSelectProps, ValueType } from '../../../types';
 import type useSelectHandler from '../use-select-handler';
-declare const useItemOnClick: <T extends ValueType, M extends boolean = false>({ selectState: { close }, selectProps: { multiple }, handleSelect, }: UseSelectProps<T, M, M extends true ? T[] : T> & {
+declare const useItemOnClick: <T extends ValueType, M extends boolean = false>({ selectState: { close }, selectProps: { multiple }, handleSelect, selectRef, }: UseSelectProps<T, M, M extends true ? T[] : T> & {
     handleSelect: ReturnType<typeof useSelectHandler>;
 }) => (event: React.MouseEvent, item: Option) => void;
 export default useItemOnClick;

package/SelectBase/hooks/use-select-props/use-item-on-click-handler/use-item-on-click-handler.js

@@ -1,9 +1,11 @@
 import { useCallback } from 'react';
-const useItemOnClick = ({ selectState: { close }, selectProps: { multiple }, handleSelect, }) => useCallback((event, item) => {
+import { focusRef } from '../../../utils';
+const useItemOnClick = ({ selectState: { close }, selectProps: { multiple }, handleSelect, selectRef, }) => useCallback((event, item) => {
     if (!multiple) {
         close();
+        focusRef(selectRef);
     }
     handleSelect(event, item);
-}, [close, handleSelect, multiple]);
+}, [close, handleSelect, multiple, selectRef]);
 export default useItemOnClick;
 //# sourceMappingURL=use-item-on-click-handler.js.map

package/SelectBase/hooks/use-select-props/use-item-on-click-handler/use-item-on-click-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-item-on-click-handler.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/use-item-on-click-handler/use-item-on-click-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAKnC,MAAM,cAAc,GAAG,CAAiD,EACtE,WAAW,EAAE,EAAE,KAAK,EAAE,EACtB,WAAW,EAAE,EAAE,QAAQ,EAAE,EACzB,YAAY,GAGb,EAAE,EAAE,CACH,WAAW,CACT,CAAC,KAAuB,EAAE,IAAY,EAAE,EAAE;IACxC,IAAI,CAAC,QAAQ,EAAE;QACb,KAAK,EAAE,CAAA;KACR;IAED,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;AAC3B,CAAC,EACD,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,CAAC,CAChC,CAAA;AAEH,eAAe,cAAc,CAAA"}
+{"version":3,"file":"use-item-on-click-handler.js","sourceRoot":"","sources":["../../../../../src/SelectBase/hooks/use-select-props/use-item-on-click-handler/use-item-on-click-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAInC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,MAAM,cAAc,GAAG,CAAiD,EACtE,WAAW,EAAE,EAAE,KAAK,EAAE,EACtB,WAAW,EAAE,EAAE,QAAQ,EAAE,EACzB,YAAY,EACZ,SAAS,GAGV,EAAE,EAAE,CACH,WAAW,CACT,CAAC,KAAuB,EAAE,IAAY,EAAE,EAAE;IACxC,IAAI,CAAC,QAAQ,EAAE;QACb,KAAK,EAAE,CAAA;QACP,QAAQ,CAAC,SAAS,CAAC,CAAA;KACpB;IAED,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;AAC3B,CAAC,EACD,CAAC,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,CAAC,CAC3C,CAAA;AAEH,eAAe,cAAc,CAAA"}

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

@@ -1,3 +1,3 @@
 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 }, selectRef, }: UseSelectProps<T, M, M extends true ? T[] : T>) => (event: React.SyntheticEvent, option: Option | null) => void;
+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;

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

@@ -1,7 +1,7 @@
 /* eslint-disable max-lines */
 import { useCallback } from 'react';
-import { EMPTY_INPUT_VALUE, toggleMultipleSelectValue, focusRef, fireOnChangeEvent, } from '../../../utils';
-const useSelectHandler = ({ selectState: { emptySelectValue, setFilterOptionsValue }, selectProps: { multiple, value, name, onChange }, selectRef, }) => useCallback((event, option) => {
+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;
@@ -13,16 +13,9 @@ const useSelectHandler = ({ selectState: { emptySelectValue, setFilterOptionsVal
         newValue = option.value;
     }
     fireOnChangeEvent({ event, value: newValue, name, onChange });
-    setFilterOptionsValue(EMPTY_INPUT_VALUE);
-    focusRef(selectRef);
-}, [
-    name,
-    onChange,
-    emptySelectValue,
-    setFilterOptionsValue,
-    multiple,
-    value,
-    selectRef,
-]);
+    if (!multiple) {
+        setFilterOptionsValue(EMPTY_INPUT_VALUE);
+    }
+}, [name, onChange, emptySelectValue, setFilterOptionsValue, multiple, value]);
 export default useSelectHandler;
 //# sourceMappingURL=use-select-handler.js.map

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

@@ -1 +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,QAAQ,EACR,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,EAChD,SAAS,GACY,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,qBAAqB,CAAC,iBAAiB,CAAC,CAAA;IAExC,QAAQ,CAAC,SAAS,CAAC,CAAA;AACrB,CAAC,EACD;IACE,IAAI;IACJ,QAAQ;IACR,gBAAgB;IAChB,qBAAqB;IACrB,QAAQ;IACR,KAAK;IACL,SAAS;CACV,CACF,CAAA;AAEH,eAAe,gBAAgB,CAAA"}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso",
-  "version": "42.3.6",
+  "version": "42.4.0",
   "description": "Toptal UI components library",
   "publishConfig": {
     "access": "public",