ar-design 0.2.99 → 0.3.0

package/dist/components/form/input-number/IProps.d.ts

@@ -0,0 +1,4 @@
+import { IBorder, IColors, ISize, IUpperCase, IValidation, IVariant } from "../../../libs/types/IGlobalProps";
+interface IProps extends IVariant, IColors, IBorder, ISize, IUpperCase, IValidation, Omit<React.InputHTMLAttributes<HTMLInputElement>, "children" | "size" | "color" | "type"> {
+}
+export default IProps;

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

@@ -0,0 +1 @@
+export {};

package/dist/components/form/input-number/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import IProps from "./IProps";
+declare const InputNumber: React.FC<IProps>;
+export default InputNumber;

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

@@ -0,0 +1,38 @@
+"use client";
+import React, { useMemo, useRef, useState } from "react";
+import Input from "../input";
+const InputNumber = ({ ...attributes }) => {
+    // refs
+    const _input = useRef(null);
+    const _caretPosition = useRef(null);
+    // states
+    const [value, setValue] = useState(null);
+    // methods
+    const handleChange = (event) => {
+        let { value } = event.target;
+        // Temizle.
+        const cleanedValue = (value = value.replace(/[^0-9,]/g, ""));
+        // Numara olarak çevir.
+        const normalized = value.replace(/\./g, "").replace(",", ".");
+        const parsed = parseFloat(normalized);
+        const numberValue = isNaN(parsed) ? 0 : parsed;
+        // Formatla ve Kullanıcı , (virgül) girdiyse kuruş göster.
+        const isDecimals = cleanedValue.includes(",");
+        const formatted = numberValue === 0 && cleanedValue === "" ? "" : formatter(isDecimals).format(numberValue);
+        setValue(formatted);
+    };
+    const handleKeyUp = (event) => {
+        const caretPosition = event.currentTarget.selectionStart ?? 0;
+        _caretPosition.current = caretPosition;
+    };
+    const formatter = useMemo(() => {
+        return (isDecimals) => new Intl.NumberFormat("tr-TR", {
+            style: "currency",
+            currency: "TRY",
+            minimumFractionDigits: isDecimals ? 2 : 0,
+            maximumFractionDigits: 2,
+        });
+    }, []);
+    return (React.createElement(Input, { ref: _input, ...attributes, value: value ?? "", onChange: handleChange, onKeyUp: handleKeyUp, type: "text", inputMode: "decimal" }));
+};
+export default InputNumber;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import ButtonGroup from "./components/form/button-group";
 import Checkbox from "./components/form/checkbox";
 import DatePicker from "./components/form/date-picker";
 import Input from "./components/form/input";
+import InputNumber from "./components/form/input-number";
 import InputTag from "./components/form/input-tag";
 import Radio from "./components/form/radio";
 import Select from "./components/form/select";
@@ -32,4 +33,4 @@ import Menu from "./components/navigation/menu";
 import Steps from "./components/navigation/steps";
 import Grid from "./components/data-display/grid-system";
 import Layout from "./components/layout";
-export { Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputTag, Radio, Select, Switch, TextEditor, Upload, Card, Chip, Diagram, Divider, DnD, Paper, SyntaxHighlighter, Table, Tabs, Typography, Alert, Drawer, Modal, Popover, Progress, Tooltip, Breadcrumb, Menu, Steps, Grid, Layout, };
+export { Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputNumber, InputTag, Radio, Select, Switch, TextEditor, Upload, Card, Chip, Diagram, Divider, DnD, Paper, SyntaxHighlighter, Table, Tabs, Typography, Alert, Drawer, Modal, Popover, Progress, Tooltip, Breadcrumb, Menu, Steps, Grid, Layout, };

package/dist/index.js

@@ -6,6 +6,7 @@ import ButtonGroup from "./components/form/button-group";
 import Checkbox from "./components/form/checkbox";
 import DatePicker from "./components/form/date-picker";
 import Input from "./components/form/input";
+import InputNumber from "./components/form/input-number";
 import InputTag from "./components/form/input-tag";
 import Radio from "./components/form/radio";
 import Select from "./components/form/select";
@@ -39,7 +40,7 @@ import Grid from "./components/data-display/grid-system";
 import Layout from "./components/layout";
 export { 
 // Form Elements
-Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputTag, Radio, Select, Switch, TextEditor, Upload, 
+Button, ButtonAction, ButtonGroup, Checkbox, DatePicker, Input, InputNumber, InputTag, Radio, Select, Switch, TextEditor, Upload, 
 // Data Display
 Card, Chip, Diagram, Divider, DnD, Paper, SyntaxHighlighter, Table, Tabs, Typography, 
 // Feedback

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

@@ -2,11 +2,13 @@ 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: {
         input?: RequestInfo | undefined;

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

@@ -2,11 +2,13 @@ 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 + "/" : ""}`;
     }
@@ -114,7 +116,9 @@ class Api {
     async CustomFetch(input, init) {
         try {
             // # Request Interceptor
-            const request = await fetch(input, init);
+            console.log(init);
+            console.log(this._init);
+            const request = await fetch(input, { ...init, ...this._init });
             // # Response Interceptor
             // Error Handling
             if (!request.ok) {

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

@@ -13,6 +13,7 @@ declare class Service {
         core?: string;
         endPoint?: string;
         token?: string;
+        init?: RequestInit;
     });
     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, token: values.token });
+        this._api = new Api({ host: values.host, core: values.core, token: values.token, init: values.init });
         this._endPoint = values.endPoint;
     }
     async Get(values) {

package/package.json

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