npm - @fctc/sme-widget-ui - Versions diffs - 2.1.2 → 2.1.4 - Mend

@fctc/sme-widget-ui 2.1.2 → 2.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -13176,8 +13176,25 @@ var TableHead = (props) => {
                         fontSize: "8px"
                       },
                       "data-tooltip-id": `field-help-${col?.field?.name}`,
-                      className: "lowercase rounded-full bg-primary size-[12px] text-[8px] text-white flex items-center justify-center",
-                      children: "i"
+                      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "13",
+                          height: "13",
+                          viewBox: "0 0 13 13",
+                          fill: "none",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              clipRule: "evenodd",
+                              d: "M6.25 12.5C9.70178 12.5 12.5 9.70178 12.5 6.25C12.5 2.79822 9.70178 0 6.25 0C2.79822 0 0 2.79822 0 6.25C0 9.70178 2.79822 12.5 6.25 12.5ZM7.36584 9.45858L7.46565 9.0506C7.41399 9.07486 7.3307 9.10258 7.21649 9.13414C7.10197 9.1657 6.9989 9.18177 6.90831 9.18177C6.71536 9.18177 6.57952 9.15014 6.50065 9.08657C6.42236 9.023 6.38331 8.90342 6.38331 8.72827C6.38331 8.65887 6.39509 8.55542 6.41973 8.42003C6.44361 8.28373 6.47108 8.16261 6.50161 8.05666L6.87419 6.73759C6.91068 6.61653 6.93571 6.48344 6.94916 6.33818C6.96292 6.19325 6.96932 6.09185 6.96932 6.03429C6.96932 5.75614 6.87182 5.53041 6.67676 5.35629C6.4817 5.18229 6.20393 5.09529 5.84396 5.09529C5.64365 5.09529 5.43188 5.13088 5.20776 5.202C4.98363 5.27294 4.74933 5.3584 4.50421 5.4582L4.40415 5.8665C4.47719 5.83949 4.56419 5.81043 4.66598 5.78034C4.76732 5.75038 4.86674 5.73489 4.96347 5.73489C5.16096 5.73489 5.29399 5.76856 5.3637 5.83488C5.43342 5.90139 5.46844 6.0197 5.46844 6.18883C5.46844 6.28236 5.45736 6.38626 5.43438 6.49919C5.41172 6.61282 5.38342 6.73298 5.35013 6.8598L4.97595 8.18419C4.94266 8.32336 4.91834 8.44787 4.90304 8.55843C4.88786 8.66886 4.88057 8.77724 4.88057 8.88262C4.88057 9.15482 4.98114 9.3792 5.18222 9.55627C5.38329 9.73264 5.66523 9.82143 6.02769 9.82143C6.26372 9.82143 6.47088 9.79057 6.64917 9.72854C6.82727 9.6667 7.06644 9.57675 7.36584 9.45858ZM7.29946 4.1002C7.47352 3.93882 7.56014 3.74254 7.56014 3.51272C7.56014 3.28341 7.47365 3.08675 7.29946 2.92331C7.12584 2.76032 6.91657 2.67857 6.6719 2.67857C6.42646 2.67857 6.21635 2.76013 6.04107 2.92331C5.86579 3.08675 5.77796 3.28334 5.77796 3.51272C5.77796 3.74254 5.86579 3.93875 6.04107 4.1002C6.21667 4.26217 6.42639 4.34321 6.6719 4.34321C6.91664 4.34321 7.12584 4.26217 7.29946 4.1002Z",
+                              fill: "#C3C3C3"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ] })
@@ -17240,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") {
@@ -17258,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"
           );
         }
@@ -17327,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"
                       )
                     });
