@ews-admin/global-design-system 1.5.0 → 1.7.0

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EACL,aAAa,EACb,iCAAiC,EACjC,gCAAgC,EAChC,qBAAqB,GACtB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACzE,YAAY,EACV,SAAS,EACT,kBAAkB,EAClB,WAAW,GACZ,MAAM,cAAc,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAE9B;;;;GAIG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAW,GAAG,MAAM,CAK1E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM,CAQR;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EAChE,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,GACX,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAQ,GAAG,MAAM,CAEjD;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAE7C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAMzD;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,WAAW,QAAQ;IACnB,WAAW,QAAQ;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,OAAO,YAAY;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,EAUlC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EACL,aAAa,EACb,iCAAiC,EACjC,gCAAgC,EAChC,qBAAqB,GACtB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACzE,YAAY,EACV,SAAS,EACT,kBAAkB,EAClB,WAAW,GACZ,MAAM,cAAc,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,QAAQ,QAAQ,CAAC;AAE9B;;;;GAIG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAW,GAAG,MAAM,CAK1E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,GACnC,MAAM,CAQR;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EAChE,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,GACX,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAQ,GAAG,MAAM,CAEjD;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,UAAW,MAAM,KAAG,MAE7C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAMzD;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,WAAW,QAAQ;IACnB,WAAW,QAAQ;IACnB,UAAU,OAAO;IACjB,UAAU,OAAO;IACjB,OAAO,YAAY;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,EAUlC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ews-admin/global-design-system",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "EWS Global Design System - Reusable components for EWS applications",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/components/Input/Input.tsx

@@ -98,6 +98,8 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       rightAddon,
       id,
       type = "text",
+      onChange,
+      onBlur,
       ...props
     },
     ref
@@ -112,6 +114,27 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
     const shouldShowPasswordToggle = showPasswordToggle && isPasswordInput;
     const actualType = isPasswordInput && showPassword ? "text" : type;
 
+    // Normalize spaces for text-like inputs
+    const shouldNormalize = type !== "password" && type !== "number" && type !== "checkbox";
+
+    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (shouldNormalize) {
+        e.target.value = e.target.value.replace(/^\s+/, "").replace(/\s{2,}/g, " ");
+      }
+      onChange?.(e);
+    };
+
+    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {
+      if (shouldNormalize && onChange) {
+        const trimmed = e.target.value.replace(/\s+$/, "");
+        if (trimmed !== e.target.value) {
+          e.target.value = trimmed;
+          onChange(e as unknown as React.ChangeEvent<HTMLInputElement>);
+        }
+      }
+      onBlur?.(e);
+    };
+
     // Country code dropdown state
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
     const dropdownRef = useRef<HTMLDivElement>(null);
@@ -313,6 +336,8 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
               className
             )}
             ref={ref}
+            onChange={handleChange}
+            onBlur={handleBlur}
             {...props}
           />
           {rightAddon && !rightIcon && !shouldShowPasswordToggle && (

package/src/components/PhoneInput/PhoneInput.tsx

@@ -55,7 +55,14 @@ export const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(
       // when the user changes the dropdown without retyping the number.
       const el = nativeRef.current;
       if (el && onChange) {
-        const numeric = formatNumeric(el.value);
+        let numeric = formatNumeric(el.value);
+        // Strip new country code digits if already present at the start
+        // (e.g. local part "221778384499" when switching to +221).
+        const newCodeDigits = formatNumeric(newCode);
+        if (newCodeDigits && numeric.startsWith(newCodeDigits)) {
+          numeric = numeric.slice(newCodeDigits.length);
+          el.value = numeric;
+        }
         const fullValue = numeric ? `${newCode}${numeric}` : "";
         // Pass the value string directly — RHF's Controller field.onChange
         // accepts raw values, avoiding unreliable fake-event parsing.
@@ -77,7 +84,14 @@ export const PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(
 
     const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
       // Enforce digits-only in the displayed field.
-      const numeric = formatNumeric(e.target.value);
+      let numeric = formatNumeric(e.target.value);
+      // Strip country code digits if user typed or pasted the full number
+      // (e.g. typed "+221778384499" → formatNumeric gives "221778384499"
+      // which would produce "+221221778384499" without this guard).
+      const codeDigits = formatNumeric(activeCode);
+      if (codeDigits && numeric.startsWith(codeDigits)) {
+        numeric = numeric.slice(codeDigits.length);
+      }
       if (e.target.value !== numeric) {
         e.target.value = numeric;
       }

package/src/utils/env-config.ts

@@ -23,7 +23,7 @@ const LOCAL_PORTS = {
   bff: 8082,
   loginBff: 8080,
   app: 3000,
-  login: 3001,
+  login: 4001,
   dashboard: 3002,
   admin: 3008,
 } as const;
@@ -70,7 +70,7 @@ function buildUrls(environment: Environment): Omit<EnvConfig, "env"> {
  */
 export function createEnvConfig(
   env: string,
-  overrides?: EnvConfigOverrides
+  overrides?: EnvConfigOverrides,
 ): EnvConfig {
   const environment = (env || "local") as Environment;
   const derived = buildUrls(environment);