@canonical/react-ds-core-form 0.9.0-experimental.10 → 0.9.0-experimental.11

package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts

@@ -1,10 +1,5 @@
 import type React from "react";
-import type { CheckboxProps } from "./types.js";
 import "./styles.css";
-/**
- * description of the Checkbox component
- * @returns {React.ReactElement} - Rendered Checkbox
- */
-declare const Checkbox: ({ id, className, style, name, registerProps, }: CheckboxProps) => React.ReactElement;
-export default Checkbox;
+declare const _default: ({ middleware, WrapperComponent, ...props }: import("../../types.js").BaseFieldProps) => React.ReactElement;
+export default _default;
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/ui/Field/inputs/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,QAAQ,mDAMX,aAAa,KAAG,KAAK,CAAC,YAWxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;;AA6BtB,wBAAqC"}

package/dist/types/ui/Field/inputs/Text/Text.d.ts

@@ -1,10 +1,5 @@
 import type React from "react";
-import type { TextProps } from "./types.js";
 import "./styles.css";
-/**
- * description of the Text component
- * @returns {React.ReactElement} - Rendered Text
- */
-declare const Text: ({ id, className, style, inputType, name, registerProps, }: TextProps) => React.ReactElement;
-export default Text;
+declare const _default: ({ middleware, WrapperComponent, ...props }: import("../../types.js").BaseFieldProps) => React.ReactElement;
+export default _default;
 //# sourceMappingURL=Text.d.ts.map

package/dist/types/ui/Field/inputs/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,IAAI,8DAOP,SAAS,KAAG,KAAK,CAAC,YAWpB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,cAAc,CAAC;;AA4BtB,wBAAiC"}

package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts

@@ -1,10 +1,5 @@
 import type React from "react";
-import type { TextareaProps } from "./types.js";
 import "./styles.css";
-/**
- * description of the Textarea component
- * @returns {React.ReactElement} - Rendered Textarea
- */
-declare const Textarea: ({ id, className, style, name, registerProps, }: TextareaProps) => React.ReactElement;
-export default Textarea;
+declare const _default: ({ middleware, WrapperComponent, ...props }: import("../../types.js").BaseFieldProps) => React.ReactElement;
+export default _default;
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/types/ui/Field/inputs/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,QAAQ,mDAMX,aAAa,KAAG,KAAK,CAAC,YAUxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,cAAc,CAAC;;AA2BtB,wBAAqC"}

package/dist/types/ui/Field/inputs/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Textarea/index.js";
 export * from "./Text/index.js";
 export * from "./Checkbox/index.js";
+export type * from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Field/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AAEpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,qBAAqB,CAAC;AAEpC,mBAAmB,YAAY,CAAC"}

package/dist/types/ui/Field/inputs/types.d.ts

@@ -1,3 +1,6 @@
+import type { CheckboxProps } from "./Checkbox/types.js";
+import type { TextProps } from "./Text/types.js";
+import type { TextareaProps } from "./Textarea/types.js";
 export type BaseInputProps = {
     id?: string;
     children?: React.ReactNode;
@@ -6,4 +9,5 @@ export type BaseInputProps = {
     name: string;
     registerProps?: Record<string, unknown>;
 };
+export type InputProps = CheckboxProps | TextProps | TextareaProps;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Field/inputs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/inputs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC"}

package/dist/types/ui/Field/types.d.ts

@@ -1,17 +1,27 @@
 import type React from "react";
-import type { CheckboxProps, TextProps, TextareaProps } from "./inputs/index.js";
-export declare enum InputType {
-    Text = "text",
-    Password = "password",
-    Email = "email",
-    Number = "number",
-    Tel = "tel",
-    Url = "url",
-    Textarea = "textarea",
-    Custom = "custom",
-    Checkbox = "checkbox"
-}
-export type InputProps = CheckboxProps | TextProps | TextareaProps;
+import type { InputProps } from "./inputs/index.js";
+/**
+ * Represents the type of input to render.
+ */
+export type InputType = "text" | "password" | "email" | "number" | "tel" | "url" | "textarea" | "custom" | "checkbox";
+export type BaseWrapperProps = {
+    /**
+     * middleware to apply to the input
+     **/
+    middleware?: FormInputHOC[];
+    /**
+     * An optional wrapper component to render around the input.
+     */
+    WrapperComponent?: React.ElementType;
+};
+/**
+ * A type for an instantiated higher-order component (HOC) wrapping an Input.
+ * This accurately represents the props that can be passed to the HOC.
+ */
+export type BaseFieldProps = BaseWrapperProps & InputProps;
+/**
+ * The props for the Field component, switching between different input types.
+ */
 export type FieldProps = {
     /**
      * Type of input to render
@@ -21,5 +31,6 @@ export type FieldProps = {
      * Custom component to render
      **/
     CustomComponent?: React.ElementType;
-} & InputProps;
+} & BaseFieldProps;
+export type FormInputHOC<ExtendedProps extends BaseFieldProps = BaseFieldProps> = (WrappedComponent: React.ComponentType<BaseFieldProps>) => React.ComponentType<ExtendedProps>;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/ui/Field/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Field/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACd,MAAM,mBAAmB,CAAC;AAE3B,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,QAAQ,aAAa;CAOtB;AAED,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;QAEI;IACJ,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACrC,GAAG,UAAU,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/Field/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,UAAU,GACV,OAAO,GACP,QAAQ,GACR,KAAK,GACL,KAAK,GACL,UAAU,GACV,QAAQ,GACR,UAAU,CAAC;AAQf,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;QAEI;IACJ,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACtC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG,UAAU,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;QAEI;IACJ,eAAe,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACrC,GAAG,cAAc,CAAC;AAEnB,MAAM,MAAM,YAAY,CACtB,aAAa,SAAS,cAAc,GAAG,cAAc,IACnD,CACF,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAClD,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canonical/react-ds-core-form",
-  "version": "0.9.0-experimental.10",
+  "version": "0.9.0-experimental.11",
   "type": "module",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -38,7 +38,7 @@
     "test:vitest:watch": "vitest"
   },
   "dependencies": {
-    "@canonical/storybook-config": "^0.9.0-experimental.5",
+    "@canonical/storybook-config": "^0.9.0-experimental.11",
     "@canonical/styles": "^0.9.0-experimental.9",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -67,5 +67,5 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.9"
   },
-  "gitHead": "9f5cceda31194238d239de8113a3f035b06c9316"
+  "gitHead": "5a5c35f36022ab346ab6cb40f74affc712e7beda"
 }