@fctc/sme-widget-ui 1.1.5 → 1.1.7

package/dist/index.js

@@ -32725,9 +32725,11 @@ var FloatField = (props) => {
     isForm,
     string,
     defaultValue,
+    isEditTable,
     onChange: handleOnchange
   } = props;
-  if (!isForm) {
+  const { t: t3 } = useTranslation();
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
@@ -32736,8 +32738,8 @@ var FloatField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
-        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || i18n_default.t("invalid_number")
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
+        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || t3("invalid_number")
       },
       render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
         const { setError, clearErrors } = methods;
@@ -32773,7 +32775,7 @@ var FloatField = (props) => {
               if (parsedValue < 0) {
                 setError(name2, {
                   type: "validate",
-                  message: i18n_default.t("invalid_number")
+                  message: t3("invalid_number")
                 });
               } else {
                 onChange2(parsedValue);
@@ -32787,17 +32789,13 @@ var FloatField = (props) => {
           }
         };
         const handleInputMouseLeave = () => {
-          if (!isDirtyRef.current) {
-            inputRef.current?.blur();
-            return;
-          }
           const rawValue = inputValue.replace(/,/g, "");
           const parsedValue = parseFloat(rawValue);
           if (rawValue === "" || rawValue === ".") {
             if (required) {
               setError(name2, {
                 type: "required",
-                message: `${string} ${instance.t("must_required")}`
+                message: `${string} ${t3("must_required")}`
               });
             }
             onChange2(null);
@@ -32807,7 +32805,7 @@ var FloatField = (props) => {
             if (parsedValue < 0) {
               setError(name2, {
                 type: "validate",
-                message: i18n_default.t("invalid_number")
+                message: t3("invalid_number")
               });
               setInputValue("");
               lastCommittedValueRef.current = null;
@@ -32828,13 +32826,12 @@ var FloatField = (props) => {
           } else {
             setError(name2, {
               type: "validate",
-              message: i18n_default.t("invalid_number")
+              message: t3("invalid_number")
             });
             setInputValue("");
             lastCommittedValueRef.current = null;
           }
           isDirtyRef.current = false;
-          inputRef.current?.blur();
         };
         return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
@@ -32850,12 +32847,14 @@ var FloatField = (props) => {
               placeholder,
               required: !invisible && required,
               style: invisible ? { display: "none" } : {},
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
-                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none  outline-0  py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden  
+                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]"}
+                  ${!isEditTable ? "bg-[#f7f7f7] borer-input-primary rounded-[10px] px-3" : "border-b-primary bg-transparent "}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}
                 `
             }
           ),
-          error2 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }

package/dist/index.mjs

@@ -32606,9 +32606,11 @@ var FloatField = (props) => {
     isForm,
     string,
     defaultValue,
+    isEditTable,
     onChange: handleOnchange
   } = props;
-  if (!isForm) {
+  const { t: t3 } = useTranslation();
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ jsx85("span", { children: formatFloatNumber(propValue ?? defaultValue) });
   }
   return /* @__PURE__ */ jsx85(
@@ -32617,8 +32619,8 @@ var FloatField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
-        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || i18n_default.t("invalid_number")
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
+        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || t3("invalid_number")
       },
       render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
         const { setError, clearErrors } = methods;
@@ -32654,7 +32656,7 @@ var FloatField = (props) => {
               if (parsedValue < 0) {
                 setError(name2, {
                   type: "validate",
-                  message: i18n_default.t("invalid_number")
+                  message: t3("invalid_number")
                 });
               } else {
                 onChange2(parsedValue);
@@ -32668,17 +32670,13 @@ var FloatField = (props) => {
           }
         };
         const handleInputMouseLeave = () => {
-          if (!isDirtyRef.current) {
-            inputRef.current?.blur();
-            return;
-          }
           const rawValue = inputValue.replace(/,/g, "");
           const parsedValue = parseFloat(rawValue);
           if (rawValue === "" || rawValue === ".") {
             if (required) {
               setError(name2, {
                 type: "required",
-                message: `${string} ${instance.t("must_required")}`
+                message: `${string} ${t3("must_required")}`
               });
             }
             onChange2(null);
@@ -32688,7 +32686,7 @@ var FloatField = (props) => {
             if (parsedValue < 0) {
               setError(name2, {
                 type: "validate",
-                message: i18n_default.t("invalid_number")
+                message: t3("invalid_number")
               });
               setInputValue("");
               lastCommittedValueRef.current = null;
@@ -32709,13 +32707,12 @@ var FloatField = (props) => {
           } else {
             setError(name2, {
               type: "validate",
-              message: i18n_default.t("invalid_number")
+              message: t3("invalid_number")
             });
             setInputValue("");
             lastCommittedValueRef.current = null;
           }
           isDirtyRef.current = false;
-          inputRef.current?.blur();
         };
         return /* @__PURE__ */ jsxs59(Fragment24, { children: [
           /* @__PURE__ */ jsx85(
@@ -32731,12 +32728,14 @@ var FloatField = (props) => {
               placeholder,
               required: !invisible && required,
               style: invisible ? { display: "none" } : {},
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
-                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none  outline-0  py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden  
+                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]"}
+                  ${!isEditTable ? "bg-[#f7f7f7] borer-input-primary rounded-[10px] px-3" : "border-b-primary bg-transparent "}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}
                 `
             }
           ),
-          error2 && /* @__PURE__ */ jsx85("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ jsx85("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }

package/dist/widgets.js

@@ -32370,9 +32370,11 @@ var FloatField = (props) => {
     isForm,
     string,
     defaultValue,
+    isEditTable,
     onChange: handleOnchange
   } = props;
-  if (!isForm) {
+  const { t: t3 } = useTranslation();
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
@@ -32381,8 +32383,8 @@ var FloatField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
-        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || i18n_default.t("invalid_number")
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
+        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || t3("invalid_number")
       },
       render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
         const { setError, clearErrors } = methods;
@@ -32418,7 +32420,7 @@ var FloatField = (props) => {
               if (parsedValue < 0) {
                 setError(name2, {
                   type: "validate",
-                  message: i18n_default.t("invalid_number")
+                  message: t3("invalid_number")
                 });
               } else {
                 onChange2(parsedValue);
@@ -32432,17 +32434,13 @@ var FloatField = (props) => {
           }
         };
         const handleInputMouseLeave = () => {
-          if (!isDirtyRef.current) {
-            inputRef.current?.blur();
-            return;
-          }
           const rawValue = inputValue.replace(/,/g, "");
           const parsedValue = parseFloat(rawValue);
           if (rawValue === "" || rawValue === ".") {
             if (required) {
               setError(name2, {
                 type: "required",
-                message: `${string} ${instance.t("must_required")}`
+                message: `${string} ${t3("must_required")}`
               });
             }
             onChange2(null);
@@ -32452,7 +32450,7 @@ var FloatField = (props) => {
             if (parsedValue < 0) {
               setError(name2, {
                 type: "validate",
-                message: i18n_default.t("invalid_number")
+                message: t3("invalid_number")
               });
               setInputValue("");
               lastCommittedValueRef.current = null;
@@ -32473,13 +32471,12 @@ var FloatField = (props) => {
           } else {
             setError(name2, {
               type: "validate",
-              message: i18n_default.t("invalid_number")
+              message: t3("invalid_number")
             });
             setInputValue("");
             lastCommittedValueRef.current = null;
           }
           isDirtyRef.current = false;
-          inputRef.current?.blur();
         };
         return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
@@ -32495,12 +32492,14 @@ var FloatField = (props) => {
               placeholder,
               required: !invisible && required,
               style: invisible ? { display: "none" } : {},
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
-                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none  outline-0  py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden  
+                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]"}
+                  ${!isEditTable ? "bg-[#f7f7f7] borer-input-primary rounded-[10px] px-3" : "border-b-primary bg-transparent "}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}
                 `
             }
           ),
-          error2 && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }

package/dist/widgets.mjs

@@ -32308,9 +32308,11 @@ var FloatField = (props) => {
     isForm,
     string,
     defaultValue,
+    isEditTable,
     onChange: handleOnchange
   } = props;
-  if (!isForm) {
+  const { t: t3 } = useTranslation();
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ jsx85("span", { children: formatFloatNumber(propValue ?? defaultValue) });
   }
   return /* @__PURE__ */ jsx85(
@@ -32319,8 +32321,8 @@ var FloatField = (props) => {
       name: name2 ?? "",
       control: methods.control,
       rules: {
-        required: required && !invisible ? { value: true, message: `${string} ${i18n_default.t("must_required")}` } : false,
-        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || i18n_default.t("invalid_number")
+        required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
+        validate: (val) => val === void 0 || val === null || val === "" || !isNaN(parseFloat(String(val).replace(",", "."))) || t3("invalid_number")
       },
       render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
         const { setError, clearErrors } = methods;
@@ -32356,7 +32358,7 @@ var FloatField = (props) => {
               if (parsedValue < 0) {
                 setError(name2, {
                   type: "validate",
-                  message: i18n_default.t("invalid_number")
+                  message: t3("invalid_number")
                 });
               } else {
                 onChange2(parsedValue);
@@ -32370,17 +32372,13 @@ var FloatField = (props) => {
           }
         };
         const handleInputMouseLeave = () => {
-          if (!isDirtyRef.current) {
-            inputRef.current?.blur();
-            return;
-          }
           const rawValue = inputValue.replace(/,/g, "");
           const parsedValue = parseFloat(rawValue);
           if (rawValue === "" || rawValue === ".") {
             if (required) {
               setError(name2, {
                 type: "required",
-                message: `${string} ${instance.t("must_required")}`
+                message: `${string} ${t3("must_required")}`
               });
             }
             onChange2(null);
@@ -32390,7 +32388,7 @@ var FloatField = (props) => {
             if (parsedValue < 0) {
               setError(name2, {
                 type: "validate",
-                message: i18n_default.t("invalid_number")
+                message: t3("invalid_number")
               });
               setInputValue("");
               lastCommittedValueRef.current = null;
@@ -32411,13 +32409,12 @@ var FloatField = (props) => {
           } else {
             setError(name2, {
               type: "validate",
-              message: i18n_default.t("invalid_number")
+              message: t3("invalid_number")
             });
             setInputValue("");
             lastCommittedValueRef.current = null;
           }
           isDirtyRef.current = false;
-          inputRef.current?.blur();
         };
         return /* @__PURE__ */ jsxs59(Fragment24, { children: [
           /* @__PURE__ */ jsx85(
@@ -32433,12 +32430,14 @@ var FloatField = (props) => {
               placeholder,
               required: !invisible && required,
               style: invisible ? { display: "none" } : {},
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
-                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none  outline-0  py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden  
+                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]"}
+                  ${!isEditTable ? "bg-[#f7f7f7] borer-input-primary rounded-[10px] px-3" : "border-b-primary bg-transparent "}
+                 ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}
                 `
             }
           ),
-          error2 && /* @__PURE__ */ jsx85("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ jsx85("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }

package/package.json

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

package/dist/.babelrc

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ]
-}

