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

package/dist/sharedHelpers/types.d.ts

@@ -1,8 +1,3 @@
-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?: {
@@ -15,238 +10,8 @@ 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/styles.css

@@ -6401,10 +6401,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       -webkit-transform: translateY(0) scale(1);
               transform: translateY(0) scale(1);
     }
-  .-hmXAsAfH9U- {
 
     /* options */
-    option {
+    .-hmXAsAfH9U- option {
       padding: 4px 0;
       padding: var(--space-smaller) 0;
       color: hsl(198, 35%, 21%);
@@ -6414,16 +6413,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
       cursor: pointer;
     }
 
-    option:hover,
-    option:focus,
-    option:focus-visible,
-    option:checked {
+    .-hmXAsAfH9U- option:hover,
+    .-hmXAsAfH9U- option:focus,
+    .-hmXAsAfH9U- option:focus-visible,
+    .-hmXAsAfH9U- option:checked {
       background-color: hsl(53, 21%, 93%);
       background-color: var(--color-surface--hover);
     }
 
     /* optgroup headers */
-    optgroup {
+    .-hmXAsAfH9U- optgroup {
       padding: 8px 0 0 0;
       padding: var(--space-small) 0 0 0;
       color: hsl(197, 90%, 12%);
@@ -6438,36 +6437,35 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
     }
 
     /* Divider directly under the group label */
-    optgroup option:first-child {
+    .-hmXAsAfH9U- optgroup option:first-child {
       border-top: 1px solid hsl(200, 13%, 87%);
       border-top: var(--border-base) solid var(--color-border);
     }
 
     /* Disabled groups and their options */
-    optgroup[disabled] {
+    .-hmXAsAfH9U- optgroup[disabled] {
       color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
     }
-    optgroup[disabled] option,
-    option[disabled] {
+    .-hmXAsAfH9U- optgroup[disabled] option,
+    .-hmXAsAfH9U- option[disabled] {
       color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
       cursor: default;
     }
 
-    optgroup[disabled] option:focus,
-    optgroup[disabled] option:focus-visible,
-    optgroup[disabled] option:checked,
-    optgroup[disabled] option:hover,
-    option[disabled]:focus,
-    option[disabled]:focus-visible,
-    option[disabled]:checked,
-    option[disabled]:hover {
+    .-hmXAsAfH9U- optgroup[disabled] option:focus,
+    .-hmXAsAfH9U- optgroup[disabled] option:focus-visible,
+    .-hmXAsAfH9U- optgroup[disabled] option:checked,
+    .-hmXAsAfH9U- optgroup[disabled] option:hover,
+    .-hmXAsAfH9U- option[disabled]:focus,
+    .-hmXAsAfH9U- option[disabled]:focus-visible,
+    .-hmXAsAfH9U- option[disabled]:checked,
+    .-hmXAsAfH9U- option[disabled]:hover {
       background-color: transparent;
     }
 
     /* Animate the chevron rotation for the provided postfix class */
-  }
     .-hmXAsAfH9U- + ._5ST4c1fXDYU- svg {
       transition: -webkit-transform 100ms;
       transition: -webkit-transform var(--timing-quick);

package/dist/useScrollToActive-cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
 var _baseFlatten = require('./_baseFlatten-cjs.js');
-var _getAllKeys = require('./_getAllKeys-cjs.js');
+var _baseGet = require('./_baseGet-cjs.js');
 var _baseEach = require('./_baseEach-cjs.js');
 var isTypedArray = require('./isTypedArray-cjs.js');
 var isSymbol$1 = require('./isSymbol-cjs.js');
@@ -148,8 +148,8 @@ function compareMultiple$1(object, other, orders) {
 
 var _compareMultiple = compareMultiple$1;
 
-var arrayMap = _getAllKeys._arrayMap,
-    baseGet = _getAllKeys._baseGet,
+var arrayMap = _baseGet._arrayMap,
+    baseGet = _baseGet._baseGet,
     baseIteratee = _baseEach._baseIteratee,
     baseMap = _baseMap,
     baseSortBy = _baseSortBy,

package/dist/useScrollToActive-es.js

@@ -1,14 +1,14 @@
 import React__default, { useState, useId, useEffect, useRef } from 'react';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
 import { _ as _baseFlatten } from './_baseFlatten-es.js';
-import { a as _arrayMap, b as _baseGet } from './_getAllKeys-es.js';
+import { a as _arrayMap, b as _baseGet } from './_baseGet-es.js';
 import { _ as _baseEach, a as _baseIteratee } from './_baseEach-es.js';
 import { b as isArrayLike_1, k as _baseUnary, a as isArray_1 } from './isTypedArray-es.js';
 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 { a as debounce } from './debounce-es.js';
+import { d 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-8386817.45+8386817c4",
+  "version": "6.103.3",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -538,5 +538,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "8386817c443c0866d7979714a10f81c25b281158"
+  "gitHead": "06b9bc94eb94f53486ddc9c41a978731163a85b5"
 }

package/dist/InputTime/hooks/useInputTimeActions.d.ts

@@ -1,16 +0,0 @@
-import type { ChangeEvent, FocusEvent, KeyboardEvent } from "react";
-import type { InputTimeRebuiltProps } from "../InputTime.types";
-export interface UseInputTimeActionsProps extends Pick<InputTimeRebuiltProps, "onChange" | "onFocus" | "onBlur" | "onKeyDown"> {
-    readonly value?: Date;
-    readonly readOnly?: boolean;
-    readonly disabled?: boolean;
-    readonly inputRef?: React.RefObject<HTMLInputElement>;
-}
-export declare function useInputTimeActions({ onChange, value, inputRef, onFocus, onBlur, onKeyDown, }: UseInputTimeActionsProps): {
-    handleChangeEvent: (event: ChangeEvent<HTMLInputElement>) => void;
-    handleChange: (newValue: string) => void;
-    handleBlur: (event: FocusEvent<HTMLInputElement>) => void;
-    handleClear: () => void;
-    handleFocus: (event: FocusEvent<HTMLInputElement>) => void;
-    handleKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
-};