@launchpad-ui/form - npm Package Compare versions

Comparing version 0.6.0 to 0.6.1

dist/Checkbox.d.ts

@@ -8,2 +8,3 @@ import type { InputHTMLAttributes } from 'react';
     labelClassName?: string;
+    'data-test-id'?: string;
 };
@@ -15,2 +16,3 @@ declare const Checkbox: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     labelClassName?: string | undefined;
+    'data-test-id'?: string | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;
@@ -17,0 +19,0 @@ export { Checkbox };

dist/CompactTextField.d.ts

@@ -13,2 +13,3 @@ /// <reference types="react" />
     overrideWidth?: string | undefined;
+    'data-test-id'?: string | undefined;
 } & {
@@ -15,0 +16,0 @@ label: string;

dist/FieldError.d.ts

@@ -7,6 +7,7 @@ import type { FieldPath } from './utils';
     errorMessage?: string;
+    'data-test-id'?: string;
 };
-declare const FieldError: ({ name, errorMessage, className, ...rest }: FieldErrorProps) => JSX.Element | null;
+declare const FieldError: ({ name, errorMessage, className, "data-test-id": testId, ...rest }: FieldErrorProps) => JSX.Element | null;
 export { FieldError };
 export type { FieldErrorProps };
 //# sourceMappingURL=FieldError.d.ts.map

dist/FieldSet.d.ts

 import type { HTMLAttributes } from 'react';
 import './styles/FieldSet.css';
-declare type FieldSetProps = HTMLAttributes<HTMLFieldSetElement>;
-declare const FieldSet: ({ children, className, ...rest }: FieldSetProps) => JSX.Element;
+declare type FieldSetProps = HTMLAttributes<HTMLFieldSetElement> & {
+    'data-test-id'?: string;
+};
+declare const FieldSet: ({ children, className, "data-test-id": testId, ...rest }: FieldSetProps) => JSX.Element;
 export { FieldSet };
 export type { FieldSetProps };
 //# sourceMappingURL=FieldSet.d.ts.map

dist/Form.d.ts

@@ -6,2 +6,3 @@ import type { FormHTMLAttributes } from 'react';
     hasIncreasedErrorMargin?: boolean;
+    'data-test-id'?: string;
 };
@@ -8,0 +9,0 @@ declare const Form: (props: FormProps) => JSX.Element;

dist/FormField.d.ts

@@ -15,3 +15,3 @@ /// <reference types="react" />
     onBlur?: (field: string) => void;
-    'data-test-id': string;
+    'data-test-id'?: string;
 };
@@ -18,0 +18,0 @@ declare const FormField: ({ isRequired, label, name, htmlFor, hint, errorMessage, ignoreValidation, isInvalid, children, className, onBlur, "data-test-id": testId, }: FormFieldProps) => JSX.Element;

dist/FormGroup.d.ts

@@ -7,2 +7,3 @@ import type { HTMLAttributes } from 'react';
     isInvalid?: boolean;
+    'data-test-id'?: string;
 };
@@ -9,0 +10,0 @@ declare const FormGroup: (props: FormGroupProps) => JSX.Element;

dist/FormHint.d.ts

 import type { HTMLAttributes } from 'react';
 import './styles/FormHint.css';
-declare type FormHintProps = HTMLAttributes<HTMLDivElement>;
-declare const FormHint: ({ className, children, ...rest }: FormHintProps) => JSX.Element;
+declare type FormHintProps = HTMLAttributes<HTMLDivElement> & {
+    'data-test-id'?: string;
+};
+declare const FormHint: ({ className, children, "data-test-id": testId, ...rest }: FormHintProps) => JSX.Element;
 export { FormHint };
 export type { FormHintProps };
 //# sourceMappingURL=FormHint.d.ts.map

dist/IconField.d.ts

@@ -7,6 +7,7 @@ import type { IconProps } from '@launchpad-ui/icons';
     children: JSX.Element | JSX.Element[];
+    'data-test-id'?: string;
 };
-declare const IconField: ({ icon, children, className, ...rest }: IconFieldProps) => JSX.Element;
+declare const IconField: ({ icon, children, className, "data-test-id": testId, ...rest }: IconFieldProps) => JSX.Element;
 export { IconField };
 export type { IconFieldProps };
 //# sourceMappingURL=IconField.d.ts.map

