persian-number-input 3.0.4 → 3.0.7

package/README.md

@@ -33,7 +33,7 @@ Simple usage example:
 
 ```jsx
 import React, { useState } from "react";
-import PersianNumberInput from "persian-number-input";
+import { PersianNumberInput } from "persian-number-input";
 
 const App = () => {
   const [number, setNumber] = useState("");
@@ -133,7 +133,7 @@ npm install persian-number-input
 
 ```jsx
 import React, { useState } from "react";
-import PersianNumberInput from "persian-number-input";
+import { PersianNumberInput } from "persian-number-input";
 
 const App = () => {
   const [number, setNumber] = useState("");

package/dist/components/PersianNumberInput.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-export interface PersianNumberInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+interface PersianNumberInputCustomProps {
     initialValue?: string;
     separatorCount?: number;
     separatorChar?: string;
-    lang?: 'fa-ar' | 'in' | 'en';
+    lang?: 'fa' | 'in' | 'en';
     onChangeValue?: (englishNumber: string) => void;
 }
+type AllowedInputProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'placeholder' | 'disabled' | 'readOnly' | 'id' | 'name' | 'autoComplete' | 'autoFocus' | 'maxLength' | 'minLength' | 'required' | 'title' | 'dir' | 'onClick' | 'onKeyDown' | 'onKeyUp' | 'onKeyPress' | 'onFocus' | 'onBlur' | 'onMouseDown' | 'onMouseUp' | 'onMouseEnter' | 'onMouseLeave' | 'onTouchStart' | 'onTouchEnd' | 'onPaste'>;
+export type PersianNumberInputProps = PersianNumberInputCustomProps & AllowedInputProps;
 declare const PersianNumberInput: React.FC<PersianNumberInputProps>;
 export default PersianNumberInput;

package/dist/components/PersianNumberInput.js

@@ -11,15 +11,24 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useCallback } from 'react';
 import { toLocalizedDigits, groupDigits, convertToEnglishDigits } from '../utils/digitUtils';
+// استایل پایه برای input
+const baseInputStyle = {
+    border: '1px solid #ccc',
+    borderRadius: '4px',
+};
 const PersianNumberInput = (_a) => {
-    var { initialValue = '', separatorCount = 0, separatorChar = ',', lang = 'fa-ar', onChangeValue } = _a, rest = __rest(_a, ["initialValue", "separatorCount", "separatorChar", "lang", "onChangeValue"]);
+    var { initialValue = '', separatorCount = 0, separatorChar = ',', lang = 'fa', onChangeValue, style } = _a, rest = __rest(_a, ["initialValue", "separatorCount", "separatorChar", "lang", "onChangeValue", "style"]);
+    const [value, setValue] = React.useState(() => convertToEnglishDigits(initialValue).replace(/\D/g, ''));
     const handleChange = useCallback((e) => {
         const input = convertToEnglishDigits(e.target.value).replace(/\D/g, '');
+        setValue(input);
         if (onChangeValue)
             onChangeValue(input);
     }, [onChangeValue]);
-    const formattedValue = groupDigits(convertToEnglishDigits(initialValue).replace(/\D/g, ''), separatorCount, separatorChar);
+    const formattedValue = groupDigits(value, separatorCount, separatorChar);
     const displayValue = lang === 'en' ? formattedValue : toLocalizedDigits(formattedValue, lang);
-    return React.createElement("input", Object.assign({}, rest, { defaultValue: displayValue, onChange: handleChange }));
+    const mergedStyle = Object.assign(Object.assign({}, baseInputStyle), style);
+    return React.createElement("input", Object.assign({ value: displayValue, onChange: handleChange, style: mergedStyle }, rest));
 };
 export default PersianNumberInput;
+//# sourceMappingURL=PersianNumberInput.js.map

package/dist/components/PersianNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersianNumberInput.js","sourceRoot":"","sources":["../../src/components/PersianNumberInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AA4C7F,yBAAyB;AACzB,MAAM,cAAc,GAAwB;IACxC,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,KAAK;CACtB,CAAC;AAKF,MAAM,kBAAkB,GAAsC,CAAC,EAQ9D,EAAE,EAAE;QAR0D,EAC3D,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,CAAC,EAClB,aAAa,GAAG,GAAG,EACnB,IAAI,GAAG,IAAI,EACX,aAAa,EACb,KAAK,OAER,EADM,IAAI,cAPoD,qFAQ9D,CADU;IAEP,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;IAExG,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,MAAM,KAAK,GAAG,sBAAsB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACxE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,aAAa;YAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;IACzE,MAAM,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAE9F,MAAM,WAAW,mCAAQ,cAAc,GAAK,KAAK,CAAE,CAAC;IAEpD,OAAO,6CACH,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,WAAW,IACd,IAAI,EACV,CAAC;AACP,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/index.js

@@ -1 +1,2 @@
 export { default as PersianNumberInput } from "./components/PersianNumberInput";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/utils/digitUtils.d.ts

@@ -1,6 +1,6 @@
 export declare const digitsMap: {
     [key: string]: string[];
 };
-export declare const toLocalizedDigits: (numStr: string, locale: "fa-ar" | "in" | "en") => string;
+export declare const toLocalizedDigits: (numStr: string, locale: "fa" | "in") => string;
 export declare const groupDigits: (numStr: string, separatorCount: number, separatorChar?: string) => string;
 export declare const convertToEnglishDigits: (str: string) => string;

package/dist/utils/digitUtils.js

@@ -37,3 +37,4 @@ export const convertToEnglishDigits = (str) => {
     };
     return str.replace(/[۰-۹०-९]/g, (char) => map[char]);
 };
+//# sourceMappingURL=digitUtils.js.map

package/dist/utils/digitUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"digitUtils.js","sourceRoot":"","sources":["../../src/utils/digitUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAgC;IACpD,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IACtD,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,MAAmB,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,MAAc,EACd,cAAsB,EACtB,aAAa,GAAG,GAAG,EACnB,EAAE;IACF,IAAI,cAAc,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACzC,OAAO,MAAM,CAAC,OAAO,CACnB,IAAI,MAAM,CAAC,cAAc,cAAc,aAAa,EAAE,GAAG,CAAC,EAC1D,aAAa,CACd,CAAC;IACJ,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,GAAW,EAAE,EAAE;IACpD,MAAM,GAAG,GAA8B;QACrC,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;QACR,GAAG,EAAE,GAAG;KACT,CAAC;IACF,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;AACvD,CAAC,CAAC"}

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "persian-number-input",
-  "version": "3.0.4",
+  "version": "3.0.7",
   "description": "React component for Persian, Indic, or English localized number input with customizable digit grouping",
   "main": "dist/index.js",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "typings": "dist/index.d.ts",
+  "sideEffects": false,
   "files": [
     "dist"
   ],