ar-design 0.4.16 → 0.4.19

package/dist/components/data-display/table/index.js

@@ -676,28 +676,28 @@ const Table = forwardRef(({ children, trackBy, title, description, data, columns
                 open: { get: openProperties, set: setOpenProperties },
                 sort: { get: sortConfig, set: setSortConfig, currentColumn: sortCurrentColumn },
             }, coordinate: propertiesButtonCoordinate })),
-        pagination && (React.createElement("div", { className: "footer" },
+        React.createElement("div", { className: "footer" },
             React.createElement("span", null, isMobile ? (React.createElement(React.Fragment, null,
                 React.createElement("strong", null,
                     (currentPage - 1) * selectedPerPage + 1,
                     " -",
                     " ",
-                    Math.min(currentPage * selectedPerPage, pagination.totalRecords || getData.length),
+                    Math.min(currentPage * selectedPerPage, pagination?.totalRecords || getData.length),
                     " of",
                     " ",
-                    pagination.totalRecords || getData.length))) : (React.createElement(React.Fragment, null,
+                    pagination?.totalRecords || getData.length))) : (React.createElement(React.Fragment, null,
                 React.createElement("strong", null,
                     "Showing ",
                     (currentPage - 1) * selectedPerPage + 1,
                     " to",
                     " ",
-                    Math.min(currentPage * selectedPerPage, pagination.totalRecords || getData.length)),
+                    Math.min(currentPage * selectedPerPage, pagination?.totalRecords || getData.length)),
                 " ",
                 React.createElement("span", null,
                     "of ",
-                    pagination.totalRecords || getData.length,
+                    pagination?.totalRecords || getData.length,
                     " agreements")))),
-            React.createElement(Pagination, { totalRecords: config.isServerSide ? pagination.totalRecords : (totalRecords ?? 0), currentPage: currentPage, perPage: selectedPerPage, onChange: (currentPage, perPage) => {
+            pagination && (React.createElement(Pagination, { totalRecords: config.isServerSide ? pagination.totalRecords : (totalRecords ?? 0), currentPage: currentPage, perPage: selectedPerPage, onChange: (currentPage, perPage) => {
                     setCurrentPage(currentPage);
                     setSelectedPerPage(perPage);
                     pagination.onChange?.(currentPage, perPage);

package/dist/components/form/input/phone/IProps.d.ts

@@ -1,11 +1,11 @@
 import { IBorder, IColors, IValidation, IVariant } from "../../../../libs/types/IGlobalProps";
 import { Option } from "../../../../libs/types";
 interface IProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "color">, IVariant, IColors, IBorder, IValidation {
-    options: Option[];
+    options?: Option[];
     values: {
-        option: string;
+        option?: string;
         value: string | number | readonly string[] | undefined;
     };
-    onSelected: (option: Option | undefined) => void;
+    onSelected?: (option: Option | undefined) => void;
 }
 export default IProps;

package/dist/components/form/input/phone/Phone.js

@@ -20,14 +20,14 @@ const Phone = ({ variant, color, options, values, onSelected, validation, ...att
     // useEffects
     useEffect(() => {
         setValue(values.value);
-        setSelected(options.find((option) => option.value === values.option));
+        setSelected(options?.find((option) => option.value === values.option));
     }, [values]);
     return (React.createElement("div", { className: "ar-input-phone-wrapper" },
-        React.createElement(Select, { style: { width: 130 }, variant: "outlined", color: "light", options: options, value: selected, onChange: (option) => {
-                onSelected(option);
+        options && (React.createElement(Select, { style: { width: 130 }, variant: "outlined", color: "light", options: options, value: selected, onChange: (option) => {
+                onSelected?.(option);
                 setSelected(option);
-            } }),
-        React.createElement(Input, { ref: _input, ...attributes, variant: variant, color: color, value: PHONE.FormatByMask(selected?.value, _value), type: "tel", inputMode: "decimal", onChange: (event) => {
+            } })),
+        React.createElement(Input, { ref: _input, ...attributes, ...(!options ? { style: { borderRadius: "var(--border-radius-sm)" } } : {}), variant: variant, color: color, value: PHONE.FormatByMask(selected?.value, _value), type: "tel", inputMode: "decimal", onChange: (event) => {
                 if (attributes.disabled)
                     return;
                 (() => {

package/dist/libs/core/application/locales/notification/en.js

@@ -12,7 +12,7 @@ const NotificationEN = {
     "Notification.202.Message": "The request has been accepted and is being processed.",
     // 204 No Content -> PUT Processes
     "Notification.204.Title": "Operation Successful",
-    "Notification.204.Message": "The content has been updated, but no data was returned.",
+    "Notification.204.Message": "The content has been updated.",
     "Notification.204.Delete.Title": "Removal Successful",
     "Notification.204.Delete.Message": "The removal process was successful.",
     // 301 Moved Permanently

package/dist/libs/core/application/locales/notification/tr.js

@@ -12,7 +12,7 @@ const NotificationTR = {
     "Notification.202.Message": "İstek kabul edildi, işleniyor.",
     // 204 No Content -> PUT Processes
     "Notification.204.Title": "İşlem Başarılı",
-    "Notification.204.Message": "Kayıtlı içerik güncellendi ancak herhangi bir veri döndürülmedi.",
+    "Notification.204.Message": "Kayıtlı içerik güncellendi.",
     "Notification.204.Delete.Title": "Kaldırma Başarılı",
     "Notification.204.Delete.Message": "Kaldırma işlemi başarılı.",
     // 301 Moved Permanently

package/dist/libs/infrastructure/shared/PHONE.d.ts

@@ -1,8 +1,8 @@
 declare class PHONE {
-    FormatByMask: (code: string, value: string) => string;
+    FormatByMask: (countryCode: string, value: string) => string;
     private GetMaskByCountry;
-    private countryMasks;
     private GenerateMask;
+    private countryMasks;
 }
 declare const _default: PHONE;
 export default _default;

package/dist/libs/infrastructure/shared/PHONE.js

@@ -1,7 +1,7 @@
 class PHONE {
-    FormatByMask = (code, value) => {
-        const mask = this.GetMaskByCountry(code ?? "+90");
+    FormatByMask = (countryCode, value) => {
         const digits = value.replace(/\D/g, "");
+        const mask = this.GetMaskByCountry(countryCode ?? "+90", digits.length);
         let result = "";
         let i = 0;
         for (const char of mask) {
@@ -17,35 +17,26 @@ class PHONE {
         return result;
     };
     GetMaskByCountry(countryCode, length) {
-        if (countryCode && this.countryMasks[countryCode]) {
-            return this.countryMasks[countryCode];
+        const masks = countryCode ? this.countryMasks[countryCode] : undefined;
+        if (masks && masks.length > 0) {
+            if (length) {
+                const exact = masks.find((m) => typeof m !== "string" && !!m.lengths?.includes(length));
+                if (exact)
+                    return exact.mask;
+                const generic = masks.find((m) => typeof m !== "string" && !m.lengths);
+                if (generic)
+                    return generic.mask;
+                const closest = masks
+                    .filter((m) => typeof m !== "string" && !!m.lengths)
+                    .sort((a, b) => Math.abs((a.lengths[0] ?? 0) - length) - Math.abs((b.lengths[0] ?? 0) - length))[0];
+                if (closest)
+                    return closest.mask;
+            }
+            const first = masks[0];
+            return typeof first === "string" ? first : first.mask;
         }
-        // fallback: length varsa ona göre üret, yoksa 10 ile varsayılan
         return this.GenerateMask(length ?? 10);
     }
-    countryMasks = {
-        "+90": "999 999 99 99", // Türkiye
-        "+1": "999 999 9999", // ABD / Kanada
-        "+44": "9999 999999", // İngiltere
-        "+49": "9999 9999999", // Almanya
-        "+33": "9 99 99 99 99", // Fransa
-        "+39": "999 999 9999", // İtalya
-        "+34": "999 999 999", // İspanya
-        "+351": "999 999 999", // Portekiz
-        "+31": "9 99999999", // Hollanda
-        "+32": "999 99 99 99", // Belçika
-        "+41": "99 999 99 99", // İsviçre
-        "+7": "999 999 99 99", // Rusya / Kazakistan
-        "+91": "99999 99999", // Hindistan
-        "+86": "999 9999 9999", // Çin
-        "+81": "99 9999 9999", // Japonya
-        "+82": "99 9999 9999", // Güney Kore
-        "+61": "9 9999 9999", // Avustralya
-        "+55": "99 99999 9999", // Brezilya
-        "+52": "999 999 9999", // Meksika
-        "+54": "99 9999 9999", // Arjantin
-    };
-    // length parametresi ile otomatik maske üret
     GenerateMask(length) {
         if (length <= 0)
             return "";
@@ -56,5 +47,80 @@ class PHONE {
             .map((g) => "9".repeat(g))
             .join(" ");
     }
+    countryMasks = {
+        // 🇹🇷 Türkiye
+        "+90": [{ mask: "999 999 99 99", lengths: [10] }],
+        // 🇩🇪 Almanya
+        "+49": [
+            { mask: "999 9999999", lengths: [10] },
+            { mask: "9999 999999", lengths: [10, 11] },
+            { mask: "99999 99999", lengths: [10] },
+        ],
+        // 🇧🇷 Brezilya
+        "+55": [
+            { mask: "99 9999 9999", lengths: [10] }, // sabit
+            { mask: "99 99999 9999", lengths: [11] }, // mobil
+        ],
+        // 🇺🇸 ABD / 🇨🇦 Kanada
+        "+1": [{ mask: "999 999 9999", lengths: [10] }],
+        // 🇬🇧 İngiltere
+        "+44": [
+            { mask: "9999 999999", lengths: [10] }, // London / area
+            { mask: "99 9999 9999", lengths: [10] }, // mobile
+        ],
+        // 🇫🇷 Fransa
+        "+33": [{ mask: "9 99 99 99 99", lengths: [9] }],
+        // 🇮🇹 İtalya
+        "+39": [{ mask: "999 999 9999", lengths: [9, 10] }],
+        // 🇪🇸 İspanya
+        "+34": [{ mask: "999 999 999", lengths: [9] }],
+        // 🇳🇱 Hollanda
+        "+31": [{ mask: "9 99999999", lengths: [9] }],
+        // 🇧🇪 Belçika
+        "+32": [{ mask: "999 99 99 99", lengths: [9] }],
+        // 🇨🇭 İsviçre
+        "+41": [{ mask: "99 999 99 99", lengths: [9] }],
+        // 🇵🇹 Portekiz
+        "+351": [{ mask: "999 999 999", lengths: [9] }],
+        // 🇷🇺 Rusya / 🇰🇿 Kazakistan
+        "+7": [{ mask: "999 999 99 99", lengths: [10] }],
+        // 🇮🇳 Hindistan
+        "+91": [{ mask: "99999 99999", lengths: [10] }],
+        // 🇨🇳 Çin
+        "+86": [{ mask: "999 9999 9999", lengths: [11] }],
+        // 🇯🇵 Japonya
+        "+81": [{ mask: "99 9999 9999", lengths: [10] }],
+        // 🇰🇷 Güney Kore
+        "+82": [
+            { mask: "99 9999 9999", lengths: [10] },
+            { mask: "999 9999 9999", lengths: [11] },
+        ],
+        // 🇦🇺 Avustralya
+        "+61": [{ mask: "9 9999 9999", lengths: [9] }],
+        // 🇲🇽 Meksika
+        "+52": [{ mask: "999 999 9999", lengths: [10] }],
+        // 🇦🇷 Arjantin
+        "+54": [{ mask: "99 9999 9999", lengths: [10] }],
+        // 🇿🇦 Güney Afrika
+        "+27": [{ mask: "99 999 9999", lengths: [9] }],
+        // 🇦🇪 BAE
+        "+971": [{ mask: "99 999 9999", lengths: [9] }],
+        // 🇸🇦 Suudi Arabistan
+        "+966": [{ mask: "99 999 9999", lengths: [9] }],
+        // 🇮🇱 İsrail
+        "+972": [{ mask: "99 999 9999", lengths: [9] }],
+        // 🇪🇬 Mısır
+        "+20": [{ mask: "9999 999999", lengths: [10] }],
+        // 🇳🇬 Nijerya
+        "+234": [{ mask: "999 999 9999", lengths: [10] }],
+        // 🇸🇪 İsveç
+        "+46": [{ mask: "99 999 9999", lengths: [9, 10] }],
+        // 🇳🇴 Norveç
+        "+47": [{ mask: "999 99 999", lengths: [8] }],
+        // 🇩🇰 Danimarka
+        "+45": [{ mask: "99 99 99 99", lengths: [8] }],
+        // 🇵🇱 Polonya
+        "+48": [{ mask: "999 999 999", lengths: [9] }],
+    };
 }
 export default new PHONE();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.4.16",
+  "version": "0.4.19",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",