ar-design 0.2.67 → 0.2.69

package/dist/assets/css/components/feedback/popup/popup.css

@@ -50,15 +50,15 @@
   border-radius: var(--border-radius-pill);
   box-shadow: 0 0 0 5px rgba(var(--success-rgb), 0.25);
 }
-.ar-notification-popup > .icon.success::before {
-  content: "";
-  width: 3rem;
-  height: 1.75rem;
-  transform: rotate(-45deg);
-  border: solid 10.5px transparent;
-  border-radius: var(--border-radius-sm);
-  border-left-color: var(--white);
-  border-bottom-color: var(--white);
+
+.ar-notification-popup > .icon.warning {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--warning);
+  border-radius: var(--border-radius-pill);
+  box-shadow: 0 0 0 5px rgba(var(--warning-rgb), 0.25);
 }
 
 .ar-notification-popup > .icon.error {
@@ -70,24 +70,6 @@
   border-radius: var(--border-radius-pill);
   box-shadow: 0 0 0 5px rgba(var(--danger-rgb), 0.25);
 }
-.ar-notification-popup > .icon.error::before {
-  position: absolute;
-  content: "";
-  background-color: var(--white);
-  width: 10.5px;
-  height: 3.5rem;
-  transform: rotate(-45deg);
-  border-radius: var(--border-radius-sm);
-}
-.ar-notification-popup > .icon.error::after {
-  position: absolute;
-  content: "";
-  background-color: var(--white);
-  width: 10.5px;
-  height: 3.5rem;
-  transform: rotate(45deg);
-  border-radius: var(--border-radius-sm);
-}
 
 .ar-notification-popup > .content {
   display: flex;
@@ -99,17 +81,11 @@
   color: var(--gray-700);
 }
 .ar-notification-popup > .content > .title {
+  color: var(--gray-700);
   font-size: 1.75rem;
   text-align: center;
 }
 
-.ar-notification-popup > .content > .title.success {
-  color: var(--success);
-}
-.ar-notification-popup > .content > .title.error {
-  color: var(--danger);
-}
-
 .ar-notification-popup > .content > .message {
   color: var(--gray-600);
   text-align: center;

package/dist/assets/css/components/form/upload/styles.css

@@ -17,6 +17,38 @@
   font-size: 0.15rem;
 }
 
+.ar-upload-button > .button {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+  padding: 1rem 0;
+  border: dashed 1px var(--gray-300);
+  border-radius: var(--border-radius-sm);
+  cursor: pointer;
+  user-select: none;
+}
+.ar-upload-button > .button > .information {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+}
+.ar-upload-button > .button > .information > .properies {
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  font-size: 0.85rem;
+}
+.ar-upload-button > .button > .information > .properies > .max-size {
+  color: var(--gray-500);
+}
+.ar-upload-button > .button > .information > .properies > .allow-types {
+  color: var(--gray-500);
+}
+
 .ar-upload-button > .ar-upload-files {
   width: 100%;
   transition: top 250ms ease-in-out;
@@ -69,4 +101,34 @@
   cursor: pointer;
 }
 
+.ar-upload-button > .ar-upload-files > .file {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--gray-200);
+  margin-top: 0.5rem;
+  padding: 0.5rem;
+  border-radius: var(--border-radius-sm);
+}
+.ar-upload-button > .ar-upload-files > .file > .information {
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+}
+.ar-upload-button > .ar-upload-files > .file > .information > span {
+  display: inline-block;
+}
+.ar-upload-button > .ar-upload-files > .file > .information > span:last-child {
+  background-color: var(--primary);
+  padding: 0 0.25rem;
+  border-radius: var(--border-radius-sm);
+  color: var(--white);
+  font-size: 0.75rem;
+  line-height: 2;
+}
+.ar-upload-button > .ar-upload-files > .file > .delete {
+  cursor: pointer;
+}
+
 @import url("./animations.css");

package/dist/components/feedback/popup/index.js

@@ -4,6 +4,7 @@ import "../../../assets/css/components/feedback/popup/popup.css";
 import Button from "../../form/button";
 import ReactDOM from "react-dom";
 import { NotificationContext } from "../../../libs/core/application/contexts/Notification";
