@pithyjs/ui-kit 0.1.0-beta.0

package/dist/atoms/forms/textarea/Textarea.js

@@ -0,0 +1,394 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.textarea",
+  "title": "<Textarea> Form Atom",
+  "category": "feature"
+}
+*/
+import { effect } from '@pithyjs/signals';
+import { CONTROL_SIZES, } from '../../../shared/types';
+import { generateTextareaId } from '../../../shared/textarea';
+import { CONTROL_CLASS, CSS_LENGTH_PATTERN } from '../../../shared/common';
+import { createHelperElement, createErrorElement, createStateIcon, wrapFormControl, } from '../../../shared/form-elements';
+import { createFormStateTracker, applyFormState, cleanupFormState, } from '../../../shared/form-state';
+/**
+ * Accessible textarea atom with polished micro-interactions.
+ *
+ * Renders a wrapper `<div>` with an inner `<textarea>`. Supports floating label,
+ * auto-resize (CSS field-sizing with JS fallback), success/error states with
+ * shake animation, character counter, clear button, loading spinner, and
+ * helper/error text.
+ *
+ * This is a pure visual atom — no validation logic. Error/success states are
+ * driven externally via props.
+ *
+ * @param props - Textarea configuration
+ * @returns `{ el, destroy }` — mounted element and cleanup function
+ *
+ * @example
+ * ```html
+ * <Textarea label="'Bio'" placeholder="'Tell us about yourself'" />
+ * <Textarea label="'Message'" maxLength="500" floatingLabel="true" />
+ * <Textarea label="'Notes'" autoResize="false" rows="6" />
+ * <Textarea label="'Comment'" clearable="true" />
+ * ```
+ */
+/** @codexApi {"parent":"pithy.ui-kit.textarea","name":"Textarea","stability":"stable","signature":"(props: TextareaProps) => { el: HTMLElement | DocumentFragment; destroy: () => void }"} */
+export function Textarea({ id: externalId, name, value, placeholder, disabled = false, readonly: readonlyProp = false, required = false, error = false, errorMessage, helperText, success = false, size: rawSize = 'md', label, floatingLabel = false, autocomplete, maxLength, rows = 3, autoResize = true, maxBlockSize, minBlockSize, clearable = false, loading = false, onInput, onChange, onBlur, onFocus, }) {
+    // -- Prop validation -------------------------------------------------------
+    const validSize = CONTROL_SIZES.includes(rawSize);
+    if (import.meta.env?.DEV) {
+        if (!validSize) {
+            const valid = CONTROL_SIZES.join(', ');
+            console.warn(`[<Textarea>] Invalid size: "${rawSize}". Expected one of: ${valid}. Falling back to "md".`);
+        }
+        if (!label) {
+            console.warn(`[<Textarea>] Empty label — all textareas require an accessible name. Pass a non-empty label string.`);
+        }
+        if (maxLength != null &&
+            (!Number.isFinite(maxLength) ||
+                maxLength < 0 ||
+                maxLength !== Math.floor(maxLength))) {
+            console.warn(`[<Textarea>] Invalid maxLength: ${maxLength}. Expected a non-negative integer. Counter and native constraint will be skipped.`);
+        }
+        if (rows != null && (!Number.isFinite(rows) || rows < 1)) {
+            console.warn(`[<Textarea>] Invalid rows: ${rows}. Expected a positive integer. Falling back to 3.`);
+        }
+    }
+    const size = validSize ? rawSize : 'md';
+    const validMaxLength = maxLength != null &&
+        Number.isFinite(maxLength) &&
+        maxLength >= 0 &&
+        maxLength === Math.floor(maxLength)
+        ? maxLength
+        : undefined;
+    const validRows = rows != null && Number.isFinite(rows) && rows >= 1 ? Math.floor(rows) : 3;
+    // -- Element creation ------------------------------------------------------
+    const wrapper = document.createElement('div');
+    if (floatingLabel) {
+        wrapper.classList.add('ui-textarea', 'u-radius-md');
+    }
+    else {
+        wrapper.classList.add('ui-textarea', CONTROL_CLASS[size], 'u-radius-md');
+    }
+    wrapper.setAttribute('data-size', size);
+    const textareaId = externalId ?? generateTextareaId();
+    const textarea = document.createElement('textarea');
+    textarea.classList.add('ui-textarea-field');
+    textarea.id = textareaId;
+    textarea.rows = validRows;
+    // Label — either aria-label or visible <label> for floating mode
+    let labelEl;
+    if (floatingLabel) {
+        wrapper.setAttribute('data-floating-label', '');
+        labelEl = document.createElement('label');
+        labelEl.classList.add('ui-textarea-label');
+        labelEl.setAttribute('for', textareaId);
+        labelEl.textContent = label;
+    }
+    else {
+        textarea.setAttribute('aria-label', label);
+    }
+    // Static attributes
+    if (name != null)
+        textarea.name = name;
+    if (placeholder != null)
+        textarea.placeholder = placeholder;
+    if (required) {
+        textarea.required = true;
+        textarea.setAttribute('aria-required', 'true');
+        wrapper.setAttribute('data-required', '');
+    }
+    if (autocomplete != null)
+        textarea.setAttribute('autocomplete', autocomplete);
+    if (validMaxLength != null)
+        textarea.maxLength = validMaxLength;
+    // Auto-resize via CSS field-sizing (progressive enhancement)
+    if (autoResize) {
+        wrapper.setAttribute('data-auto-resize', '');
+    }
+    // Size constraints (validated for consistency with Stack/Grid)
+    if (maxBlockSize) {
+        if (CSS_LENGTH_PATTERN.test(maxBlockSize)) {
+            textarea.style.maxBlockSize = maxBlockSize;
+        }
+        else if (import.meta.env?.DEV) {
+            console.warn(`[<Textarea>] Invalid maxBlockSize value: "${maxBlockSize}". Expected a CSS length (e.g. "200px", "15rem").`);
+        }
+    }
+    if (minBlockSize) {
+        if (CSS_LENGTH_PATTERN.test(minBlockSize)) {
+            textarea.style.minBlockSize = minBlockSize;
+        }
+        else if (import.meta.env?.DEV) {
+            console.warn(`[<Textarea>] Invalid minBlockSize value: "${minBlockSize}". Expected a CSS length (e.g. "200px", "15rem").`);
+        }
+    }
+    // -- Floating label (before textarea) --------------------------------------
+    if (labelEl) {
+        wrapper.appendChild(labelEl);
+    }
+    // -- Textarea --------------------------------------------------------------
+    wrapper.appendChild(textarea);
+    // -- Clear button (top-right corner) ----------------------------------------
+    let clearBtnEl;
+    let clearClickHandler;
+    if (clearable) {
+        clearBtnEl = document.createElement('button');
+        clearBtnEl.type = 'button';
+        clearBtnEl.classList.add('ui-textarea-clear');
+        clearBtnEl.setAttribute('aria-label', 'Clear');
+        clearBtnEl.textContent = '\u00D7'; // ×
+        clearBtnEl.toggleAttribute('data-hidden', true);
+        clearBtnEl.tabIndex = -1;
+        clearBtnEl.setAttribute('aria-hidden', 'true');
+        clearClickHandler = () => {
+            textarea.value = '';
+            textarea.focus();
+            textarea.dispatchEvent(new InputEvent('input', { bubbles: true, inputType: 'deleteContent' }));
+        };
+        clearBtnEl.addEventListener('click', clearClickHandler);
+        wrapper.appendChild(clearBtnEl);
+    }
+    // -- Action row (state icon + counter) — sits below textarea ---------------
+    // Always created so state icon placement is consistent regardless of maxLength.
+    const actionRow = document.createElement('div');
+    actionRow.classList.add('ui-textarea-actions');
+    // -- State icon (success checkmark / error alert) --------------------------
+    const stateIconEl = createStateIcon('ui-textarea-state-icon');
+    actionRow.appendChild(stateIconEl);
+    // -- Character counter -----------------------------------------------------
+    let counterEl;
+    const counterId = `${textareaId}-counter`;
+    if (validMaxLength != null) {
+        counterEl = document.createElement('span');
+        counterEl.classList.add('ui-textarea-counter');
+        counterEl.id = counterId;
+        counterEl.textContent = `0/${validMaxLength}`;
+        actionRow.appendChild(counterEl);
+    }
+    wrapper.appendChild(actionRow);
+    // -- Helper text ------------------------------------------------------------
+    const helperId = `${textareaId}-helper`;
+    const helperEl = createHelperElement(helperId, helperText);
+    // -- Error message ----------------------------------------------------------
+    const errorMsgId = `${textareaId}-error`;
+    const errorMsgEl = createErrorElement(errorMsgId, errorMessage);
+    // -- Helper functions ------------------------------------------------------
+    function updateCounter() {
+        if (counterEl && validMaxLength != null) {
+            const len = textarea.value.length;
+            counterEl.textContent = `${len}/${validMaxLength}`;
+            counterEl.classList.toggle('ui-textarea-counter-warn', len >= validMaxLength * 0.8 && len < validMaxLength);
+            counterEl.classList.toggle('ui-textarea-counter-danger', len >= validMaxLength);
+        }
+    }
+    function updateFilledState() {
+        if (textarea.value.length > 0) {
+            wrapper.setAttribute('data-filled', '');
+        }
+        else {
+            wrapper.removeAttribute('data-filled');
+        }
+    }
+    function updateClearVisibility() {
+        if (clearBtnEl) {
+            const show = textarea.value.length > 0 && !textarea.disabled && !textarea.readOnly;
+            clearBtnEl.toggleAttribute('data-hidden', !show);
+            clearBtnEl.tabIndex = show ? 0 : -1;
+            clearBtnEl.setAttribute('aria-hidden', show ? 'false' : 'true');
+        }
+    }
+    // -- JS auto-resize fallback -----------------------------------------------
+    // CSS field-sizing: content is not universally supported (no Firefox yet).
+    // This JS fallback measures scrollHeight and adjusts the textarea height.
+    let supportsFieldSizing;
+    function autoResizeJS() {
+        if (!autoResize)
+            return;
+        // Lazy-detect field-sizing support
+        if (supportsFieldSizing === undefined) {
+            supportsFieldSizing =
+                typeof CSS !== 'undefined' &&
+                    typeof CSS.supports === 'function' &&
+                    CSS.supports('field-sizing', 'content');
+        }
+        // Skip JS resize if CSS handles it
+        if (supportsFieldSizing)
+            return;
+        // Avoid measuring before the textarea is mounted and layout is available.
+        if (!textarea.isConnected)
+            return;
+        // Reset to auto first to get accurate scrollHeight
+        textarea.style.blockSize = 'auto';
+        const scrollH = textarea.scrollHeight;
+        if (scrollH === 0)
+            return;
+        textarea.style.blockSize = `${scrollH}px`;
+    }
+    // -- Click on wrapper focuses the textarea ---------------------------------
+    const wrapperClickHandler = (e) => {
+        const target = e.target;
+        if (!target || target === textarea || target === clearBtnEl)
+            return;
+        if (target.closest("button, a, input, select, textarea, [role='button'], [role='link']"))
+            return;
+        textarea.focus();
+    };
+    wrapper.addEventListener('click', wrapperClickHandler);
+    // -- Event handlers --------------------------------------------------------
+    const inputHandler = ((e) => {
+        onInput?.(textarea.value, e);
+        updateFilledState();
+        updateCounter();
+        updateClearVisibility();
+        autoResizeJS();
+    });
+    const changeHandler = ((e) => {
+        onChange?.(textarea.value, e);
+        updateFilledState();
+        updateCounter();
+        updateClearVisibility();
+    });
+    const blurHandler = ((e) => {
+        onBlur?.(e);
+    });
+    const focusHandler = ((e) => {
+        onFocus?.(e);
+    });
+    textarea.addEventListener('input', inputHandler);
+    textarea.addEventListener('change', changeHandler);
+    textarea.addEventListener('blur', blurHandler);
+    textarea.addEventListener('focus', focusHandler);
+    // -- Reactive state --------------------------------------------------------
+    const readValue = () => (typeof value === 'function' ? value() : value);
+    const readDisabled = () => typeof disabled === 'function' ? disabled() : disabled;
+    const readReadonly = () => typeof readonlyProp === 'function' ? readonlyProp() : readonlyProp;
+    const readError = () => (typeof error === 'function' ? error() : error);
+    const readErrorMessage = () => typeof errorMessage === 'function' ? errorMessage() : errorMessage;
+    const readSuccess = () => typeof success === 'function' ? success() : success;
+    const readLoading = () => typeof loading === 'function' ? loading() : loading;
+    const isReactive = typeof value === 'function' ||
+        typeof disabled === 'function' ||
+        typeof readonlyProp === 'function' ||
+        typeof error === 'function' ||
+        typeof errorMessage === 'function' ||
+        typeof success === 'function' ||
+        typeof loading === 'function';
+    const formTracker = createFormStateTracker();
+    // Track the last value applied from state. We only sync DOM ← state when
+    // the state value actually changes, not on every effect re-run. This
+    // prevents wiping DOM-only values (e.g. browser autofill) when some
+    // OTHER signal in the same state object changes.
+    //
+    // Known limitation: same as Input — if browser autofill writes a DOM
+    // value while state is empty and a parent then calls state.reset() (which
+    // sets state back to the same empty initial value), this guard skips the
+    // sync and the autofilled DOM persists. The autofill cascade case (common)
+    // and reset-to-same-value (rare) are indistinguishable here. We optimize
+    // for the common case.
+    let lastAppliedValue = undefined;
+    const applyState = () => {
+        // Value
+        const val = readValue();
+        if (val == null) {
+            // Uncontrolled mode — clear lastAppliedValue so a future return to
+            // controlled mode forces a fresh sync.
+            lastAppliedValue = undefined;
+        }
+        else if (val !== lastAppliedValue) {
+            if (textarea.value !== val) {
+                textarea.value = val;
+            }
+            lastAppliedValue = val;
+        }
+        // Filled state (for floating label + clear button)
+        updateFilledState();
+        // Disabled
+        const isDisabled = readDisabled();
+        textarea.disabled = !!isDisabled;
+        if (isDisabled) {
+            wrapper.setAttribute('data-disabled', '');
+        }
+        else {
+            wrapper.removeAttribute('data-disabled');
+        }
+        // Readonly
+        const isReadonly = readReadonly();
+        textarea.readOnly = !!isReadonly;
+        if (isReadonly) {
+            wrapper.setAttribute('data-readonly', '');
+            textarea.setAttribute('aria-readonly', 'true');
+        }
+        else {
+            wrapper.removeAttribute('data-readonly');
+            textarea.removeAttribute('aria-readonly');
+        }
+        // Error / success state, icons, shake, pop, helper/error text swap
+        applyFormState({ wrapper, control: textarea, stateIconEl, helperEl, errorMsgEl }, { readError, readErrorMessage, readSuccess }, { helperId, errorMsgId }, { shakeClass: 'ui-textarea-shake', iconPrefix: 'ui-textarea-state-icon' }, formTracker);
+        // Append counter to aria-describedby so screen readers announce char count
+        if (counterEl) {
+            const existing = textarea.getAttribute('aria-describedby');
+            if (existing) {
+                if (!existing.includes(counterId)) {
+                    textarea.setAttribute('aria-describedby', `${existing} ${counterId}`);
+                }
+            }
+            else {
+                textarea.setAttribute('aria-describedby', counterId);
+            }
+        }
+        // Loading
+        const isLoading = readLoading();
+        wrapper.classList.toggle('ui-textarea-loading', !!isLoading);
+        if (isLoading) {
+            textarea.setAttribute('aria-busy', 'true');
+        }
+        else {
+            textarea.removeAttribute('aria-busy');
+        }
+        // Hide clear button while loading
+        if (clearBtnEl && isLoading) {
+            clearBtnEl.toggleAttribute('data-hidden', true);
+            clearBtnEl.tabIndex = -1;
+            clearBtnEl.setAttribute('aria-hidden', 'true');
+        }
+        // Clear button visibility
+        if (!isLoading) {
+            updateClearVisibility();
+        }
+        // Counter
+        updateCounter();
+        // Auto-resize after value update
+        autoResizeJS();
+        formTracker.firstRun = false;
+    };
+    const cleanupEffect = isReactive
+        ? effect(applyState)
+        : (applyState(), undefined);
+    // -- Return ----------------------------------------------------------------
+    const { root, needsContainer: needsWrapper } = wrapFormControl(wrapper, {
+        helperEl,
+        errorMsgEl,
+    });
+    return {
+        el: root,
+        destroy: () => {
+            cleanupEffect?.();
+            textarea.removeEventListener('input', inputHandler);
+            textarea.removeEventListener('change', changeHandler);
+            textarea.removeEventListener('blur', blurHandler);
+            textarea.removeEventListener('focus', focusHandler);
+            wrapper.removeEventListener('click', wrapperClickHandler);
+            cleanupFormState(wrapper, stateIconEl, formTracker);
+            if (clearBtnEl && clearClickHandler) {
+                clearBtnEl.removeEventListener('click', clearClickHandler);
+            }
+            wrapper.replaceChildren();
+            if (needsWrapper) {
+                root.replaceChildren();
+            }
+        },
+    };
+}
+//# sourceMappingURL=Textarea.js.map

package/dist/atoms/forms/textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/atoms/forms/textarea/Textarea.ts"],"names":[],"mappings":"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"}