@ews-admin/global-design-system 1.1.7 → 1.1.9

package/dist/types/doctor.d.ts

@@ -0,0 +1,144 @@
+export interface Coordinates {
+    lng: number;
+    lat: number;
+}
+export interface Location {
+    country: string;
+    address: string;
+    city: string;
+    state: string;
+    zip: string;
+    isPrimary: boolean;
+    residency: "HOME" | "OFFICE" | "CLINIC" | "HOSPITAL";
+    coordinates: Coordinates;
+}
+export interface Specialty {
+    code: string;
+    label: string;
+}
+export interface ProvidedService {
+    code: "CLINIC" | "ONLINE" | "HOME_VISIT" | "EMERGENCY";
+    price: number;
+}
+export interface CreateDoctorPayload {
+    firstName: string;
+    lastName: string;
+    refNumber: string;
+    civility: "MAN" | "WOMAN" | "OTHER";
+    email: string;
+    password: string;
+    roleName: "DOCTOR";
+    photoUrl?: string;
+    phoneNumber: string;
+    paymentPhoneNumber?: string;
+    healthcareFacilityIds: number[];
+    preferredNotificationMethods: ("EMAIL" | "SMS" | "PUSH")[];
+    dateOfBirth: string;
+    careerStartYear: string;
+    hospitalName?: string;
+    diplomas?: string;
+    activated: boolean;
+    providedServices: ProvidedService[];
+    specialties: Specialty[];
+    locations: Location[];
+}
+export interface DoctorFormData {
+    firstName: string;
+    lastName: string;
+    refNumber: string;
+    civility: "MAN" | "WOMAN" | "OTHER";
+    email: string;
+    password: string;
+    confirmPassword: string;
+    phoneNumber: string;
+    paymentPhoneNumber: string;
+    dateOfBirth: string;
+    photoUrl: string;
+    careerStartYear: string;
+    hospitalName: string;
+    diplomas: string;
+    activated: boolean;
+    healthcareFacilityIds: number[];
+    preferredNotificationMethods: ("EMAIL" | "SMS" | "PUSH")[];
+    providedServices: ProvidedService[];
+    specialties: Specialty[];
+    locations: Location[];
+}
+export declare const CIVILITY_OPTIONS: readonly [{
+    readonly value: "MAN";
+    readonly label: "Mr.";
+}, {
+    readonly value: "WOMAN";
+    readonly label: "Ms.";
+}, {
+    readonly value: "OTHER";
+    readonly label: "Other";
+}];
+export declare const NOTIFICATION_METHOD_OPTIONS: readonly [{
+    readonly value: "EMAIL";
+    readonly label: "Email";
+}, {
+    readonly value: "SMS";
+    readonly label: "SMS";
+}, {
+    readonly value: "PUSH";
+    readonly label: "Push Notification";
+}];
+export declare const RESIDENCY_OPTIONS: readonly [{
+    readonly value: "HOME";
+    readonly label: "Home";
+}, {
+    readonly value: "OFFICE";
+    readonly label: "Office";
+}, {
+    readonly value: "CLINIC";
+    readonly label: "Clinic";
+}, {
+    readonly value: "HOSPITAL";
+    readonly label: "Hospital";
+}];
+export declare const SERVICE_TYPE_OPTIONS: readonly [{
+    readonly value: "CLINIC";
+    readonly label: "Clinic Visit";
+}, {
+    readonly value: "ONLINE";
+    readonly label: "Online Consultation";
+}, {
+    readonly value: "HOME_VISIT";
+    readonly label: "Home Visit";
+}, {
+    readonly value: "EMERGENCY";
+    readonly label: "Emergency";
+}];
+export declare const SPECIALTY_OPTIONS: readonly [{
+    readonly value: "STOMATOLOGY";
+    readonly label: "Stomatology";
+}, {
+    readonly value: "NEPHROLOGY";
+    readonly label: "Nephrology";
+}, {
+    readonly value: "CARDIOLOGY";
+    readonly label: "Cardiology";
+}, {
+    readonly value: "DERMATOLOGY";
+    readonly label: "Dermatology";
+}, {
+    readonly value: "NEUROLOGY";
+    readonly label: "Neurology";
+}, {
+    readonly value: "PEDIATRICS";
+    readonly label: "Pediatrics";
+}, {
+    readonly value: "GYNECOLOGY";
+    readonly label: "Gynecology";
+}, {
+    readonly value: "ORTHOPEDICS";
+    readonly label: "Orthopedics";
+}, {
+    readonly value: "OPHTHALMOLOGY";
+    readonly label: "Ophthalmology";
+}, {
+    readonly value: "PSYCHIATRY";
+    readonly label: "Psychiatry";
+}];
+//# sourceMappingURL=doctor.d.ts.map

