@ews-admin/global-design-system 1.1.19 → 1.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Modal/Modal.d.ts +5 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +14 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +14 -3
- package/dist/index.js.map +1 -1
- package/dist/molecules/SpecialtySearchAutocomplete/SpecialtySearchAutocomplete.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Modal/Modal.tsx +20 -1
- package/src/molecules/SpecialtySearchAutocomplete/SpecialtySearchAutocomplete.tsx +8 -18
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpecialtySearchAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/molecules/SpecialtySearchAutocomplete/SpecialtySearchAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AAED,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,SAAS,EAAE,CAAC;IACjC,mBAAmB,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,
|
|
1
|
+
{"version":3,"file":"SpecialtySearchAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/molecules/SpecialtySearchAutocomplete/SpecialtySearchAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AAED,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,SAAS,EAAE,CAAC;IACjC,mBAAmB,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CA+JjC,CAAC"}
|
package/package.json
CHANGED
|
@@ -36,6 +36,10 @@ export interface ModalProps {
|
|
|
36
36
|
* Modal variant
|
|
37
37
|
*/
|
|
38
38
|
variant?: "error" | "warning" | "confirmation" | "info";
|
|
39
|
+
/**
|
|
40
|
+
* Modal size/width
|
|
41
|
+
*/
|
|
42
|
+
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
|
|
39
43
|
/**
|
|
40
44
|
* Primary action button text
|
|
41
45
|
*/
|
|
@@ -80,6 +84,7 @@ const Modal = ({
|
|
|
80
84
|
title,
|
|
81
85
|
children,
|
|
82
86
|
variant = "info",
|
|
87
|
+
size = "md",
|
|
83
88
|
primaryAction,
|
|
84
89
|
secondaryAction,
|
|
85
90
|
onPrimaryAction,
|
|
@@ -147,6 +152,18 @@ const Modal = ({
|
|
|
147
152
|
|
|
148
153
|
const variantStyles = getVariantStyles();
|
|
149
154
|
|
|
155
|
+
const getSizeClasses = () => {
|
|
156
|
+
const sizeMap = {
|
|
157
|
+
sm: "max-w-sm",
|
|
158
|
+
md: "max-w-md",
|
|
159
|
+
lg: "max-w-lg",
|
|
160
|
+
xl: "max-w-xl",
|
|
161
|
+
"2xl": "max-w-2xl",
|
|
162
|
+
full: "max-w-full",
|
|
163
|
+
};
|
|
164
|
+
return sizeMap[size] || sizeMap.md;
|
|
165
|
+
};
|
|
166
|
+
|
|
150
167
|
const handleOverlayClick = (e: React.MouseEvent) => {
|
|
151
168
|
if (e.target === e.currentTarget && closeOnOverlayClick) {
|
|
152
169
|
onClose();
|
|
@@ -164,8 +181,10 @@ const Modal = ({
|
|
|
164
181
|
{/* Modal */}
|
|
165
182
|
<div
|
|
166
183
|
className={cn(
|
|
167
|
-
"relative
|
|
184
|
+
"relative w-full bg-white rounded-lg shadow-xl transition-all transform",
|
|
168
185
|
"duration-200 animate-in fade-in-0 zoom-in-95",
|
|
186
|
+
getSizeClasses(),
|
|
187
|
+
"mx-4",
|
|
169
188
|
className
|
|
170
189
|
)}
|
|
171
190
|
role="dialog"
|
|
@@ -153,24 +153,14 @@ export const SpecialtySearchAutocomplete: React.FC<
|
|
|
153
153
|
</svg>
|
|
154
154
|
)}
|
|
155
155
|
</div>
|
|
156
|
-
<
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
</span>
|
|
165
|
-
<span
|
|
166
|
-
className={cn(
|
|
167
|
-
"text-sm",
|
|
168
|
-
isSelected ? "text-ews-primary/70" : "text-gray-500"
|
|
169
|
-
)}
|
|
170
|
-
>
|
|
171
|
-
{specialty.code}
|
|
172
|
-
</span>
|
|
173
|
-
</div>
|
|
156
|
+
<span
|
|
157
|
+
className={cn(
|
|
158
|
+
"font-medium",
|
|
159
|
+
isSelected ? "text-ews-primary" : "text-gray-900"
|
|
160
|
+
)}
|
|
161
|
+
>
|
|
162
|
+
{specialty.label}
|
|
163
|
+
</span>
|
|
174
164
|
</div>
|
|
175
165
|
)}
|
|
176
166
|
/>
|