@ews-admin/global-design-system 1.12.0 → 1.14.0

package/dist/utils/index.d.ts

@@ -1,5 +1,7 @@
 import { type ClassValue } from "clsx";
 export { createEnvConfig } from "./env-config";
+export { SupportedCountry, getRegionsByCountry, getRegionOptions, } from "./locations";
+export type {} from "./locations";
 export { COUNTRY_CODES, extractCountryCodeFromPhoneNumber, formatPhoneNumberWithCountryCode, getDefaultCountryCode, } from "./phone";
 export type { CountryCodeOption, CountryCodeSelectProps } from "./phone";
 export type { EnvConfig, EnvConfigOverrides, Environment, } from "./env-config";

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,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,MAAM,CASR;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,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,MAAM,aAAa,CAAC;AAClC,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,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,EAC5B,OAAO,CAAC,EAAE,iBAAiB,GAC1B,MAAM,CASR;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"}

package/dist/utils/locations.d.ts

@@ -0,0 +1,17 @@
+export declare enum SupportedCountry {
+    SENEGAL = "SENEGAL",
+    CHAD = "CHAD"
+}
+/**
+ * Returns the list of regions for a given country.
+ * Matching is case-insensitive; defaults to Senegal when country is unknown.
+ */
+export declare function getRegionsByCountry(country: string): string[];
+/**
+ * Returns regions as SelectOption-compatible objects { value, label }.
+ */
+export declare function getRegionOptions(country: string): {
+    value: string;
+    label: string;
+}[];
+//# sourceMappingURL=locations.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"locations.d.ts","sourceRoot":"","sources":["../../src/utils/locations.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,IAAI,SAAS;CACd;AA8BD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAG7D;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAKpF"}

package/package.json

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

package/src/components/Modal/Modal.tsx

@@ -39,7 +39,21 @@ export interface ModalProps {
   /**
    * Modal size/width
    */
-  size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+  size?:
+    | "sm"
+    | "md"
+    | "lg"
+    | "xl"
+    | "2xl"
+    | "3xl"
+    | "4xl"
+    | "5xl"
+    | "6xl"
+    | "7xl"
+    | "8xl"
+    | "9xl"
+    | "10xl"
+    | "full";
   /**
    * Primary action button text
    */
@@ -159,6 +173,14 @@ const Modal = ({
       lg: "max-w-lg",
       xl: "max-w-xl",
       "2xl": "max-w-2xl",
+      "3xl": "max-w-3xl",
+      "4xl": "max-w-4xl",
+      "5xl": "max-w-5xl",
+      "6xl": "max-w-6xl",
+      "7xl": "max-w-7xl",
+      "8xl": "max-w-8xl",
+      "9xl": "max-w-9xl",
+      "10xl": "max-w-10xl",
       full: "max-w-full",
     };
     return sizeMap[size] || sizeMap.md;
@@ -185,7 +207,7 @@ const Modal = ({
           "duration-200 animate-in fade-in-0 zoom-in-95",
           getSizeClasses(),
           "mx-4",
-          className
+          className,
         )}
         role="dialog"
         aria-modal="true"
@@ -195,7 +217,7 @@ const Modal = ({
         <div
           className={cn(
             "flex items-center justify-between p-6 border-b",
-            variantStyles.borderColor
+            variantStyles.borderColor,
           )}
         >
           <div className="flex items-center space-x-3">

package/src/components/RegionSelect/RegionSelect.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+import { Select } from "../Select";
+import { getRegionOptions, SupportedCountry } from "../../utils/locations";
+
+export interface RegionSelectProps {
+  /** ISO country key (e.g. "SENEGAL", "CHAD") — case-insensitive */
+  country?: string;
+  value?: string;
+  onChange?: (value: string) => void;
+  label?: string;
+  placeholder?: string;
+  error?: string;
+  isError?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  containerClassName?: string;
+}
+
+export function RegionSelect({
+  country = SupportedCountry.SENEGAL,
+  value,
+  onChange,
+  label,
+  placeholder = "Select a region",
+  error,
+  isError,
+  disabled,
+  required,
+  containerClassName,
+}: RegionSelectProps) {
+  const options = getRegionOptions(country);
+
+  return (
+    <Select
+      options={options}
+      value={value}
+      onChange={(val) => onChange?.(val as string)}
+      label={label}
+      placeholder={placeholder}
+      error={error}
+      isError={isError}
+      disabled={disabled}
+      required={required}
+      searchable
+      containerClassName={containerClassName}
+    />
+  );
+}

package/src/components/RegionSelect/index.ts

@@ -0,0 +1,2 @@
+export { RegionSelect } from "./RegionSelect";
+export type { RegionSelectProps } from "./RegionSelect";

package/src/index.ts

@@ -34,6 +34,9 @@ export type { ThemeToggleProps } from "./components/ThemeToggle";
 export { ThemeDebugger } from "./components/ThemeDebugger";
 export type { ThemeDebuggerProps } from "./components/ThemeDebugger";
 
+export { RegionSelect } from "./components/RegionSelect";
+export type { RegionSelectProps } from "./components/RegionSelect";
+
 // Molecules
 export { SpecialtySearchAutocomplete } from "./molecules";
 export type { Specialty, SpecialtySearchAutocompleteProps } from "./molecules";
@@ -58,7 +61,10 @@ export {
   formatPhoneNumberWithCountryCode,
   generateId,
   getDefaultCountryCode,
+  getRegionOptions,
+  getRegionsByCountry,
   isValidPhoneNumber,
+  SupportedCountry,
 } from "./utils";
 export type {
   CountryCodeOption,

package/src/utils/index.ts

@@ -1,6 +1,12 @@
 import { clsx, type ClassValue } from "clsx";
 
 export { createEnvConfig } from "./env-config";
+export {
+  SupportedCountry,
+  getRegionsByCountry,
+  getRegionOptions,
+} from "./locations";
+export type {} from "./locations";
 export {
   COUNTRY_CODES,
   extractCountryCodeFromPhoneNumber,

package/src/utils/locations.ts

@@ -0,0 +1,51 @@
+export enum SupportedCountry {
+  SENEGAL = "SENEGAL",
+  CHAD = "CHAD",
+}
+
+const REGIONS_BY_COUNTRY: Record<string, string[]> = {
+  [SupportedCountry.SENEGAL]: [
+    "Dakar",
+    "Thiès",
+    "Saint-Louis",
+    "Louga",
+    "Fatick",
+    "Tambacounda",
+    "Kolda",
+    "Ziguinchor",
+    "Matam",
+    "Kédougou",
+    "Sédhiou",
+    "Diourbel",
+  ],
+  [SupportedCountry.CHAD]: [
+    "N'Djamena",
+    "Moundou",
+    "Sarh",
+    "Abéché",
+    "Doba",
+    "Pala",
+    "Am Timan",
+    "Mongo",
+    "Faya-Largeau",
+  ],
+};
+
+/**
+ * Returns the list of regions for a given country.
+ * Matching is case-insensitive; defaults to Senegal when country is unknown.
+ */
+export function getRegionsByCountry(country: string): string[] {
+  const key = country?.toUpperCase();
+  return REGIONS_BY_COUNTRY[key] ?? REGIONS_BY_COUNTRY[SupportedCountry.SENEGAL];
+}
+
+/**
+ * Returns regions as SelectOption-compatible objects { value, label }.
+ */
+export function getRegionOptions(country: string): { value: string; label: string }[] {
+  return getRegionsByCountry(country).map((region) => ({
+    value: region,
+    label: region,
+  }));
+}