prefabs-tech · rameshlohala · Jan 26, 2026 · Jan 22, 2026
diff --git a/apps/demo/package.json b/apps/demo/package.json
@@ -17,7 +17,7 @@
     "typecheck": "tsc --noEmit -p tsconfig.vitest.json --composite false"
   },
   "dependencies": {
-    "@prefabs.tech/tsconfig": "0.2.0",
+    "@prefabs.tech/tsconfig": "0.2.1",
     "@prefabs.tech/react-config": "0.71.0",
     "@prefabs.tech/react-form": "0.71.0",
     "@prefabs.tech/react-i18n": "0.71.0",
@@ -36,7 +36,7 @@
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@prefabs.tech/eslint-config": "0.2.0",
+    "@prefabs.tech/eslint-config": "0.2.1",
     "@babel/core": "7.26.10",
     "@babel/plugin-syntax-flow": "7.26.0",
     "@babel/plugin-transform-react-jsx": "^7.21.0",

diff --git a/apps/demo/src/Views/Ui/components/CountryDisplay/CountryDisplayDemo.tsx b/apps/demo/src/Views/Ui/components/CountryDisplay/CountryDisplayDemo.tsx
@@ -220,14 +220,14 @@ fallbackLocale = np;
       <Section title={t("countryDisplay.customFlagsPath", "Custom Flag Path")}>
         <Country code="CA" flagsPath={customFlagsPath} />
         <CodeBlock
-          exampleCode='const flagsPath = (code: string) => {
-  return `https://flagcdn.com/${code.toLowerCase().trim()}.svg`;
+          exampleCode={`const flagsPath = (code: string) => {
+  return \`https://flagcdn.com/\${code.toLowerCase().trim()}.svg\`;
 };
 
 <Country 
   code="CA" 
   flagsPath={customFlagsPath} 
-/>'
+/>`}
         />
       </Section>
 

diff --git a/apps/demo/src/Views/Ui/components/FormWidgets/CountryPicker.tsx b/apps/demo/src/Views/Ui/components/FormWidgets/CountryPicker.tsx
@@ -359,11 +359,11 @@ const [singleSelectValue, setSingleSelectValue] = useState<string>("");
           onChange={(value: string) => setCustomFlagsSelectValue(value)}
         />
         <CodeBlock
-          exampleCode='
+          exampleCode={`
 const [singleSelectValue, setSingleSelectValue] = useState<string>("");
 
 const flagsPath = (code: string) => {
-  return `https://flagcdn.com/${code.toLowerCase().trim()}.svg`;
+  return \`https://flagcdn.com/\${code.toLowerCase().trim()}.svg\`;
 };
 
 <CountryPicker
@@ -373,7 +373,7 @@ const flagsPath = (code: string) => {
   placeholder={t("countryPicker.placeholders.single")}
   value={singleSelectValue}
   onChange={(value: string) => setSingleSelectValue(value)}
-/>'
+/>`}
         />
       </Section>
 

diff --git a/apps/demo/src/Views/Ui/components/Table/Table.tsx b/apps/demo/src/Views/Ui/components/Table/Table.tsx
@@ -93,7 +93,9 @@ export const TableDemo = () => {
 
     const date = new Date(rowData as Date);
 
-    if (isNaN(date.getTime())) return false;
+    if (isNaN(date.getTime())) {
+      return false;
+    }
 
     return (
       value[0].getTime() <= date.getTime() &&

diff --git a/apps/demo/src/components/Demo/CodeBlock.tsx b/apps/demo/src/components/Demo/CodeBlock.tsx
@@ -54,7 +54,9 @@ export const CodeBlock = ({
   };
 
   const renderHeader = () => {
-    if (!title && !subheader) return null;
+    if (!title && !subheader) {
+      return null;
+    }
 
     return (
       <header>

diff --git a/packages/config/package.json b/packages/config/package.json
@@ -28,8 +28,8 @@
     "typecheck": "tsc --noEmit -p tsconfig.vitest.json --composite false"
   },
   "devDependencies": {
-    "@prefabs.tech/eslint-config": "0.2.0",
-    "@prefabs.tech/tsconfig": "0.2.0",
+    "@prefabs.tech/eslint-config": "0.2.1",
+    "@prefabs.tech/tsconfig": "0.2.1",
     "@types/jsdom": "21.1.7",
     "@types/node": "24.10.1",
     "@types/react": "18.3.20",

diff --git a/packages/form/package.json b/packages/form/package.json
@@ -36,8 +36,8 @@
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@prefabs.tech/eslint-config": "0.2.0",
-    "@prefabs.tech/tsconfig": "0.2.0",
+    "@prefabs.tech/eslint-config": "0.2.1",
+    "@prefabs.tech/tsconfig": "0.2.1",
     "@prefabs.tech/react-ui": "0.71.0",
     "@testing-library/react": "16.3.0",
     "@types/jsdom": "21.1.7",

diff --git a/packages/form/src/components/CurrencyPicker.tsx b/packages/form/src/components/CurrencyPicker.tsx
@@ -41,8 +41,13 @@ export const CurrencyPicker = <T extends string | number>({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   //TODO [MA 2024-05-31]: remove this redundant useEffect for auto selecting single option
@@ -59,7 +64,9 @@ export const CurrencyPicker = <T extends string | number>({
       name={name}
       rules={{
         validate: (value: T[] | T) => {
-          if (!multiple || !Array.isArray(value)) return;
+          if (!multiple || !Array.isArray(value)) {
+            return;
+          }
 
           const count = value.length;
 

diff --git a/packages/form/src/components/DateInput.tsx b/packages/form/src/components/DateInput.tsx
@@ -33,7 +33,9 @@ export const DateInput: React.FC<IDateInput> = ({
   register,
   getFieldState,
 }) => {
-  if (!register || !getFieldState) return null;
+  if (!register || !getFieldState) {
+    return null;
+  }
 
   const inputReference = useRef<HTMLInputElement | null>(null);
 
@@ -42,9 +44,13 @@ export const DateInput: React.FC<IDateInput> = ({
   const { ref, ...rest } = register(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
+    if (showInvalidState && invalid) {
+      return true;
+    }
 
-    if (showValidState && !invalid) return false;
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   const handleClick = () => {
@@ -54,7 +60,9 @@ export const DateInput: React.FC<IDateInput> = ({
   };
 
   const convertToDateString = (value: string | number | Date | undefined) => {
-    if (!value) return undefined;
+    if (!value) {
+      return undefined;
+    }
 
     const date = new Date(value);
 

diff --git a/packages/form/src/components/DaysInput.tsx b/packages/form/src/components/DaysInput.tsx
@@ -16,7 +16,9 @@ export const DaysInput: React.FC<IDaysInputField> = ({
   register,
   ...others
 }) => {
-  if (!register || !getFieldState) return null;
+  if (!register || !getFieldState) {
+    return null;
+  }
 
   const updatedRegister = register(name, {
     setValueAs: (value) => {
@@ -38,8 +40,13 @@ export const DaysInput: React.FC<IDaysInputField> = ({
   const { error, isDirty, isTouched, invalid } = getFieldState(name);
 
   let inputClassName = "";
-  if (isDirty && !invalid) inputClassName = "valid";
-  if (isTouched && invalid) inputClassName = "invalid";
+  if (isDirty && !invalid) {
+    inputClassName = "valid";
+  }
+
+  if (isTouched && invalid) {
+    inputClassName = "invalid";
+  }
 
   return (
     <div className={`field ${className}`.trimEnd()}>

diff --git a/packages/form/src/components/Email.tsx b/packages/form/src/components/Email.tsx
@@ -39,8 +39,13 @@ export const Email: React.FC<IProperties> = ({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/form/src/components/File/FileInput/FileInputBasic.tsx b/packages/form/src/components/File/FileInput/FileInputBasic.tsx
@@ -54,7 +54,7 @@ export const FileInputBasic: FC<IFileInputBasicProperties> = ({
   const renderInputUi = () => {
     const { onClick } = getRootProps();
 
-    if (inputMethod == "button")
+    if (inputMethod == "button") {
       return (
         <div className="input-button-wrapper">
           <Button
@@ -74,6 +74,7 @@ export const FileInputBasic: FC<IFileInputBasicProperties> = ({
           <input id={name} name={name} {...getInputProps()} />
         </div>
       );
+    }
 
     return (
       <div {...getRootProps({ className })}>

diff --git a/packages/form/src/components/NumberInput.tsx b/packages/form/src/components/NumberInput.tsx
@@ -25,8 +25,13 @@ export const NumberInput = ({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/form/src/components/Password.tsx b/packages/form/src/components/Password.tsx
@@ -17,15 +17,21 @@ export const Password: React.FC<CustomInputProperties & IInputProperties> = ({
   submitCount = 0,
   ...others
 }) => {
-  if (!register || !getFieldState) return null;
+  if (!register || !getFieldState) {
+    return null;
+  }
 
   const { error, invalid } = getFieldState(name);
   const [showPassword, setShowPassword] = useState(false);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
+    if (showInvalidState && invalid) {
+      return true;
+    }
 
-    if (showValidState && !invalid) return false;
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/form/src/components/RadioInput.tsx b/packages/form/src/components/RadioInput.tsx
@@ -29,8 +29,13 @@ export const RadioInput: React.FC<IRadioInput> = ({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/form/src/components/Select.tsx b/packages/form/src/components/Select.tsx
@@ -42,8 +42,13 @@ export const Select = <T extends string | number>({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   const flatOptions = useMemo(() => {
@@ -71,7 +76,9 @@ export const Select = <T extends string | number>({
       defaultValue={multiple ? [] : undefined}
       rules={{
         validate: (value: T[] | T) => {
-          if (!multiple || !Array.isArray(value)) return;
+          if (!multiple || !Array.isArray(value)) {
+            return;
+          }
 
           const count = value.length;
 

diff --git a/packages/form/src/components/SwitchInput.tsx b/packages/form/src/components/SwitchInput.tsx
@@ -29,8 +29,13 @@ export const SwitchInput: React.FC<ISwitch> = ({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/form/src/components/TextInput.tsx b/packages/form/src/components/TextInput.tsx
@@ -36,8 +36,13 @@ export const TextInput: React.FC<ITextInput> = ({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/form/src/components/Textarea.tsx b/packages/form/src/components/Textarea.tsx
@@ -40,8 +40,13 @@ export const Textarea: React.FC<ITextarea> = ({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/form/src/components/Typeahead.tsx b/packages/form/src/components/Typeahead.tsx
@@ -50,8 +50,13 @@ export const Typeahead = <T extends Suggestion>({
   const { error, invalid } = getFieldState(name);
 
   const checkInvalidState = () => {
-    if (showInvalidState && invalid) return true;
-    if (showValidState && !invalid) return false;
+    if (showInvalidState && invalid) {
+      return true;
+    }
+
+    if (showValidState && !invalid) {
+      return false;
+    }
   };
 
   return (

diff --git a/packages/i18n/package.json b/packages/i18n/package.json
@@ -36,8 +36,8 @@
     "react-i18next": "15.4.1"
   },
   "devDependencies": {
-    "@prefabs.tech/eslint-config": "0.2.0",
-    "@prefabs.tech/tsconfig": "0.2.0",
+    "@prefabs.tech/eslint-config": "0.2.1",
+    "@prefabs.tech/tsconfig": "0.2.1",
     "@prefabs.tech/react-config": "0.71.0",
     "@testing-library/react": "16.3.0",
     "@types/jsdom": "21.1.7",

diff --git a/packages/i18n/src/components/__test__/component/LocaleSwitcher.test.tsx b/packages/i18n/src/components/__test__/component/LocaleSwitcher.test.tsx
@@ -2,7 +2,7 @@ import { render, fireEvent, screen } from "@testing-library/react";
 import React from "react";
 import { expect, test } from "vitest";
 
-import i18n from "../../../index";
+import { default as i18n } from "../../../index";
 import LocaleSwitcher from "../../LocaleSwitcher";
 
 test.skip("Local switcher dropdown is displayed and locale is changed", async () => {