dist/index.es.js

@@ -9,2 +9,3 @@ import './style.css';
   className,
+  "data-test-id": testId = "required-asterisk",
   ...rest
@@ -15,2 +16,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -27,2 +29,3 @@ children: "*"
   optional = false,
+  "data-test-id": testId = "label",
   ...rest
@@ -33,2 +36,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -48,2 +52,3 @@ children: [children, optional && !required && /* @__PURE__ */ jsx("small", {
   labelClassName,
+  "data-test-id": testId = "checkbox",
   ...rest
@@ -66,3 +71,4 @@ }, ref) => {
       disabled,
-      type: "checkbox"
+      type: "checkbox",
+      "data-test-id": testId
     }), " ", disabled ? /* @__PURE__ */ jsx("span", {
@@ -85,2 +91,3 @@ className: "Form-label--disabled",
   overrideWidth,
+  "data-test-id": testId = "text-field",
   ...rest
@@ -95,2 +102,3 @@ }, ref) => {
         type,
+        "data-test-id": testId,
         className: cx(classes, "FormInput-suffix"),
@@ -130,2 +138,3 @@ readOnly,
   onBlur,
+  "data-test-id": testId = "compact-text-field",
   ...rest
@@ -152,2 +161,3 @@ }, ref) => {
     className: classes,
+    "data-test-id": testId,
     children: [/* @__PURE__ */ jsx(Label, {
@@ -172,2 +182,3 @@ htmlFor: id,
   className,
+  "data-test-id": testId = "field-error",
   ...rest
@@ -182,2 +193,3 @@ }) => {
     "aria-live": "polite",
+    "data-test-id": testId,
     id: createFieldErrorId(name),
@@ -191,2 +203,3 @@ children: `Error - ${errorMessage}`
   className,
+  "data-test-id": testId = "field-set",
   ...rest
@@ -196,2 +209,3 @@ }) => {
   return /* @__PURE__ */ jsx("fieldset", {
+    "data-test-id": testId,
     className: classes,
@@ -208,2 +222,3 @@ ...rest,
     hasIncreasedErrorMargin,
+    "data-test-id": testId = "form",
     ...rest
@@ -214,2 +229,3 @@ } = props;
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -226,2 +242,3 @@ children
     children,
+    "data-test-id": testId = "form-group",
     ...rest
@@ -232,2 +249,3 @@ } = props;
     className: classes,
+    "data-test-id": testId,
     ...rest,
@@ -241,2 +259,3 @@ children
   children,
+  "data-test-id": testId = "form-hint",
   ...rest
@@ -247,2 +266,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -265,3 +285,3 @@ children
   onBlur,
-  "data-test-id": testId
+  "data-test-id": testId = "form-field"
 }) => {
@@ -296,2 +316,3 @@ const handleBlur = () => {
   className,
+  "data-test-id": testId = "icon-field",
   ...rest
@@ -303,2 +324,3 @@ }) => {
     className: classes,
+    "data-test-id": testId,
     ...rest,
@@ -320,2 +342,3 @@ children: [children, /* @__PURE__ */ jsx(Icon, {
   labelStyle,
+  "data-test-id": testId = "radio",
   ...rest
@@ -336,2 +359,3 @@ }) => {
       id,
+      "data-test-id": testId,
       type: "radio"
@@ -357,2 +381,3 @@ }), /* @__PURE__ */ jsx(Label, {
     legend,
+    "data-test-id": testId = "radio-group",
     ...rest
@@ -401,2 +426,3 @@ } = props;
   return /* @__PURE__ */ jsxs("fieldset", {
+    "data-test-id": testId,
     ref: fieldsetRef,
@@ -416,2 +442,3 @@ children: [legend && /* @__PURE__ */ jsx("legend", {
   children,
+  "data-test-id": testId = "select",
   ...rest
@@ -422,2 +449,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -429,2 +457,3 @@ children
   className,
+  "data-test-id": testId = "text-area",
   ...props
@@ -444,2 +473,3 @@ }, ref) => {
     ref,
+    "data-test-id": testId,
     "aria-describedby": props["aria-describedby"] || createFieldErrorId(props.id),
@@ -446,0 +476,0 @@ onKeyDown

dist/index.js

@@ -11,2 +11,3 @@ require('./style.css');
   className,
+  "data-test-id": testId = "required-asterisk",
   ...rest
@@ -17,2 +18,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -29,2 +31,3 @@ children: "*"
   optional = false,
+  "data-test-id": testId = "label",
   ...rest
@@ -35,2 +38,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -50,2 +54,3 @@ children: [children, optional && !required && /* @__PURE__ */ jsxRuntime.jsx("small", {
   labelClassName,
+  "data-test-id": testId = "checkbox",
   ...rest
@@ -68,3 +73,4 @@ }, ref) => {
       disabled,
-      type: "checkbox"
+      type: "checkbox",
+      "data-test-id": testId
     }), " ", disabled ? /* @__PURE__ */ jsxRuntime.jsx("span", {
@@ -87,2 +93,3 @@ className: "Form-label--disabled",
   overrideWidth,
+  "data-test-id": testId = "text-field",
   ...rest
@@ -97,2 +104,3 @@ }, ref) => {
         type,
+        "data-test-id": testId,
         className: classix.cx(classes, "FormInput-suffix"),
@@ -132,2 +140,3 @@ readOnly,
   onBlur,
+  "data-test-id": testId = "compact-text-field",
   ...rest
@@ -154,2 +163,3 @@ }, ref) => {
     className: classes,
+    "data-test-id": testId,
     children: [/* @__PURE__ */ jsxRuntime.jsx(Label, {
@@ -174,2 +184,3 @@ htmlFor: id,
   className,
+  "data-test-id": testId = "field-error",
   ...rest
@@ -184,2 +195,3 @@ }) => {
     "aria-live": "polite",
+    "data-test-id": testId,
     id: createFieldErrorId(name),
@@ -193,2 +205,3 @@ children: `Error - ${errorMessage}`
   className,
+  "data-test-id": testId = "field-set",
   ...rest
@@ -198,2 +211,3 @@ }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("fieldset", {
+    "data-test-id": testId,
     className: classes,
@@ -210,2 +224,3 @@ ...rest,
     hasIncreasedErrorMargin,
+    "data-test-id": testId = "form",
     ...rest
@@ -216,2 +231,3 @@ } = props;
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -228,2 +244,3 @@ children
     children,
+    "data-test-id": testId = "form-group",
     ...rest
@@ -234,2 +251,3 @@ } = props;
     className: classes,
+    "data-test-id": testId,
     ...rest,
@@ -243,2 +261,3 @@ children
   children,
+  "data-test-id": testId = "form-hint",
   ...rest
@@ -249,2 +268,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -267,3 +287,3 @@ children
   onBlur,
-  "data-test-id": testId
+  "data-test-id": testId = "form-field"
 }) => {
@@ -298,2 +318,3 @@ const handleBlur = () => {
   className,
+  "data-test-id": testId = "icon-field",
   ...rest
@@ -305,2 +326,3 @@ }) => {
     className: classes,
+    "data-test-id": testId,
     ...rest,
@@ -322,2 +344,3 @@ children: [children, /* @__PURE__ */ jsxRuntime.jsx(Icon, {
   labelStyle,
+  "data-test-id": testId = "radio",
   ...rest
@@ -338,2 +361,3 @@ }) => {
       id,
+      "data-test-id": testId,
       type: "radio"
@@ -359,2 +383,3 @@ }), /* @__PURE__ */ jsxRuntime.jsx(Label, {
     legend,
+    "data-test-id": testId = "radio-group",
     ...rest
@@ -403,2 +428,3 @@ } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", {
+    "data-test-id": testId,
     ref: fieldsetRef,
@@ -418,2 +444,3 @@ children: [legend && /* @__PURE__ */ jsxRuntime.jsx("legend", {
   children,
+  "data-test-id": testId = "select",
   ...rest
@@ -424,2 +451,3 @@ }) => {
     ...rest,
+    "data-test-id": testId,
     className: classes,
@@ -431,2 +459,3 @@ children
   className,
+  "data-test-id": testId = "text-area",
   ...props
@@ -446,2 +475,3 @@ }, ref) => {
     ref,
+    "data-test-id": testId,
     "aria-describedby": props["aria-describedby"] || createFieldErrorId(props.id),
@@ -448,0 +478,0 @@ onKeyDown

dist/Label.d.ts

@@ -7,6 +7,7 @@ import type { LabelHTMLAttributes } from 'react';
     disabled?: boolean;
+    'data-test-id'?: string;
 };
-declare const Label: ({ disabled, className, children, required, optional, ...rest }: LabelProps) => JSX.Element;
+declare const Label: ({ disabled, className, children, required, optional, "data-test-id": testId, ...rest }: LabelProps) => JSX.Element;
 export { Label };
 export type { LabelProps };
 //# sourceMappingURL=Label.d.ts.map

dist/Radio.d.ts

@@ -6,6 +6,7 @@ import type { CSSProperties, InputHTMLAttributes } from 'react';
     labelStyle?: CSSProperties;
+    'data-test-id'?: string;
 };
-declare const Radio: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked, children, className, disabled, id, labelClassName, labelStyle, ...rest }: RadioProps) => JSX.Element;
+declare const Radio: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked, children, className, disabled, id, labelClassName, labelStyle, "data-test-id": testId, ...rest }: RadioProps) => JSX.Element;
 export { Radio };
 export type { RadioProps };
 //# sourceMappingURL=Radio.d.ts.map

dist/RadioGroup.d.ts

@@ -37,2 +37,3 @@ import type { ChangeEvent, FormEvent, ReactNode } from 'react';
     value: string;
+    'data-test-id'?: string;
 };
@@ -39,0 +40,0 @@ declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;

dist/RequiredAsterisk.d.ts

 import type { HTMLAttributes } from 'react';
 import './styles/RequiredAsterisk.css';
-declare type RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement>;
-declare const RequiredAsterisk: ({ className, ...rest }: RequiredAsteriskProps) => JSX.Element;
+declare type RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement> & {
+    'data-test-id'?: string;
+};
+declare const RequiredAsterisk: ({ className, "data-test-id": testId, ...rest }: RequiredAsteriskProps) => JSX.Element;
 export { RequiredAsterisk };
 export type { RequiredAsteriskProps };
 //# sourceMappingURL=RequiredAsterisk.d.ts.map

dist/Select.d.ts

 import type { SelectHTMLAttributes } from 'react';
 import './styles/FormInput.css';
-declare type SelectProps = SelectHTMLAttributes<HTMLSelectElement>;
-declare const Select: ({ className, children, ...rest }: SelectProps) => JSX.Element;
+declare type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+    'data-test-id'?: string;
+};
+declare const Select: ({ className, children, "data-test-id": testId, ...rest }: SelectProps) => JSX.Element;
 export { Select };
 export type { SelectProps };
 //# sourceMappingURL=Select.d.ts.map

