sitero 0.2.0 → 0.3.0

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-editor.js

@@ -1,108 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import 'lucide-react';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { FieldBody } from '../../form/field-body.js';
-import 'intor/react';
-import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
-import { getTranslationValue } from '../utils/get-translation-value.js';
-import { updateTranslations } from '../utils/update-translations.js';
-
-function createI18nEditor({
-  I18nTabsWrapper,
-  webLocales: locales,
-  Editor
-}) {
-  return function I18nEditor({
-    locale: cmsLocale,
-    translations,
-    fieldName,
-    setFormData,
-    isLoading = false,
-    isDisabled = false,
-    errors = [],
-    ...props
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    const errorsByLocales = getErrorsByLocales(
-      locales,
-      errors,
-      translations,
-      fieldName
-    );
-    return /* @__PURE__ */ jsx(
-      I18nTabsWrapper,
-      {
-        setCurrentLocale,
-        errorLocales: errorsByLocales.map((e) => e.locale),
-        children: locales.map((locale) => {
-          const value = getTranslationValue(
-            translations,
-            locale,
-            fieldName
-          );
-          if (currentLocale === locale) {
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  (isDisabled || isLoading) && "pointer-events-none"
-                ),
-                children: isLoading ? /* @__PURE__ */ jsx(FieldBody, { isLoading: true }) : /* @__PURE__ */ jsx(
-                  Editor,
-                  {
-                    locale: cmsLocale.startsWith("zh") ? "zh" : "en",
-                    value: value ?? "",
-                    onEditorChange: (value2) => {
-                      if (!fieldName || !setFormData) return;
-                      setFormData((prev) => {
-                        const updated = updateTranslations(
-                          prev["translations"],
-                          locale,
-                          fieldName,
-                          value2
-                        );
-                        return { ...prev, translations: updated };
-                      });
-                    },
-                    isLoading,
-                    isDisabled,
-                    isError: errorsByLocales.some((e) => e.locale === locale),
-                    ...props
-                  }
-                )
-              },
-              locale
-            );
-          }
-          return null;
-        })
-      }
-    );
-  };
-}
-
-export { createI18nEditor };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-input.js

@@ -1,101 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import 'lucide-react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import 'zod';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'next/navigation';
-import 'intor/react';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-import { Input } from '../../inputs/input.js';
-import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
-import { getTranslationValue } from '../utils/get-translation-value.js';
-import { updateTranslations } from '../utils/update-translations.js';
-
-function createI18nInput({
-  I18nTabsWrapper,
-  webLocales: locales
-}) {
-  return function I18nInput({
-    translations,
-    fieldName,
-    setFormData,
-    isLoading = false,
-    isDisabled = false,
-    errors = [],
-    ...props
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    const errorsByLocales = getErrorsByLocales(
-      locales,
-      errors,
-      translations,
-      fieldName
-    );
-    return /* @__PURE__ */ jsx(
-      I18nTabsWrapper,
-      {
-        setCurrentLocale,
-        errorLocales: errorsByLocales.map((e) => e.locale),
-        children: locales.map((locale) => {
-          const value = getTranslationValue(
-            translations,
-            locale,
-            fieldName
-          );
-          if (currentLocale === locale) {
-            return /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: value ?? "",
-                onChange: (e) => {
-                  if (!fieldName || !setFormData) return;
-                  setFormData((prev) => {
-                    const updated = updateTranslations(
-                      prev["translations"],
-                      currentLocale,
-                      fieldName,
-                      e.target.value
-                    );
-                    return { ...prev, translations: updated };
-                  });
-                },
-                isLoading,
-                isDisabled,
-                isError: errorsByLocales.some((e) => e.locale === locale),
-                ...props
-              },
-              locale
-            );
-          }
-          return null;
-        })
-      }
-    );
-  };
-}
-
-export { createI18nInput };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-json-input.js

