ar-design 0.1.65 → 0.1.67

package/dist/assets/css/components/navigation/menu/core/open-or-close.css

@@ -3,7 +3,6 @@
   overflow: hidden;
   transition: max-height 750ms 0s, margin 250ms 750ms ease-in-out;
 }
-
 .ar-menu > ul li ul.opened {
   max-height: 100rem;
   margin: 0.5rem 0 0.5rem 1rem;

package/dist/assets/css/components/navigation/menu/menu.css

@@ -18,6 +18,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  text-wrap: nowrap;
 }
 .ar-menu > ul li .item-render > a {
   display: block;

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

@@ -1,11 +1,11 @@
 import { IValidation } from "../../../libs/types/IGlobalProps";
 interface IMultiple {
-    file: FormData[];
+    file: File[];
     onChange: (formData: FormData, files: File[]) => void;
     multiple: true;
 }
 interface ISingle {
-    file: FormData | undefined;
+    file: File | undefined;
     onChange: (formData: FormData | undefined, files: File | null) => void;
     multiple?: false;
 }

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

@@ -12,6 +12,7 @@ const Upload = ({ file, onChange, multiple }) => {
     // states
     const [open, setOpen] = useState(false);
     const [selectedFiles, setSelectedFiles] = useState([]);
+    const [selectedFile, setSelectedFile] = useState(undefined);
     // methods
     const handleClickOutSide = (event) => {
         const target = event.target;
@@ -79,14 +80,13 @@ const Upload = ({ file, onChange, multiple }) => {
     }, [selectedFiles]);
     useEffect(() => {
         if (_input.current) {
-            const dataTransfer = new DataTransfer();
-            _input.current.files = dataTransfer.files;
+            multiple ? setSelectedFiles(file) : setSelectedFile(file);
         }
     }, [file]);
     useEffect(() => {
         if (open) {
             handlePosition();
-            //   window.addEventListener("blur", () => setOpen(false));
+            window.addEventListener("blur", () => setOpen(false));
             document.addEventListener("click", handleClickOutSide);
             document.addEventListener("keydown", handleKeys);
         }
@@ -99,22 +99,20 @@ const Upload = ({ file, onChange, multiple }) => {
     return (React.createElement("div", { ref: _arUplaod, className: "ar-upload" },
         React.createElement("input", { ref: _input, type: "file", onChange: handleFileChange, multiple: multiple }),
         React.createElement("div", { className: "ar-upload-button" },
-            React.createElement("span", { ref: _count, className: "count", onClick: () => setOpen((prev) => !prev) }, selectedFiles.length),
+            React.createElement("span", { ref: _count, className: "count", onClick: () => setOpen((prev) => !prev) }, selectedFiles.length === 0 ? (selectedFile ? 1 : 0) : selectedFiles.length),
             React.createElement("button", { onClick: () => {
                     if (_input.current)
                         _input.current.click();
                 } },
                 React.createElement(ARIcon, { variant: "bulk", icon: "Upload", fill: "var(--success)" }),
                 React.createElement("span", null, "Dosya Y\u00FCkle"))),
-        open &&
-            selectedFiles.length > 0 &&
-            ReactDOM.createPortal(React.createElement("div", { ref: _arUplaodFiles, className: "ar-upload-files" },
-                React.createElement("ul", null, selectedFiles.map((selectedFile, index) => (React.createElement("li", { key: index },
-                    React.createElement("span", null, selectedFile.name),
-                    React.createElement("span", { onClick: (event) => {
-                            event.stopPropagation();
-                            handleFileRemove(selectedFile);
-                        } },
-                        React.createElement(ARIcon, { variant: "bulk", icon: "Trash", fill: "var(--danger)", size: 16 }))))))), document.body)));
+        open && selectedFiles.length > 0 ? (ReactDOM.createPortal(React.createElement("div", { ref: _arUplaodFiles, className: "ar-upload-files" },
+            React.createElement("ul", null, selectedFiles.map((selectedFile, index) => (React.createElement("li", { key: index },
+                React.createElement("span", null, selectedFile.name),
+                React.createElement("span", { onClick: (event) => {
+                        event.stopPropagation();
+                        handleFileRemove(selectedFile);
+                    } },
+                    React.createElement(ARIcon, { variant: "bulk", icon: "Trash", fill: "var(--danger)", size: 16 }))))))), document.body)) : (React.createElement("span", null, selectedFile?.name))));
 };
 export default Upload;

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

@@ -34,6 +34,8 @@ declare class Api {
         input?: RequestInfo;
         headers?: HeadersInit;
     }): Promise<Response>;
+    private HeaderProperties;
+    private Cookies;
     /**
      * Burada bir fetch işlemi gerçekleştirilmekte fakat farklı olarak burayı `interceptor` olarak kullanmaktayız.
      * @param input
@@ -41,6 +43,5 @@ declare class Api {
      * @returns
      */
     private CustomFetch;
-    private HeaderProperties;
 }
 export default Api;

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

@@ -60,6 +60,24 @@ class Api {
         });
         return response;
     }
+    HeaderProperties = () => {
+        return {
+            Accept: "application/json",
+            "Content-Type": "application/json",
+            ...(this._token && { Authorization: `Bearer ${this.Cookies(this._token)}` }),
+        };
+    };
+    Cookies = (name) => {
+        if (typeof window === "undefined")
+            return undefined;
+        const cookies = document.cookie.split("; ");
+        const cookieObject = [];
+        cookies.forEach((cookie) => {
+            const [key, value] = cookie.split("=");
+            cookieObject.push({ key: key, value: value });
+        });
+        return decodeURIComponent(cookieObject.find((x) => x.key === name)?.value ?? "");
+    };
     /**
      * Burada bir fetch işlemi gerçekleştirilmekte fakat farklı olarak burayı `interceptor` olarak kullanmaktayız.
      * @param input
@@ -84,7 +102,7 @@ class Api {
                         console.error("404");
                         break;
                     default:
-                        break;
+                        console.error(`Unexpected Error: ${request.status}`);
                 }
             }
             // Return
@@ -94,12 +112,5 @@ class Api {
             throw error;
         }
     }
-    HeaderProperties = () => {
-        return {
-            Accept: "application/json",
-            "Content-Type": "application/json",
-            ...(this._token && { Authorization: `Bearer ${this._token}` }),
-        };
-    };
 }
 export default Api;

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

@@ -6,11 +6,11 @@ type Result<TResponse> = {
 };
 declare class Service {
     private _api;
-    private _endPoint;
+    private _endPoint?;
     constructor(values: {
         host?: string;
         core?: string;
-        endPoint: string;
+        endPoint?: string;
         token?: string;
     });
     Get<TResponse>(values?: {

package/package.json

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