+import { ARIcon } from "../../icons";
 const Popup = ({ title, message, status, isOpen, buttons }) => {
     // contexts
     const { setIsPopupOpen } = useContext(NotificationContext);
@@ -13,6 +14,35 @@ const Popup = ({ title, message, status, isOpen, buttons }) => {
     // states
     const _notificaitonPopupWrapperClassName = ["ar-notification-popup-wrapper"];
     const [className, setClassName] = useState(["ar-notification-popup", ""]);
+    // methods
+    const buttonStatus = () => {
+        switch (status) {
+            case "success":
+                return "success";
+            case "warning":
+                return "warning";
+            case "information":
+                return "information";
+            case "error":
+                return "danger";
+            default:
+                return "light";
+        }
+    };
+    const buttonIcons = () => {
+        switch (status) {
+            case "success":
+                return React.createElement(ARIcon, { icon: "Success", fill: "transparent", stroke: "var(--white)", size: 48 });
+            case "warning":
+                return React.createElement(ARIcon, { icon: "Warning", fill: "transparent", stroke: "var(--white)", size: 48 });
+            case "information":
+                return "information";
+            case "error":
+                return React.createElement(ARIcon, { icon: "CloseCircle", fill: "transparent", stroke: "var(--white)", size: 48 });
+            default:
+                return "light";
+        }
+    };
     // useEffects
     useEffect(() => {
         setClassName((prev) => {
@@ -38,13 +68,13 @@ const Popup = ({ title, message, status, isOpen, buttons }) => {
                     }
                 } }),
             React.createElement("div", { ref: _arNotificationPopup, className: className.map((c) => c).join(" ") },
-                React.createElement("div", { className: `icon ${status}` }),
+                React.createElement("div", { className: `icon ${status}` }, buttonIcons()),
                 React.createElement("div", { className: "content" },
                     React.createElement("span", { className: `title ${status}` },
                         title,
                         "!"),
                     React.createElement("span", { className: "message" }, message)),
-                React.createElement(Button, { variant: "filled", status: status == "success" ? "success" : "danger", onClick: () => {
+                React.createElement(Button, { variant: "filled", status: buttonStatus(), onClick: () => {
                         (() => buttons?.okay?.onClick && buttons.okay?.onClick())();
                         (() => {
                             setIsPopupOpen && setIsPopupOpen((prev) => !prev);

package/dist/components/form/text-editor/index.js

@@ -29,8 +29,8 @@ validation, }) => {
     // variables
     const toolbarButtons = [
         { command: "bold", icon: "Bold", tooltip: `Bold (${Utils.GetOSShortCutIcons()} + B)` },
-        { command: "italic", icon: "Italic", tooltip: `Bold (${Utils.GetOSShortCutIcons()} + I)` },
-        { command: "underline", icon: "Underline", tooltip: `Bold (${Utils.GetOSShortCutIcons()} + U)` },
+        { command: "italic", icon: "Italic", tooltip: `Italic (${Utils.GetOSShortCutIcons()} + I)` },
+        { command: "underline", icon: "Underline", tooltip: `Underline (${Utils.GetOSShortCutIcons()} + U)` },
         { command: "insertUnorderedList", icon: "BulletList", tooltip: "Bulleted List" },
         { command: "insertOrderedList", icon: "NumberList", tooltip: "Numbered List" },
         { command: "justifyLeft", icon: "TextAlingLeft", tooltip: "Align Left" },
@@ -212,7 +212,7 @@ validation, }) => {
     }, []);
     return (React.createElement("div", { ref: _container, className: "ar-text-editor" },
         React.createElement("iframe", { ref: _arIframe, name: name, className: _iframeClassName.map((c) => c).join(" "), height: height }),
-        React.createElement("div", { className: "toolbar" }, toolbarButtons.map(({ command, icon, tooltip }) => (React.createElement(Button, { key: command, type: "button", variant: "borderless", status: "secondary", border: { radius: "none" }, icon: { element: React.createElement(ARIcon, { icon: icon, size: 18, fill: "var(--gray-700)" }) }, tooltip: {
+        React.createElement("div", { className: "toolbar" }, toolbarButtons.map(({ command, icon, tooltip }) => (React.createElement(Button, { key: command, type: "button", variant: "borderless", status: "secondary", border: { radius: "none" }, icon: { element: React.createElement(ARIcon, { icon: icon, size: 18, fill: "transparent" }) }, tooltip: {
                 text: tooltip,
             }, onClick: () => execCommand(command) })))),
         React.createElement("div", { className: "resize", onMouseDown: handleMouseDown }),

package/dist/components/form/upload/Props.d.ts

@@ -32,7 +32,7 @@ interface IMultiple {
      * />
      * ```
      */
-    onChange: (formData: FormData, files: File[], isInvalidFileExist: boolean) => void;
+    onChange: (formData: FormData, files: File[], base64: string[], isInvalidFileExist: boolean) => void;
     /**
      * Çoklu dosya seçiminin aktif olduğunu belirtir.
      *
@@ -66,7 +66,7 @@ interface ISingle {
      * <Upload onChange={(formData, file) => console.log(file)} />
      * ```
      */
-    onChange: (formData: FormData | undefined, files: File | null) => void;
+    onChange: (formData: FormData | undefined, files: File | null, base64: string) => void;
     /**
      * Çoklu dosya seçiminin devre dışı olduğunu belirtir.
      *

package/dist/components/form/upload/index.js

@@ -1,8 +1,7 @@
 import React, { useEffect, useRef, useState } from "react";
 import "../../../assets/css/components/form/upload/styles.css";
-import { ARIcon } from "../../icons";
-import Button from "../button";
 import Tooltip from "../../feedback/tooltip";
+import { ARIcon } from "../../icons";
 const Upload = ({ text, file, onChange, allowedTypes, maxSize, multiple }) => {
     // refs
     const _firstLoad = useRef(false);
@@ -39,6 +38,9 @@ const Upload = ({ text, file, onChange, allowedTypes, maxSize, multiple }) => {
                 return newList;
             });
         }
+        else {
+            setSelectedFile(undefined);
+        }
     };
     const handleValidationFile = (file) => {
         const newErrors = [];
@@ -49,7 +51,7 @@ const Upload = ({ text, file, onChange, allowedTypes, maxSize, multiple }) => {
             }
         }
         if (maxSize) {
-            const _maxSize = maxSize * 1024 * 1024; // 5MB
+            const _maxSize = maxSize * 1024 * 1024; // MB
             if (file.size > _maxSize) {
                 newErrors.push({ [file.name]: "Dosya boyutu çok büyük." });
                 _validationErrors.current.push(file.name);
@@ -57,36 +59,55 @@ const Upload = ({ text, file, onChange, allowedTypes, maxSize, multiple }) => {
         }
         setValidationErrors((prev) => [...prev, ...newErrors]);
     };
+    function handleFileToBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => {
+                if (reader.result && typeof reader.result === "string") {
+                    resolve(reader.result);
+                }
+                else {
+                    reject(new Error("Failed to read the file"));
+                }
+            };
+            reader.onerror = reject;
+            reader.readAsDataURL(file);
+        });
+    }
     // useEffects
     useEffect(() => {
-        const dataTransfer = new DataTransfer();
-        const fileFormData = new FormData();
-        setValidationErrors([]);
-        _validationErrors.current = [];
-        if (_input.current) {
-            if (multiple) {
-                // Seçilmiş olan dosyalar validasyona gönderiliyor.
-                selectedFiles.forEach((f) => handleValidationFile(f));
-                const inValidFiles = Array.from(new Set(_validationErrors.current));
-                // Input içerisine dosyalar aktarılıyor.
-                selectedFiles.forEach((f) => dataTransfer.items.add(f));
-                _input.current.files = dataTransfer.files;
-                // Geçerli olan dosyalar alındı...
-                const validFiles = [...selectedFiles.filter((x) => !inValidFiles.includes(x.name))];
-                validFiles.forEach((f) => fileFormData.append("file", f));
-                onChange(fileFormData, validFiles, _validationErrors.current.length === 0);
-            }
-            else {
-                if (selectedFile) {
-                    handleValidationFile(selectedFile);
-                    fileFormData.append("file", selectedFile);
-                    onChange(fileFormData, selectedFile);
+        (async () => {
+            const dataTransfer = new DataTransfer();
+            const fileFormData = new FormData();
+            setValidationErrors([]);
+            _validationErrors.current = [];
+            if (_input.current) {
+                if (multiple) {
+                    // Seçilmiş olan dosyalar validasyona gönderiliyor.
+                    selectedFiles.forEach((f) => handleValidationFile(f));
+                    const inValidFiles = Array.from(new Set(_validationErrors.current));
                     // Input içerisine dosyalar aktarılıyor.
-                    dataTransfer.items.add(selectedFile);
+                    selectedFiles.forEach((f) => dataTransfer.items.add(f));
                     _input.current.files = dataTransfer.files;
+                    // Geçerli olan dosyalar alındı...
+                    const validFiles = [...selectedFiles.filter((x) => !inValidFiles.includes(x.name))];
+                    validFiles.forEach((f) => fileFormData.append("file", f));
+                    // Geçerli olan dosyalar base64'e dönüştürülüyor...
+                    const base64Array = await Promise.all(validFiles.map((validFile) => handleFileToBase64(validFile)));
+                    onChange(fileFormData, validFiles, base64Array, _validationErrors.current.length === 0);
+                }
+                else {
+                    if (selectedFile) {
+                        handleValidationFile(selectedFile);
+                        fileFormData.append("file", selectedFile);
+                        onChange(fileFormData, selectedFile, await handleFileToBase64(selectedFile));
+                        // Input içerisine dosyalar aktarılıyor.
+                        dataTransfer.items.add(selectedFile);
+                        _input.current.files = dataTransfer.files;
+                    }
                 }
             }
-        }
+        })();
     }, [selectedFiles, selectedFile]);
     useEffect(() => {
         if (_firstLoad.current)
@@ -97,25 +118,40 @@ const Upload = ({ text, file, onChange, allowedTypes, maxSize, multiple }) => {
     return (React.createElement("div", { ref: _arUplaod, className: "ar-upload" },
         React.createElement("input", { ref: _input, type: "file", onChange: (event) => handleFileChange(event.target.files), multiple: multiple }),
         React.createElement("div", { className: "ar-upload-button" },
-            React.createElement(Button, { variant: "outlined", status: "light", icon: { element: React.createElement(ARIcon, { variant: "bulk", icon: "Upload", fill: "var(--gray-300)" }) }, onClick: () => {
+            React.createElement("div", { className: "button", onClick: () => {
                     if (_input.current)
                         _input.current.click();
-                } }, text && React.createElement("span", null, text)),
-            React.createElement("div", { className: "ar-upload-files" },
-                React.createElement("ul", null, selectedFiles.map((selectedFile, index) => {
-                    let _className = [];
-                    const errorMessages = validationErrors
-                        .filter((error) => Object.keys(error).includes(selectedFile.name))
-                        .map((error) => error[selectedFile.name]);
-                    if (errorMessages.length > 0)
-                        _className.push("error");
-                    const content = (React.createElement("div", { className: "content" },
-                        React.createElement("span", { className: _className.map((c) => c).join(" ") }, selectedFile.name),
-                        React.createElement("span", { onClick: (event) => {
-                                event.stopPropagation();
-                                handleFileRemove(selectedFile);
-                            } }, "x")));
-                    return (React.createElement("li", { key: index, className: _className.map((c) => c).join(" ") }, errorMessages.length === 0 ? (content) : (React.createElement(Tooltip, { text: errorMessages.map((message) => message ?? "") }, content))));
-                }))))));
+                } },
+                React.createElement("div", { className: "information" },
+                    React.createElement(ARIcon, { variant: "linear", icon: "Upload", stroke: "var(--gray-600)", fill: "transparent" }),
+                    React.createElement("div", { className: "properies" },
+                        allowedTypes && (React.createElement("div", { className: "allow-types" }, allowedTypes?.map((allowedType) => allowedType.split("/")[1].toLocaleUpperCase()).join(", "))),
+                        maxSize && React.createElement("div", { className: "max-size" },
+                            "up to ",
+                            maxSize,
+                            "MB"))),
+                text && React.createElement("span", null, text)),
+            React.createElement("div", { className: "ar-upload-files" }, multiple ? (React.createElement("ul", null, selectedFiles.map((selectedFile, index) => {
+                let _className = [];
+                const errorMessages = validationErrors
+                    .filter((error) => Object.keys(error).includes(selectedFile.name))
+                    .map((error) => error[selectedFile.name]);
+                if (errorMessages.length > 0)
+                    _className.push("error");
+                const content = (React.createElement("div", { className: "content" },
+                    React.createElement("span", { className: _className.map((c) => c).join(" ") }, selectedFile.name),
+                    React.createElement("span", { onClick: (event) => {
+                            event.stopPropagation();
+                            handleFileRemove(selectedFile);
+                        } }, "x")));
+                return (React.createElement("li", { key: index, className: _className.map((c) => c).join(" ") }, errorMessages.length === 0 ? (content) : (React.createElement(Tooltip, { text: errorMessages.map((message) => message ?? "") }, content))));
+            }))) : (selectedFile && (React.createElement("div", { className: "file" },
+                React.createElement("div", { className: "information" },
+                    React.createElement("span", null, selectedFile.name),
+                    React.createElement("span", null,
+                        (selectedFile.size / 1024).toFixed(3),
+                        "KB")),
+                React.createElement("div", { className: "delete", onClick: () => handleFileRemove(selectedFile) },
+                    React.createElement(ARIcon, { icon: "CloseCircle", fill: "transparent", size: 20 })))))))));
 };
 export default Upload;

package/dist/components/icons/Compiler.js

@@ -48,11 +48,21 @@ class Icon {
                         return (React.createElement(React.Fragment, null,
                             React.createElement("path", { d: "M6 4v6a6 6 0 0 0 12 0V4", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
                             React.createElement("line", { x1: "4", y1: "20", x2: "20", y2: "20", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
+                    case "Upload":
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("path", { d: "M9 17v-6l-2 2M9 11l2 2", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
+                            React.createElement("path", { d: "M22 10v5c0 5-2 7-7 7H9c-5 0-7-2-7-7V9c0-5 2-7 7-7h5", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
+                            React.createElement("path", { d: "M22 10h-4c-3 0-4-1-4-4V2l8 8Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
                     case "Strikethrough":
                         return (React.createElement(React.Fragment, null,
                             React.createElement("line", { x1: "4", y1: "12", x2: "20", y2: "12", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
                             React.createElement("path", { d: "M6 4h12", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
                             React.createElement("path", { d: "M6 20h12", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
+                    case "Success":
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("path", { d: "M22 11.1V6.9C22 3.4 20.6 2 17.1 2h-4.2C9.4 2 8 3.4 8 6.9V8h3.1c3.5 0 4.9 1.4 4.9 4.9V16h1.1c3.5 0 4.9-1.4 4.9-4.9z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
+                            React.createElement("path", { d: "M16 17.1v-4.2C16 9.4 14.6 8 11.1 8H6.9C3.4 8 2 9.4 2 12.9v4.2C2 20.6 3.4 22 6.9 22h4.2c3.5 0 4.9-1.4 4.9-4.9z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
+                            React.createElement("path", { d: "M6.08 15l1.95 1.95 3.89-3.9", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
                     case "BulletList":
                         return (React.createElement(React.Fragment, null,
                             React.createElement("circle", { cx: 3, cy: this._startIndex, r: 2, fill: "currentColor" }),
@@ -91,6 +101,10 @@ class Icon {
                         return (React.createElement(React.Fragment, null,
                             React.createElement("path", { d: "M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10Z", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
                             React.createElement("path", { d: "m7.75 12 2.83 2.83 5.67-5.66", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
+                    case "Warning":
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("path", { d: "M12 7.75V13M2.92 8.58c0-1.12.6-2.16 1.57-2.73l5.94-3.43c.97-.56 2.17-.56 3.15 0l5.94 3.43c.97.56 1.57 1.6 1.57 2.73v6.84c0 1.12-.6 2.16-1.57 2.73l-5.94 3.43c-.97.56-2.17.56-3.15 0l-5.94-3.43a3.15 3.15 0 0 1-1.57-2.73v-2.76", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" }),
+                            React.createElement("path", { d: "M12 16.2v.1", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
                     default:
                         return null;
                 }

package/dist/components/icons/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import Svg from "./Svg";
 import Icon from "./Compiler";
-export const ARIcon = ({ viewBox, size, variant = "linear", icon, fill = "var(--dark)", stroke = "var(--dark)", strokeWidth = 2, style, }) => {
+export const ARIcon = ({ viewBox, size, variant = "linear", icon, fill = "var(--dark)", stroke = "var(--dark)", strokeWidth = 1, style, }) => {
     const { Compiler } = new Icon(fill, stroke, strokeWidth);
     return (React.createElement(Svg, { viewBox: viewBox, fill: fill, width: size, height: size, style: style }, Compiler(variant, icon)));
 };

package/dist/libs/core/application/hooks/index.d.ts

@@ -50,12 +50,11 @@ export declare const useNotification: () => {
         message?: string;
         status: Status | number;
     }) => void;
-    popup: ({ title, message, status, buttons, }: {
+    popup: ({ title, message, status, }: {
         title: string;
         message?: string;
         status: Status | number;
-        buttons?: PopupButtonProps | null;
-    }) => void;
+    }, buttons?: PopupButtonProps | null) => void;
 };
 export declare const useValidation: <TData extends object>(data: TData, params: ValidationProperties<TData>[], step?: number) => {
     onSubmit: (callback: (result: boolean) => void) => void;

package/dist/libs/core/application/hooks/index.js

@@ -33,7 +33,7 @@ export const useNotification = () => {
         setStatus && setStatus(status);
         setTrigger && setTrigger((trigger) => !trigger);
     };
-    const popup = ({ title, message, status, buttons, }) => {
+    const popup = ({ title, message, status, }, buttons) => {
         setTitle && setTitle(title);
         setMessage && setMessage(message ?? "");
         setStatus && setStatus(status);

package/dist/libs/core/service/Api.d.ts

@@ -20,7 +20,10 @@ declare class Api {
         data?: any;
         headers?: HeadersInit;
         init?: Omit<RequestInit | undefined, "body">;
-    }): Promise<Response>;
+    }): Promise<{
+        p_response: Promise<Response>;
+        response: Response;
+    }>;
     PostWithFormData(values: {
         input?: RequestInfo;
         data?: FormData;

package/dist/libs/core/service/Api.js

@@ -29,13 +29,15 @@ class Api {
         if (values.input && values.input.toString().includes("?")) {
             values.input = values.input.toString().replace(/\/(?=\?)/, "");
         }
-        const response = await this.CustomFetch(`${this._url}${values.input}`, {
+        const p_response = this.CustomFetch(`${this._url}${values.input}`, {
             method: "POST",
             headers: { ...this.HeaderProperties(), ...values.headers },
             body: JSON.stringify(values.data),
             ...values.init,
         });
-        return response;
+        const clone = (await p_response).clone();
+        const response = await clone;
+        return { p_response, response };
     }
     async PostWithFormData(values) {
         if (values.input && values.input.toString().includes("?")) {

package/dist/libs/core/service/index.js

@@ -26,13 +26,13 @@ class Service {
             let endPoint = `${this._endPoint}`;
             if (values?.input)
                 endPoint += `/${values.input}`;
-            const response = await this._api.Post({
+            const { p_response, response } = await this._api.Post({
                 input: endPoint,
                 data: values?.data,
                 headers: values?.headers,
                 init: values?.init,
             });
-            return await this.Response(null, response);
+            return await this.Response(p_response, response);
         }
         catch (error) {
             throw new Error(error instanceof Error ? error.message : "Beklenmeyen bir hata oluştu.");

package/dist/libs/types/index.d.ts

@@ -69,7 +69,7 @@ export type Errors<TData> = Partial<{
 }>;
 export type AllowedTypes = "image/jpeg" | "image/png" | "image/gif" | "image/webp" | "image/svg+xml" | "image/bmp" | "image/tiff" | "application/pdf" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/zip" | "application/x-rar-compressed" | "application/x-7z-compressed" | "application/gzip" | "application/json" | "application/xml" | "text/plain" | "text/csv" | "text/html" | "video/mp4" | "video/quicktime" | "video/x-msvideo" | "video/x-matroska" | "video/webm" | "video/x-flv" | "audio/mpeg" | "audio/wav" | "audio/ogg" | "audio/aac" | "audio/flac" | "application/octet-stream";
 export type IconVariants = "linear" | "bulk";
-export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "CloseCircle" | "CloseSquare" | "Drive" | "Document" | "Folder" | "Trash" | "Upload" | "Image" | "Import" | "Bold" | "Italic" | "Underline" | "Strikethrough" | "BulletList" | "NumberList" | "TextAlingLeft" | "TextAlingCenter" | "TextAlingRight" | "Filter" | "TickCircle" | "File";
+export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "CloseCircle" | "CloseSquare" | "Drive" | "Document" | "Folder" | "Trash" | "Upload" | "Image" | "Import" | "Bold" | "Italic" | "Underline" | "Success" | "Strikethrough" | "BulletList" | "NumberList" | "TextAlingLeft" | "TextAlingCenter" | "TextAlingRight" | "Filter" | "TickCircle" | "File" | "Warning";
 export type PieChartDataType = {
     value: number;
     text: string;

package/package.json

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