@@ -1,133 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import 'zod';
-import 'lucide-react';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'next/navigation';
-import 'intor/react';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-import { Textarea } from '../../inputs/textarea.js';
-import { getTranslationValue } from '../utils/get-translation-value.js';
-import { updateTranslations } from '../utils/update-translations.js';
-
-function createI18nJsonInput({
-  I18nTabsWrapper,
-  webLocales: locales
-}) {
-  return function I18nJsonInput({
-    translations,
-    fieldName,
-    setFormData,
-    isLoading,
-    isDisabled,
-    ...props
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    const [errorLocales, setErrorLocales] = useState([]);
-    const handleBlur = (e) => {
-      if (!fieldName || !setFormData) return;
-      let raw = e.target.value;
-      if (raw.trim() === "") raw = "[]";
-      try {
-        const parsed = JSON.parse(raw);
-        const formatted = JSON.stringify(parsed, null, 2);
-        setErrorLocales((prev) => prev.filter((loc) => loc !== currentLocale));
-        if (formatted !== raw) {
-          setFormData((prev) => {
-            const updated = updateTranslations(
-              prev["translations"],
-              currentLocale,
-              fieldName,
-              formatted
-            );
-            return { ...prev, translations: updated };
-          });
-        }
-      } catch {
-        setErrorLocales(
-          (prev) => prev.includes(currentLocale) ? prev : [...prev, currentLocale]
-        );
-      }
-    };
-    useEffect(() => {
-      if (!fieldName || !setFormData) return;
-      const raw = findTranslation(translations, currentLocale, "")[fieldName];
-      try {
-        JSON.parse(raw ?? "");
-        setErrorLocales((prev) => prev.filter((loc) => loc !== currentLocale));
-      } catch {
-        if (String(raw)?.trim() !== "" && !errorLocales.includes(currentLocale)) {
-          setErrorLocales((prev) => [...prev, currentLocale]);
-        }
-      }
-    }, [fieldName, setFormData, translations, currentLocale]);
-    return /* @__PURE__ */ jsx(
-      I18nTabsWrapper,
-      {
-        setCurrentLocale,
-        errorLocales,
-        children: locales.map((locale) => {
-          const value = getTranslationValue(
-            translations,
-            locale,
-            fieldName
-          );
-          if (currentLocale === locale) {
-            return /* @__PURE__ */ jsx(
-              Textarea,
-              {
-                value: value ?? "",
-                onChange: (e) => {
-                  if (!fieldName || !setFormData) return;
-                  setFormData((prev) => {
-                    const updated = updateTranslations(
-                      prev["translations"],
-                      currentLocale,
-                      fieldName,
-                      e.target.value
-                    );
-                    return { ...prev, translations: updated };
-                  });
-                },
-                isError: errorLocales.includes(currentLocale),
-                onBlur: handleBlur,
-                isLoading,
-                isDisabled,
-                ...props
-              },
-              locale
-            );
-          }
-          return null;
-        })
-      }
-    );
-  };
-}
-
-export { createI18nJsonInput };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-number-input.js

@@ -1,104 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
-import 'lucide-react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import 'clsx';
-import 'tailwind-merge';
-import 'zod';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import 'next/navigation';
-import 'intor/react';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-import { Input } from '../../inputs/input.js';
-import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
-import { getTranslationValue } from '../utils/get-translation-value.js';
-import { updateTranslations } from '../utils/update-translations.js';
-
-function createI18nNumberInput({
-  I18nTabsWrapper,
-  webLocales: locales
-}) {
-  return function I18nNumberInput({
-    translations,
-    fieldName,
-    setFormData,
-    isLoading,
-    isDisabled,
-    errors,
-    ...props
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    const errorsByLocales = getErrorsByLocales(
-      locales,
-      errors,
-      translations,
-      fieldName
-    );
-    return /* @__PURE__ */ jsx(
-      I18nTabsWrapper,
-      {
-        setCurrentLocale,
-        errorLocales: errorsByLocales.map((e) => e.locale),
-        children: locales.map((locale) => {
-          const value = getTranslationValue(
-            translations,
-            locale,
-            fieldName
-          );
-          if (currentLocale === locale) {
-            return /* @__PURE__ */ jsx(
-              Input,
-              {
-                type: "number",
-                step: props.step ?? "any",
-                value: value ?? "",
-                onChange: (e) => {
-                  if (!fieldName || !setFormData) return;
-                  const nextValue = e.target.value === "" ? null : Number(e.target.value);
-                  setFormData((prev) => {
-                    const updated = updateTranslations(
-                      prev["translations"],
-                      currentLocale,
-                      fieldName,
-                      nextValue
-                    );
-                    return { ...prev, translations: updated };
-                  });
-                },
-                isLoading,
-                isDisabled,
-                isError: errorsByLocales.some((e) => e.locale === locale),
-                ...props
-              },
-              locale
-            );
-          }
-          return null;
-        })
-      }
-    );
-  };
-}
-
-export { createI18nNumberInput };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-object-array-input.js

@@ -1,173 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CircleX, CirclePlus } from 'lucide-react';
-import { useState } from 'react';
-import 'mime-types';
-import 'sitero-domain';
-import 'ua-parser-js';
-import '../../../../../../../shared/client/react-query/client.js';
-import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
-import 'zod';
-import '@radix-ui/react-avatar';
-import '../../../shadcn/badge.js';
-import '../../../shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../shadcn/input-group.js';
-import '@radix-ui/react-label';
-import '@radix-ui/react-radio-group';
-import '@radix-ui/react-select';
-import { Separator } from '../../../shadcn/separator.js';
-import '../../../shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { Button } from '../../buttons/button.js';
-import 'intor/react';
-import 'next/navigation';
-import '../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../constants/cms-locale.js';
-import { Textarea } from '../../inputs/textarea.js';
-import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
-import { getTranslationValue } from '../utils/get-translation-value.js';
-import { updateTranslations } from '../utils/update-translations.js';
-
-function createI18nObjectArrayInput({
-  I18nTabsWrapper,
-  webLocales: locales
-}) {
-  return function I18nObjectArrayInput({
-    translations,
-    fields,
-    fieldName,
-    setFormData,
-    isResizable = false,
-    errors = []
-  }) {
-    const [currentLocale, setCurrentLocale] = useState(locales[0]);
-    const errorsByLocales = getErrorsByLocales(
-      locales,
-      errors,
-      translations,
-      fieldName
-    );
-    return /* @__PURE__ */ jsx(
-      I18nTabsWrapper,
-      {
-        setCurrentLocale,
-        errorLocales: errorsByLocales.map((e) => e.locale),
-        children: locales.map((locale) => {
-          const rawValue = getTranslationValue(
-            translations,
-            locale,
-            fieldName
-          );
-          const items = Array.isArray(rawValue) && rawValue.length > 0 ? rawValue : [{}];
-          const errorIndexes = new Set(
-            errorsByLocales.filter((e) => e.locale === locale).map((e) => e.index).filter((i) => i !== void 0)
-          );
-          if (currentLocale === locale) {
-            return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: items.map((item, index) => {
-              const isError = errorIndexes.has(index);
-              return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: fields.map((field) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-0 left-0 z-10 h-full", children: [
-                    /* @__PURE__ */ jsx("span", { className: "min-w-[38px] text-center text-sm opacity-50", children: Array.isArray(rawValue) && rawValue.length === 0 ? "0" : index + 1 }),
-                    /* @__PURE__ */ jsx(Separator, { orientation: "vertical" })
-                  ] }),
-                  /* @__PURE__ */ jsx(
-                    Textarea,
-                    {
-                      value: item[field.key] || "",
-                      placeholder: field.placeholder,
-                      isError,
-                      onChange: (e) => {
-                        if (!setFormData || !fieldName) return;
-                        const copy = [...items];
-                        copy[index] = {
-                          ...copy[index],
-                          [field.key]: e.target.value
-                        };
-                        setFormData((prev) => {
-                          const updated = updateTranslations(
-                            prev["translations"],
-                            currentLocale,
-                            fieldName,
-                            copy
-                          );
-                          return { ...prev, translations: updated };
-                        });
-                      },
-                      onKeyDown: (e) => {
-                        if (e.key === "Enter" && !isResizable) {
-                          e.preventDefault();
-                        }
-                      },
-                      className: cn(
-                        "pr-18 pl-14",
-                        !isResizable && "resize-none"
-                      )
-                    }
-                  )
-                ] }, field.key)) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-1 right-1 gap-1", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      type: "button",
-                      size: "icon-sm",
-                      onClick: () => {
-                        if (!setFormData || !fieldName) return;
-                        const copy = items.filter((_, i) => i !== index);
-                        setFormData((prev) => {
-                          const updated = updateTranslations(
-                            prev["translations"],
-                            currentLocale,
-                            fieldName,
-                            copy
-                          );
-                          return { ...prev, translations: updated };
-                        });
-                      },
-                      children: /* @__PURE__ */ jsx(CircleX, { className: "text-destructive" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      type: "button",
-                      size: "icon-sm",
-                      onClick: () => {
-                        if (!setFormData || !fieldName) return;
-                        const copy = [...items];
-                        copy.splice(index + 1, 0, {});
-                        setFormData((prev) => {
-                          const updated = updateTranslations(
-                            prev["translations"],
-                            currentLocale,
-                            fieldName,
-                            copy
-                          );
-                          return { ...prev, translations: updated };
-                        });
-                      },
-                      children: /* @__PURE__ */ jsx(CirclePlus, { className: "text-success" })
-                    }
-                  )
-                ] })
-              ] }, index);
-            }) }, locale);
-          }
-          return null;
-        })
-      }
-    );
-  };
-}
-
-export { createI18nObjectArrayInput };