@@ -17339,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);
@@ -17440,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);
@@ -17486,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: [
@@ -17508,7 +17523,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -32447,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 CHANGED Viewed

@@ -13051,8 +13051,25 @@ var TableHead = (props) => {
                         fontSize: "8px"
                       },
                       "data-tooltip-id": `field-help-${col?.field?.name}`,
-                      className: "lowercase rounded-full bg-primary size-[12px] text-[8px] text-white flex items-center justify-center",
-                      children: "i"
+                      children: /* @__PURE__ */ jsx50(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "13",
+                          height: "13",
+                          viewBox: "0 0 13 13",
+                          fill: "none",
+                          children: /* @__PURE__ */ jsx50(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              clipRule: "evenodd",
+                              d: "M6.25 12.5C9.70178 12.5 12.5 9.70178 12.5 6.25C12.5 2.79822 9.70178 0 6.25 0C2.79822 0 0 2.79822 0 6.25C0 9.70178 2.79822 12.5 6.25 12.5ZM7.36584 9.45858L7.46565 9.0506C7.41399 9.07486 7.3307 9.10258 7.21649 9.13414C7.10197 9.1657 6.9989 9.18177 6.90831 9.18177C6.71536 9.18177 6.57952 9.15014 6.50065 9.08657C6.42236 9.023 6.38331 8.90342 6.38331 8.72827C6.38331 8.65887 6.39509 8.55542 6.41973 8.42003C6.44361 8.28373 6.47108 8.16261 6.50161 8.05666L6.87419 6.73759C6.91068 6.61653 6.93571 6.48344 6.94916 6.33818C6.96292 6.19325 6.96932 6.09185 6.96932 6.03429C6.96932 5.75614 6.87182 5.53041 6.67676 5.35629C6.4817 5.18229 6.20393 5.09529 5.84396 5.09529C5.64365 5.09529 5.43188 5.13088 5.20776 5.202C4.98363 5.27294 4.74933 5.3584 4.50421 5.4582L4.40415 5.8665C4.47719 5.83949 4.56419 5.81043 4.66598 5.78034C4.76732 5.75038 4.86674 5.73489 4.96347 5.73489C5.16096 5.73489 5.29399 5.76856 5.3637 5.83488C5.43342 5.90139 5.46844 6.0197 5.46844 6.18883C5.46844 6.28236 5.45736 6.38626 5.43438 6.49919C5.41172 6.61282 5.38342 6.73298 5.35013 6.8598L4.97595 8.18419C4.94266 8.32336 4.91834 8.44787 4.90304 8.55843C4.88786 8.66886 4.88057 8.77724 4.88057 8.88262C4.88057 9.15482 4.98114 9.3792 5.18222 9.55627C5.38329 9.73264 5.66523 9.82143 6.02769 9.82143C6.26372 9.82143 6.47088 9.79057 6.64917 9.72854C6.82727 9.6667 7.06644 9.57675 7.36584 9.45858ZM7.29946 4.1002C7.47352 3.93882 7.56014 3.74254 7.56014 3.51272C7.56014 3.28341 7.47365 3.08675 7.29946 2.92331C7.12584 2.76032 6.91657 2.67857 6.6719 2.67857C6.42646 2.67857 6.21635 2.76013 6.04107 2.92331C5.86579 3.08675 5.77796 3.28334 5.77796 3.51272C5.77796 3.74254 5.86579 3.93875 6.04107 4.1002C6.21667 4.26217 6.42639 4.34321 6.6719 4.34321C6.91664 4.34321 7.12584 4.26217 7.29946 4.1002Z",
+                              fill: "#C3C3C3"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ] })
@@ -17115,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") {
@@ -17133,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"
           );
         }
@@ -17202,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"
                       )
                     });
@@ -17214,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);
@@ -17315,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);
@@ -17361,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: [
@@ -17383,7 +17398,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -32322,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 CHANGED Viewed

@@ -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");
@@ -12418,8 +12417,25 @@ var TableHead = (props) => {
                         fontSize: "8px"
                       },
                       "data-tooltip-id": `field-help-${col?.field?.name}`,
-                      className: "lowercase rounded-full bg-primary size-[12px] text-[8px] text-white flex items-center justify-center",
-                      children: "i"
+                      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "13",
+                          height: "13",
+                          viewBox: "0 0 13 13",
+                          fill: "none",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              clipRule: "evenodd",
+                              d: "M6.25 12.5C9.70178 12.5 12.5 9.70178 12.5 6.25C12.5 2.79822 9.70178 0 6.25 0C2.79822 0 0 2.79822 0 6.25C0 9.70178 2.79822 12.5 6.25 12.5ZM7.36584 9.45858L7.46565 9.0506C7.41399 9.07486 7.3307 9.10258 7.21649 9.13414C7.10197 9.1657 6.9989 9.18177 6.90831 9.18177C6.71536 9.18177 6.57952 9.15014 6.50065 9.08657C6.42236 9.023 6.38331 8.90342 6.38331 8.72827C6.38331 8.65887 6.39509 8.55542 6.41973 8.42003C6.44361 8.28373 6.47108 8.16261 6.50161 8.05666L6.87419 6.73759C6.91068 6.61653 6.93571 6.48344 6.94916 6.33818C6.96292 6.19325 6.96932 6.09185 6.96932 6.03429C6.96932 5.75614 6.87182 5.53041 6.67676 5.35629C6.4817 5.18229 6.20393 5.09529 5.84396 5.09529C5.64365 5.09529 5.43188 5.13088 5.20776 5.202C4.98363 5.27294 4.74933 5.3584 4.50421 5.4582L4.40415 5.8665C4.47719 5.83949 4.56419 5.81043 4.66598 5.78034C4.76732 5.75038 4.86674 5.73489 4.96347 5.73489C5.16096 5.73489 5.29399 5.76856 5.3637 5.83488C5.43342 5.90139 5.46844 6.0197 5.46844 6.18883C5.46844 6.28236 5.45736 6.38626 5.43438 6.49919C5.41172 6.61282 5.38342 6.73298 5.35013 6.8598L4.97595 8.18419C4.94266 8.32336 4.91834 8.44787 4.90304 8.55843C4.88786 8.66886 4.88057 8.77724 4.88057 8.88262C4.88057 9.15482 4.98114 9.3792 5.18222 9.55627C5.38329 9.73264 5.66523 9.82143 6.02769 9.82143C6.26372 9.82143 6.47088 9.79057 6.64917 9.72854C6.82727 9.6667 7.06644 9.57675 7.36584 9.45858ZM7.29946 4.1002C7.47352 3.93882 7.56014 3.74254 7.56014 3.51272C7.56014 3.28341 7.47365 3.08675 7.29946 2.92331C7.12584 2.76032 6.91657 2.67857 6.6719 2.67857C6.42646 2.67857 6.21635 2.76013 6.04107 2.92331C5.86579 3.08675 5.77796 3.28334 5.77796 3.51272C5.77796 3.74254 5.86579 3.93875 6.04107 4.1002C6.21667 4.26217 6.42639 4.34321 6.6719 4.34321C6.91664 4.34321 7.12584 4.26217 7.29946 4.1002Z",
+                              fill: "#C3C3C3"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ] })
@@ -16493,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") {
@@ -16511,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"
           );
         }
