ar-design 0.1.52 → 0.1.53

package/dist/assets/css/components/data-display/paper/paper.css

@@ -1,8 +1,8 @@
 .ar-paper {
-  /* background-color: var(--white); */
-  /* padding: 2rem; */
-  /* border-radius: var(--border-radius-sm); */
-  /* box-shadow: 0 0 20px -15px rgba(var(--black-rgb), 0.25); */
+  background-color: var(--white);
+  padding: 2rem;
+  border-radius: var(--border-radius-lg);
+  box-shadow: 0 0 20px 0 rgba(var(--black-rgb), 0.02);
 }
 .ar-paper > .header {
   display: flex;

package/dist/assets/css/components/layout/layout.css

@@ -14,26 +14,26 @@
   height: 100%;
 }
 .ar-layout > main > aside.ar-aside.left {
-  min-width: 20%;
+  flex: 2;
   min-height: calc(100vh - 7.5rem);
   border-right: solid 1px var(--gray-200);
 }
 .ar-layout > main > aside.ar-aside.right {
-  min-width: 20%;
+  flex: 2;
 }
 .ar-layout > main > section {
+  flex: 8;
   height: fit-content;
-  padding: 0 2rem;
   border-radius: var(--border-radius-lg);
 }
 .ar-layout > main:not(:has(> .ar-aside)) > section {
   min-width: 100%;
 }
-.ar-layout > main:has(> .ar-aside) > section {
-  min-width: calc(80% - 2.5%);
+.ar-layout > main:has(> .ar-aside.left) > section {
+  padding-left: 2rem;
 }
-.ar-layout > main:has(> .ar-aside) > section:has(~ .ar-aside) {
-  min-width: calc(60% - 5%);
+.ar-layout > main:has(> .ar-aside.left) > section:has(~ .ar-aside.right) {
+  padding: 0 2rem;
 }
 
 @import url("./header.css");

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

@@ -23,19 +23,25 @@ const Confirm = ({ children, title, message, content, onConfirm }) => {
         if (key === "Escape")
             setOpen(false);
     };
-    const handleResizeEvent = () => setOpen(false);
+    const handleScroll = () => {
+        if (!_arConfirmWrapper.current || !_arConfirm.current)
+            return;
+        const wrapper = _arConfirmWrapper.current.getBoundingClientRect();
+        const confirm = _arConfirm.current.getBoundingClientRect();
+        setCoordinatX(wrapper.left - confirm.width - 10);
+        setCoordinatY(wrapper.top);
+    };
     // useEffects
     useEffect(() => {
         if (open) {
             document.addEventListener("click", handleClickOutSide);
             document.addEventListener("keydown", handleKeys);
-            // Sayfa boyutu değiştirilmesi söz konusu olursa eğer bu kısım çalışacaktır.
-            window.addEventListener("resize", handleResizeEvent);
+            document.addEventListener("scroll", handleScroll);
             // Dinleyicileri kaldır.
             return () => {
                 document.removeEventListener("click", handleClickOutSide);
                 document.removeEventListener("keydown", handleKeys);
-                window.removeEventListener("resize", handleResizeEvent);
+                document.removeEventListener("scroll", handleScroll);
             };
         }
     }, [open]);
@@ -54,12 +60,7 @@ const Confirm = ({ children, title, message, content, onConfirm }) => {
                         setOpen(false);
                     } }, "Hay\u0131r")))),
         React.createElement("div", { onClick: () => {
-                if (!_arConfirmWrapper.current || !_arConfirm.current)
-                    return;
-                const wrapper = _arConfirmWrapper.current.getBoundingClientRect();
-                const confirm = _arConfirm.current.getBoundingClientRect();
-                setCoordinatX(wrapper.left - confirm.width - 10);
-                setCoordinatY(wrapper.top);
+                handleScroll();
                 setOpen((prev) => !prev);
             } }, children)));
 };

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

@@ -13,6 +13,7 @@ declare class Api {
         input?: RequestInfo;
         data: any;
         headers?: HeadersInit;
+        init?: RequestInit | undefined;
     }): Promise<Response>;
     Put(values: {
         input?: RequestInfo;

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

@@ -20,6 +20,7 @@ class Api {
             headers: { ...this.HeaderProperties, ...values.headers },
             method: "POST",
             body: JSON.stringify(values.data),
+            ...values.init,
         });
         return response;
     }
@@ -62,7 +63,7 @@ class Api {
                         console.error("400");
                         break;
                     case 401:
-                        console.error("401");
+                        // console.error("401");
                         break;
                     case 404:
                         console.error("404");

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

@@ -20,6 +20,7 @@ declare class Service {
         input?: RequestInfo;
         data: TData;
         headers?: HeadersInit;
+        init?: RequestInit | undefined;
     }): Promise<Result<TResponse>>;
     Put<TResponse, TData>(values?: {
         input?: RequestInfo;

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

@@ -36,6 +36,7 @@ class Service {
                 input: endPoint,
                 data: values?.data,
                 headers: values?.headers,
+                init: values?.init,
             });
             const text = (await response.text()).trim();
             return {

package/package.json

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