numora 1.0.2 → 1.0.4

package/README.md

@@ -2,7 +2,16 @@
 
 [![npm version](https://img.shields.io/npm/v/numora.svg)](https://www.npmjs.com/package/numora)
 
-A lightweight, framework-agnostic numeric input library for handling currency and decimal inputs in **financial/DeFi** applications. Built with TypeScript with **zero-dependencies**.
+A lightweight, framework-agnostic numeric input library for handling currency and decimal inputs in **financial/DeFi** applications. Built with TypeScript and designed for modern web applications with:
+
+- **Zero dependencies** - minimal footprint for your bundle
+- **Type safety** - fully typed API for better developer experience
+- **Framework agnostic** - use with any framework or vanilla JavaScript
+- **Customizable** - extensive options to fit your specific needs
+
+## Demo
+
+Check out the [live demo](https://numora.netlify.app/) to see Numora in action.
 
 ## Features
 
@@ -56,8 +65,8 @@ The NumericInput constructor accepts the following options:
 
 Numora is also available for popular frameworks:
 
-- React: `numora-react`
-- Vue: `numora-vue`
+- React: `numora-react` (in progress)
+- Vue: `numora-vue` (in progress)
 - Svelte: `numora`
 
 ## License

package/dist/index.d.ts

@@ -1 +1,4 @@
 export * from './NumericInput';
+export * from './utils/event-handlers';
+export * from './utils/sanitization';
+export * from './utils/decimals';

package/dist/index.js

@@ -1 +1 @@
-"use strict";var b=Object.defineProperty;var E=(t,e,n)=>e in t?b(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var l=(t,e,n)=>E(t,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=t=>t.replace(/[^0-9.]/g,""),D=t=>t.replace(/(\..*?)\./g,"$1"),p=t=>D(C(t)),f=t=>t.replace(/,/g,"."),L=t=>[".",","].some(n=>t.key===n&&t.target&&t.target.value.includes(".")),o=(t,e)=>{const[n,s]=t.split(".");return s?`${n}.${s.slice(0,e)}`:t};function y(t,e){const n=t.target;n.value=f(n.value),n.value=p(n.value),n.value=o(n.value,e)}function I(t){L(t)&&t.preventDefault()}function A(t,e){var m;const n=t.target,{value:s,selectionStart:i,selectionEnd:g}=n,r=p(((m=t.clipboardData)==null?void 0:m.getData("text/plain"))||""),c=s.slice(0,i||0)+r+s.slice(g||0),[v,...h]=c.split("."),a=v+(h.length>0?"."+h.join(""):"");t.preventDefault(),n.value=o(a,e);const u=(i||0)+r.length-(c.length-a.length);return n.setSelectionRange(u,u),o(a,e)}const d=2;class N{constructor(e,{maxDecimals:n=d,onChange:s,...i}){l(this,"element");l(this,"options");this.options={maxDecimals:n,onChange:s,...i},this.createInputElement(e),this.setupEventListeners()}createInputElement(e){this.element=document.createElement("input"),this.element.setAttribute("minlength","1"),this.element.setAttribute("pattern","^[0-9]*[.,]?[0-9]*$"),this.element.setAttribute("spellcheck","false"),this.element.setAttribute("type","text"),this.element.setAttribute("inputmode","decimal");const{maxDecimals:n,onChange:s,...i}=this.options;Object.assign(this.element,i),e.appendChild(this.element)}setupEventListeners(){this.element.addEventListener("input",this.handleChange.bind(this)),this.element.addEventListener("keydown",this.handleKeyDown.bind(this)),this.element.addEventListener("paste",this.handlePaste.bind(this))}handleChange(e){y(e,this.options.maxDecimals||d),this.options.onChange&&this.options.onChange(e.target.value)}handleKeyDown(e){I(e)}handlePaste(e){A(e,this.options.maxDecimals),this.options.onChange&&this.options.onChange(e.target.value)}getValue(){return this.element.value}setValue(e){this.element.value=e}disable(){this.element.disabled=!0}enable(){this.element.disabled=!1}addEventListener(e,n){this.element.addEventListener(e,n)}removeEventListener(e,n){this.element.removeEventListener(e,n)}}exports.NumericInput=N;
+"use strict";var N=Object.defineProperty;var f=(t,e,n)=>e in t?N(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var r=(t,e,n)=>f(t,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=t=>t.replace(/[^0-9.]/g,""),L=t=>t.replace(/(\..*?)\./g,"$1"),o=t=>L(y(t)),g=t=>t.replace(/,/g,"."),v=t=>[".",","].some(n=>t.key===n&&t.target&&t.target.value.includes(".")),a=(t,e)=>{const[n,i]=t.split(".");return i?`${n}.${i.slice(0,e)}`:t};function D(t,e){const n=t.target;n.value=g(n.value),n.value=o(n.value),n.value=a(n.value,e)}function b(t){v(t)&&t.preventDefault()}function C(t,e){var d;const n=t.target,{value:i,selectionStart:s,selectionEnd:E}=n,c=o(((d=t.clipboardData)==null?void 0:d.getData("text/plain"))||""),u=i.slice(0,s||0)+c+i.slice(E||0),[I,...h]=u.split("."),l=I+(h.length>0?"."+h.join(""):"");t.preventDefault(),n.value=a(l,e);const m=(s||0)+c.length-(u.length-l.length);return n.setSelectionRange(m,m),a(l,e)}const p=2;class A{constructor(e,{maxDecimals:n=p,onChange:i,...s}){r(this,"element");r(this,"options");this.options={maxDecimals:n,onChange:i,...s},this.createInputElement(e),this.setupEventListeners()}createInputElement(e){this.element=document.createElement("input"),this.element.setAttribute("minlength","1"),this.element.setAttribute("pattern","^[0-9]*[.,]?[0-9]*$"),this.element.setAttribute("spellcheck","false"),this.element.setAttribute("type","text"),this.element.setAttribute("inputmode","decimal");const{maxDecimals:n,onChange:i,...s}=this.options;Object.assign(this.element,s),e.appendChild(this.element)}setupEventListeners(){this.element.addEventListener("input",this.handleChange.bind(this)),this.element.addEventListener("keydown",this.handleKeyDown.bind(this)),this.element.addEventListener("paste",this.handlePaste.bind(this))}handleChange(e){D(e,this.options.maxDecimals||p),this.options.onChange&&this.options.onChange(e.target.value)}handleKeyDown(e){b(e)}handlePaste(e){C(e,this.options.maxDecimals),this.options.onChange&&this.options.onChange(e.target.value)}getValue(){return this.element.value}setValue(e){this.element.value=e}disable(){this.element.disabled=!0}enable(){this.element.disabled=!1}addEventListener(e,n){this.element.addEventListener(e,n)}removeEventListener(e,n){this.element.removeEventListener(e,n)}}exports.NumericInput=A;exports.alreadyHasDecimal=v;exports.handleOnChangeNumericInput=D;exports.handleOnKeyDownNumericInput=b;exports.handleOnPasteNumericInput=C;exports.replaceCommasWithDots=g;exports.sanitizeNumericInput=o;exports.trimToMaxDecimals=a;

package/dist/index.mjs

@@ -69,5 +69,12 @@ class N {
   }
 }
 export {
-  N as NumericInput
+  N as NumericInput,
+  f as alreadyHasDecimal,
+  A as handleOnChangeNumericInput,
+  I as handleOnKeyDownNumericInput,
+  x as handleOnPasteNumericInput,
+  L as replaceCommasWithDots,
+  p as sanitizeNumericInput,
+  o as trimToMaxDecimals
 };

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "numora",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Framework-agnostic headless finance input library",
+  "homepage": "https://numora.netlify.app/",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -9,9 +10,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     }
   },
   "repository": {