@@ -16580,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"
                       )
                     });
@@ -16592,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);
@@ -16693,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);
@@ -16739,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: [
@@ -16761,7 +16775,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -31700,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 CHANGED Viewed

@@ -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";
@@ -12356,8 +12355,25 @@ var TableHead = (props) => {
                         fontSize: "8px"
                       },
                       "data-tooltip-id": `field-help-${col?.field?.name}`,
-                      className: "lowercase rounded-full bg-primary size-[12px] text-[8px] text-white flex items-center justify-center",
-                      children: "i"
+                      children: /* @__PURE__ */ jsx50(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "13",
+                          height: "13",
+                          viewBox: "0 0 13 13",
+                          fill: "none",
+                          children: /* @__PURE__ */ jsx50(
+                            "path",
+                            {
+                              fillRule: "evenodd",
+                              clipRule: "evenodd",
+                              d: "M6.25 12.5C9.70178 12.5 12.5 9.70178 12.5 6.25C12.5 2.79822 9.70178 0 6.25 0C2.79822 0 0 2.79822 0 6.25C0 9.70178 2.79822 12.5 6.25 12.5ZM7.36584 9.45858L7.46565 9.0506C7.41399 9.07486 7.3307 9.10258 7.21649 9.13414C7.10197 9.1657 6.9989 9.18177 6.90831 9.18177C6.71536 9.18177 6.57952 9.15014 6.50065 9.08657C6.42236 9.023 6.38331 8.90342 6.38331 8.72827C6.38331 8.65887 6.39509 8.55542 6.41973 8.42003C6.44361 8.28373 6.47108 8.16261 6.50161 8.05666L6.87419 6.73759C6.91068 6.61653 6.93571 6.48344 6.94916 6.33818C6.96292 6.19325 6.96932 6.09185 6.96932 6.03429C6.96932 5.75614 6.87182 5.53041 6.67676 5.35629C6.4817 5.18229 6.20393 5.09529 5.84396 5.09529C5.64365 5.09529 5.43188 5.13088 5.20776 5.202C4.98363 5.27294 4.74933 5.3584 4.50421 5.4582L4.40415 5.8665C4.47719 5.83949 4.56419 5.81043 4.66598 5.78034C4.76732 5.75038 4.86674 5.73489 4.96347 5.73489C5.16096 5.73489 5.29399 5.76856 5.3637 5.83488C5.43342 5.90139 5.46844 6.0197 5.46844 6.18883C5.46844 6.28236 5.45736 6.38626 5.43438 6.49919C5.41172 6.61282 5.38342 6.73298 5.35013 6.8598L4.97595 8.18419C4.94266 8.32336 4.91834 8.44787 4.90304 8.55843C4.88786 8.66886 4.88057 8.77724 4.88057 8.88262C4.88057 9.15482 4.98114 9.3792 5.18222 9.55627C5.38329 9.73264 5.66523 9.82143 6.02769 9.82143C6.26372 9.82143 6.47088 9.79057 6.64917 9.72854C6.82727 9.6667 7.06644 9.57675 7.36584 9.45858ZM7.29946 4.1002C7.47352 3.93882 7.56014 3.74254 7.56014 3.51272C7.56014 3.28341 7.47365 3.08675 7.29946 2.92331C7.12584 2.76032 6.91657 2.67857 6.6719 2.67857C6.42646 2.67857 6.21635 2.76013 6.04107 2.92331C5.86579 3.08675 5.77796 3.28334 5.77796 3.51272C5.77796 3.74254 5.86579 3.93875 6.04107 4.1002C6.21667 4.26217 6.42639 4.34321 6.6719 4.34321C6.91664 4.34321 7.12584 4.26217 7.29946 4.1002Z",
+                              fill: "#C3C3C3"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ] })
@@ -16431,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") {
@@ -16449,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"
           );
         }
@@ -16518,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"
                       )
                     });
@@ -16530,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);
@@ -16631,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);
@@ -16677,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: [
@@ -16699,7 +16713,7 @@ var ColorWrapper = (props) => {
       {
         place: "top",
         id: `${selectedColor?.id}${selectedColor?.name}`,
-        content: i18n_default.t(selectedColor?.name)
+        content: t3(selectedColor?.name)
       }
     )
   ] }) });
@@ -31638,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 CHANGED Viewed

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