package/dist/.editorconfig

@@ -1,10 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-[*.{js,json,yml}]
-charset = utf-8
-indent_style = space
-indent_size = 2

package/dist/.eslintignore

@@ -1,6 +0,0 @@
-dist
-.cache
-package-lock.json
-public
-node_modules
-yarn.lock

package/dist/.eslintrc.cjs

@@ -1,66 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs', 'commitlint.config.cjs'],
-  parser: '@typescript-eslint/parser',
-  overrides: [
-    {
-      files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.cjs'],
-      plugins: [
-        '@typescript-eslint',
-        'unused-imports',
-        'simple-import-sort',
-        'react-refresh',
-      ],
-      rules: {
-        'react-refresh/only-export-components': [
-          'warn',
-          { allowConstantExport: true },
-        ],
-        'import/prefer-default-export': 'off',
-        'simple-import-sort/imports': [
-          'error',
-          {
-            groups: [
-              // Packages `react` related packages come first.
-              ['^react', '^@?\\w'],
-              // Internal packages.
-              ['^(@|components)(/.*|$)'],
-              // Side effect imports.
-              ['^\\u0000'],
-              // Parent imports. Put `..` last.
-              ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
-              // Other relative imports. Put same-folder imports and `.` last.
-              ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
-              // Style imports.
-              ['^.+\\.?(css)$'],
-            ],
-          },
-        ],
-        'prettier/prettier': [
-          'error',
-          {
-            endOfLine: 'auto',
-          },
-        ],
-        'react/react-in-jsx-scope': 'off',
-        'no-param-reassign': 'off',
-        'simple-import-sort/exports': 'error',
-        '@typescript-eslint/no-unused-vars': 'off',
-        '@typescript-eslint/no-non-null-assertion': 'off',
-        '@typescript-eslint/no-explicit-any': 'off',
-        '@typescript-eslint/ban-ts-comment': 'off',
-        '@typescript-eslint/ban-types': 'off',
-        'unused-imports/no-unused-imports': 'error',
-        'unused-imports/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
-        'no-plusplus': 'off',
-        'no-case-declarations': 'off',
-      },
-    },
-  ],
-}

package/dist/.gitattributes

@@ -1,4 +0,0 @@
-/.yarn/**            linguist-vendored
-/.yarn/releases/*    binary
-/.yarn/plugins/**/*  binary
-/.pnp.*              binary linguist-generated

package/dist/.prettierrc

@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "semi": false
-}