ar-design 0.1.36 → 0.1.37

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

@@ -1,5 +1,3 @@
-.ar-steps {
-}
 .ar-steps > .steps {
   display: flex;
   flex-direction: row;
@@ -131,7 +129,14 @@
   letter-spacing: 1px;
 }
 
-.ar-steps > .content {
+.ar-steps > .content > .buttons {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0 1rem;
+  margin-top: 2.5rem;
+  padding-top: 2.5rem;
+  border-top: solid 4px var(--gray-100);
 }
 
 @import url("./animation.css");

package/dist/components/feedback/confirm/index.d.ts

@@ -3,7 +3,8 @@ import "../../../assets/css/components/feedback/confirm/confirm.css";
 import { IChildren } from "../../../libs/types/IGlobalProps";
 declare const Confirm: React.FC<{
     title: string;
-    message: string;
+    message?: string;
+    content?: React.JSX.Element;
     onConfirm: (confirm: boolean) => void;
 } & IChildren>;
 export default Confirm;

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

@@ -4,7 +4,7 @@ import "../../../assets/css/components/feedback/confirm/confirm.css";
 import Button from "../../form/button";
 import Typography from "../../data-display/typography";
 const { Title } = Typography;
-const Confirm = ({ children, title, message, onConfirm }) => {
+const Confirm = ({ children, title, message, content, onConfirm }) => {
     // refs
     const _arConfirmWrapper = useRef(null);
     const _arConfirm = useRef(null);
@@ -42,7 +42,8 @@ const Confirm = ({ children, title, message, onConfirm }) => {
     return (React.createElement("div", { ref: _arConfirmWrapper, className: "ar-confirm-wrapper", role: "dialog" },
         React.createElement("div", { ref: _arConfirm, className: `ar-confirm ${open ? "opened" : "closed"}`, style: { top: coordinateY, left: coordinateX } },
             React.createElement(Title, { Level: "h4" }, title),
-            React.createElement("p", { className: "message" }, message),
+            message && React.createElement("p", { className: "message" }, message),
+            content && React.createElement("div", { className: "content" }, content),
             React.createElement("div", { className: "footer" },
                 React.createElement(Button, { status: "success", size: "small", onClick: () => {
                         onConfirm(true);

package/dist/components/navigation/steps/IProps.d.ts

@@ -1,8 +1,9 @@
 import { StepProps } from "../../../libs/types";
+import { IChildren } from "../../../libs/types/IGlobalProps";
 /**
  * Stepper component props
  */
-interface IProps {
+interface IProps extends IChildren {
     /**
      * Step'leri temsil eden dizisi.
      * Her bir `Step` için gerekli özellikler `StepProps` tipinde olmalıdır.

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

@@ -2,8 +2,9 @@
 import React, { useState } from "react";
 import "../../../assets/css/components/navigation/steps/steps.css";
 import Typography from "../../data-display/typography";
+import Button from "../../form/button";
 const { Title } = Typography;
-const Steps = ({ steps = [], onChange }) => {
+const Steps = ({ children, steps = [], onChange }) => {
     // states
     const [currentStep, setCurrentStep] = useState(0);
     // methods
@@ -24,7 +25,7 @@ const Steps = ({ steps = [], onChange }) => {
                 itemIcon.push(changeItemIcon(currentStep, index));
                 return (React.createElement("div", { key: step.title || index, className: "item", onClick: () => {
                         setCurrentStep(index);
-                        onChange(index + 1);
+                        onChange(index);
                     } },
                     React.createElement("div", { className: itemIcon.map((c) => c).join(" ") },
                         React.createElement("span", { className: changeItemIcon(currentStep, index) })),
@@ -34,6 +35,17 @@ const Steps = ({ steps = [], onChange }) => {
                             index + 1),
                         React.createElement(Title, { Level: "h3" }, step.title))));
             })),
-        React.createElement("div", { className: "content" }, steps.map((step, index) => currentStep === index && step.content))));
+        React.createElement("div", { className: "content" },
+            steps.map((step, index) => currentStep === index && step.content),
+            React.createElement("div", { className: "buttons" },
+                currentStep > 0 && (React.createElement(Button, { status: "light", onClick: () => {
+                        setCurrentStep((prev) => prev - 1);
+                        onChange(currentStep - 1);
+                    } }, "Geri")),
+                children && children,
+                currentStep < steps.length - 1 && (React.createElement(Button, { onClick: () => {
+                        setCurrentStep((prev) => prev + 1);
+                        onChange(currentStep + 1);
+                    } }, "\u0130leri"))))));
 };
 export default Steps;

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

@@ -39,8 +39,7 @@ class Service {
             });
             const text = (await response.text()).trim();
             return {
-                // ...(text.length > 0 ? JSON.parse(text) : {}),
-                data: text.length > 0 ? JSON.parse(text) : null,
+                data: text.length > 0 ? (typeof text !== "string" ? JSON.parse(text) : text) : null,
                 __ok__: response.ok,
                 __statusCode__: response.status,
                 __statusText__: response.statusText,

package/package.json

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