@evergis/react 4.0.139 → 4.0.141

package/dist/react.esm.js

@@ -6248,7 +6248,6 @@ const useMapImages = ({ images }) => {
     const { map, loaded: mapLoaded } = useMapContext();
     const [loaded, setLoaded] = useState(false);
     const [errors, setErrors] = useState({});
-    const loadedImagesRef = useRef(new Set());
     const previouslyLoadedImages = useRef([]);
     const hasImage = useCallback((name) => {
         if (!map?.current) {
@@ -6262,7 +6261,6 @@ const useMapImages = ({ images }) => {
         }
         if (map.current.hasImage(name)) {
             map.current.removeImage(name);
-            loadedImagesRef.current.delete(name);
         }
     }, [map]);
     const addImage = useCallback(async (config) => {
@@ -6283,7 +6281,6 @@ const useMapImages = ({ images }) => {
                     sdf,
                     pixelRatio,
                 });
-                loadedImagesRef.current.add(config.name);
             }
             catch (error) {
                 const message = error instanceof Error ? error.message : "Unknown error";
@@ -6299,7 +6296,6 @@ const useMapImages = ({ images }) => {
                     sdf,
                     pixelRatio,
                 });
-                loadedImagesRef.current.add(config.name);
             }
             catch (error) {
                 const message = error instanceof Error ? error.message : "Unknown error";
@@ -6316,7 +6312,6 @@ const useMapImages = ({ images }) => {
                             sdf,
                             pixelRatio,
                         });
-                        loadedImagesRef.current.add(config.name);
                         resolve();
                     }
                 }).catch(error => {
@@ -6357,16 +6352,19 @@ const useMapImages = ({ images }) => {
         if (!mapLoaded) {
             return;
         }
-        map.current.on("styleimagemissing", async (e) => {
-            const missingImage = images.find(item => item.name === e.id);
-            if (missingImage && !map.current.hasImage(e.id)) {
+        map.current.on("style.load", async () => {
+            if (previouslyLoadedImages.current.length === 0) {
+                return;
+            }
+            const loadPromises = previouslyLoadedImages.current.map(async (config) => {
                 try {
-                    await addImage(missingImage);
+                    await addImage(config);
                 }
                 catch {
                     // Ошибка уже записана в errors
                 }
-            }
+            });
+            await Promise.all(loadPromises);
         });
     }, [mapLoaded]);
     return { loaded, errors, addImage, removeImage, hasImage };
@@ -11906,7 +11904,8 @@ const VoteAcceptedBadge = styled(Flex).withConfig({ displayName: "VoteAcceptedBa
   color: #ffffff;
   font-size: 0.875rem;
 `;
-const VoteAuthHint = styled.div.withConfig({ displayName: "VoteAuthHint", componentId: "sc-8uftsh" }) `
+/** Мелкая серая подпись под контролами: почему нельзя голосовать или почему кнопка неактивна. */
+const VoteHint = styled.div.withConfig({ displayName: "VoteHint", componentId: "sc-li8usz" }) `
   font-size: 0.8125rem;
   color: ${({ theme: { palette } }) => palette.textSecondary};
 `;
@@ -12008,8 +12007,18 @@ const useVoteForm = (initialValues) => {
     const removeVariant = useCallback((index) => {
         setVariants(prev => prev.filter((_, itemIndex) => itemIndex !== index));
     }, []);
-    const isValid = useMemo(() => Boolean(categoryId && text.trim() && variants.length >= MIN_VARIANTS), [categoryId, text, variants.length]);
-    const values = useMemo(() => ({ categoryId, text: text.trim(), multiSelect, variants }), [categoryId, text, multiSelect, variants]);
+    /**
+     * Варианты вместе с недобавленным черновиком.
+     *
+     * Последний вариант часто набирают и жмут «Создать», не нажав Enter: чипсом он ещё не стал, но
+     * пользователь его уже ввёл. Считать такой текст вариантом честнее, чем гасить кнопку и молчать.
+     */
+    const allVariants = useMemo(() => {
+        const pending = draft.trim();
+        return pending ? [...variants, { text: pending }] : variants;
+    }, [variants, draft]);
+    const isValid = useMemo(() => Boolean(categoryId && text.trim() && allVariants.length >= MIN_VARIANTS), [categoryId, text, allVariants.length]);
+    const values = useMemo(() => ({ categoryId, text: text.trim(), multiSelect, variants: allVariants }), [categoryId, text, multiSelect, allVariants]);
     return {
         categoryId,
         setCategoryId,
@@ -12039,7 +12048,10 @@ const VoteCreateForm = ({ categories, initialValues, isEditing, canDelete, submi
                     }
                 } }), jsxs(Flex, { alignItems: "center", justifyContent: "space-between", children: [jsx(VoteSectionLabel, { children: t("vote.multiSelect", { ns: VOTE_NS, defaultValue: "Множественный выбор" }) }), jsx(Switch, { checked: multiSelect, onChange: () => setMultiSelect(prev => !prev) })] }), jsx(RaisedButton, { primary: true, disabled: !isValid || submitting, onClick: () => onSubmit(values), children: isEditing
                     ? t("vote.save", { ns: VOTE_NS, defaultValue: "Сохранить" })
-                    : t("vote.create", { ns: VOTE_NS, defaultValue: "Создать голосование" }) }), isEditing && (jsxs(Flex, { alignItems: "center", justifyContent: "space-between", children: [onCancel && (jsx(VoteEditLink, { onClick: onCancel, children: t("vote.cancel", { ns: VOTE_NS, defaultValue: "Отмена" }) })), canDelete && onDelete && (jsx(RaisedButton, { error: true, disabled: submitting, onClick: onDelete, children: t("vote.delete", { ns: VOTE_NS, defaultValue: "Удалить голосование" }) }))] }))] }));
+                    : t("vote.create", { ns: VOTE_NS, defaultValue: "Создать голосование" }) }), !isValid && (jsx(VoteHint, { children: t("vote.formHint", {
+                    ns: VOTE_NS,
+                    defaultValue: "Нужны категория, вопрос и минимум два варианта ответа",
+                }) })), isEditing && (jsxs(Flex, { alignItems: "center", justifyContent: "space-between", children: [onCancel && (jsx(VoteEditLink, { onClick: onCancel, children: t("vote.cancel", { ns: VOTE_NS, defaultValue: "Отмена" }) })), canDelete && onDelete && (jsx(RaisedButton, { error: true, disabled: submitting, onClick: onDelete, children: t("vote.delete", { ns: VOTE_NS, defaultValue: "Удалить голосование" }) }))] }))] }));
 };
 
 /** Блок «Поделиться в соцсетях» — пока только вёрстка, без рабочих ссылок. */
