ar-design 0.3.11 → 0.3.13

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

@@ -5,6 +5,7 @@ import { ARIcon } from "../../icons";
 import Dropzone from "./Dropzone";
 import Button from "../button";
 import List from "./List";
+import Utils from "../../../libs/infrastructure/shared/Utils";
 const Upload = ({ text, files, onChange, allowedTypes, maxSize, type = "list", multiple }) => {
     // refs
     const _firstLoad = useRef(false);
@@ -133,7 +134,9 @@ const Upload = ({ text, files, onChange, allowedTypes, maxSize, type = "list", m
         })();
     }, [selectedFiles]);
     useEffect(() => {
-        if (_firstLoad.current)
+        if (!_firstLoad.current && files.length === 0)
+            return;
+        if (Utils.DeepEqual(files, selectedFiles))
             return;
         setSelectedFiles(files);
         _firstLoad.current = true;

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

@@ -2,11 +2,13 @@ declare class Api {
     private _host?;
     private _core?;
     private _init?;
+    private _token?;
     private _url;
     constructor(values: {
         host?: string;
         core?: string;
         init?: RequestInit;
+        token?: string;
     });
     Get(values: {
         input?: RequestInfo | undefined;
@@ -38,6 +40,7 @@ declare class Api {
         init?: RequestInit;
     }): Promise<Response>;
     private HeaderProperties;
+    private Cookies;
     /**
      * Burada bir fetch işlemi gerçekleştirilmekte fakat farklı olarak burayı `interceptor` olarak kullanmaktayız.
      * @param input

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

@@ -2,6 +2,7 @@ class Api {
     _host;
     _core;
     _init;
+    _token;
     _url;
     constructor(values) {
         this._host = values.host || (typeof window !== "undefined" ? window.location.origin : "");
@@ -91,8 +92,20 @@ class Api {
         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

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

@@ -13,6 +13,7 @@ declare class Service {
         core?: string;
         endPoint?: string;
         init?: RequestInit;
+        token?: string;
     });
     Get<TResponse>(values?: {
         input?: string;

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

@@ -3,7 +3,7 @@ class Service {
     _api;
     _endPoint;
     constructor(values) {
-        this._api = new Api({ host: values.host, core: values.core, init: values.init });
+        this._api = new Api({ host: values.host, core: values.core, init: values.init, token: values.token });
         this._endPoint = values.endPoint;
     }
     async Get(values) {

package/package.json

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