@furystack/shades-common-components 11.0.0 → 12.0.1

package/esm/components/inputs/input.js

@@ -1,19 +1,8 @@
 import { Shade, createComponent } from '@furystack/shades';
-import { ObservableValue } from '@furystack/utils';
 import { cssVariableTheme } from '../../services/css-variable-theme.js';
 import { ThemeProviderService } from '../../services/theme-provider-service.js';
 import { FormService } from '../form.js';
-/**
- * Sets CSS custom properties for dynamic color values.
- * State-based styling (focus, error, disabled) is handled by CSS selectors.
- * Background colors use CSS color-mix() for automatic theme adaptation.
- */
-const setInputColors = ({ element, themeProvider, props, }) => {
-    // Only set the color variables - backgrounds use CSS color-mix()
-    const primaryColor = themeProvider.theme.palette[props.defaultColor || 'primary'].main;
-    element.style.setProperty('--input-primary-color', primaryColor);
-    element.style.setProperty('--input-error-color', themeProvider.theme.palette.error.main);
-};
+const emptyValidity = {};
 const getDefaultMessagesForValidityState = (state) => {
     if (!state.valid) {
         if (state.valueMissing) {
@@ -56,12 +45,12 @@ export const Input = Shade({
             flexDirection: 'column',
             alignItems: 'flex-start',
             justifyContent: 'space-between',
-            fontSize: '11px',
-            fontWeight: '500',
+            fontSize: cssVariableTheme.typography.fontSize.xs,
+            fontWeight: cssVariableTheme.typography.fontWeight.medium,
             letterSpacing: '0.01em',
             padding: '12px 14px',
-            borderRadius: '8px',
-            transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
+            borderRadius: cssVariableTheme.shape.borderRadius.md,
+            transition: `all ${cssVariableTheme.transitions.duration.normal} ${cssVariableTheme.transitions.easing.default}`,
             cursor: 'text',
             color: cssVariableTheme.text.secondary,
             background: 'transparent',
@@ -70,11 +59,11 @@ export const Input = Shade({
         },
         // Outlined variant - default border
         '&[data-variant="outlined"] label': {
-            borderColor: 'rgba(128, 128, 128, 0.3)',
+            borderColor: cssVariableTheme.action.subtleBorder,
         },
         // Contained variant - background using color-mix for theme-aware alpha
         '&[data-variant="contained"] label': {
-            borderColor: 'rgba(128, 128, 128, 0.3)',
+            borderColor: cssVariableTheme.action.subtleBorder,
             background: 'color-mix(in srgb, var(--input-primary-color) 8%, transparent)',
         },
         // Focus state using :focus-within (color change for all variants)
@@ -84,7 +73,7 @@ export const Input = Shade({
         // Focus state for outlined/contained variants - add border and shadow
         '&[data-variant="outlined"]:focus-within label, &[data-variant="contained"]:focus-within label': {
             borderColor: 'var(--input-primary-color)',
-            boxShadow: '0 0 0 3px rgba(128, 128, 128, 0.15)',
+            boxShadow: cssVariableTheme.action.focusRing,
         },
         '&[data-variant="contained"]:focus-within label': {
             background: 'color-mix(in srgb, var(--input-primary-color) 12%, transparent)',
@@ -104,7 +93,7 @@ export const Input = Shade({
         },
         '&[data-invalid][data-variant="outlined"]:focus-within label, &[data-invalid][data-variant="contained"]:focus-within label': {
             borderColor: 'var(--input-error-color)',
-            boxShadow: '0 0 0 3px rgba(128, 128, 128, 0.15)',
+            boxShadow: cssVariableTheme.action.focusRing,
         },
         '&[data-invalid][data-variant="contained"]:focus-within label': {
             background: 'color-mix(in srgb, var(--input-error-color) 12%, transparent)',
@@ -113,7 +102,7 @@ export const Input = Shade({
         '&[data-disabled] label': {
             color: cssVariableTheme.text.disabled,
             filter: 'grayscale(100%)',
-            opacity: '0.5',
+            opacity: cssVariableTheme.action.disabledOpacity,
             cursor: 'not-allowed',
         },
         '&[data-disabled]:focus-within label': {
@@ -123,25 +112,25 @@ export const Input = Shade({
             display: 'flex',
             alignItems: 'center',
             width: '100%',
-            gap: '8px',
+            gap: cssVariableTheme.spacing.sm,
         },
         '& input': {
             color: 'inherit',
             border: 'none',
             backgroundColor: 'transparent',
             outline: 'none',
-            fontSize: '13px',
-            fontWeight: '400',
+            fontSize: cssVariableTheme.typography.fontSize.sm,
+            fontWeight: cssVariableTheme.typography.fontWeight.normal,
             width: '100%',
             textOverflow: 'ellipsis',
             padding: '0',
-            marginTop: '8px',
+            marginTop: cssVariableTheme.spacing.sm,
             marginBottom: '2px',
             flexGrow: '1',
             lineHeight: '1.5',
         },
         '& .helperText': {
-            fontSize: '11px',
+            fontSize: cssVariableTheme.typography.fontSize.xs,
             marginTop: '6px',
             opacity: '0.85',
             lineHeight: '1.4',
@@ -149,110 +138,91 @@ export const Input = Shade({
         '& .startIcon, & .endIcon': {
             display: 'flex',
             alignItems: 'center',
-            fontSize: '16px',
+            fontSize: cssVariableTheme.typography.fontSize.lg,
         },
     },
-    constructed: ({ injector, element }) => {
-        if (injector.cachedSingletons.has(FormService)) {
-            const input = element.querySelector('input');
-            const formService = injector.getInstance(FormService);
-            formService.inputs.add(input);
-            return () => formService.inputs.delete(input);
-        }
-    },
-    render: ({ props, injector, useObservable, element }) => {
+    render: ({ props, injector, useState, useDisposable, useHostProps, useRef }) => {
+        const inputRef = useRef('formInput');
+        useDisposable('form-registration', () => {
+            const formService = injector.cachedSingletons.has(FormService) ? injector.getInstance(FormService) : null;
+            if (formService) {
+                queueMicrotask(() => {
+                    if (inputRef.current)
+                        formService.inputs.add(inputRef.current);
+                });
+            }
+            return {
+                [Symbol.dispose]: () => {
+                    if (inputRef.current && formService)
+                        formService.inputs.delete(inputRef.current);
+                },
+            };
+        });
         const themeProvider = injector.getInstance(ThemeProviderService);
-        // Set data attributes for CSS styling
-        if (props.variant) {
-            element.setAttribute('data-variant', props.variant);
-        }
-        else {
-            element.removeAttribute('data-variant');
-        }
-        if (props.disabled) {
-            element.setAttribute('data-disabled', '');
+        const [focused, setFocused] = useState('focused', props.autofocus || false);
+        const [validity, setValidity] = useState('validity', inputRef.current?.validity || emptyValidity);
+        // Derive state from props + local state (value is props-driven or read from native input)
+        const state = {
+            value: props.value ?? inputRef.current?.value ?? '',
+            focused,
+            validity,
+        };
+        // Enrich validity with toJSON for serialization
+        if (validity && !validity.toJSON) {
+            validity.toJSON = () => ({
+                valid: validity.valid,
+                valueMissing: validity.valueMissing,
+                typeMismatch: validity.typeMismatch,
+                patternMismatch: validity.patternMismatch,
+                tooLong: validity.tooLong,
+                tooShort: validity.tooShort,
+                rangeUnderflow: validity.rangeUnderflow,
+                rangeOverflow: validity.rangeOverflow,
+                stepMismatch: validity.stepMismatch,
+                badInput: validity.badInput,
+            });
         }
-        else {
-            element.removeAttribute('data-disabled');
+        const validationResult = props.getValidationResult?.({ state });
+        const isInvalid = validationResult?.isValid === false || validity?.valid === false;
+        const primaryColor = themeProvider.theme.palette[props.defaultColor || 'primary'].main;
+        useHostProps({
+            'data-variant': props.variant || undefined,
+            'data-disabled': props.disabled ? '' : undefined,
+            'data-invalid': isInvalid ? '' : undefined,
+            style: {
+                '--input-primary-color': primaryColor,
+                '--input-error-color': themeProvider.theme.palette.error.main,
+            },
+        });
+        if (injector.cachedSingletons.has(FormService)) {
+            const formService = injector.getInstance(FormService);
+            formService.setFieldState(props.name, validationResult || { isValid: true }, validity);
         }
-        // Set dynamic color CSS variables (only needs to happen once per render)
-        setInputColors({ element, themeProvider, props });
-        const updateState = (newState) => {
-            const input = element.querySelector('input');
-            newState.value = input?.value || newState.value;
-            newState.validity = input?.validity || newState.validity;
-            newState.validity.toJSON = () => {
-                return {
-                    valid: newState.validity.valid,
-                    valueMissing: newState.validity.valueMissing,
-                    typeMismatch: newState.validity.typeMismatch,
-                    patternMismatch: newState.validity.patternMismatch,
-                    tooLong: newState.validity.tooLong,
-                    tooShort: newState.validity.tooShort,
-                    rangeUnderflow: newState.validity.rangeUnderflow,
-                    rangeOverflow: newState.validity.rangeOverflow,
-                    stepMismatch: newState.validity.stepMismatch,
-                    badInput: newState.validity.badInput,
-                };
-            };
-            const validationResult = props.getValidationResult?.({ state: newState });
-            // Set data-invalid attribute for CSS styling
-            if (validationResult?.isValid === false || newState.validity?.valid === false) {
-                element.setAttribute('data-invalid', '');
-            }
-            else {
-                element.removeAttribute('data-invalid');
-            }
-            const helper = element.querySelector('span.helperText');
-            const helperNode = (validationResult?.isValid === false && validationResult?.message) ||
-                props.getHelperText?.({ state: newState, validationResult }) ||
-                getDefaultMessagesForValidityState(newState.validity) ||
-                '';
-            if (helper) {
-                helper.replaceChildren(helperNode);
-            }
-            const startIcon = element.querySelector('span.startIcon');
-            if (startIcon) {
-                startIcon.replaceChildren(props.getStartIcon?.({ state: newState, validationResult }) || '');
-            }
-            const endIcon = element.querySelector('span.endIcon');
-            if (endIcon) {
-                endIcon.replaceChildren(props.getEndIcon?.({ state: newState, validationResult }) || '');
-            }
-            if (injector.cachedSingletons.has(FormService)) {
-                const formService = injector.getInstance(FormService);
-                formService.setFieldState(props.name, validationResult || { isValid: true }, newState.validity);
-            }
-        };
-        const [state, setState] = useObservable('inputState', new ObservableValue({
-            value: props.value || '',
-            focused: props.autofocus || false,
-            validity: element.querySelector('input')?.validity || {},
-            element,
-        }), { onChange: updateState });
+        const helperNode = (validationResult?.isValid === false && validationResult?.message) ||
+            props.getHelperText?.({ state, validationResult }) ||
+            getDefaultMessagesForValidityState(validity) ||
+            '';
         return (createComponent("label", { ...props.labelProps },
             props.labelTitle,
             createComponent("div", { className: "input-row" },
-                props.getStartIcon ? createComponent("span", { className: "startIcon" }, props.getStartIcon?.({ state })) : null,
-                createComponent("input", { oninvalid: (ev) => {
+                props.getStartIcon ? (createComponent("span", { className: "startIcon" }, props.getStartIcon({ state, validationResult }))) : null,
+                createComponent("input", { ref: inputRef, oninvalid: (ev) => {
                         ev.preventDefault();
-                        const el = ev.target;
-                        setState({ ...state, validity: el.validity });
+                        setValidity(ev.target.validity);
                     }, onchange: function (ev) {
                         const el = ev.target;
-                        const newValue = el.value;
-                        setState({ ...state, value: newValue, validity: el?.validity });
-                        props.onTextChange?.(newValue);
+                        setValidity(el.validity);
+                        props.onTextChange?.(el.value);
                         props?.onchange?.call(this, ev);
                     }, onfocus: (ev) => {
-                        const el = ev.target;
-                        setState({ ...state, focused: true, validity: el.validity });
+                        setFocused(true);
+                        setValidity(ev.target.validity);
                     }, onblur: (ev) => {
-                        const el = ev.target;
-                        setState({ ...state, focused: false, validity: el.validity });
-                    }, ...props, style: props.style, value: state.value }),
-                props.getEndIcon ? createComponent("span", { className: "endIcon" }, props.getEndIcon({ state })) : null),
-            createComponent("span", { className: "helperText" }, props.getHelperText?.({ state }))));
+                        setFocused(false);
+                        setValidity(ev.target.validity);
+                    }, ...props, style: props.style, ...(props.value !== undefined ? { value: props.value } : {}) }),
+                props.getEndIcon ? createComponent("span", { className: "endIcon" }, props.getEndIcon({ state, validationResult })) : null),
+            createComponent("span", { className: "helperText" }, helperNode)));
     },
 });
 //# sourceMappingURL=input.js.map

package/esm/components/inputs/input.js.map

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