@jobber/components 6.103.2-JOB-140609-9051081.26 → 6.103.2-JOB-140609-8386817.45

package/dist/sharedHelpers/types.d.ts

@@ -1,3 +1,8 @@
+import type { AriaAttributes, ReactNode } from "react";
+import type React from "react";
+import type { XOR } from "ts-xor";
+import type { Clearable } from "@jobber/hooks";
+import type { IconNames } from "../Icon";
 export interface CommonAtlantisProps {
     /** Standard HTML data attributes. Accepts anything in a {{"data-key":"value"}} format. */
     dataAttributes?: {
@@ -10,8 +15,238 @@ export interface CommonAtlantisProps {
     /** Standard HTML id attribute. */
     id?: string;
 }
+/**
+ * Core ARIA attributes for input elements.
+ * Uses camelCase naming for consistency with React props pattern.
+ * Based on React's canonical ARIA type definitions.
+ */
+export interface AriaInputProps {
+    /**
+     * Defines a string value that labels the current element.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-label}
+     */
+    readonly ariaLabel?: AriaAttributes["aria-label"];
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-labelledby}
+     */
+    readonly ariaLabelledBy?: AriaAttributes["aria-labelledby"];
+    /**
+     * Identifies the element (or elements) that describes the object.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-describedby}
+     */
+    readonly ariaDescribedBy?: AriaAttributes["aria-describedby"];
+    /**
+     * Identifies the element (or elements) that provide a detailed, extended description.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-details}
+     */
+    readonly ariaDetails?: AriaAttributes["aria-details"];
+    /**
+     * ID of the currently active descendant element.
+     * Used for composite widgets like combobox or listbox.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-activedescendant}
+     */
+    readonly ariaActiveDescendant?: AriaAttributes["aria-activedescendant"];
+    /**
+     * Indicates the element that controls the current element.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-controls}
+     */
+    readonly ariaControls?: AriaAttributes["aria-controls"];
+    /**
+     * Indicates whether the element is expanded or collapsed.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-expanded}
+     */
+    readonly ariaExpanded?: AriaAttributes["aria-expanded"];
+    /**
+     * Indicates the type of autocomplete interaction.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-autocomplete}
+     */
+    readonly ariaAutocomplete?: AriaAttributes["aria-autocomplete"];
+    /**
+     * Indicates that user input is required before form submission.
+     * @see {@link https://www.w3.org/TR/wai-aria-1.2/#aria-required}
+     */
+    readonly ariaRequired?: AriaAttributes["aria-required"];
+}
+/**
+ * Focus event handlers for input elements.
+ * Generic interface that can be specialized for different element types.
+ */
+export interface FocusEvents<Target = HTMLElement> {
+    /**
+     * Focus event handler.
+     */
+    readonly onFocus?: (event: React.FocusEvent<Target>) => void;
+    /**
+     * Blur event handler.
+     */
+    readonly onBlur?: (event: React.FocusEvent<Target>) => void;
+}
+/**
+ * Keyboard event handlers for input elements.
+ * Generic interface that can be specialized for different element types.
+ */
+export interface KeyboardEvents<Target = HTMLElement> {
+    /**
+     * Key down event handler.
+     */
+    readonly onKeyDown?: (event: React.KeyboardEvent<Target>) => void;
+    /**
+     * Key up event handler.
+     */
+    readonly onKeyUp?: (event: React.KeyboardEvent<Target>) => void;
+}
+/**
+ * Curated set of HTML input attributes for rebuilt input components.
+ * This provides a whitelist of standard HTML/React props we want to support,
+ * avoiding the issues of extending React.InputHTMLAttributes directly.
+ * Note: Event handlers and ARIA attributes are separate - use FocusEvents, KeyboardEvents, and AriaInputProps.
+ */
+export interface HTMLInputBaseProps extends AriaInputProps {
+    /**
+     * The unique identifier for the input element.
+     */
+    readonly id?: string;
+    /**
+     * The name attribute for the input element.
+     */
+    readonly name?: string;
+    /**
+     * Whether the input is disabled.
+     */
+    readonly disabled?: boolean;
+    /**
+     * Whether the input is read-only (HTML standard casing).
+     */
+    readonly readOnly?: boolean;
+    /**
+     * Whether the input should be auto-focused (React casing).
+     */
+    readonly autoFocus?: boolean;
+    /**
+     * Autocomplete behavior for the input (React casing, string values only).
+     * Use standard HTML autocomplete values or "on"/"off".
+     */
+    readonly autoComplete?: string;
+    /**
+     * Validation pattern (regex) for the input.
+     */
+    readonly pattern?: string;
+    /**
+     * Input mode hint for virtual keyboards.
+     */
+    readonly inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+    /**
+     * Role attribute for accessibility.
+     */
+    readonly role?: string;
+    /**
+     * Tab index for keyboard navigation.
+     */
+    readonly tabIndex?: number;
+}
+/**
+ * Numeric/date constraint props for inputs that support min/max values.
+ * Only extend this for input types where these make semantic sense (number, date, range, etc.).
+ */
+export interface InputConstraintProps {
+    /**
+     * Maximum numerical or date value.
+     */
+    readonly max?: number | string;
+    /**
+     * Minimum numerical or date value.
+     */
+    readonly min?: number | string;
+}
+/**
+ * Character length constraint for inputs.
+ * Only extend this for text-based inputs where character limits make sense.
+ */
+export interface InputLengthConstraint {
+    /**
+     * Maximum character length for the input.
+     * Note: This affects both HTML validation AND visual width of the component.
+     * Future work will separate these concerns.
+     */
+    readonly maxLength?: number;
+}
+export interface Affix {
+    readonly label?: string;
+    readonly icon?: IconNames;
+}
+interface BaseSuffix extends Affix {
+    readonly icon: IconNames;
+    onClick?(): void;
+}
+export interface Suffix extends BaseSuffix {
+    onClick(): void;
+    readonly ariaLabel: string;
+}
+/**
+ * Common props shared across all rebuilt input components.
+ * These are Atlantis-specific features not part of standard HTML inputs.
+ */
+export interface RebuiltInputCommonProps {
+    /**
+     * Text that appears inside the input when empty and floats above the value
+     * as a mini label once the user enters a value.
+     * When showMiniLabel is false, this text only serves as a standard placeholder and
+     * disappears when the user types.
+     */
+    readonly placeholder?: string;
+    /**
+     * Error message to display. This also highlights the field red.
+     */
+    readonly error?: string;
+    /**
+     * Highlights the field red to indicate an error.
+     */
+    readonly invalid?: boolean;
+    /**
+     * Show a spinner to indicate loading.
+     */
+    readonly loading?: boolean;
+    /**
+     * Add a clear action on the input that clears the value.
+     */
+    readonly clearable?: Clearable;
+    /**
+     * Adjusts the interface to either have small or large spacing.
+     */
+    readonly size?: "small" | "large";
+    /**
+     * Adjusts the form field to go inline with content.
+     */
+    readonly inline?: boolean;
+    /**
+     * Determines the alignment of the text inside the input.
+     */
+    readonly align?: "center" | "right";
+    /**
+     * Adds a prefix label and icon to the field.
+     */
+    readonly prefix?: Affix;
+    /**
+     * Adds a suffix label and icon with an optional action to the field.
+     */
+    readonly suffix?: XOR<Affix, Suffix>;
+    /**
+     * Further description of the input, can be used for a hint.
+     */
+    readonly description?: ReactNode;
+    /**
+     * Children elements to render inside the component.
+     */
+    readonly children?: ReactNode;
+    /**
+     * Version 2 is highly experimental. Avoid using it unless you have talked with Atlantis first.
+     */
+    readonly version: 2;
+}
 /** Represents a day of the week as a number where 0 = Sunday, 1 = Monday, etc. */
 export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export type CommonAllowedElements = "section" | "p" | "article" | "ul" | "li" | "div" | "span" | "dl" | "dd" | "dt";
 export type Spaces = "none" | "minuscule" | "slim" | "smallest" | "smaller" | "small" | "base" | "large" | "larger" | "largest" | "extravagant";
 export type GapSpacing = Spaces | (string & NonNullable<unknown>);
+export {};

package/dist/useScrollToActive-es.js

@@ -8,7 +8,7 @@ import { i as isSymbol_1 } from './isSymbol-es.js';
 import { i as identity_1 } from './identity-es.js';
 import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
 import { useLiveAnnounce } from '@jobber/hooks';
-import { d as debounce } from './debounce-es.js';
+import { a as debounce } from './debounce-es.js';
 import { I as Icon } from './Icon-es.js';
 import { u as useFloating, o as offset, f as flip, c as size, b as autoUpdate } from './floating-ui.react-es.js';
 import { c as calculateMaxHeight } from './maxHeight-es.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.103.2-JOB-140609-9051081.26+90510815f",
+  "version": "6.103.2-JOB-140609-8386817.45+8386817c4",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "90510815f31f3c04ee1c9d53cd024e26c94a3e2f"
+  "gitHead": "8386817c443c0866d7979714a10f81c25b281158"
 }