@pallasoft/ps-input-components 1.9.0 → 1.10.0

package/dist/components/ps-amount-input.d.ts

@@ -0,0 +1,3 @@
+import { type PsTextInputProps } from './ps-text-input';
+export type PsAmountInputProps = Omit<PsTextInputProps, 'inputMode' | 'type'>;
+export declare const PsAmountInput: ({ className, onChange, ...props }: PsAmountInputProps) => import("react").JSX.Element;

package/dist/components/ps-amount-input.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsAmountInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_amount_input_service_1 = require("../services/ps-amount-input-service");
+const ps_text_input_1 = require("./ps-text-input");
+const PsAmountInput = ({ className, onChange, ...props }) => ((0, jsx_runtime_1.jsx)(ps_text_input_1.PsTextInput, { ...props, autoComplete: 'off', className: className, inputMode: 'decimal', onChange: (event) => {
+        const normalised = ps_amount_input_service_1.PsAmountInputService.normalise(event.target.value);
+        if (normalised !== event.target.value)
+            event.target.value = normalised;
+        if (onChange)
+            onChange(event);
+    }, type: 'text' }));
+exports.PsAmountInput = PsAmountInput;

package/dist/constants/ps-amount-input-config.d.ts

@@ -0,0 +1,7 @@
+export declare const PsAmountInputConfig: {
+    readonly closeBracket: ")";
+    readonly disallowed: RegExp;
+    readonly minus: "-";
+    readonly openBracket: "(";
+    readonly point: ".";
+};

package/dist/constants/ps-amount-input-config.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsAmountInputConfig = void 0;
+exports.PsAmountInputConfig = {
+    closeBracket: ')',
+    disallowed: /[^0-9.]/g,
+    minus: '-',
+    openBracket: '(',
+    point: '.',
+};

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/ps-cascader-input';
+export * from './components/ps-amount-input';
 export * from './components/ps-checkbox';
 export * from './components/ps-color-input';
 export * from './components/ps-color-picker';
@@ -12,5 +13,6 @@ export * from './components/ps-select-input';
 export * from './components/ps-text-area-input';
 export * from './components/ps-text-input';
 export * from './components/ps-toggle';
+export * from './services/ps-amount-input-service';
 export * from './services/ps-color-service';
 export * from './interfaces/color-hsv';

package/dist/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./components/ps-cascader-input"), exports);
+__exportStar(require("./components/ps-amount-input"), exports);
 __exportStar(require("./components/ps-checkbox"), exports);
 __exportStar(require("./components/ps-color-input"), exports);
 __exportStar(require("./components/ps-color-picker"), exports);
@@ -28,5 +29,6 @@ __exportStar(require("./components/ps-select-input"), exports);
 __exportStar(require("./components/ps-text-area-input"), exports);
 __exportStar(require("./components/ps-text-input"), exports);
 __exportStar(require("./components/ps-toggle"), exports);
+__exportStar(require("./services/ps-amount-input-service"), exports);
 __exportStar(require("./services/ps-color-service"), exports);
 __exportStar(require("./interfaces/color-hsv"), exports);

package/dist/services/ps-amount-input-service.d.ts

@@ -0,0 +1,4 @@
+export declare class PsAmountInputService {
+    static normalise(raw: string): string;
+    static toNumber(raw: string): number;
+}

package/dist/services/ps-amount-input-service.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsAmountInputService = void 0;
+const ps_amount_input_config_1 = require("../constants/ps-amount-input-config");
+class PsAmountInputService {
+    static normalise(raw) {
+        const trimmed = raw.trim();
+        const isBracketed = trimmed.startsWith(ps_amount_input_config_1.PsAmountInputConfig.openBracket) &&
+            trimmed.endsWith(ps_amount_input_config_1.PsAmountInputConfig.closeBracket);
+        const isNegative = isBracketed || trimmed.startsWith(ps_amount_input_config_1.PsAmountInputConfig.minus);
+        const kept = trimmed.replace(ps_amount_input_config_1.PsAmountInputConfig.disallowed, '');
+        const pointIndex = kept.indexOf(ps_amount_input_config_1.PsAmountInputConfig.point);
+        const digits = pointIndex === -1
+            ? kept
+            : `${kept.slice(0, pointIndex + 1)}${kept
+                .slice(pointIndex + 1)
+                .split(ps_amount_input_config_1.PsAmountInputConfig.point)
+                .join('')}`;
+        if (digits === '')
+            return isNegative && !isBracketed ? ps_amount_input_config_1.PsAmountInputConfig.minus : '';
+        return isNegative ? `${ps_amount_input_config_1.PsAmountInputConfig.minus}${digits}` : digits;
+    }
+    static toNumber(raw) {
+        const normalised = PsAmountInputService.normalise(raw);
+        const parsed = Number(normalised);
+        return normalised === '' || !Number.isFinite(parsed) ? 0 : parsed;
+    }
+}
+exports.PsAmountInputService = PsAmountInputService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-input-components",
-	"version": "1.9.0",
+	"version": "1.10.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -29,7 +29,7 @@
 	},
 	"dependencies": {
 		"@internationalized/date": "^3.12.2",
-		"@pallasoft/ps-core-components": "^2.2.0",
+		"@pallasoft/ps-core-components": "^2.3.1",
 		"@pallasoft/ps-design-system": "^1.3.0",
 		"@pallasoft/ps-icons": "^1.2.0",
 		"@pallasoft/ps-utilities": "^2.0.0",