ar-design 0.1.60 → 0.1.61

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

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

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

@@ -1,9 +1,9 @@
-.ar-menu {
+.ar-menu > {
   padding: 0 0.25rem;
   font-family: var(--system);
 }
-.ar-menu ul,
-.ar-menu ul li ul {
+.ar-menu > ul,
+.ar-menu > ul li ul {
   display: flex;
   flex-direction: column;
   gap: 0.5rem 0;
@@ -11,15 +11,15 @@
   padding: 0;
   list-style: none;
 }
-.ar-menu ul li {
+.ar-menu > ul li {
   letter-spacing: 1px;
 }
-.ar-menu ul li .item-render {
+.ar-menu > ul li .item-render {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
-.ar-menu ul li .item-render > a {
+.ar-menu > ul li .item-render > a {
   display: block;
   width: 100%;
   height: 2rem;
@@ -27,7 +27,7 @@
   text-decoration: none;
   line-height: 2rem;
 }
-.ar-menu ul li .item-render > span {
+.ar-menu > ul li .item-render > span {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -36,10 +36,10 @@
   margin-right: 0.75rem;
   border-radius: var(--border-radius-pill);
 }
-.ar-menu ul li .item-render > span svg {
+.ar-menu > ul li .item-render > span svg {
   color: var(--light);
 }
-.ar-menu ul li .item-render > span > .no-icon::before {
+.ar-menu > ul li .item-render > span > .no-icon::before {
   display: inline-block;
   content: "";
   width: 0.75rem;
@@ -53,17 +53,17 @@
   transform: rotate(45deg);
 }
 
-.ar-menu ul li.selected {
+.ar-menu > ul li.selected {
   color: var(--primary);
 }
-.ar-menu ul li.selected .item-render > span {
+.ar-menu > ul li.selected .item-render > span {
   background-color: var(--primary);
   box-shadow: 0 0 0 5px rgba(var(--primary-rgb), 0.1);
 }
-.ar-menu ul li.selected .item-render > span svg {
+.ar-menu > ul li.selected .item-render > span svg {
   color: var(--white);
 }
-.ar-menu ul li.selected .item-render > span > .no-icon::before {
+.ar-menu > ul li.selected .item-render > span > .no-icon::before {
   display: inline-block;
   content: "";
   width: 0.75rem;

package/dist/components/feedback/progress/IProps.d.ts

@@ -1,5 +1,6 @@
 interface IProps {
     value: number;
     reverse?: boolean;
+    isVisibleValue?: boolean;
 }
 export default IProps;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import Utils from "../../../libs/infrastructure/shared/Utils";
 import "../../../assets/css/components/feedback/progress/progress.css";
-const Progress = ({ value, reverse }) => {
+const Progress = ({ value, reverse, isVisibleValue = false }) => {
     // variable/s
     let _status = undefined;
     const _arProgressClassName = [];
@@ -18,9 +18,8 @@ const Progress = ({ value, reverse }) => {
         React.createElement("div", { className: `ar-progress-bar ${_arProgressClassName.map((c) => c).join(" ")}` }),
         React.createElement("div", { className: `ar-progress-value ${_arProgressClassName.map((c) => c).join(" ")}`, style: {
                 width: `${value}%`,
-            } },
-            React.createElement("span", null,
-                "%",
-                value))));
+            } }, !isVisibleValue && React.createElement("span", null,
+            "%",
+            value))));
 };
 export default Progress;

package/dist/components/navigation/menu/index.js

@@ -24,11 +24,8 @@ const handleOnClick = (event) => {
 const SubMenu = ({ items, variant, setSelectedMenu, selectedMenu, setSelectedItem, selectedItem }) => {
     if (!items)
         return null;
-    let className = ["list"];
-    return (React.createElement("ul", { className: className.map((c) => c).join(" ") }, items.map((item, index) => {
-        if (item.type === "group")
-            className.push("opened");
-        return (React.createElement("li", { key: index, className: "item", onClick: handleOnClick },
+    return (React.createElement("ul", null, items.map((item, index) => {
+        return (React.createElement("li", { key: index, onClick: handleOnClick },
             React.createElement("div", { className: "item-render" },
                 React.createElement("span", null, item.icon ? item.icon : React.createElement("span", { className: "no-icon" })),
                 item.render),
@@ -40,11 +37,10 @@ const Menu = ({ data, variant = "vertical", ...attributes }) => {
     const [selectedMenu, setSelectedMenu] = useState([]);
     const [selectedItem, setSelectedItem] = useState(null);
     return (React.createElement("nav", { className: "ar-menu", ...attributes },
-        React.createElement("ul", { className: "list" }, data.map((item, index) => {
-            let className_li = ["item"];
-            if (item.type === "group")
-                className_li.push("opened");
-            return (React.createElement("li", { key: index, className: className_li.map((c) => c).join(" "), onClick: handleOnClick },
+        React.createElement("ul", null, data.map((item, index) => {
+            // let className_li: string[] = ["item"];
+            // if (item.type === "group") className_li.push("opened");
+            return (React.createElement("li", { key: index, onClick: handleOnClick },
                 React.createElement("div", { className: "item-render" },
                     React.createElement("span", null, item.icon ? item.icon : React.createElement("span", { className: "no-icon" })),
                     item.type === "divider" ? React.createElement(Divider, null) : item.render),

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

@@ -1,9 +1,12 @@
 declare class Api {
     private _host?;
     private _core?;
+    private _token?;
+    private _url;
     constructor(values: {
         host?: string;
         core?: string;
+        token?: string;
     });
     Get(values: {
         input?: RequestInfo | undefined;
@@ -11,14 +14,21 @@ declare class Api {
     }): Promise<Response>;
     Post(values: {
         input?: RequestInfo;
-        data: any;
+        data?: any;
+        headers?: HeadersInit;
+        init?: Omit<RequestInit | undefined, "body">;
+    }): Promise<Response>;
+    PostWithFormData(values: {
+        input?: RequestInfo;
+        data?: FormData;
         headers?: HeadersInit;
-        init?: RequestInit | undefined;
+        init?: Omit<RequestInit | undefined, "body">;
     }): Promise<Response>;
     Put(values: {
         input?: RequestInfo;
         data?: any;
         headers?: HeadersInit;
+        init?: Omit<RequestInit | undefined, "body">;
     }): Promise<Response>;
     Delete(values: {
         input?: RequestInfo;

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

@@ -1,47 +1,62 @@
 class Api {
     _host;
     _core;
+    _token;
+    _url;
     constructor(values) {
         this._host = values.host || (typeof window !== "undefined" ? window.location.origin : "");
         this._core = values.core || "";
+        this._token = values.token;
+        // Url
+        this._url = `${this._host}/${this._core ? this._core + "/" : ""}`;
     }
     async Get(values) {
-        const response = await this.CustomFetch(`${this._host}/${this._core ? this._core + "/" : ""}${values.input}`, {
+        const response = await this.CustomFetch(`${this._url}${values.input}`, {
+            method: "GET",
             headers: {
-                ...this.HeaderProperties,
+                ...this.HeaderProperties(),
                 ...values.headers,
             },
-            method: "GET",
         });
         return response;
     }
     async Post(values) {
-        const response = await this.CustomFetch(`${this._host}/${this._core ? this._core + "/" : ""}${values.input}`, {
-            headers: { ...this.HeaderProperties, ...values.headers },
+        const response = await this.CustomFetch(`${this._url}${values.input}`, {
             method: "POST",
+            headers: { ...this.HeaderProperties(), ...values.headers },
             body: JSON.stringify(values.data),
             ...values.init,
         });
         return response;
     }
+    async PostWithFormData(values) {
+        const response = await this.CustomFetch(`${this._url}${values.input}`, {
+            method: "POST",
+            headers: { ...values.headers },
+            body: values.data,
+            ...values.init,
+        });
+        return response;
+    }
     async Put(values) {
-        const response = await this.CustomFetch(`${this._host}/${this._core ? this._core + "/" : ""}${values.input}`, {
+        const response = await this.CustomFetch(`${this._url}${values.input}`, {
+            method: "PUT",
             headers: {
-                ...this.HeaderProperties,
+                ...this.HeaderProperties(),
                 ...values.headers,
             },
-            method: "PUT",
             body: JSON.stringify(values.data),
+            ...values.init,
         });
         return response;
     }
     async Delete(values) {
-        const response = await this.CustomFetch(`${this._host}/${this._core ? this._core + "/" : ""}${values.input}`, {
+        const response = await this.CustomFetch(`${this._url}${values.input}`, {
+            method: "DELETE",
             headers: {
-                ...this.HeaderProperties,
+                ...this.HeaderProperties(),
                 ...values.headers,
             },
-            method: "DELETE",
         });
         return response;
     }
@@ -79,9 +94,12 @@ class Api {
             throw error;
         }
     }
-    HeaderProperties = {
-        Accept: "application/json",
-        "Content-Type": "application/json",
+    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

@@ -11,6 +11,7 @@ declare class Service {
         host?: string;
         core?: string;
         endPoint: string;
+        token?: string;
     });
     Get<TResponse>(values?: {
         input?: string;
@@ -18,18 +19,26 @@ declare class Service {
     }): Promise<Result<TResponse>>;
     Post<TResponse, TData>(values?: {
         input?: RequestInfo;
-        data: TData;
+        data?: TData;
         headers?: HeadersInit;
         init?: RequestInit | undefined;
     }): Promise<Result<TResponse>>;
+    PostWithFormData<TResponse>(values?: {
+        input?: RequestInfo;
+        data?: FormData;
+        headers?: HeadersInit;
+        init?: Omit<RequestInit | undefined, "body">;
+    }): Promise<Result<TResponse>>;
     Put<TResponse, TData>(values?: {
         input?: RequestInfo;
         data?: TData;
         headers?: HeadersInit;
+        init?: Omit<RequestInit | undefined, "body">;
     }): Promise<Result<TResponse>>;
     Delete<TResponse>(values?: {
         input?: RequestInfo;
         headers?: HeadersInit;
     }): Promise<Result<TResponse>>;
+    private Response;
 }
 export default Service;

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 });
+        this._api = new Api({ host: values.host, core: values.core, token: values.token });
         this._endPoint = values.endPoint;
     }
     async Get(values) {
@@ -15,13 +15,7 @@ class Service {
                 input: endPoint,
                 headers: values?.headers,
             });
-            const text = (await response.text()).trim();
-            return {
-                response: text.length > 0 ? JSON.parse(text) : null,
-                __ok__: response.ok,
-                __statusCode__: response.status,
-                __statusText__: response.statusText,
-            };
+            return await this.Response(response);
         }
         catch (error) {
             throw new Error(error instanceof Error ? error.message : "Beklenmeyen bir hata oluştu.");
@@ -38,13 +32,24 @@ class Service {
                 headers: values?.headers,
                 init: values?.init,
             });
-            const text = (await response.text()).trim();
-            return {
-                response: text.length > 0 ? JSON.parse(text) : null,
-                __ok__: response.ok,
-                __statusCode__: response.status,
-                __statusText__: response.statusText,
-            };
+            return await this.Response(response);
+        }
+        catch (error) {
+            throw new Error(error instanceof Error ? error.message : "Beklenmeyen bir hata oluştu.");
+        }
+    }
+    async PostWithFormData(values) {
+        try {
+            let endPoint = `${this._endPoint}`;
+            if (values?.input)
+                endPoint += `/${values.input}`;
+            const response = await this._api.PostWithFormData({
+                input: endPoint,
+                data: values?.data,
+                headers: values?.headers,
+                init: values?.init,
+            });
+            return await this.Response(response);
         }
         catch (error) {
             throw new Error(error instanceof Error ? error.message : "Beklenmeyen bir hata oluştu.");
@@ -59,14 +64,9 @@ class Service {
                 input: endPoint,
                 data: values?.data,
                 headers: values?.headers,
+                init: values?.init,
             });
-            const text = (await response.text()).trim();
-            return {
-                response: text.length > 0 ? JSON.parse(text) : null,
-                __ok__: response.ok,
-                __statusCode__: response.status,
-                __statusText__: response.statusText,
-            };
+            return await this.Response(response);
         }
         catch (error) {
             throw new Error(error instanceof Error ? error.message : "Beklenmeyen bir hata oluştu.");
@@ -81,17 +81,27 @@ class Service {
                 input: endPoint,
                 headers: values?.headers,
             });
-            const text = (await response.text()).trim();
-            return {
-                response: text.length > 0 ? JSON.parse(text) : null,
-                __ok__: response.ok,
-                __statusCode__: response.status,
-                __statusText__: response.statusText,
-            };
+            return await this.Response(response);
         }
         catch (error) {
             throw new Error(error instanceof Error ? error.message : "Beklenmeyen bir hata oluştu.");
         }
     }
+    Response = async (response) => {
+        const text = (await response.text()).trim();
+        let _response;
+        try {
+            _response = JSON.parse(text);
+        }
+        catch (error) {
+            _response = text;
+        }
+        return {
+            response: _response,
+            __ok__: response.ok,
+            __statusCode__: response.status,
+            __statusText__: response.statusText,
+        };
+    };
 }
 export default Service;

package/package.json

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