@yimingliao/cms 0.0.149 → 0.0.150

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

@@ -0,0 +1,126 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import 'mime-types';
+import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import 'lucide-react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+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-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'intor/react';
+import { Textarea } from '../../inputs/textarea.js';
+import { getTranslationValue } from '../utils/get-translation-value.js';
+import { updateTranslations } from '../utils/update-translations.js';
+
+function createI18nJsonInput({
+  I18nTabsWrapper,
+  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/client/interfaces/components/ui/i18n/inputs/i18n-number-input.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import 'lucide-react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+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-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'intor/react';
+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,
+  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",
+                value: value ?? 0,
+                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 { createI18nNumberInput };

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

@@ -0,0 +1,165 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CircleX, CirclePlus } from 'lucide-react';
+import { useState } from 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+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-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/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 { 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,
+  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-[3px] right-[3px] 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 };

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

@@ -0,0 +1,93 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import 'lucide-react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+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-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'intor/react';
+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 createI18nTextarea({
+  I18nTabsWrapper,
+  locales
+}) {
+  return function I18nTextarea({
+    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(
+              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 };
+                  });
+                },
+                isLoading,
+                isDisabled,
+                isError: errorsByLocales.some((e) => e.locale === locale),
+                ...props
+              },
+              locale
+            );
+          }
+          return null;
+        })
+      }
+    );
+  };
+}
+
+export { createI18nTextarea };

package/dist/src/client/interfaces/components/ui/i18n/utils/get-errors-by-locales.js

@@ -0,0 +1,17 @@
+const getErrorsByLocales = (locales, errors = [], translations = [], fieldName = "") => {
+  const rawParts = errors.map((e) => e?.split("."));
+  const filteredParts = rawParts.filter(
+    (parts) => !!parts && parts[0] === "translations" && parts[2] === fieldName
+  );
+  const mapped = filteredParts.map(([, indexStr, ...rest]) => {
+    const locale = translations[Number(indexStr)]?.locale ?? "";
+    if (!locales.includes(locale)) return null;
+    const last = rest.at(1);
+    const index = !Number.isNaN(Number(last)) ? Number(last) : void 0;
+    return { locale, path: rest, index };
+  });
+  const filtered = mapped.filter((a) => !!a);
+  return filtered;
+};
+
+export { getErrorsByLocales };

package/dist/src/client/interfaces/components/ui/i18n/utils/get-translation-value.js

@@ -0,0 +1,16 @@
+const getTranslationValue = (translations = [], locale, fieldName = "") => {
+  const translation = translations.find((t) => t.locale === locale);
+  if (!translation) {
+    return null;
+  }
+  if (!(fieldName in translation)) {
+    return null;
+  }
+  const value = translation[fieldName];
+  if (value === null || value === void 0) {
+    return null;
+  }
+  return value;
+};
+
+export { getTranslationValue };

package/dist/src/client/interfaces/components/ui/i18n/utils/update-translations.js

@@ -0,0 +1,14 @@
+const updateTranslations = (translations = [], locale, fieldName, value) => {
+  const updatedTranslations = translations.map(
+    (t) => t.locale === locale ? { ...t, [fieldName]: value } : t
+  );
+  if (!translations.some((t) => t.locale === locale)) {
+    updatedTranslations.push({
+      locale,
+      [fieldName]: value
+    });
+  }
+  return updatedTranslations;
+};
+
+export { updateTranslations };

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

@@ -16,6 +16,9 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import { Separator } from '../../shadcn/separator.js';
 import '../../shadcn/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';

package/dist/src/client/interfaces/components/ui/inputs/checkbox.js

@@ -16,7 +16,10 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
 import { Spinner } from '../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 
 function Checkbox({

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

@@ -17,6 +17,9 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/link';
 import '../../../../../../constants/paths/auth.js';

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

@@ -16,7 +16,10 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
 import { Spinner } from '../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 
 function Input({

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

@@ -17,6 +17,9 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Input } from './input.js';
 

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

@@ -18,7 +18,10 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
 import { Spinner } from '../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Input } from './input.js';
 

package/dist/src/client/interfaces/components/ui/inputs/select.js

@@ -16,6 +16,9 @@ import '@radix-ui/react-label';
 import { SelectItem, Select as Select$1, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectLabel } from '../../shadcn/select.js';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 
 function Select({

package/dist/src/client/interfaces/components/ui/inputs/textarea.js

@@ -17,7 +17,10 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
 import { Spinner } from '../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
 import { Textarea as Textarea$1 } from '../../shadcn/textarea.js';
 import '@radix-ui/react-tooltip';
 

package/dist/src/client/interfaces/components/ui/layouts/auth-skeleton.js

@@ -17,6 +17,9 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../shadcn/sidebar.js';
 import { Skeleton } from '../../shadcn/skeleton.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 
 function AuthSkeleton() {

package/dist/src/client/interfaces/components/ui/layouts/dashboard-skeleton.js

@@ -19,6 +19,9 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import { useSidebar, Sidebar, SidebarInset } from '../../shadcn/sidebar.js';
 import { Skeleton } from '../../shadcn/skeleton.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 
 function DashboardSkeleton() {

package/dist/src/client/interfaces/components/ui/layouts/navbar/i18n-selector.js

@@ -18,6 +18,9 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../shadcn/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';

package/dist/src/client/interfaces/components/ui/layouts/navbar/nav-user.js

@@ -24,7 +24,10 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import { SidebarMenu, SidebarMenuItem, SidebarMenuButton } from '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
 import { Spinner } from '../../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../buttons/button.js';
 

package/dist/src/client/interfaces/components/ui/layouts/navbar/navbar.js

@@ -25,6 +25,7 @@ import '@radix-ui/react-label';
 import '@radix-ui/react-select';
 import { Separator } from '../../../shadcn/separator.js';
 import { useSidebar } from '../../../shadcn/sidebar.js';
+import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Button } from '../../buttons/button.js';
 import { NavUser } from './nav-user.js';