@@ -12063,7 +12075,7 @@ const VoteResults = ({ question, category, results, screen, isOwner, hasAnswers,
     }, [question.multiSelect]);
     const canSubmit = useMemo(() => selected.length > 0 && !submitting, [selected.length, submitting]);
     return (jsxs(VoteWrapper, { children: [category && jsx(VoteCategoryLabel, { children: category.name }), jsx(VoteQuestionText, { children: question.text }), jsx(VoteVariantList, { column: true, value: selected[0] ?? "", children: results.map(({ id, text, count, percent }) => (jsxs(VoteVariantRow, { children: [jsxs(VoteVariantHead, { children: [showControls &&
-                                    (question.multiSelect ? (jsx(Checkbox, { checked: selected.includes(id), onChange: () => toggle(id) })) : (jsx(Radio, { value: id, checked: selected.includes(id), onChange: () => toggle(id) }))), jsx(VoteVariantText, { children: text }), jsx(VoteVariantCount, { children: count })] }), jsx(LinearProgress, { done: percent })] }, id))) }), screen === "unauthenticated" && (jsx(VoteAuthHint, { children: t("vote.authHint", { ns: VOTE_NS, defaultValue: "Чтобы проголосовать, пожалуйста, авторизуйтесь" }) })), screen === "voted" && (jsxs(VoteAcceptedBadge, { children: [jsx(Icon, { kind: "success" }), t("vote.accepted", { ns: VOTE_NS, defaultValue: "Ваш ответ принят" })] })), showControls && (jsx(RaisedButton, { primary: true, disabled: !canSubmit, onClick: () => onSubmit(selected), children: t("vote.submit", { ns: VOTE_NS, defaultValue: "Отправить ответ" }) })), canEdit && onEdit && (jsx(Flex, { children: jsx(VoteEditLink, { onClick: onEdit, children: t("vote.edit", { ns: VOTE_NS, defaultValue: "Редактировать" }) }) })), showShare && jsx(VoteShare, {})] }));
+                                    (question.multiSelect ? (jsx(Checkbox, { checked: selected.includes(id), onChange: () => toggle(id) })) : (jsx(Radio, { value: id, checked: selected.includes(id), onChange: () => toggle(id) }))), jsx(VoteVariantText, { children: text }), jsx(VoteVariantCount, { children: count })] }), jsx(LinearProgress, { done: percent })] }, id))) }), screen === "unauthenticated" && (jsx(VoteHint, { children: t("vote.authHint", { ns: VOTE_NS, defaultValue: "Чтобы проголосовать, пожалуйста, авторизуйтесь" }) })), screen === "voted" && (jsxs(VoteAcceptedBadge, { children: [jsx(Icon, { kind: "success" }), t("vote.accepted", { ns: VOTE_NS, defaultValue: "Ваш ответ принят" })] })), showControls && (jsx(RaisedButton, { primary: true, disabled: !canSubmit, onClick: () => onSubmit(selected), children: t("vote.submit", { ns: VOTE_NS, defaultValue: "Отправить ответ" }) })), canEdit && onEdit && (jsx(Flex, { children: jsx(VoteEditLink, { onClick: onEdit, children: t("vote.edit", { ns: VOTE_NS, defaultValue: "Редактировать" }) }) })), showShare && jsx(VoteShare, {})] }));
 };
 
 /**