@hh.ru/magritte-ui-chips-input 2.2.0 → 2.3.0

package/ChipsInput.js

@@ -10,11 +10,27 @@ import { Suggest } from '@hh.ru/magritte-ui-suggest';
 const getSelectValuesAsArray = (values) => {
     return Array.isArray(values) ? values : [values].filter(Boolean);
 };
+const getInitialSelectValue = (type, chips, options, multiple) => {
+    if (type === 'suggest') {
+        return '';
+    }
+    // в случае multiple можно просто собрать value
+    if (multiple) {
+        return chips.map((chip) => chip.value);
+    }
+    // иначе нужно найти хотя бы один option, который подходит
+    const valuesFromOptions = options.map(({ value }) => value);
+    const suitableItem = chips.find((chip) => valuesFromOptions.includes(chip.value));
+    return suitableItem?.value || '';
+};
 const ChipsInputComponent = ({ type, state, onChange: onChangeExternal, triggerProps, suggestProps, selectProps, }, ref) => {
     const chipsTriggerRef = useRef(null);
     const chipsTriggerRefCallback = useMultipleRefs(ref, chipsTriggerRef);
     const { allowArbitraryValues } = triggerProps;
-    const [selectState, setSelectState] = useState((type === 'select' && selectProps?.multiple ? [] : ''));
+    const [selectState, setSelectState] = useState(() => {
+        const initialState = getInitialSelectValue(type, state.chips, selectProps?.options || [], selectProps?.multiple || false);
+        return initialState;
+    });
     if (type === 'suggest') {
         return (jsx(Suggest, { ...suggestProps, onChange: (value, isValueFromList) => {
                 if (!isValueFromList) {
@@ -51,6 +67,7 @@ const ChipsInputComponent = ({ type, state, onChange: onChangeExternal, triggerP
             const valuesArr = getSelectValuesAsArray(newValues);
             onChangeExternal({
                 value: '',
+                // из новый значений селекта собираем чипсы
                 chips: valuesArr.map((value) => {
                     const item = options.find((option) => option.value === value);
                     if (item) {
@@ -74,12 +91,13 @@ const ChipsInputComponent = ({ type, state, onChange: onChangeExternal, triggerP
                     onChangeExternal(newState);
                     setSearchValue(newState.value);
                     if (!multiple) {
-                        const { eventType } = newState;
-                        if (eventType === 'removeChipByBackspace' || eventType === 'removeChipByCross') {
+                        const { event } = newState;
+                        if (event?.type === 'remove') {
                             setSelectState('');
                         }
                         return;
                     }
+                    // на основе чипсов собираем новый стейт селекта
                     setSelectState(newState.chips.map(({ value }) => value));
                 } }));
         } }));

package/ChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipsInput.js","sources":["../src/ChipsInput.tsx"],"sourcesContent":["import { forwardRef, useRef, ForwardedRef, ReactElement, useState } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ChipsInputProps } from '@hh.ru/magritte-ui-chips-input/types';\nimport { ChipsTrigger } from '@hh.ru/magritte-ui-chips-trigger';\nimport { Input } from '@hh.ru/magritte-ui-input';\nimport { Select } from '@hh.ru/magritte-ui-select';\nimport { Suggest } from '@hh.ru/magritte-ui-suggest';\n\ntype ValueType<MultipleType> = [MultipleType] extends [true] ? string[] : string;\n\n// сhips trigger работает только массивом\nconst getSelectValuesAsArray = (values: string[] | string): string[] => {\n    return Array.isArray(values) ? values : [values].filter(Boolean);\n};\n\nconst ChipsInputComponent = <MultipleType extends boolean, DataType>(\n    {\n        type,\n        state,\n        onChange: onChangeExternal,\n        triggerProps,\n        suggestProps,\n        selectProps,\n    }: ChipsInputProps<MultipleType, DataType>,\n    ref: ForwardedRef<HTMLInputElement>\n) => {\n    const chipsTriggerRef = useRef<HTMLInputElement>(null);\n    const chipsTriggerRefCallback = useMultipleRefs(ref, chipsTriggerRef);\n    const { allowArbitraryValues } = triggerProps;\n    const [selectState, setSelectState] = useState(\n        (type === 'select' && selectProps?.multiple ? [] : '') as ValueType<MultipleType>\n    );\n\n    if (type === 'suggest') {\n        return (\n            <Suggest\n                {...suggestProps}\n                onChange={(value, isValueFromList) => {\n                    if (!isValueFromList) {\n                        return;\n                    }\n                    if (!state.chips.some((chip) => chip.value === value)) {\n                        onChangeExternal({ value: '', chips: [...state.chips, { value }] });\n                    }\n                }}\n                onBottomSheetOpen={() => chipsTriggerRef.current?.blur()}\n                input={{\n                    component: Input,\n                    props: {\n                        value: state.value,\n                        'data-qa': 'chips-input-suggest-search',\n                    },\n                }}\n                onSearchSubmit={(event, onCloseBottomSheet, optionsCount) => {\n                    if (!allowArbitraryValues || optionsCount > 0) {\n                        return;\n                    }\n                    const value = (event.target as HTMLInputElement).value;\n                    if (value) {\n                        onChangeExternal({ value: '', chips: [...state.chips, { value }] });\n                        onCloseBottomSheet();\n                    }\n                }}\n                renderTrigger={({ props }) => {\n                    const { onChange, wrapperRef, onFocus, onKeyDown } = props;\n                    return (\n                        <ChipsTrigger\n                            {...triggerProps}\n                            state={state}\n                            ref={chipsTriggerRefCallback}\n                            wrapperRef={wrapperRef}\n                            onKeyDown={onKeyDown}\n                            onFocus={onFocus}\n                            data-qa=\"chips-input-suggest-trigger\"\n                            onChange={(newState) => {\n                                onChangeExternal(newState);\n                                onChange?.(newState.value);\n                            }}\n                        />\n                    );\n                }}\n            />\n        );\n    }\n\n    const { multiple, options } = selectProps;\n    return (\n        <Select\n            {...selectProps}\n            searchable\n            multiple={multiple}\n            value={selectState}\n            onChange={(newValues) => {\n                const valuesArr = getSelectValuesAsArray(newValues);\n                onChangeExternal({\n                    value: '',\n                    chips: valuesArr.map((value) => {\n                        const item = options.find((option) => option.value === value);\n                        if (item) {\n                            return { value: item.value, label: item.label as string };\n                        }\n                        return { value };\n                    }),\n                });\n                setSelectState(newValues);\n            }}\n            onSearchSubmit={(event, onCloseBottomSheet, optionsCount) => {\n                if (!allowArbitraryValues || optionsCount > 0) {\n                    return;\n                }\n                const value = (event.target as HTMLInputElement).value;\n                if (value) {\n                    onChangeExternal({ value: '', chips: [...state.chips, { value }] });\n                    onCloseBottomSheet();\n                }\n            }}\n            onBottomSheetOpen={() => chipsTriggerRef.current?.blur()}\n            triggerProps={{ size: 'large' }}\n            renderTrigger={({ ref, setSearchValue, onKeyDown, onBlur, onFocus }) => {\n                return (\n                    <ChipsTrigger\n                        {...triggerProps}\n                        allowArbitraryValues={allowArbitraryValues}\n                        state={state}\n                        ref={chipsTriggerRefCallback}\n                        wrapperRef={ref}\n                        onKeyDown={onKeyDown}\n                        onBlur={onBlur}\n                        onFocus={onFocus}\n                        data-qa=\"chips-input-select-trigger\"\n                        onChange={(newState) => {\n                            onChangeExternal(newState);\n                            setSearchValue(newState.value);\n                            if (!multiple) {\n                                const { eventType } = newState;\n                                if (eventType === 'removeChipByBackspace' || eventType === 'removeChipByCross') {\n                                    setSelectState('' as ValueType<MultipleType>);\n                                }\n                                return;\n                            }\n                            setSelectState(newState.chips.map(({ value }) => value) as ValueType<MultipleType>);\n                        }}\n                    />\n                );\n            }}\n        />\n    );\n};\n\nconst ChipsInput = forwardRef(ChipsInputComponent) as (<MultipleType extends boolean, DataType>(\n    props: ChipsInputProps<MultipleType, DataType> & { ref?: ForwardedRef<HTMLInputElement> }\n) => ReactElement | null) & { displayName: string };\n\nChipsInput.displayName = 'ChipsInput';\n\nexport { ChipsInput };\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"ChipsInput.js","sources":["../src/ChipsInput.tsx"],"sourcesContent":["import { forwardRef, useRef, ForwardedRef, ReactElement, useState } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { ChipsInputProps } from '@hh.ru/magritte-ui-chips-input/types';\nimport { ChipsTrigger } from '@hh.ru/magritte-ui-chips-trigger';\nimport { Input } from '@hh.ru/magritte-ui-input';\nimport { Select, SelectProps } from '@hh.ru/magritte-ui-select';\nimport { Suggest } from '@hh.ru/magritte-ui-suggest';\n\ntype ValueType<MultipleType> = [MultipleType] extends [true] ? string[] : string;\n\n// сhips trigger работает только массивом\nconst getSelectValuesAsArray = (values: string[] | string): string[] => {\n    return Array.isArray(values) ? values : [values].filter(Boolean);\n};\n\nconst getInitialSelectValue = <MultipleType extends boolean, DataType>(\n    type: ChipsInputProps<MultipleType, DataType>['type'],\n    chips: ChipsInputProps<MultipleType, DataType>['state']['chips'],\n    options: SelectProps<MultipleType, DataType>['options'],\n    multiple: boolean\n) => {\n    if (type === 'suggest') {\n        return '';\n    }\n    // в случае multiple можно просто собрать value\n    if (multiple) {\n        return chips.map((chip) => chip.value);\n    }\n    // иначе нужно найти хотя бы один option, который подходит\n    const valuesFromOptions = options.map(({ value }) => value);\n    const suitableItem = chips.find((chip) => valuesFromOptions.includes(chip.value));\n    return suitableItem?.value || '';\n};\n\nconst ChipsInputComponent = <MultipleType extends boolean, DataType>(\n    {\n        type,\n        state,\n        onChange: onChangeExternal,\n        triggerProps,\n        suggestProps,\n        selectProps,\n    }: ChipsInputProps<MultipleType, DataType>,\n    ref: ForwardedRef<HTMLInputElement>\n) => {\n    const chipsTriggerRef = useRef<HTMLInputElement>(null);\n    const chipsTriggerRefCallback = useMultipleRefs(ref, chipsTriggerRef);\n    const { allowArbitraryValues } = triggerProps;\n    const [selectState, setSelectState] = useState(() => {\n        const initialState = getInitialSelectValue(\n            type,\n            state.chips,\n            selectProps?.options || [],\n            selectProps?.multiple || false\n        );\n        return initialState as ValueType<MultipleType>;\n    });\n\n    if (type === 'suggest') {\n        return (\n            <Suggest\n                {...suggestProps}\n                onChange={(value, isValueFromList) => {\n                    if (!isValueFromList) {\n                        return;\n                    }\n                    if (!state.chips.some((chip) => chip.value === value)) {\n                        onChangeExternal({ value: '', chips: [...state.chips, { value }] });\n                    }\n                }}\n                onBottomSheetOpen={() => chipsTriggerRef.current?.blur()}\n                input={{\n                    component: Input,\n                    props: {\n                        value: state.value,\n                        'data-qa': 'chips-input-suggest-search',\n                    },\n                }}\n                onSearchSubmit={(event, onCloseBottomSheet, optionsCount) => {\n                    if (!allowArbitraryValues || optionsCount > 0) {\n                        return;\n                    }\n                    const value = (event.target as HTMLInputElement).value;\n                    if (value) {\n                        onChangeExternal({ value: '', chips: [...state.chips, { value }] });\n                        onCloseBottomSheet();\n                    }\n                }}\n                renderTrigger={({ props }) => {\n                    const { onChange, wrapperRef, onFocus, onKeyDown } = props;\n                    return (\n                        <ChipsTrigger\n                            {...triggerProps}\n                            state={state}\n                            ref={chipsTriggerRefCallback}\n                            wrapperRef={wrapperRef}\n                            onKeyDown={onKeyDown}\n                            onFocus={onFocus}\n                            data-qa=\"chips-input-suggest-trigger\"\n                            onChange={(newState) => {\n                                onChangeExternal(newState);\n                                onChange?.(newState.value);\n                            }}\n                        />\n                    );\n                }}\n            />\n        );\n    }\n\n    const { multiple, options } = selectProps;\n    return (\n        <Select\n            {...selectProps}\n            searchable\n            multiple={multiple}\n            value={selectState}\n            onChange={(newValues) => {\n                const valuesArr = getSelectValuesAsArray(newValues);\n                onChangeExternal({\n                    value: '',\n                    // из новый значений селекта собираем чипсы\n                    chips: valuesArr.map((value) => {\n                        const item = options.find((option) => option.value === value);\n                        if (item) {\n                            return { value: item.value, label: item.label as string };\n                        }\n                        return { value };\n                    }),\n                });\n                setSelectState(newValues);\n            }}\n            onSearchSubmit={(event, onCloseBottomSheet, optionsCount) => {\n                if (!allowArbitraryValues || optionsCount > 0) {\n                    return;\n                }\n                const value = (event.target as HTMLInputElement).value;\n                if (value) {\n                    onChangeExternal({ value: '', chips: [...state.chips, { value }] });\n                    onCloseBottomSheet();\n                }\n            }}\n            onBottomSheetOpen={() => chipsTriggerRef.current?.blur()}\n            triggerProps={{ size: 'large' }}\n            renderTrigger={({ ref, setSearchValue, onKeyDown, onBlur, onFocus }) => {\n                return (\n                    <ChipsTrigger\n                        {...triggerProps}\n                        allowArbitraryValues={allowArbitraryValues}\n                        state={state}\n                        ref={chipsTriggerRefCallback}\n                        wrapperRef={ref}\n                        onKeyDown={onKeyDown}\n                        onBlur={onBlur}\n                        onFocus={onFocus}\n                        data-qa=\"chips-input-select-trigger\"\n                        onChange={(newState) => {\n                            onChangeExternal(newState);\n                            setSearchValue(newState.value);\n                            if (!multiple) {\n                                const { event } = newState;\n                                if (event?.type === 'remove') {\n                                    setSelectState('' as ValueType<MultipleType>);\n                                }\n                                return;\n                            }\n                            // на основе чипсов собираем новый стейт селекта\n                            setSelectState(newState.chips.map(({ value }) => value) as ValueType<MultipleType>);\n                        }}\n                    />\n                );\n            }}\n        />\n    );\n};\n\nconst ChipsInput = forwardRef(ChipsInputComponent) as (<MultipleType extends boolean, DataType>(\n    props: ChipsInputProps<MultipleType, DataType> & { ref?: ForwardedRef<HTMLInputElement> }\n) => ReactElement | null) & { displayName: string };\n\nChipsInput.displayName = 'ChipsInput';\n\nexport { ChipsInput };\n"],"names":["_jsx"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-chips-input",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -27,10 +27,10 @@
   },
   "dependencies": {
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
-    "@hh.ru/magritte-ui-chips-trigger": "2.1.0",
+    "@hh.ru/magritte-ui-chips-trigger": "3.0.0",
     "@hh.ru/magritte-ui-input": "7.0.2",
-    "@hh.ru/magritte-ui-select": "8.3.0",
-    "@hh.ru/magritte-ui-suggest": "6.3.0"
+    "@hh.ru/magritte-ui-select": "8.3.1",
+    "@hh.ru/magritte-ui-suggest": "6.3.1"
   },
-  "gitHead": "5e107905ce940656f632cf6982bedb6a7fcaf0f3"
+  "gitHead": "dbc45b2e706faaa5274d3e9de158a37c5dce7125"
 }