package/dist/types/doctor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"doctor.d.ts","sourceRoot":"","sources":["../../src/types/doctor.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ews-admin/global-design-system",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "description": "EWS Global Design System - Reusable components for EWS applications",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -20,8 +20,8 @@
   "author": "EWS - Erco Web Solutions",
   "license": "MIT",
   "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.0",
@@ -63,7 +63,8 @@
     "clsx": "^2.0.0",
     "lucide-react": "^0.544.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.63.0"
   },
   "scripts": {
     "build": "rollup -c",

package/src/components/Input/Input.tsx

@@ -40,6 +40,10 @@ export interface InputProps
    * Whether to show password toggle for password inputs
    */
   showPasswordToggle?: boolean;
+  /**
+   * Whether the input is required (shows red asterisk)
+   */
+  required?: boolean;
 }
 
 const Input = React.forwardRef<HTMLInputElement, InputProps>(
@@ -55,6 +59,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       rightIcon,
       fullWidth = false,
       showPasswordToggle = false,
+      required = false,
       id,
       type = "text",
       ...props
@@ -102,11 +107,12 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
             className="block text-sm font-medium text-ews-gray-700"
           >
             {label}
+            {required && <span className="ml-1 text-ews-error">*</span>}
           </label>
         )}
         <div className="relative">
           {leftIcon && (
-            <div className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+            <div className="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none">
               <span className={cn("text-ews-gray-400", iconSizes[size])}>
                 {leftIcon}
               </span>
@@ -127,7 +133,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
             {...props}
           />
           {rightIcon && !shouldShowPasswordToggle && (
-            <div className="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none">
+            <div className="flex absolute inset-y-0 right-0 items-center pr-3 pointer-events-none">
               <span className={cn("text-ews-gray-400", iconSizes[size])}>
                 {rightIcon}
               </span>
@@ -136,13 +142,13 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
           {shouldShowPasswordToggle && (
             <button
               type="button"
-              className="absolute inset-y-0 right-0 pr-3 flex items-center"
+              className="flex absolute inset-y-0 right-0 items-center pr-3"
               onClick={() => setShowPassword(!showPassword)}
               tabIndex={-1}
             >
               <span
                 className={cn(
-                  "text-ews-gray-400 hover:text-ews-gray-600 transition-colors",
+                  "transition-colors text-ews-gray-400 hover:text-ews-gray-600",
                   iconSizes[size]
                 )}
               >

package/src/components/Logo/Logo.tsx

@@ -16,7 +16,7 @@ export interface LogoProps {
   /**
    * Logo variant - normal, white, or favicon
    */
-  variant?: "normal" | "white" | "favicon";
+  variant?: "normal" | "white" | "fullWhite" | "favicon";
   /**
    * Custom className
    */
@@ -54,10 +54,12 @@ const Logo = ({
   const logoSrc = iconOnly
     ? "/favicon.ico"
     : variant === "white"
-    ? "/image/logoWhite.png"
-    : variant === "favicon"
-    ? "/favicon.ico"
-    : "/image/logo.png";
+      ? "/image/logoWhite.png"
+      : variant === "fullWhite"
+        ? "/image/logoFullWhite.png"
+        : variant === "favicon"
+          ? "/favicon.ico"
+          : "/image/logo.png";
 
   if (iconOnly) {
     return (

package/src/components/Modal/Modal.tsx

@@ -6,13 +6,13 @@ import { Button } from "../Button/Button";
 export interface ErrorField {
   name: string;
   message: string;
-  path: string;
+  path?: string;
 }
 
 export interface ErrorObject {
   code: string;
   message: string;
-  fields: ErrorField[];
+  fields?: ErrorField[];
 }
 
 export interface ModalProps {
@@ -31,7 +31,7 @@ export interface ModalProps {
   /**
    * Modal content/description
    */
-  children: React.ReactNode;
+  children?: React.ReactNode;
   /**
    * Modal variant
    */
@@ -154,18 +154,18 @@ const Modal = ({
   };
 
   return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center">
+    <div className="flex fixed inset-0 z-50 justify-center items-center">
       {/* Backdrop */}
       <div
-        className="absolute inset-0 bg-black/50 backdrop-blur-sm"
+        className="absolute inset-0 backdrop-blur-sm bg-black/50"
         onClick={handleOverlayClick}
       />
 
       {/* Modal */}
       <div
         className={cn(
-          "relative w-full max-w-md mx-4 bg-white rounded-lg shadow-xl transform transition-all",
-          "animate-in fade-in-0 zoom-in-95 duration-200",
+          "relative mx-4 w-full max-w-md bg-white rounded-lg shadow-xl transition-all transform",
+          "duration-200 animate-in fade-in-0 zoom-in-95",
           className
         )}
         role="dialog"
@@ -192,7 +192,7 @@ const Modal = ({
           </div>
           <button
             onClick={onClose}
-            className="p-1 text-gray-400 hover:text-gray-600 transition-colors"
+            className="p-1 text-gray-400 transition-colors hover:text-gray-600"
             aria-label="Close modal"
           >
             <X className="w-5 h-5" />
@@ -201,7 +201,7 @@ const Modal = ({
 
         {/* Content */}
         <div className={cn("p-6", contentClassName)}>
-          <div className="text-gray-700 leading-relaxed">
+          <div className="leading-relaxed text-gray-700">
             {error && variant === "error" ? (
               <div className="space-y-3">
                 <p>{error.message}</p>
@@ -228,7 +228,7 @@ const Modal = ({
 
         {/* Actions */}
         {(primaryAction || secondaryAction) && (
-          <div className="flex items-center justify-end space-x-3 p-6 pt-0">
+          <div className="flex justify-end items-center p-6 pt-0 space-x-3">
             {secondaryAction && (
               <Button
                 variant="ghost"

package/src/components/Select/Select.tsx

@@ -1,6 +1,7 @@
 import { ChevronDown, Search, X } from "lucide-react";
 import React, { forwardRef, useEffect, useId, useRef, useState } from "react";
 import { cn } from "../../utils";
+import { Input } from "../Input";
 
 export interface SelectOption<T = any> {
   value: T;
@@ -478,13 +479,15 @@ const Select = forwardRef<HTMLDivElement, SelectProps>(
                 <div className="p-2 border-b border-ews-gray-200">
                   <div className="relative">
                     <Search className="absolute left-3 top-1/2 w-4 h-4 transform -translate-y-1/2 text-ews-gray-400" />
-                    <input
+                    <Input
                       ref={inputRef}
                       type="text"
                       value={searchTerm}
                       onChange={(e) => setSearchTerm(e.target.value)}
                       placeholder="Search options..."
-                      className="py-2 pr-3 pl-9 w-full text-sm rounded-md border border-ews-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-0 focus:ring-ews-primary/20 focus:border-ews-primary"
+                      leftIcon={
+                        <Search className="w-4 h-4 text-ews-gray-400" />
+                      }
                     />
                   </div>
                 </div>

package/src/styles/index.css

@@ -4,11 +4,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Override browser default focus styles */
-*:focus {
-  outline: none !important;
-}
-
 /* Ensure custom focus styles for all interactive elements */
 button:focus,
 input:focus,
@@ -40,12 +35,6 @@ textarea:focus,
   box-shadow: 0 0 0 2px var(--ews-primary) !important;
 }
 
-/* Override any browser default blue focus */
-*:focus {
-  outline: none !important;
-  box-shadow: none !important;
-}
-
 /* Specific override for div elements with tabindex */
 div[tabindex]:focus {
   outline: none !important;