@imposium-hub/components 2.14.6 → 2.14.7-1

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

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

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

@@ -1,2 +1,10 @@
-declare const TagMemoized: any;
+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>;
 export default TagMemoized;

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

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

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

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

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(): any;
+    render(): React.JSX.Element;
 }
 export default TextField;

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

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

package/dist/esm/constants/icons.d.ts

@@ -1,79 +1,80 @@
-export declare const ICON_VIDEO: any;
-export declare const ICON_IMAGE: any;
-export declare const ICON_STICKY_NOTE: any;
-export declare const ICON_FILTER: any;
-export declare const ICON_FILTERS: any;
-export declare const ICON_FILE_VIDEO: any;
-export declare const ICON_FILE_AUDIO: any;
-export declare const ICON_FILE_IMAGE: any;
-export declare const ICON_FILE_ARCHIVE: any;
-export declare const ICON_IMAGE_SEQ_TYPE: any;
-export declare const ICON_AUDIO_TYPE: any;
-export declare const ICON_COPY: any;
-export declare const ICON_TIMES: any;
-export declare const ICON_CIRCLE_NOTCH: any;
-export declare const ICON_CARET_UP: any;
-export declare const ICON_CARET_DOWN: any;
-export declare const ICON_CHECK: any;
-export declare const ICON_EDIT: any;
-export declare const ICON_SEARCH: any;
-export declare const ICON_PLUS: any;
-export declare const ICON_MINUS: any;
-export declare const ICON_CLIPBOARD: any;
-export declare const ICON_EXCLAIMATION_TRIANGLE: any;
-export declare const ICON_ANGLE_LEFT: any;
-export declare const ICON_ANGLE_DOUBLE_LEFT: any;
-export declare const ICON_ANGLE_RIGHT: any;
-export declare const ICON_ANGLE_DOUBLE_RIGHT: any;
-export declare const ICON_CHEVRON_DOWN: any;
-export declare const ICON_CHEVRON_UP: any;
-export declare const ICON_USER_LOCK: any;
-export declare const ICON_BAN: any;
-export declare const SORT_UP: any;
-export declare const SORT_DOWN: any;
-export declare const ICON_TIMES_CIRCLE: any;
-export declare const ICON_INFO_CIRCLE: any;
-export declare const ICON_FONT: any;
-export declare const ICON_ALIGN_LEFT: any;
-export declare const ICON_ALIGN_RIGHT: any;
-export declare const ICON_ALIGN_CENTER: any;
-export declare const ICON_BARS: any;
-export declare const ICON_ARROW_UP: any;
-export declare const ICON_ARROW_CENTER_V: any;
-export declare const ICON_ARROW_DOWN: any;
-export declare const ICON_ARROW_LEFT: any;
-export declare const ICON_ARROW_CENTER_H: any;
-export declare const ICON_ARROW_RIGHT: any;
-export declare const ICON_COMPRESS: any;
-export declare const ICON_EXPAND: any;
-export declare const ICON_EXPAND_ARROWS: any;
-export declare const ICON_LAYER_GROUP: any;
-export declare const ICON_CUBE: any;
-export declare const ICON_FILE_CODE: any;
-export declare const ICON_HELP: any;
-export declare const ICON_HUBSPOT: any;
-export declare const ICON_EMAIL: any;
-export declare const ICON_GLOBE: any;
-export declare const ICON_PROJECT_DIAGRAM: any;
-export declare const ICON_JS: any;
-export declare const ICON_DOWNLOAD: any;
-export declare const ICON_UPLOAD: any;
-export declare const ICON_UPLEFT_ANCHOR: any;
-export declare const ICON_UP_ANCHOR: any;
-export declare const ICON_UPRIGHT_ANCHOR: any;
-export declare const ICON_LEFT_ANCHOR: any;
-export declare const ICON_RIGHT_ANCHOR: any;
-export declare const ICON_DOWNLEFT_ANCHOR: any;
-export declare const ICON_DOWN_ANCHOR: any;
-export declare const ICON_DOWNRIGHT_ANCHOR: any;
-export declare const ICON_CENTER_ANCHOR: any;
-export declare const ICON_CLAPPERBOARD_PLAY: any;
-export declare const ICON_CODE: any;
-export declare const ICON_UP_RIGHT_FROM_SQUARE: any;
-export declare const ICON_FILE_UPLOAD: any;
-export declare const ICON_FILE_ERROR: any;
-export declare const ICON_FILE_ADD: any;
-export declare const ICON_FILE_REPLACE: any;
-export declare const ICON_EYE: any;
-export declare const ICON_BRACKET_CURLY: any;
-export declare const ICON_WARNING: any;
+import * as React from 'react';
+export declare const ICON_VIDEO: React.JSX.Element;
+export declare const ICON_IMAGE: React.JSX.Element;
+export declare const ICON_STICKY_NOTE: React.JSX.Element;
+export declare const ICON_FILTER: React.JSX.Element;
+export declare const ICON_FILTERS: React.JSX.Element;
+export declare const ICON_FILE_VIDEO: React.JSX.Element;
+export declare const ICON_FILE_AUDIO: React.JSX.Element;
+export declare const ICON_FILE_IMAGE: React.JSX.Element;
+export declare const ICON_FILE_ARCHIVE: React.JSX.Element;
+export declare const ICON_IMAGE_SEQ_TYPE: React.JSX.Element;
+export declare const ICON_AUDIO_TYPE: React.JSX.Element;
+export declare const ICON_COPY: React.JSX.Element;
+export declare const ICON_TIMES: React.JSX.Element;
+export declare const ICON_CIRCLE_NOTCH: React.JSX.Element;
+export declare const ICON_CARET_UP: React.JSX.Element;
+export declare const ICON_CARET_DOWN: React.JSX.Element;
+export declare const ICON_CHECK: React.JSX.Element;
+export declare const ICON_EDIT: React.JSX.Element;
+export declare const ICON_SEARCH: React.JSX.Element;
+export declare const ICON_PLUS: React.JSX.Element;
+export declare const ICON_MINUS: React.JSX.Element;
+export declare const ICON_CLIPBOARD: React.JSX.Element;
+export declare const ICON_EXCLAIMATION_TRIANGLE: React.JSX.Element;
+export declare const ICON_ANGLE_LEFT: React.JSX.Element;
+export declare const ICON_ANGLE_DOUBLE_LEFT: React.JSX.Element;
+export declare const ICON_ANGLE_RIGHT: React.JSX.Element;
+export declare const ICON_ANGLE_DOUBLE_RIGHT: React.JSX.Element;
+export declare const ICON_CHEVRON_DOWN: React.JSX.Element;
+export declare const ICON_CHEVRON_UP: React.JSX.Element;
+export declare const ICON_USER_LOCK: React.JSX.Element;
+export declare const ICON_BAN: React.JSX.Element;
+export declare const SORT_UP: React.JSX.Element;
+export declare const SORT_DOWN: React.JSX.Element;
+export declare const ICON_TIMES_CIRCLE: React.JSX.Element;
+export declare const ICON_INFO_CIRCLE: React.JSX.Element;
+export declare const ICON_FONT: React.JSX.Element;
+export declare const ICON_ALIGN_LEFT: React.JSX.Element;
+export declare const ICON_ALIGN_RIGHT: React.JSX.Element;
+export declare const ICON_ALIGN_CENTER: React.JSX.Element;
+export declare const ICON_BARS: React.JSX.Element;
+export declare const ICON_ARROW_UP: React.JSX.Element;
+export declare const ICON_ARROW_CENTER_V: React.JSX.Element;
+export declare const ICON_ARROW_DOWN: React.JSX.Element;
+export declare const ICON_ARROW_LEFT: React.JSX.Element;
+export declare const ICON_ARROW_CENTER_H: React.JSX.Element;
+export declare const ICON_ARROW_RIGHT: React.JSX.Element;
+export declare const ICON_COMPRESS: React.JSX.Element;
+export declare const ICON_EXPAND: React.JSX.Element;
+export declare const ICON_EXPAND_ARROWS: React.JSX.Element;
+export declare const ICON_LAYER_GROUP: React.JSX.Element;
+export declare const ICON_CUBE: React.JSX.Element;
+export declare const ICON_FILE_CODE: React.JSX.Element;
+export declare const ICON_HELP: React.JSX.Element;
+export declare const ICON_HUBSPOT: React.JSX.Element;
+export declare const ICON_EMAIL: React.JSX.Element;
+export declare const ICON_GLOBE: React.JSX.Element;
+export declare const ICON_PROJECT_DIAGRAM: React.JSX.Element;
+export declare const ICON_JS: React.JSX.Element;
+export declare const ICON_DOWNLOAD: React.JSX.Element;
+export declare const ICON_UPLOAD: React.JSX.Element;
+export declare const ICON_UPLEFT_ANCHOR: React.JSX.Element;
+export declare const ICON_UP_ANCHOR: React.JSX.Element;
+export declare const ICON_UPRIGHT_ANCHOR: React.JSX.Element;
+export declare const ICON_LEFT_ANCHOR: React.JSX.Element;
+export declare const ICON_RIGHT_ANCHOR: React.JSX.Element;
+export declare const ICON_DOWNLEFT_ANCHOR: React.JSX.Element;
+export declare const ICON_DOWN_ANCHOR: React.JSX.Element;
+export declare const ICON_DOWNRIGHT_ANCHOR: React.JSX.Element;
+export declare const ICON_CENTER_ANCHOR: React.JSX.Element;
+export declare const ICON_CLAPPERBOARD_PLAY: React.JSX.Element;
+export declare const ICON_CODE: React.JSX.Element;
+export declare const ICON_UP_RIGHT_FROM_SQUARE: React.JSX.Element;
+export declare const ICON_FILE_UPLOAD: React.JSX.Element;
+export declare const ICON_FILE_ERROR: React.JSX.Element;
+export declare const ICON_FILE_ADD: React.JSX.Element;
+export declare const ICON_FILE_REPLACE: React.JSX.Element;
+export declare const ICON_EYE: React.JSX.Element;
+export declare const ICON_BRACKET_CURLY: React.JSX.Element;
+export declare const ICON_WARNING: React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.14.6",
+    "version": "2.14.7-1",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",

