@jobber/components 8.5.0 → 8.6.0

package/dist/FormField/FormFieldTypes.d.ts

@@ -100,13 +100,6 @@ export interface CommonFormFieldProps {
      * set it to `always`.
      */
     readonly clearable?: Clearable;
-    /**
-     * Experimental:
-     * Determine which version of the FormField to use.
-     * Right now this isn't used but it will be used in the future
-     * to allow us to release new versions of our form inputs without breaking existing functionality.
-     */
-    version?: 1;
 }
 export interface FormFieldProps extends CommonFormFieldProps {
     actionsRef?: RefObject<FieldActionsRef | null>;

package/dist/InputDate/InputDate.types.d.ts

@@ -1,6 +1,6 @@
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputDateProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "showMiniLabel" | "version"> {
+export interface InputDateProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "showMiniLabel"> {
     /**
      * A Date object value
      * (e.g., `new Date("11/11/2011")`)

package/dist/InputEmail/InputEmail.types.d.ts

@@ -1,6 +1,6 @@
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputEmailProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version"> {
+export interface InputEmailProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel"> {
     /**
      * The current value of the input.
      */

package/dist/InputNumber/InputNumber.types.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputNumberProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "clearable" | "suffix" | "prefix" | "version"> {
+export interface InputNumberProps extends HTMLInputBaseProps, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "clearable" | "suffix" | "prefix"> {
     readonly defaultValue?: number;
     readonly formatOptions?: Intl.NumberFormatOptions;
     readonly maxValue?: number;

package/dist/InputPhoneNumber/InputPhoneNumber.types.d.ts

@@ -1,7 +1,7 @@
 import type { InputMaskProps } from "./InputMask";
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputPhoneNumberProps extends Omit<HTMLInputBaseProps, "type" | "maxLength" | "minLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version"> {
+export interface InputPhoneNumberProps extends Omit<HTMLInputBaseProps, "type" | "maxLength" | "minLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel"> {
     /**
      * The current value of the input.
      */

package/dist/InputText/InputText.types.d.ts

@@ -15,11 +15,7 @@ interface InputLengthConstraint {
      */
     readonly maxLength?: number;
 }
-/**
- * Experimental version 2 of the InputText component.
- * Do not use unless you have talked with Atlantis first.
- */
-export interface InputTextProps extends HTMLInputBaseProps, MouseEvents<HTMLInputElement | HTMLTextAreaElement>, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, Omit<RebuiltInputCommonProps, "version">, InputLengthConstraint {
+export interface InputTextProps extends HTMLInputBaseProps, MouseEvents<HTMLInputElement | HTMLTextAreaElement>, FocusEvents<HTMLInputElement | HTMLTextAreaElement>, KeyboardEvents<HTMLInputElement | HTMLTextAreaElement>, RebuiltInputCommonProps, InputLengthConstraint {
     /**
      * When false, the placeholder text only serves as a standard placeholder and
      * disappears when the user types, instead of floating above the value as a

package/dist/InputTime/InputTime.types.d.ts

@@ -1,7 +1,7 @@
 import type { Ref } from "react";
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputTimeProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version">, Pick<InputTimeProps, "value" | "onChange"> {
+export interface InputTimeProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel">, Pick<InputTimeProps, "value" | "onChange"> {
     /**
      * Maximum numerical or date value.
      */

package/dist/Select/OptionGroup.d.ts

@@ -10,7 +10,7 @@ export interface OptionGroupProps {
      * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
      *
      * Additional details: The provided class names are applied to the root `<optgroup>` element.
-     * Only effective when `Select` version={2} is used with `UNSAFE_experimentalStyles`.
+     * Only effective when `Select` is used with `UNSAFE_experimentalStyles`.
      */
     readonly UNSAFE_className?: string;
     /**
@@ -19,7 +19,7 @@ export interface OptionGroupProps {
      * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
      *
      * Additional details: Styles are applied directly to the root `<optgroup>` element via
-     * `UNSAFE_style.container`. Only effective when `Select` version={2} is used with
+     * `UNSAFE_style.container`. Only effective when `Select` is used with
      * `UNSAFE_experimentalStyles`.
      */
     readonly UNSAFE_style?: {

package/dist/Select/Select.types.d.ts

@@ -1,7 +1,7 @@
 import type { Ref } from "react";
 import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface SelectProps extends Omit<HTMLInputBaseProps, "readOnly" | "maxLength">, FocusEvents<HTMLSelectElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "align" | "showMiniLabel" | "version">, Pick<FormFieldProps, "prefix" | "suffix" | "align" | "children"> {
+export interface SelectProps extends Omit<HTMLInputBaseProps, "readOnly" | "maxLength">, FocusEvents<HTMLSelectElement>, Omit<RebuiltInputCommonProps, "clearable" | "prefix" | "suffix" | "align" | "showMiniLabel">, Pick<FormFieldProps, "prefix" | "suffix" | "align" | "children"> {
     readonly value?: string | number;
     onChange?(newValue?: string | number): void;
     readonly inputRef?: Ref<HTMLSelectElement>;

package/dist/docs/FormField/FormField.md

@@ -89,5 +89,4 @@ export function SpecialInput(props) {
 | `type` | `FormFieldTypes` | No | — | Determines what kind of form field should the component give you. |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `value` | `Date | number | string` | No | — | Set the component to the given value. |
-| `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |
 | `wrapperRef` | `RefObject<HTMLDivElement>` | No | — |  |

package/dist/docs/InputPassword/InputPassword.md

@@ -49,4 +49,3 @@ refer to [InputText](../InputText/InputText.md).
 | `size` | `"large" | "small"` | No | — | Adjusts the interface to either have small or large spacing. |
 | `validations` | `RegisterOptions` | No | — | Show an error message above the field. This also highlights the the field red if an error message shows up. |
 | `value` | `string` | No | — | Set the component to the given value. |
-| `version` | `1` | No | — | Experimental: Determine which version of the FormField to use. Right now this isn't used but it will be used in the f... |

package/dist/docs/usage-guidelines/usage-guidelines.md

@@ -24,13 +24,12 @@ deprecated.
 
 ### Deprecated props on still-supported components
 
-| Component                              | Deprecated prop         | Replacement                                                                                    |
-| -------------------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------- |
-| `Button`                               | `to`                    | Use `url` for anchor links.                                                                    |
-| `Card`                                 | `title`                 | Use the `header` prop, or compose with `Card.Header` and `Card.Body`.                          |
-| `Toast`                                | `action`, `actionLabel` | Both will be removed in the next major version. Trigger follow-up work from outside the toast. |
-| Text inputs (`InputText` v2 etc.)      | `onEnter`               | Use `onKeyDown` or `onKeyUp` and check the key.                                                |
-| `FormField` (`maxLength` on v1 inputs) | `maxLength`             | Flagged in source as flawed; only kept for v1 backwards compatibility.                         |
+| Component                 | Deprecated prop         | Replacement                                                                                    |
+| ------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------- |
+| `Button`                  | `to`                    | Use `url` for anchor links.                                                                    |
+| `Card`                    | `title`                 | Use the `header` prop, or compose with `Card.Header` and `Card.Body`.                          |
+| `Toast`                   | `action`, `actionLabel` | Both will be removed in the next major version. Trigger follow-up work from outside the toast. |
+| Text inputs (`InputText`) | `onEnter`               | Use `onKeyDown` or `onKeyUp` and check the key.                                                |
 
 ## Import pattern
 
@@ -67,34 +66,6 @@ custom properties from `@jobber/design`. Tokens are included in:
 }
 ```
 
-## Form composition
-
-v2 inputs are thin wrappers over native HTML inputs. They have no internal form
-state, no built-in validation orchestration, and no React Hook Form dependency —
-they behave like `<input>` elements with Atlantis styling. Compose them inside a
-plain `<form>` and manage state and submission yourself (or with the form
-library of your choice).
-
-```tsx
-<form onSubmit={handleSubmit}>
-  <Content>
-    <InputText version={2} name="name" placeholder="Name" />
-    <InputEmail version={2} name="email" placeholder="Email" />
-    <Button type="submit" label="Save" />
-  </Content>
-</form>
-```
-
-Do not wrap v2 inputs in the Atlantis `Form` or `FormField` components — those
-are legacy helpers tied to v1 inputs and React Hook Form. Mixing them with v2
-inputs will not give you v2's controlled API and is not supported.
-
-### Validation on v2 inputs
-
-v2 inputs do not run validation themselves. To show an error state, drive it
-from your own state and pass `invalid` (boolean) and/or `error` (string message)
-on the input.
-
 ## Compound components — use the documented composition
 
 Many components expose dot-notation subcomponents that must be used together.

package/dist/sharedHelpers/types.d.ts

@@ -243,10 +243,6 @@ export interface RebuiltInputCommonProps {
      * Further description of the input, can be used for a hint.
      */
     readonly description?: 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -568,5 +568,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "472d98075bdd3372f54004b48df2569c2354b7d3"
+  "gitHead": "3f1dd8cc5b57561326b2dad6431310db346554a5"
 }