@fctc/sme-widget-ui 2.1.3 → 2.1.4

package/dist/index.js

@@ -17257,13 +17257,14 @@ var CharField = (props) => {
     const propValue = value || defaultValue;
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
+  const { t: t3 } = useI18n();
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
         validate: (value2) => {
           if (!value2) return true;
           if (widget === "custom_passord") {
@@ -17275,7 +17276,7 @@ var CharField = (props) => {
           if (!widget) return;
           const inputType = widget === "email" ? "email" : widget === "phone" ? "phone" : widget === "text-only" ? "text" : widget === "number" ? "number" : null;
           if (!inputType) return;
-          return validateInput(value2, inputType) || i18n_default.t(
+          return validateInput(value2, inputType) || t3(
             widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
           );
         }
@@ -17344,7 +17345,7 @@ var CharField = (props) => {
                   if (inputValue && !validateInput(inputValue, inputType)) {
                     setError(name2, {
                       type: "pattern",
-                      message: i18n_default.t(
+                      message: t3(
                         widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
                       )
                     });
@@ -17356,7 +17357,7 @@ var CharField = (props) => {
                 if (!inputValue && required && !invisible) {
                   setError(name2, {
                     type: "required",
-                    message: `${string} ${i18n_default.t("must_required")}`
+                    message: `${string} ${t3("must_required")}`
                   });
                 } else {
                   clearErrors(name2);
@@ -17457,11 +17458,8 @@ var CheckboxField = (props) => {
 var import_react41 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var ColorWrapper = (props) => {
-  const {
-    colors: colors2,
-    defaultColor,
-    savePickColor
-  } = props;
+  const { colors: colors2, defaultColor, savePickColor } = props;
+  const { t: t3 } = useI18n();
   const [selectedColor, setSelectedColor] = (0, import_react41.useState)(colors2[defaultColor]);
   const [showFullColors, setIsShowFullColor] = (0, import_react41.useState)(false);
   const pickColorsRef = (0, import_react41.useRef)(null);
@@ -17503,7 +17501,7 @@ var ColorWrapper = (props) => {
         className: "",
         place: "top",
         id: `${color?.color}${color?.id}`,
-        content: i18n_default.t(color?.name)
+        content: t3(color?.name)
       }
     )
   ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
@@ -17525,7 +17523,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -32464,7 +32462,7 @@ var Many2ManyTagField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;

package/dist/index.mjs

@@ -17132,13 +17132,14 @@ var CharField = (props) => {
     const propValue = value || defaultValue;
     return /* @__PURE__ */ jsx77("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
+  const { t: t3 } = useI18n();
   return /* @__PURE__ */ jsx77(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
         validate: (value2) => {
           if (!value2) return true;
           if (widget === "custom_passord") {
@@ -17150,7 +17151,7 @@ var CharField = (props) => {
           if (!widget) return;
           const inputType = widget === "email" ? "email" : widget === "phone" ? "phone" : widget === "text-only" ? "text" : widget === "number" ? "number" : null;
           if (!inputType) return;
-          return validateInput(value2, inputType) || i18n_default.t(
+          return validateInput(value2, inputType) || t3(
             widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
           );
         }
@@ -17219,7 +17220,7 @@ var CharField = (props) => {
                   if (inputValue && !validateInput(inputValue, inputType)) {
                     setError(name2, {
                       type: "pattern",
-                      message: i18n_default.t(
+                      message: t3(
                         widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
                       )
                     });
@@ -17231,7 +17232,7 @@ var CharField = (props) => {
                 if (!inputValue && required && !invisible) {
                   setError(name2, {
                     type: "required",
-                    message: `${string} ${i18n_default.t("must_required")}`
+                    message: `${string} ${t3("must_required")}`
                   });
                 } else {
                   clearErrors(name2);
@@ -17332,11 +17333,8 @@ var CheckboxField = (props) => {
 import { useEffect as useEffect13, useRef as useRef7, useState as useState12 } from "react";
 import { Fragment as Fragment19, jsx as jsx79, jsxs as jsxs52 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
-  const {
-    colors: colors2,
-    defaultColor,
-    savePickColor
-  } = props;
+  const { colors: colors2, defaultColor, savePickColor } = props;
+  const { t: t3 } = useI18n();
   const [selectedColor, setSelectedColor] = useState12(colors2[defaultColor]);
   const [showFullColors, setIsShowFullColor] = useState12(false);
   const pickColorsRef = useRef7(null);
@@ -17378,7 +17376,7 @@ var ColorWrapper = (props) => {
         className: "",
         place: "top",
         id: `${color?.color}${color?.id}`,
-        content: i18n_default.t(color?.name)
+        content: t3(color?.name)
       }
     )
   ] }, color?.id)) }) : /* @__PURE__ */ jsxs52(Fragment19, { children: [
@@ -17400,7 +17398,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -32339,7 +32337,7 @@ var Many2ManyTagField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;

package/dist/widgets.js

@@ -7846,7 +7846,6 @@ instance.use(Browser).use(initReactI18next).init({
     caches: ["cookie"]
   }
 });
-var i18n_default = instance;
 
 // src/provider/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -16510,13 +16509,14 @@ var CharField = (props) => {
     const propValue = value || defaultValue;
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
+  const { t: t3 } = useI18n();
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
         validate: (value2) => {
           if (!value2) return true;
           if (widget === "custom_passord") {
@@ -16528,7 +16528,7 @@ var CharField = (props) => {
           if (!widget) return;
           const inputType = widget === "email" ? "email" : widget === "phone" ? "phone" : widget === "text-only" ? "text" : widget === "number" ? "number" : null;
           if (!inputType) return;
-          return validateInput(value2, inputType) || i18n_default.t(
+          return validateInput(value2, inputType) || t3(
             widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
           );
         }
@@ -16597,7 +16597,7 @@ var CharField = (props) => {
                   if (inputValue && !validateInput(inputValue, inputType)) {
                     setError(name2, {
                       type: "pattern",
-                      message: i18n_default.t(
+                      message: t3(
                         widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
                       )
                     });
@@ -16609,7 +16609,7 @@ var CharField = (props) => {
                 if (!inputValue && required && !invisible) {
                   setError(name2, {
                     type: "required",
-                    message: `${string} ${i18n_default.t("must_required")}`
+                    message: `${string} ${t3("must_required")}`
                   });
                 } else {
                   clearErrors(name2);
@@ -16710,11 +16710,8 @@ var CheckboxField = (props) => {
 var import_react41 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var ColorWrapper = (props) => {
-  const {
-    colors: colors2,
-    defaultColor,
-    savePickColor
-  } = props;
+  const { colors: colors2, defaultColor, savePickColor } = props;
+  const { t: t3 } = useI18n();
   const [selectedColor, setSelectedColor] = (0, import_react41.useState)(colors2[defaultColor]);
   const [showFullColors, setIsShowFullColor] = (0, import_react41.useState)(false);
   const pickColorsRef = (0, import_react41.useRef)(null);
@@ -16756,7 +16753,7 @@ var ColorWrapper = (props) => {
         className: "",
         place: "top",
         id: `${color?.color}${color?.id}`,
-        content: i18n_default.t(color?.name)
+        content: t3(color?.name)
       }
     )
   ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
@@ -16778,7 +16775,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -31717,7 +31714,7 @@ var Many2ManyTagField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;

package/dist/widgets.mjs

@@ -7784,7 +7784,6 @@ instance.use(Browser).use(initReactI18next).init({
     caches: ["cookie"]
   }
 });
-var i18n_default = instance;
 
 // src/provider/index.tsx
 import { jsx } from "react/jsx-runtime";
@@ -16448,13 +16447,14 @@ var CharField = (props) => {
     const propValue = value || defaultValue;
     return /* @__PURE__ */ jsx77("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
+  const { t: t3 } = useI18n();
   return /* @__PURE__ */ jsx77(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
         validate: (value2) => {
           if (!value2) return true;
           if (widget === "custom_passord") {
@@ -16466,7 +16466,7 @@ var CharField = (props) => {
           if (!widget) return;
           const inputType = widget === "email" ? "email" : widget === "phone" ? "phone" : widget === "text-only" ? "text" : widget === "number" ? "number" : null;
           if (!inputType) return;
-          return validateInput(value2, inputType) || i18n_default.t(
+          return validateInput(value2, inputType) || t3(
             widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
           );
         }
@@ -16535,7 +16535,7 @@ var CharField = (props) => {
                   if (inputValue && !validateInput(inputValue, inputType)) {
                     setError(name2, {
                       type: "pattern",
-                      message: i18n_default.t(
+                      message: t3(
                         widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
                       )
                     });
@@ -16547,7 +16547,7 @@ var CharField = (props) => {
                 if (!inputValue && required && !invisible) {
                   setError(name2, {
                     type: "required",
-                    message: `${string} ${i18n_default.t("must_required")}`
+                    message: `${string} ${t3("must_required")}`
                   });
                 } else {
                   clearErrors(name2);
@@ -16648,11 +16648,8 @@ var CheckboxField = (props) => {
 import { useEffect as useEffect13, useRef as useRef7, useState as useState12 } from "react";
 import { Fragment as Fragment19, jsx as jsx79, jsxs as jsxs52 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
-  const {
-    colors: colors2,
-    defaultColor,
-    savePickColor
-  } = props;
+  const { colors: colors2, defaultColor, savePickColor } = props;
+  const { t: t3 } = useI18n();
   const [selectedColor, setSelectedColor] = useState12(colors2[defaultColor]);
   const [showFullColors, setIsShowFullColor] = useState12(false);
   const pickColorsRef = useRef7(null);
@@ -16694,7 +16691,7 @@ var ColorWrapper = (props) => {
         className: "",
         place: "top",
         id: `${color?.color}${color?.id}`,
-        content: i18n_default.t(color?.name)
+        content: t3(color?.name)
       }
     )
   ] }, color?.id)) }) : /* @__PURE__ */ jsxs52(Fragment19, { children: [
@@ -16716,7 +16713,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -31655,7 +31652,7 @@ var Many2ManyTagField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",