package/dist/cjs/components/advanced-number-field/AdvancedNumberField.test.d.ts

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

package/dist/cjs/components/advanced-number-field/AdvancedNumberField.test.js

@@ -1,377 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var utils_1 = require("../../test/utils");
-var vitest_1 = require("vitest");
-var AdvancedNumberField_1 = __importDefault(require("./AdvancedNumberField"));
-(0, vitest_1.describe)('AdvancedNumberField', function () {
-    var defaultProps = {
-        value: 12,
-        onChange: vitest_1.vi.fn(),
-        label: 'Test Advanced Number Field',
-        activeOverride: 'test-override'
-    };
-    (0, vitest_1.beforeEach)(function () {
-        vitest_1.vi.clearAllMocks();
-    });
-    (0, vitest_1.describe)('Basic Rendering', function () {
-        (0, vitest_1.it)('renders without crashing', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps)));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input).toBeDefined();
-        });
-        (0, vitest_1.it)('displays the correct value', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 25 })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.value).toBe('25');
-        });
-        (0, vitest_1.it)('displays placeholder when provided', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { placeholder: 'Enter font size' })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.placeholder).toBe('Enter font size');
-        });
-        (0, vitest_1.it)('sets readOnly attribute when readOnly prop is true', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { readOnly: true })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.readOnly).toBe(true);
-        });
-        (0, vitest_1.it)('applies min and max attributes', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { min: 8, max: 72 })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.min).toBe('8');
-            (0, vitest_1.expect)(input.max).toBe('72');
-        });
-        (0, vitest_1.it)('renders increment and decrement buttons', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps))).container;
-            var decrementButton = container.querySelector('.minus-font-size');
-            var incrementButton = container.querySelector('.add-font-size');
-            (0, vitest_1.expect)(decrementButton).toBeDefined();
-            (0, vitest_1.expect)(incrementButton).toBeDefined();
-            (0, vitest_1.expect)(decrementButton.value).toBe('-');
-            (0, vitest_1.expect)(incrementButton.value).toBe('+');
-        });
-        (0, vitest_1.it)('renders with custom width', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { width: '200px' }))).container;
-            var fieldWrapper = container.querySelector('[data-testid="field-wrapper"]');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-        });
-    });
-    (0, vitest_1.describe)('Value Changes', function () {
-        (0, vitest_1.it)('calls onChange when value is typed', function () {
-            var onChange = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { onChange: onChange })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '18' } });
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(18);
-        });
-        (0, vitest_1.it)('calls onChange with null when empty string is entered', function () {
-            var onChange = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { onChange: onChange })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '' } });
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(null);
-        });
-        (0, vitest_1.it)('parses float values correctly', function () {
-            var onChange = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { onChange: onChange })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '14.5' } });
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(14.5);
-        });
-    });
-    (0, vitest_1.describe)('Increment/Decrement Buttons', function () {
-        (0, vitest_1.it)('increments value when plus button is clicked', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12, onChange: onChange }))).container;
-            var incrementButton = container.querySelector('.add-font-size');
-            utils_1.fireEvent.click(incrementButton);
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(13);
-        });
-        (0, vitest_1.it)('decrements value when minus button is clicked', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12, onChange: onChange }))).container;
-            var decrementButton = container.querySelector('.minus-font-size');
-            utils_1.fireEvent.click(decrementButton);
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(11);
-        });
-        (0, vitest_1.it)('does not call onChange when incrementing would exceed max', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 72, max: 72, onChange: onChange }))).container;
-            var incrementButton = container.querySelector('.add-font-size');
-            utils_1.fireEvent.click(incrementButton);
-            (0, vitest_1.expect)(onChange).not.toHaveBeenCalled();
-        });
-        (0, vitest_1.it)('does not call onChange when decrementing would go below min', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 8, min: 8, onChange: onChange }))).container;
-            var decrementButton = container.querySelector('.minus-font-size');
-            utils_1.fireEvent.click(decrementButton);
-            (0, vitest_1.expect)(onChange).not.toHaveBeenCalled();
-        });
-    });
-    (0, vitest_1.describe)('Validation', function () {
-        (0, vitest_1.it)('shows error state when value is below minimum', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 5, min: 8 }))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '5' } });
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-        });
-        (0, vitest_1.it)('shows error state when value is above maximum', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 100, max: 72 }))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '100' } });
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-        });
-        (0, vitest_1.it)('shows correct error message for min constraint only', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12, min: 8 }))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '5' } });
-            // Check for error class which indicates validation failed
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-        });
-        (0, vitest_1.it)('shows correct error message for max constraint only', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12, max: 72 }))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '100' } });
-            // Check for error class which indicates validation failed
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-        });
-        (0, vitest_1.it)('shows correct error message for min and max constraints', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12, min: 8, max: 72 }))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '100' } });
-            // Check for error class which indicates validation failed
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-        });
-        (0, vitest_1.it)('does not show error state when value is valid', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 24, min: 8, max: 72 }))).container;
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeNull();
-        });
-        (0, vitest_1.it)('calls onChange when valid value is entered with constraints', function () {
-            var onChange = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12, min: 8, max: 72, onChange: onChange })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '24' } });
-            // Should call onChange with valid value
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(24);
-        });
-        (0, vitest_1.it)('clears error state when valid value is entered after error', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12, min: 8, max: 72, onChange: onChange }))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            // First enter invalid value
-            utils_1.fireEvent.change(input, { target: { value: '100' } });
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-            // Then enter valid value
-            utils_1.fireEvent.change(input, { target: { value: '24' } });
-            fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeNull();
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(24);
-        });
-    });
-    (0, vitest_1.describe)('Font Size Dropdown', function () {
-        (0, vitest_1.it)('shows dropdown when input is clicked', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.click(input);
-            var dropdown = container.querySelector('.font-size-list');
-            (0, vitest_1.expect)(dropdown).toBeDefined();
-        });
-        (0, vitest_1.it)('hides dropdown when input is clicked again', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            // Click to show dropdown
-            utils_1.fireEvent.click(input);
-            var dropdown = container.querySelector('.font-size-list');
-            (0, vitest_1.expect)(dropdown).toBeDefined();
-            // Click again to hide dropdown
-            utils_1.fireEvent.click(input);
-            dropdown = container.querySelector('.font-size-list');
-            (0, vitest_1.expect)(dropdown).toBeNull();
-        });
-        (0, vitest_1.it)('renders all font sizes in dropdown', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.click(input);
-            var fontSizeButtons = container.querySelectorAll('.font-size-btn');
-            (0, vitest_1.expect)(fontSizeButtons.length).toBe(13); // FONT_SIZES array length
-            // Check if all font sizes are present
-            var expectedSizes = [8, 9, 10, 12, 14, 18, 24, 30, 36, 48, 60, 72, 96];
-            expectedSizes.forEach(function (size, index) {
-                (0, vitest_1.expect)(fontSizeButtons[index].textContent).toBe(size.toString());
-            });
-        });
-        (0, vitest_1.it)('selects font size when dropdown item is clicked', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { onChange: onChange }))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.click(input);
-            var fontSizeButton = container.querySelector('.font-size-btn');
-            utils_1.fireEvent.click(fontSizeButton);
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(8); // First font size
-        });
-        (0, vitest_1.it)('hides dropdown after selecting a font size', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.click(input);
-            var fontSizeButton = container.querySelector('.font-size-btn');
-            utils_1.fireEvent.click(fontSizeButton);
-            var dropdown = container.querySelector('.font-size-list');
-            (0, vitest_1.expect)(dropdown).toBeNull();
-        });
-        (0, vitest_1.it)('hides dropdown when key is pressed', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps))).container;
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.click(input);
-            var dropdown = container.querySelector('.font-size-list');
-            (0, vitest_1.expect)(dropdown).toBeDefined();
-            utils_1.fireEvent.keyDown(input, { key: 'Escape' });
-            dropdown = container.querySelector('.font-size-list');
-            (0, vitest_1.expect)(dropdown).toBeNull();
-        });
-    });
-    (0, vitest_1.describe)('Focus and Blur Events', function () {
-        (0, vitest_1.it)('handles focus event', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps)));
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.focus(input);
-            // Test that focus event was handled (no errors thrown)
-            (0, vitest_1.expect)(input).toBeDefined();
-        });
-        (0, vitest_1.it)('handles blur event', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps)));
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.blur(input);
-            // Test that blur event was handled (no errors thrown)
-            (0, vitest_1.expect)(input).toBeDefined();
-        });
-    });
-    (0, vitest_1.describe)('Component Lifecycle', function () {
-        (0, vitest_1.it)('initializes with correct state on mount', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 24 })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.value).toBe('24');
-        });
-        (0, vitest_1.it)('updates state when props.value changes', function () {
-            var rerender = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 12 }))).rerender;
-            rerender(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 18 })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.value).toBe('18');
-        });
-        (0, vitest_1.it)('clears error state when props.value changes', function () {
-            var _a = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 100, max: 72 }))), container = _a.container, rerender = _a.rerender;
-            // Trigger error state
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '100' } });
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-            // Update props to valid value
-            rerender(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 24, max: 72 })));
-            fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeNull();
-        });
-    });
-    (0, vitest_1.describe)('Edge Cases', function () {
-        (0, vitest_1.it)('handles null value correctly', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: null })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.value).toBe('');
-        });
-        (0, vitest_1.it)('handles zero value correctly', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 0 })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.value).toBe('0');
-        });
-        (0, vitest_1.it)('handles negative values correctly', function () {
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: -5 })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input.value).toBe('-5');
-        });
-        (0, vitest_1.it)('renders custom buttons when provided', function () {
-            var customButton = react_1.default.createElement("button", { key: 'custom' }, "Custom");
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { buttons: customButton })));
-            var button = utils_1.screen.getByText('Custom');
-            (0, vitest_1.expect)(button).toBeDefined();
-        });
-        (0, vitest_1.it)('displays info message when no error', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 24, info: 'This is helpful information' }))).container;
-            // Check that no error class is present (component renders normally)
-            var fieldWrapper = container.querySelector('.advanced-number-field.invalid');
-            (0, vitest_1.expect)(fieldWrapper).toBeNull();
-            // Check that the component renders without errors
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input).toBeDefined();
-        });
-        (0, vitest_1.it)('handles validation without min/max constraints', function () {
-            var onChange = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { onChange: onChange })));
-            var input = utils_1.screen.getByRole('spinbutton');
-            utils_1.fireEvent.change(input, { target: { value: '999' } });
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(999);
-        });
-        (0, vitest_1.it)('handles increment from zero', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 0, onChange: onChange }))).container;
-            var incrementButton = container.querySelector('.add-font-size');
-            utils_1.fireEvent.click(incrementButton);
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(1);
-        });
-        (0, vitest_1.it)('handles decrement to negative values', function () {
-            var onChange = vitest_1.vi.fn();
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { value: 0, onChange: onChange }))).container;
-            var decrementButton = container.querySelector('.minus-font-size');
-            utils_1.fireEvent.click(decrementButton);
-            (0, vitest_1.expect)(onChange).toHaveBeenCalledWith(-1);
-        });
-    });
-    (0, vitest_1.describe)('Advanced Props', function () {
-        (0, vitest_1.it)('passes through FieldWrapper props correctly', function () {
-            var container = (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { propKey: 'fontSize', showCopyPropIds: true, activeOverride: 'test-override', previewMultiplier: 2 }))).container;
-            var fieldWrapper = container.querySelector('[data-testid="field-wrapper"]');
-            (0, vitest_1.expect)(fieldWrapper).toBeDefined();
-        });
-        (0, vitest_1.it)('handles setOverride callback', function () {
-            var setOverride = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { setOverride: setOverride })));
-            // Component should render without errors
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input).toBeDefined();
-        });
-        (0, vitest_1.it)('handles removeOverride callback', function () {
-            var removeOverride = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { removeOverride: removeOverride })));
-            // Component should render without errors
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input).toBeDefined();
-        });
-        (0, vitest_1.it)('handles onClose callback', function () {
-            var onClose = vitest_1.vi.fn();
-            (0, utils_1.render)(react_1.default.createElement(AdvancedNumberField_1.default, __assign({}, defaultProps, { onClose: onClose })));
-            // Component should render without errors
-            var input = utils_1.screen.getByRole('spinbutton');
-            (0, vitest_1.expect)(input).toBeDefined();
-        });
-    });
-});
-//# sourceMappingURL=AdvancedNumberField.test.js.map