ar-design 0.3.2 → 0.3.3

package/dist/assets/css/core/variants/borderless.css

@@ -1,7 +1,7 @@
 /* #region BLUE */
 .borderless:not(.disabled) {
   &.blue {
-    color: var(--blue-500-500);
+    color: var(--blue-500);
 
     &.active {
       animation: clicked-blue ease-in-out 750ms 0s 1 normal both;
@@ -34,7 +34,7 @@ button.borderless:not(.disabled) {
 /* #region PURPLE */
 .borderless:not(.disabled) {
   &.purple {
-    color: var(--purple-500-500);
+    color: var(--purple-500);
 
     &.active {
       animation: clicked-purple ease-in-out 750ms 0s 1 normal both;
@@ -67,7 +67,7 @@ button.borderless:not(.disabled) {
 /* #region PINK */
 .borderless:not(.disabled) {
   &.pink {
-    color: var(--pink-500-500);
+    color: var(--pink-500);
 
     &.active {
       animation: clicked-pink ease-in-out 750ms 0s 1 normal both;
@@ -100,7 +100,7 @@ button.borderless:not(.disabled) {
 /* #region RED */
 .borderless:not(.disabled) {
   &.red {
-    color: var(--red-500-500);
+    color: var(--red-500);
 
     &.active {
       animation: clicked-red ease-in-out 750ms 0s 1 normal both;
@@ -133,7 +133,7 @@ button.borderless:not(.disabled) {
 /* #region ORANGE */
 .borderless:not(.disabled) {
   &.orange {
-    color: var(--orange-500-500);
+    color: var(--orange-500);
 
     &.active {
       animation: clicked-orange ease-in-out 750ms 0s 1 normal both;
@@ -166,7 +166,7 @@ button.borderless:not(.disabled) {
 /* #region YELLOW */
 .borderless:not(.disabled) {
   &.yellow {
-    color: var(--yellow-500-500);
+    color: var(--yellow-500);
 
     &.active {
       animation: clicked-yellow ease-in-out 750ms 0s 1 normal both;
@@ -199,7 +199,7 @@ button.borderless:not(.disabled) {
 /* #region GREEN */
 .borderless:not(.disabled) {
   &.green {
-    color: var(--green-500-500);
+    color: var(--green-500);
 
     &.active {
       animation: clicked-green ease-in-out 750ms 0s 1 normal both;
@@ -232,7 +232,7 @@ button.borderless:not(.disabled) {
 /* #region TEAL */
 .borderless:not(.disabled) {
   &.teal {
-    color: var(--teal-500-500);
+    color: var(--teal-500);
 
     &.active {
       animation: clicked-teal ease-in-out 750ms 0s 1 normal both;
@@ -265,7 +265,7 @@ button.borderless:not(.disabled) {
 /* #region CYAN */
 .borderless:not(.disabled) {
   &.cyan {
-    color: var(--cyan-500-500);
+    color: var(--cyan-500);
 
     &.active {
       animation: clicked-cyan ease-in-out 750ms 0s 1 normal both;
@@ -298,7 +298,7 @@ button.borderless:not(.disabled) {
 /* #region GRAY */
 .borderless:not(.disabled) {
   &.gray {
-    color: var(--gray-500-500);
+    color: var(--gray-500);
 
     &.active {
       animation: clicked-gray ease-in-out 750ms 0s 1 normal both;

package/dist/components/form/input-number/index.js

@@ -3,6 +3,7 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
 import Input from "../input";
 const InputNumber = ({ ...attributes }) => {
     // refs
+    const _firstLoad = useRef(false);
     const _input = useRef(null);
     const _caretPosition = useRef(null);
     const _isInputTouch = useRef(false);
@@ -61,10 +62,16 @@ const InputNumber = ({ ...attributes }) => {
     }, []);
     // useEffects
     useEffect(() => {
-        if (attributes.value !== undefined)
-            setValue(attributes.value ?? "");
+        if (_firstLoad.current)
+            return;
+        if (attributes.value !== undefined && attributes.value !== "") {
+            const isDecimals = String(attributes.value).includes(",");
+            let formatted = formatter(isDecimals).format(parseFloat(String(attributes.value)));
+            setValue(formatted == "NaN" ? "" : formatted);
+            _firstLoad.current = true;
+        }
     }, [attributes.value]);
-    return (React.createElement(Input, { ref: _input, ...attributes, value: value ?? attributes.value, onChange: (event) => {
+    return (React.createElement(Input, { ref: _input, ...attributes, value: value ?? attributes.value ?? "", onChange: (event) => {
             // Disabled gelmesi durumunda işlem yapmasına izin verme...
             if (attributes.disabled)
                 return;

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

@@ -1,13 +1,11 @@
 declare class Api {
     private _host?;
     private _core?;
-    private _token?;
     private _init?;
     private _url;
     constructor(values: {
         host?: string;
         core?: string;
-        token?: string;
         init?: RequestInit;
     });
     Get(values: {
@@ -40,7 +38,6 @@ 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

@@ -1,13 +1,11 @@
 class Api {
     _host;
     _core;
-    _token;
     _init;
     _url;
     constructor(values) {
         this._host = values.host || (typeof window !== "undefined" ? window.location.origin : "");
         this._core = values.core || "";
-        this._token = values.token;
         this._init = values.init;
         // Url
         this._url = `${this._host}/${this._core ? this._core + "/" : ""}`;
@@ -93,20 +91,8 @@ 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

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

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, token: values.token, init: values.init });
+        this._api = new Api({ host: values.host, core: values.core, init: values.init });
         this._endPoint = values.endPoint;
     }
     async Get(values) {

package/package.json

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