@net-advantage/nabs-ui-signature 0.35.0 → 0.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Signature.d.ts +3 -0
- package/dist/Signature.types.d.ts +27 -0
- package/dist/index.d.ts +2 -0
- package/dist/signature.utils.d.ts +4 -0
- package/package.json +2 -1
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { SignatureProps } from './Signature.types';
|
|
2
|
+
export declare function Signature({ label, helperText, value, disabled, className, labelClassName, helperTextClassName, padClassName, canvasClassName, id, width, height, backgroundColor, penColor, penWidth, onChange, onBeginStroke, onEndStroke, onClear, }: SignatureProps): import("react").JSX.Element;
|
|
3
|
+
export default Signature;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent } from 'react';
|
|
2
|
+
export type DrawEvent = ReactPointerEvent<HTMLCanvasElement> | ReactMouseEvent<HTMLCanvasElement>;
|
|
3
|
+
export interface SignaturePoint {
|
|
4
|
+
x: number;
|
|
5
|
+
y: number;
|
|
6
|
+
}
|
|
7
|
+
export interface SignatureProps {
|
|
8
|
+
label?: string;
|
|
9
|
+
helperText?: string;
|
|
10
|
+
value?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
labelClassName?: string;
|
|
14
|
+
helperTextClassName?: string;
|
|
15
|
+
padClassName?: string;
|
|
16
|
+
canvasClassName?: string;
|
|
17
|
+
id?: string;
|
|
18
|
+
width?: number;
|
|
19
|
+
height?: number;
|
|
20
|
+
backgroundColor?: string;
|
|
21
|
+
penColor?: string;
|
|
22
|
+
penWidth?: number;
|
|
23
|
+
onChange?: (value: string) => void;
|
|
24
|
+
onBeginStroke?: () => void;
|
|
25
|
+
onEndStroke?: () => void;
|
|
26
|
+
onClear?: () => void;
|
|
27
|
+
}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { DrawEvent, SignaturePoint } from './Signature.types';
|
|
2
|
+
export declare function getPointerPosition(event: DrawEvent, canvas: HTMLCanvasElement): SignaturePoint;
|
|
3
|
+
export declare function drawStroke(context: CanvasRenderingContext2D, points: SignaturePoint[]): void;
|
|
4
|
+
export declare function resetCanvas(context: CanvasRenderingContext2D, canvas: HTMLCanvasElement, backgroundColor: string): void;
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@net-advantage/nabs-ui-signature",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.37.0",
|
|
4
4
|
"description": "Reusable signature pad control for the Nabs UI library.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/nabs-ui-signature.cjs",
|
|
7
7
|
"module": "./dist/nabs-ui-signature.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
8
9
|
"exports": {
|
|
9
10
|
".": {
|
|
10
11
|
"import": "./dist/nabs-ui-signature.js",
|