@powerhousedao/document-engineering 1.37.0 → 1.39.0

package/dist/src/scalars/components/fragments/with-field-validation/with-field-validation.test.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { act, render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import { Input } from '../../../../ui/components/index.js';
+import { renderWithForm } from '../../../lib/testing.js';
+import { Form } from '../../form/index.js';
+import { FormGroup } from '../form-group/index.js';
+import { FormLabel } from '../form-label/index.js';
+import { FormMessageList } from '../form-message/index.js';
+import { withFieldValidation } from './with-field-validation.js';
+// Test component that will be wrapped
+const TextFieldTesting = React.forwardRef(({ label, value, defaultValue, onChange, errors, pattern, ...props }, ref) => {
+    return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: "test", required: props.required, disabled: props.disabled, hasError: !!errors?.length, children: label })), _jsx(Input, { id: "test", "data-testid": "test-input", value: value, defaultValue: defaultValue, onChange: onChange, pattern: pattern?.toString(), ref: ref, ...props }), errors && _jsx(FormMessageList, { "data-testid": "error-message", messages: errors, type: "error" })] }));
+});
+TextFieldTesting.displayName = 'TextFieldTesting';
+const WrappedComponent = withFieldValidation(TextFieldTesting);
+describe('withFieldValidation', () => {
+    it('should render the wrapped component', () => {
+        renderWithForm(_jsx(WrappedComponent, { name: "test" }));
+        expect(screen.getByTestId('test-input')).toBeInTheDocument();
+    });
+    it('should handle required validation', async () => {
+        renderWithForm(_jsx(WrappedComponent, { name: "test", required: true }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.click(input);
+        await userEvent.keyboard('{Enter}'); // submit the form should fail
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should handle pattern validation', async () => {
+        renderWithForm(_jsx(WrappedComponent, { name: "test", pattern: /^[A-Z]+$/ }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.type(input, 'abc');
+        await userEvent.keyboard('{Enter}');
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should handle minLength validation', async () => {
+        renderWithForm(_jsx(WrappedComponent, { name: "test", minLength: 3 }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.type(input, '12');
+        await userEvent.keyboard('{Enter}');
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should handle extra component validators', async () => {
+        const validator = (value) => {
+            return value === 'valid' || 'Custom error message';
+        };
+        renderWithForm(_jsx(WrappedComponent, { name: "test", validators: validator }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.type(input, 'invalid');
+        await userEvent.keyboard('{Enter}');
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should handle multiple extra component validators', async () => {
+        const validator1 = vi.fn().mockReturnValue(true);
+        const validator2 = vi.fn().mockReturnValue(true);
+        renderWithForm(_jsx(WrappedComponent, { name: "test", validators: [validator1, validator2] }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.type(input, 'test');
+        await userEvent.keyboard('{Enter}');
+        expect(validator1).toHaveBeenCalledTimes(1);
+        expect(validator2).toHaveBeenCalledTimes(1);
+    });
+    it('should handle multiple validation rules', async () => {
+        renderWithForm(_jsx(WrappedComponent, { name: "test", required: true, minLength: 5 }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.type(input, '1234');
+        await userEvent.keyboard('{Enter}');
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should pass through custom error messages', async () => {
+        await act(() => renderWithForm(_jsx(WrappedComponent, { name: "test", errors: ['Custom error'] })));
+        expect(screen.getByTestId('error-message')).toHaveTextContent('Custom error');
+    });
+    it('should handle form submission with default values', async () => {
+        const handleSubmit = vi.fn();
+        render(_jsxs(Form, { onSubmit: handleSubmit, defaultValues: { test: 'default' }, children: [_jsx(WrappedComponent, { name: "test" }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const submitButton = screen.getByRole('button', { name: 'Submit' });
+        await userEvent.click(submitButton);
+        expect(handleSubmit).toHaveBeenCalledWith({ test: 'default' });
+    });
+    it('should not submit values if the form has errors', async () => {
+        const handleSubmit = vi.fn();
+        render(_jsxs(Form, { onSubmit: handleSubmit, children: [_jsx(WrappedComponent, { name: "test", value: "", onChange: () => undefined, required: true }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const submitButton = screen.getByRole('button', { name: 'Submit' });
+        await userEvent.click(submitButton);
+        expect(handleSubmit).not.toHaveBeenCalled();
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should validate custom validators', async () => {
+        const WrappedComponentWithValidator = withFieldValidation(TextFieldTesting, {
+            validations: {
+                _isPrime: () => ((value) => {
+                    return Number(value) % 2 === 0 || 'Custom error message';
+                }),
+            },
+        });
+        renderWithForm(_jsx(WrappedComponentWithValidator, { name: "test" }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.type(input, '3');
+        await userEvent.keyboard('{Enter}');
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should validate custom validators using parent props', async () => {
+        const WrappedComponentWithValidator = withFieldValidation(TextFieldTesting, {
+            validations: {
+                _autoCompleteRequireLength3: (props) => ((value) => {
+                    return props.autoComplete ? (value.length > 3 ? true : 'Error') : true;
+                }),
+            },
+        });
+        renderWithForm(_jsx(WrappedComponentWithValidator, { name: "test", autoComplete: true }));
+        const input = screen.getByTestId('test-input');
+        await userEvent.type(input, '12');
+        await userEvent.keyboard('{Enter}');
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+    });
+    it('should revalidate on change after a submission with errors', async () => {
+        renderWithForm(_jsx(WrappedComponent, { name: "test", required: true }));
+        const input = screen.getByTestId('test-input');
+        // submit with empty value should fail as the field is required
+        await userEvent.type(input, '{Enter}');
+        expect(await screen.findByTestId('error-message')).toBeInTheDocument();
+        // change the value to trigger revalidation
+        await userEvent.type(input, '123');
+        expect(screen.queryByTestId('error-message')).toBeNull();
+    });
+    it('should forward refs to the wrapped component', () => {
+        const inputRef = React.createRef();
+        renderWithForm(_jsx(WrappedComponent, { name: "test", ref: inputRef }));
+        const input = screen.getByTestId('test-input');
+        // initially, the input should not have focus
+        expect(input).not.toHaveFocus();
+        // directly focus the input using the ref
+        inputRef.current?.focus();
+        // the input should now have focus
+        expect(input).toHaveFocus();
+    });
+});
+//# sourceMappingURL=with-field-validation.test.js.map

package/dist/src/scalars/components/fragments/with-field-validation/with-field-validation.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-field-validation.test.js","sourceRoot":"","sources":["../../../../../../src/scalars/components/fragments/with-field-validation/with-field-validation.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/id-field/id-field.stories.d.ts

@@ -0,0 +1,58 @@
+import type { StoryObj } from '@storybook/react';
+import { IdField } from './id-field.js';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./id-field.js").IdFieldProps>;
+    decorators: import("@storybook/react").Decorator[];
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        name: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: string;
+            };
+        };
+        value: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: string;
+            };
+        };
+        generator: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof IdField>;
+export declare const Default: Story;
+export declare const CustomGenerator: Story;
+export declare const CustomIdValue: Story;
+//# sourceMappingURL=id-field.stories.d.ts.map

package/dist/src/scalars/components/id-field/id-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/id-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCsB,CAAA;AAEhC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAA"}

package/dist/src/scalars/components/id-field/id-field.stories.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withForm } from '../../lib/decorators.js';
+import { IdField } from './id-field.js';
+const meta = {
+    title: 'Scalars/Id Field',
+    component: IdField,
+    decorators: [withForm],
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        name: {
+            control: false,
+            description: 'Name of the field in the form data',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'id' },
+                category: 'Default',
+            },
+        },
+        value: {
+            control: false,
+            description: 'A predefined value for the ID field. If provided, this value will be used instead of generating a new ID.',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'auto-generated' },
+                category: 'Default',
+            },
+        },
+        generator: {
+            control: false,
+            description: 'Generator function or built-in generator to generate the ID.',
+            table: {
+                type: { summary: 'UUID | (() => string)' },
+                defaultValue: { summary: 'UUID' },
+                category: 'Default',
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "text-sm text-gray-500", children: [_jsx("p", { children: "This form contains a hidden IdField that will generate a UUID." }), _jsx("p", { children: "Submit the form to see the generated ID in the alert." })] }), _jsx(IdField, {}), _jsx("button", { type: "submit", children: "Submit to see ID" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: '<IdField />',
+            },
+        },
+    },
+};
+export const CustomGenerator = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "text-sm text-gray-500", children: [_jsx("p", { children: "This form contains a hidden IdField with a custom ID generator." }), _jsx("p", { children: "Submit the form to see the generated ID in the alert." })] }), _jsx(IdField, { generator: () => `custom-${Date.now()}` }), _jsx("button", { type: "submit", children: "Submit to see ID" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: '<IdField generator={() => `custom-${Date.now()}`} />',
+            },
+        },
+    },
+};
+export const CustomIdValue = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "text-sm text-gray-500", children: [_jsx("p", { children: "This form contains a hidden IdField with the id: \"custom-id\"." }), _jsx("p", { children: "Submit the form to see the ID in the alert." })] }), _jsx(IdField, { value: "custom-id" }), _jsx("button", { type: "submit", children: "Submit to see ID" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: '<IdField value="custom-id" />',
+            },
+        },
+    },
+};
+//# sourceMappingURL=id-field.stories.js.map

package/dist/src/scalars/components/id-field/id-field.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-field.stories.js","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/id-field.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,QAAQ,CAAC;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;gBAC/B,QAAQ,EAAE,SAAS;aACpB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EACT,2GAA2G;YAC7G,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;gBAC3C,QAAQ,EAAE,SAAS;aACpB;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8DAA8D;YAC3E,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE;gBAC1C,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;gBACjC,QAAQ,EAAE,SAAS;aACpB;SACF;KACF;CAC6B,CAAA;AAEhC,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,uBAAuB,aACpC,yFAAqE,EACrE,gFAA4D,IACxD,EAEN,KAAC,OAAO,KAAG,EACX,iBAAQ,IAAI,EAAC,QAAQ,iCAA0B,IAC3C,CACP;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,aAAa;aACpB;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,uBAAuB,aACpC,0FAAsE,EACtE,gFAA4D,IACxD,EAEN,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,IAAI,CAAC,GAAG,EAAE,EAAE,GAAI,EACpD,iBAAQ,IAAI,EAAC,QAAQ,iCAA0B,IAC3C,CACP;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sDAAsD;aAC7D;SACF;KACF;CACF,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,uBAAuB,aACpC,0FAA8E,EAC9E,sEAAkD,IAC9C,EAEN,KAAC,OAAO,IAAC,KAAK,EAAC,WAAW,GAAG,EAC7B,iBAAQ,IAAI,EAAC,QAAQ,iCAA0B,IAC3C,CACP;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,+BAA+B;aACtC;SACF;KACF;CACF,CAAA"}

package/dist/src/scalars/components/id-field/id-field.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=id-field.test.d.ts.map

package/dist/src/scalars/components/id-field/id-field.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-field.test.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/id-field.test.tsx"],"names":[],"mappings":""}

package/dist/src/scalars/components/id-field/id-field.test.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form } from '../form/form.js';
+import { render, screen } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it, vi } from 'vitest';
+import { IdField } from './id-field.js';
+describe('IdField', () => {
+    it('should render a hidden input field', () => {
+        render(_jsx(Form, { onSubmit: () => undefined, children: _jsx(IdField, { "data-testid": "id-field" }) }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveAttribute('type', 'hidden');
+        expect(input).toHaveAttribute('value');
+    });
+    it("should use default name 'id' when no name prop provided", () => {
+        render(_jsx(Form, { onSubmit: () => undefined, children: _jsx(IdField, { "data-testid": "id-field" }) }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveAttribute('name', 'id');
+    });
+    it('should use custom name when name prop provided', () => {
+        render(_jsx(Form, { onSubmit: () => undefined, children: _jsx(IdField, { name: "customId", "data-testid": "id-field" }) }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveAttribute('name', 'customId');
+    });
+    it('should use provided value when value prop is set', () => {
+        render(_jsx(Form, { onSubmit: () => undefined, children: _jsx(IdField, { value: "static-id", "data-testid": "id-field" }) }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveValue('static-id');
+    });
+    it('should use nanoid generator by default', () => {
+        vi.mock('nanoid', () => ({
+            nanoid: () => 'aaa',
+        }));
+        render(_jsx(Form, { onSubmit: () => undefined, children: _jsx(IdField, { "data-testid": "id-field" }) }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveValue('aaa');
+    });
+    it('should use custom generator function when provided', () => {
+        const customGenerator = () => 'custom-generated-id';
+        render(_jsx(Form, { onSubmit: () => undefined, children: _jsx(IdField, { generator: customGenerator, "data-testid": "id-field" }) }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveValue('custom-generated-id');
+    });
+    it('should generate new ID on form submission', async () => {
+        const user = userEvent.setup();
+        const mockUUID1 = '00000000-0000-0000-0000-000000000000';
+        const mockUUID2 = '00000000-0000-0000-0000-000000000001';
+        const mockRandomUUID = vi.spyOn(crypto, 'randomUUID').mockReturnValueOnce(mockUUID1).mockReturnValueOnce(mockUUID2);
+        const handleSubmit = vi.fn();
+        render(_jsxs(Form, { onSubmit: handleSubmit, children: [_jsx(IdField, { "data-testid": "id-field", generator: "uuid" }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveValue(mockUUID1);
+        await user.click(screen.getByRole('button'));
+        expect(handleSubmit).toHaveBeenCalled();
+        expect(input).toHaveValue(mockUUID2);
+        expect(mockRandomUUID).toHaveBeenCalledTimes(2);
+    });
+    it('should not generate new ID on submission when value prop is provided', async () => {
+        const user = userEvent.setup();
+        const handleSubmit = vi.fn();
+        render(_jsxs(Form, { onSubmit: handleSubmit, children: [_jsx(IdField, { value: "static-id", "data-testid": "id-field" }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveValue('static-id');
+        await user.click(screen.getByRole('button'));
+        expect(handleSubmit).toHaveBeenCalled();
+        expect(input).toHaveValue('static-id');
+    });
+    it('should call custom generator on each submission', async () => {
+        const user = userEvent.setup();
+        const customGenerator = vi.fn().mockReturnValueOnce('custom-id-1').mockReturnValueOnce('custom-id-2');
+        const handleSubmit = vi.fn();
+        render(_jsxs(Form, { onSubmit: handleSubmit, children: [_jsx(IdField, { generator: customGenerator, "data-testid": "id-field" }), _jsx("button", { type: "submit", children: "Submit" })] }));
+        const input = screen.getByTestId('id-field');
+        expect(input).toHaveValue('custom-id-1');
+        await user.click(screen.getByRole('button'));
+        expect(handleSubmit).toHaveBeenCalled();
+        expect(input).toHaveValue('custom-id-2');
+        expect(customGenerator).toHaveBeenCalledTimes(2);
+    });
+});
+//# sourceMappingURL=id-field.test.js.map

package/dist/src/scalars/components/id-field/id-field.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-field.test.js","sourceRoot":"","sources":["../../../../../src/scalars/components/id-field/id-field.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/scalars/components/number-field/number-field.d.ts

@@ -1,4 +1,5 @@
 import type { NumberFieldProps } from './types.js';
 declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<unknown>>;
-export { NumberField, NumberFieldProps };
+export { NumberField };
+export type { NumberFieldProps };
 //# sourceMappingURL=number-field.d.ts.map

package/dist/src/scalars/components/number-field/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,QAAA,MAAM,WAAW,sGAIf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,QAAA,MAAM,WAAW,sGAIf,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,CAAA;AACtB,YAAY,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/src/scalars/components/number-field/number-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gEAAgE,CAAA;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA;AAGjG,MAAM,WAAW,GAAG,mBAAmB,CAAmB,WAAW,EAAE;IACrE,WAAW,EAAE;QACX,YAAY,EAAE,mBAAmB;KAClC;CACF,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAoB,CAAA"}
+{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gEAAgE,CAAA;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA;AAGjG,MAAM,WAAW,GAAG,mBAAmB,CAAmB,WAAW,EAAE;IACrE,WAAW,EAAE;QACX,YAAY,EAAE,mBAAmB;KAClC;CACF,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/src/scalars/components/number-field/number-field.stories.d.ts

@@ -0,0 +1,156 @@
+import type { StoryObj } from '@storybook/react';
+import { StorybookControlCategory } from '../../lib/storybook-arg-types.js';
+import { NumberField } from './number-field.js';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./types.js").NumberFieldProps & import("react").RefAttributes<unknown>>;
+    parameters: {
+        layout: string;
+    };
+    decorators: import("@storybook/react").Decorator[];
+    tags: string[];
+    argTypes: {
+        baseValue: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        viewMode: {
+            control: "select";
+            description: string;
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        trailingZeros: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        precision: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        maxValue: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        minValue: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        placeholder: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        step: {
+            control: "number";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        autoFocus: {
+            table: {
+                disable: true;
+            };
+        };
+        numericType: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+        enableStepCarets: {
+            control: "boolean";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+                category: StorybookControlCategory;
+            };
+        };
+    };
+    args: {
+        name: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof NumberField>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const Disable: Story;
+export declare const Required: Story;
+export declare const WithWarning: Story;
+export declare const WithError: Story;
+export declare const WithMultipleErrors: Story;
+export declare const WithValue: Story;
+export declare const WithDescription: Story;
+export declare const WithFloatNumber: Story;
+export declare const WithBigInt: Story;
+export declare const WithStep: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=number-field.stories.d.ts.map

package/dist/src/scalars/components/number-field/number-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.stories.d.ts","sourceRoot":"","sources":["../../../../../src/scalars/components/number-field/number-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAIL,wBAAwB,EACzB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuF0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AACD,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAA;AACD,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AACD,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AACD,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA;AACD,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AACD,eAAO,MAAM,kBAAkB,EAAE,KAQhC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAGD,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAGD,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAA;AACD,eAAO,MAAM,sBAAsB,EAAE,KAOpC,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA"}