@imposium-hub/components 2.14.5 → 2.14.6

package/dist/esm/components/number-field/NumberField.test.js

@@ -0,0 +1,192 @@
+import React from 'react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, fireEvent, screen } from '../../test/utils';
+import NumberField, { validateNumInput } from './NumberField';
+describe('NumberField', () => {
+    const defaultProps = {
+        value: 10,
+        onChange: vi.fn(),
+        label: 'Test Number Field'
+    };
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+    describe('Rendering', () => {
+        it('renders without crashing', () => {
+            render(React.createElement(NumberField, { ...defaultProps }));
+            const input = screen.getByRole('spinbutton');
+            expect(input).toBeDefined();
+        });
+        it('displays the correct value', () => {
+            render(React.createElement(NumberField, { ...defaultProps, value: 25 }));
+            const input = screen.getByRole('spinbutton');
+            expect(input.value).toBe('25');
+        });
+        it('displays placeholder when provided', () => {
+            render(React.createElement(NumberField, { ...defaultProps, placeholder: 'Enter number' }));
+            const input = screen.getByRole('spinbutton');
+            expect(input.placeholder).toBe('Enter number');
+        });
+        it('displays empty string when value is null', () => {
+            render(React.createElement(NumberField, { ...defaultProps, value: null }));
+            const input = screen.getByRole('spinbutton');
+            expect(input.value).toBe('');
+        });
+        it('applies min and max attributes', () => {
+            render(React.createElement(NumberField, { ...defaultProps, min: 0, max: 100 }));
+            const input = screen.getByRole('spinbutton');
+            expect(input.min).toBe('0');
+            expect(input.max).toBe('100');
+        });
+        it('sets readOnly attribute when readOnly prop is true', () => {
+            render(React.createElement(NumberField, { ...defaultProps, readOnly: true }));
+            const input = screen.getByRole('spinbutton');
+            expect(input.readOnly).toBe(true);
+        });
+    });
+    describe('User Interactions', () => {
+        it('calls onChange when value changes', () => {
+            const onChange = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, onChange: onChange }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.change(input, { target: { value: '42' } });
+            expect(onChange).toHaveBeenCalledWith(42);
+        });
+        it('calls onChange with min value when empty string is entered', () => {
+            const onChange = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, onChange: onChange, min: 5 }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.change(input, { target: { value: '' } });
+            expect(onChange).toHaveBeenCalledWith(5);
+        });
+        it('parses float values correctly', () => {
+            const onChange = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, onChange: onChange }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.change(input, { target: { value: '3.14' } });
+            expect(onChange).toHaveBeenCalledWith(3.14);
+        });
+        it('calls onBlur when provided', () => {
+            const onBlur = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, onBlur: onBlur }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.blur(input, { target: { value: '15' } });
+            expect(onBlur).toHaveBeenCalledWith('15');
+        });
+        it('focuses input on mount when focusOnMount is true', () => {
+            render(React.createElement(NumberField, { ...defaultProps, focusOnMount: true }));
+            const input = screen.getByRole('spinbutton');
+            expect(document.activeElement).toBe(input);
+        });
+    });
+    describe('Keyboard Interactions', () => {
+        it('increases value by 9 when Shift+ArrowUp is pressed', () => {
+            const onChange = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, value: 10, onChange: onChange }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.keyDown(input, {
+                code: 'ArrowUp',
+                shiftKey: true
+            });
+            expect(onChange).toHaveBeenCalledWith(19);
+        });
+        it('decreases value by 9 when Shift+ArrowDown is pressed', () => {
+            const onChange = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, value: 20, onChange: onChange }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.keyDown(input, {
+                code: 'ArrowDown',
+                shiftKey: true
+            });
+            expect(onChange).toHaveBeenCalledWith(11);
+        });
+        it('does not call onChange when value would exceed max limit', () => {
+            const onChange = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, value: 95, max: 100, onChange: onChange }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.keyDown(input, {
+                code: 'ArrowUp',
+                shiftKey: true
+            });
+            expect(onChange).not.toHaveBeenCalled();
+        });
+        it('sets error state when value would go below min limit', () => {
+            const onChange = vi.fn();
+            render(React.createElement(NumberField, { ...defaultProps, value: 5, min: 0, onChange: onChange }));
+            const input = screen.getByRole('spinbutton');
+            fireEvent.keyDown(input, {
+                code: 'ArrowDown',
+                shiftKey: true
+            });
+            // The component should set error state instead of calling onChange
+            const { container } = render(React.createElement(NumberField, { ...defaultProps, value: -5, min: 0 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeDefined();
+        });
+    });
+    describe('Validation', () => {
+        it('shows error state when value is below minimum', () => {
+            const { container } = render(React.createElement(NumberField, { ...defaultProps, value: 5, min: 10 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeDefined();
+        });
+        it('shows error state when value is above maximum', () => {
+            const { container } = render(React.createElement(NumberField, { ...defaultProps, value: 150, max: 100 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeDefined();
+        });
+        it('shows error state for min constraint', () => {
+            const { container } = render(React.createElement(NumberField, { ...defaultProps, value: 5, min: 10 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeDefined();
+        });
+        it('shows error state for max constraint', () => {
+            const { container } = render(React.createElement(NumberField, { ...defaultProps, value: 150, max: 100 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeDefined();
+        });
+        it('shows error state for min and max constraints', () => {
+            const { container } = render(React.createElement(NumberField, { ...defaultProps, value: 150, min: 10, max: 100 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeDefined();
+        });
+        it('does not show error state when value is valid', () => {
+            const { container } = render(React.createElement(NumberField, { ...defaultProps, value: 50, min: 10, max: 100 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeNull();
+        });
+    });
+    describe('Component Updates', () => {
+        it('updates internal state when props.value changes', () => {
+            const { rerender } = render(React.createElement(NumberField, { ...defaultProps, value: 10 }));
+            rerender(React.createElement(NumberField, { ...defaultProps, value: 20 }));
+            const input = screen.getByRole('spinbutton');
+            expect(input.value).toBe('20');
+        });
+        it('validates value when props change', () => {
+            const { container, rerender } = render(React.createElement(NumberField, { ...defaultProps, value: 50 }));
+            rerender(React.createElement(NumberField, { ...defaultProps, value: 150, max: 100 }));
+            const formField = container.querySelector('.number-field.invalid');
+            expect(formField).toBeDefined();
+        });
+    });
+});
+describe('validateNumInput utility', () => {
+    it('returns true for valid values within range', () => {
+        expect(validateNumInput(50, 0, 100)).toBe(true);
+        expect(validateNumInput(0, 0, 100)).toBe(true);
+        expect(validateNumInput(100, 0, 100)).toBe(true);
+    });
+    it('returns false for values below minimum', () => {
+        expect(validateNumInput(-5, 0, 100)).toBe(false);
+    });
+    it('returns false for values above maximum', () => {
+        expect(validateNumInput(150, 0, 100)).toBe(false);
+    });
+    it('handles undefined min/max values', () => {
+        expect(validateNumInput(50, undefined, 100)).toBe(true);
+        expect(validateNumInput(50, 0, undefined)).toBe(true);
+        expect(validateNumInput(50, undefined, undefined)).toBe(true);
+    });
+});
+//# sourceMappingURL=NumberField.test.js.map

package/dist/esm/components/number-field/NumberField.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.test.js","sourceRoot":"","sources":["../../../../src/components/number-field/NumberField.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,WAAW,EAAE,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,MAAM,YAAY,GAAG;QACjB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE,CAAC,EAAE,EAAE;QACjB,KAAK,EAAE,mBAAmB;KAC7B,CAAC;IAEF,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;QACvB,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,oBAAC,WAAW,OAAK,YAAY,GAAI,CAAC,CAAC;YAC1C,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC7C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YAClC,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,GACX,CACL,CAAC;YACF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;YAC1C,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,WAAW,EAAC,cAAc,GAC5B,CACL,CAAC;YACF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;YAChD,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,IAAI,GACb,CACL,CAAC;YACF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;YACtC,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,GACV,CACL,CAAC;YACF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC5B,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC1D,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,QAAQ,SACV,CACL,CAAC;YACF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC/B,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YACzC,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;YAEF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YAErD,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;YAClE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,GACR,CACL,CAAC;YAEF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;YAEnD,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACrC,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;YAEF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;YAEvD,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YAClC,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACvB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,MAAM,EAAE,MAAM,GAChB,CACL,CAAC;YAEF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;YAEnD,MAAM,CAAC,MAAM,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;YACxD,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,YAAY,SACd,CACL,CAAC;YACF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;QACnC,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC1D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;YAEF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;gBACrB,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC5D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;YAEF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;gBACrB,IAAI,EAAE,WAAW;gBACjB,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;YAChE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;YAEF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC7C,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;gBACrB,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC;YAEH,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC5D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YACzB,MAAM,CACF,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,QAAQ,EAAE,QAAQ,GACpB,CACL,CAAC;YAEF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC7C,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE;gBACrB,IAAI,EAAE,WAAW;gBACjB,QAAQ,EAAE,IAAI;aACjB,CAAC,CAAC;YAEH,mEAAmE;YACnE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,CAAC,CAAC,EACT,GAAG,EAAE,CAAC,GACR,CACL,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;QACxB,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,EAAE,GACT,CACL,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,GAAG,GACV,CACL,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;YAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,EAAE,GACT,CACL,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;YAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,GAAG,GACV,CACL,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,EAAE,EACP,GAAG,EAAE,GAAG,GACV,CACL,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;YACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,EAAE,EACP,GAAG,EAAE,GAAG,GACV,CACL,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC/B,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;YACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CACvB,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,GACX,CACL,CAAC;YAEF,QAAQ,CACJ,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,GACX,CACL,CAAC;YAEF,MAAM,KAAK,GAAqB,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAC/D,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;YACzC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,CAClC,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,EAAE,GACX,CACL,CAAC;YAEF,QAAQ,CACJ,oBAAC,WAAW,OACJ,YAAY,EAChB,KAAK,EAAE,GAAG,EACV,GAAG,EAAE,GAAG,GACV,CACL,CAAC;YAEF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;YACnE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;QACpC,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAClD,MAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/C,MAAM,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/esm/components/players/AudioPlayer.d.ts

@@ -12,6 +12,6 @@ declare class AudioPlayer extends React.PureComponent<IAudioPlayerProps, undefin
     private height;
     constructor(props: any);
     getAudioStyle(): any;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default AudioPlayer;

package/dist/esm/components/players/AudioPreview.d.ts

@@ -21,6 +21,6 @@ declare class AudioPreview extends React.PureComponent<IAudioPreviewProps, IAudi
     componentWillUnmount(): void;
     private detectOutsideClick;
     private onClose;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default AudioPreview;

package/dist/esm/components/players/ImagePlayer.d.ts

@@ -15,6 +15,6 @@ declare class ImagePlayer extends React.PureComponent<IImagePlayerProps, IImageP
     constructor(props: any);
     getImageStyle(): any;
     private metadataLoaded;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default ImagePlayer;

package/dist/esm/components/players/ImagePreview.d.ts

@@ -21,6 +21,6 @@ declare class ImagePreview extends React.PureComponent<IImagePreviewProps, IImag
     componentWillUnmount(): void;
     private detectOutsideClick;
     private onClose;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default ImagePreview;

package/dist/esm/components/players/ImageSequencePlayer.d.ts

@@ -15,6 +15,6 @@ declare class ImageSequencePlayer extends React.PureComponent<IImageSequencePlay
     constructor(props: any);
     getImageStyle(): any;
     private metadataLoaded;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default ImageSequencePlayer;

package/dist/esm/components/players/TemplatePlayer.d.ts

@@ -12,6 +12,6 @@ declare class TemplatePlayer extends React.PureComponent<ITemplatePlayerProps, u
     private height;
     constructor(props: any);
     getImageStyle(): any;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default TemplatePlayer;

package/dist/esm/components/players/VideoPlayer.d.ts

@@ -39,6 +39,6 @@ declare class VideoPlayer extends React.PureComponent<IVideoPlayerProps, IVideoP
     setTime(time: any): void;
     private metadataLoaded;
     private renderCustomControls;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default VideoPlayer;

package/dist/esm/components/players/VideoPreview.d.ts

@@ -21,6 +21,6 @@ declare class VideoPreview extends React.PureComponent<IVideoPreviewProps, IVide
     componentWillUnmount(): void;
     private detectOutsideClick;
     private onClose;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default VideoPreview;

package/dist/esm/components/publish-wizard/PublishWizard.d.ts

@@ -25,11 +25,11 @@ export declare const TabContent: React.FC<React.PropsWithChildren>;
 export declare const TabHeader: (props: {
     title: string;
     className?: StyleSheet | any;
-}) => React.JSX.Element;
+}) => any;
 export declare const WizardError: (props: {
     title: string;
     description: string;
-}) => React.JSX.Element;
+}) => any;
 export declare const BigLink: React.FC<IBigLinkProps>;
 export declare const DistributeOptions: ({ story, fromCrM, onSelectOption, selectedComposition, publishDataset, creativeManagerBaseUrl }: {
     story: any;
@@ -38,4 +38,4 @@ export declare const DistributeOptions: ({ story, fromCrM, onSelectOption, selec
     selectedComposition: any;
     publishDataset: any;
     creativeManagerBaseUrl: any;
-}) => React.JSX.Element;
+}) => any;

package/dist/esm/components/publish-wizard/publish/APIIntegration.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 declare class APIIntegration extends React.PureComponent {
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default APIIntegration;

package/dist/esm/components/publish-wizard/publish/HubSpotFlow.d.ts

@@ -11,6 +11,6 @@ declare class HubSpotFlow extends React.PureComponent<IHubSpotFlowProps, undefin
     constructor(props: any);
     private createUrl;
     private getFirstAct;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default HubSpotFlow;

package/dist/esm/components/publish-wizard/publish/WebpageHosted.d.ts

@@ -6,7 +6,7 @@ interface IWebpageHostedProps {
 }
 export declare const documentationLinks: {
     key: string;
-    label: React.JSX.Element;
+    label: any;
     link: string;
 }[];
 declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
@@ -14,6 +14,6 @@ declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
     private downloadSampleWebPage;
     private getFirstAct;
     private linkToDemoPage;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default WebpageHosted;

package/dist/esm/components/section/Section.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-declare const Section: (props: any) => React.JSX.Element;
+declare const Section: (props: any) => any;
 export default Section;

package/dist/esm/components/section/Section.stories.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => React.JSX.Element;
+    component: (props: any) => any;
 };
 export default _default;
-export declare const defaultSection: () => React.JSX.Element;
+export declare const defaultSection: () => any;

package/dist/esm/components/select-field/SelectField.d.ts

@@ -32,6 +32,6 @@ declare class SelectField extends React.PureComponent<ISelectFieldProps> {
     constructor(props: any);
     private copyToClipboard;
     private onChange;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default SelectField;

package/dist/esm/components/select-field/SelectField.stories.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import SelectField from './SelectField';
 declare const _default: {
     title: string;
     components: typeof SelectField;
 };
 export default _default;
-export declare const defaultSelectField: () => React.JSX.Element;
+export declare const defaultSelectField: () => any;

package/dist/esm/components/shortcut-menu/ShortcutMenu.stories.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./ShortcutMenu").IShortcutMenu>;
 };
 export default _default;
-export declare const defaultShortcutMenu: () => React.JSX.Element;
+export declare const defaultShortcutMenu: () => any;

package/dist/esm/components/slider-field/SliderField.d.ts

@@ -35,6 +35,6 @@ declare class SliderField extends React.PureComponent<ISliderFieldProps, ISlider
     private rangeInputChange;
     private numberInputChange;
     private toggle;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default SliderField;

package/dist/esm/components/slider-field/SliderField.stories.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import SliderField from './SliderField';
 declare const _default: {
     title: string;
     component: typeof SliderField;
 };
 export default _default;
-export declare const defaultSliderField: () => React.JSX.Element;
+export declare const defaultSliderField: () => any;

package/dist/esm/components/smpte-field/SMPTEField.d.ts

@@ -31,6 +31,6 @@ declare class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFie
     private onChange;
     private setDuration;
     private SMTPEValidator;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default SMPTEField;

package/dist/esm/components/tabs/Tabs.stories.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
-    component: React.FC<Omit<import("./Tabs").ITabsProps, "height" | "width">>;
+    component: React.FC<Omit<import("./Tabs").ITabsProps, "width" | "height">>;
 };
 export default _default;
-export declare const defaultTabs: () => React.JSX.Element;
+export declare const defaultTabs: () => any;

package/dist/esm/components/tag/Tag.d.ts

@@ -1,10 +1,2 @@
-import * as React from 'react';
-interface ITagProps {
-    copy: string;
-    colorize?: boolean;
-    removeHandler?: (...args: any[]) => any;
-    onNotification?: (e: any) => void;
-    onError?: (e: any) => void;
-}
-declare const TagMemoized: React.NamedExoticComponent<ITagProps>;
+declare const TagMemoized: any;
 export default TagMemoized;

package/dist/esm/components/text-area-autocomplete/TextAreaAutocomplete.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 interface ITextAreaAutocompleteProps {
     options: any;
     variables: any;
@@ -15,5 +14,5 @@ interface ITextAreaAutocompleteProps {
     onClose?(e: boolean): void;
     activeOverride?: string;
 }
-declare const TextAreaAutocomplete: (props: ITextAreaAutocompleteProps) => React.JSX.Element;
+declare const TextAreaAutocomplete: (props: ITextAreaAutocompleteProps) => any;
 export default TextAreaAutocomplete;

package/dist/esm/components/text-area-field/TextAreaField.d.ts

@@ -37,6 +37,6 @@ declare class TextAreaField extends React.PureComponent<ITextAreaFieldProps, ITe
     private renderButtons;
     private toggleEditing;
     componentDidUpdate(prevProps: any): void;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default TextAreaField;

package/dist/esm/components/text-area-field/TextAreaField.stories.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import TextAreaField from './TextAreaField';
 declare const _default: {
     title: string;
     components: typeof TextAreaField;
 };
 export default _default;
-export declare const defaultTextAreaField: () => React.JSX.Element;
+export declare const defaultTextAreaField: () => any;

package/dist/esm/components/text-field/TextField.d.ts

@@ -59,6 +59,6 @@ declare class TextField extends React.PureComponent<ITextFieldProps, ITextFieldS
     private renderSubmittableIcon;
     private renderButtons;
     private renderInput;
-    render(): React.JSX.Element;
+    render(): any;
 }
 export default TextField;

package/dist/esm/components/text-field/TextField.stories.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import TextField from './TextField';
 declare const _default: {
     title: string;
     components: typeof TextField;
 };
 export default _default;
-export declare const defaultTextField: () => React.JSX.Element;
+export declare const defaultTextField: () => any;

package/dist/esm/components/text-field/TextField.test.d.ts

@@ -0,0 +1 @@
+export {};