dist/TextArea.d.ts

 import type { TextareaHTMLAttributes } from 'react';
 import './styles/FormInput.css';
-declare type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
-declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+declare type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    'data-test-id'?: string;
+};
+declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    'data-test-id'?: string | undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
 export { TextArea };
 export type { TextAreaProps };
 //# sourceMappingURL=TextArea.d.ts.map

dist/TextField.d.ts

@@ -7,2 +7,3 @@ import type { InputHTMLAttributes } from 'react';
     overrideWidth?: string;
+    'data-test-id'?: string;
 };
@@ -13,2 +14,3 @@ declare const TextField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
     overrideWidth?: string | undefined;
+    'data-test-id'?: string | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;
@@ -15,0 +17,0 @@ export { TextField };

package.json

 {
   "name": "@launchpad-ui/form",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "status": "beta",
@@ -29,3 +29,3 @@ "publishConfig": {
   "dependencies": {
-    "@launchpad-ui/icons": "~0.5.0",
+    "@launchpad-ui/icons": "~0.5.1",
     "@launchpad-ui/tokens": "~0.1.5",
@@ -32,0 +32,0 @@ "@react-aria/visually-hidden": "^3.4.0",

No alert changes

Improved metrics

Total package byte prevSize

114389

increased by7.75%

Lines of code

1522

increased by5.84%

Dependency changes

• Updated@launchpad-ui/icons@~0.5.1