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

package/dist/esm/ui/middleware/addRESTOptions.js

@@ -0,0 +1,44 @@
+import { createElement, useEffect, useState } from "react";
+function addRESTFieldOptions(url, options = {}) {
+    const { method = "GET", headers = {}, transformData = (data) => data, } = options;
+    return (WrappedComponent) => {
+        return function ExtendedComponent(props) {
+            const [optionsData, setOptionsData] = useState([]);
+            const [loading, setLoading] = useState(true);
+            const [error, setError] = useState(null);
+            useEffect(() => {
+                fetch(url, {
+                    method,
+                    headers,
+                })
+                    .then((response) => {
+                    if (!response.ok) {
+                        throw new Error("Failed to fetch options");
+                    }
+                    return response.json();
+                })
+                    .then((data) => {
+                    const transformed = transformData(data);
+                    setOptionsData(transformed);
+                    setLoading(false);
+                })
+                    .catch((err) => {
+                    setError(err.message);
+                    setLoading(false);
+                });
+            }, [url]);
+            if (loading) {
+                return createElement("div", null, "Loading options...");
+            }
+            if (error) {
+                return createElement("div", null, `Error: ${error}`);
+            }
+            return createElement(WrappedComponent, {
+                ...props,
+                options: optionsData,
+            });
+        };
+    };
+}
+export default addRESTFieldOptions;
+//# sourceMappingURL=addRESTOptions.js.map

package/dist/esm/ui/middleware/addRESTOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addRESTOptions.js","sourceRoot":"","sources":["../../../../src/ui/middleware/addRESTOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU3D,SAAS,mBAAmB,CAC1B,GAAW,EACX,UAA+B,EAAE;IAGjC,MAAM,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,EAAE,EACZ,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAC/B,GAAG,OAAO,CAAC;IAEZ,OAAO,CAAC,gBAAgB,EAAE,EAAE;QAC1B,OAAO,SAAS,iBAAiB,CAAC,KAAK;YACrC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;YAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;YAExD,SAAS,CAAC,GAAG,EAAE;gBACb,KAAK,CAAC,GAAG,EAAE;oBACT,MAAM;oBACN,OAAO;iBACR,CAAC;qBACC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACjB,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;wBACjB,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC;oBAC7C,CAAC;oBACD,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;gBACzB,CAAC,CAAC;qBACD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;oBACb,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;oBACxC,cAAc,CAAC,WAAW,CAAC,CAAC;oBAC5B,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,CAAC;qBACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;oBACb,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;oBACtB,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,CAAC,CAAC;YACP,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;YAEV,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,oBAAoB,CAAC,CAAC;YAC1D,CAAC;YACD,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,KAAK,EAAE,CAAC,CAAC;YACvD,CAAC;YACD,OAAO,aAAa,CAAC,gBAAgB,EAAE;gBACrC,GAAG,KAAK;gBACR,OAAO,EAAE,WAAW;aACrB,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/esm/ui/middleware/addRESTValidation.js

@@ -0,0 +1,38 @@
+import { debounce } from "@canonical/utils";
+import { createElement, useCallback, useEffect } from "react";
+import { useFormContext } from "react-hook-form";
+function addRESTFieldValidation(url, options = {}) {
+    const { method = "POST", headers = { "Content-Type": "application/json" }, bodyFormatter = (value) => ({ value }), errorExtractor = async () => "Validation failed", minLength = 3, debounceWait = 300, } = options;
+    return (WrappedComponent) => {
+        return function ExtendedComponent(props) {
+            const { name } = props;
+            const { setError, clearErrors, watch } = useFormContext();
+            const value = watch(name);
+            const debouncedFetch = useCallback(debounce(async (val) => {
+                const response = await fetch(url, {
+                    method,
+                    headers,
+                    body: JSON.stringify(bodyFormatter(val)),
+                });
+                if (!response.ok) {
+                    const errorMessage = await errorExtractor(response);
+                    setError(name, { type: "manual", message: errorMessage });
+                }
+                else {
+                    clearErrors(name);
+                }
+            }, debounceWait), []);
+            useEffect(() => {
+                if (value && value.length >= minLength) {
+                    debouncedFetch(value);
+                }
+                else {
+                    clearErrors(name);
+                }
+            }, [value, debouncedFetch, name, clearErrors]);
+            return createElement(WrappedComponent, props);
+        };
+    };
+}
+export default addRESTFieldValidation;
+//# sourceMappingURL=addRESTValidation.js.map

package/dist/esm/ui/middleware/addRESTValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addRESTValidation.js","sourceRoot":"","sources":["../../../../src/ui/middleware/addRESTValidation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAajD,SAAS,sBAAsB,CAC7B,GAAW,EACX,UAA6B,EAAE;IAG/B,MAAM,EACJ,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,EAAE,cAAc,EAAE,kBAAkB,EAAE,EAChD,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EACtC,cAAc,GAAG,KAAK,IAAI,EAAE,CAAC,mBAAmB,EAChD,SAAS,GAAG,CAAC,EACb,YAAY,GAAG,GAAG,GACnB,GAAG,OAAO,CAAC;IAEZ,OAAO,CAAC,gBAAgB,EAAE,EAAE;QAC1B,OAAO,SAAS,iBAAiB,CAAC,KAAK;YACrC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;YACvB,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;YAC1D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,QAAQ,CAAC,KAAK,EAAE,GAAW,EAAE,EAAE;gBAC7B,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE;oBAChC,MAAM;oBACN,OAAO;oBACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;iBACzC,CAAC,CAAC;gBACH,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;oBACjB,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,QAAQ,CAAC,CAAC;oBACpD,QAAQ,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC;gBAC5D,CAAC;qBAAM,CAAC;oBACN,WAAW,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,EAAE,YAAY,CAAC,EAChB,EAAE,CACH,CAAC;YAEF,SAAS,CAAC,GAAG,EAAE;gBACb,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC;oBACvC,cAAc,CAAC,KAAK,CAAC,CAAC;gBACxB,CAAC;qBAAM,CAAC;oBACN,WAAW,CAAC,IAAI,CAAC,CAAC;gBACpB,CAAC;YACH,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAE/C,OAAO,aAAa,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;QAChD,CAAC,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/esm/ui/middleware/index.js

@@ -0,0 +1,4 @@
+export { default as addRESTOptions } from "./addRESTOptions.js";
+export { default as addRESTValidation } from "./addRESTValidation.js";
+export { default as addConditionalDisplay } from "./addConditionalDisplay.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/middleware/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/middleware/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/ui/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C;;;GAGG;AACH,QAAA,MAAM,KAAK,6CAIR,UAAU,KAAG,KAAK,CAAC,YAYrB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/ui/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAE7C;;;GAGG;AACH,QAAA,MAAM,KAAK,GAAI,0CAIZ,UAAU,KAAG,KAAK,CAAC,YAsBrB,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Description/Description.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,WAAW,wCAKd,gBAAgB,KAAG,KAAK,CAAC,YAU3B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Description/Description.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,WAAW,GAAI,qCAKlB,gBAAgB,KAAG,KAAK,CAAC,YAU3B,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Error/Error.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,UAAU,wCAKb,UAAU,KAAG,KAAK,CAAC,YAWrB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Error.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Error/Error.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;AAItB;;;GAGG;AACH,QAAA,MAAM,UAAU,GAAI,qCAKjB,UAAU,KAAG,KAAK,CAAC,YAWrB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -5,6 +5,6 @@ import "./styles.css";
  * description of the Label component
  * @returns {React.ReactElement} - Rendered Label
  */
-declare const Label: ({ id, children, className, style, name, isOptional, messages, namePrefix, tag: Element, }: LabelProps) => React.ReactElement;
+declare const Label: ({ id, children, className, style, name, isOptional, messages, htmlFor, tag: Element, }: LabelProps) => React.ReactElement;
 export default Label;
 //# sourceMappingURL=Label.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;AAStB;;;GAGG;AACH,QAAA,MAAM,KAAK,8FAUR,UAAU,KAAG,KAAK,CAAC,YAYrB,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,cAAc,CAAC;AAStB;;;GAGG;AACH,QAAA,MAAM,KAAK,GAAI,wFAUZ,UAAU,KAAG,KAAK,CAAC,YAYrB,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -9,7 +9,7 @@ export interface LabelProps {
     children?: React.ReactNode;
     style?: React.CSSProperties;
     name: string;
-    namePrefix?: string;
+    htmlFor?: string;
     isOptional?: boolean;
     messages?: LabelMessages;
     tag?: keyof JSX.IntrinsicElements;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Label/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,aAAa;IAE5B,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IAEzB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,IAAI,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACnC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Label/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,aAAa;IAE5B,QAAQ,EAAE,MAAM,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IAEzB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,QAAQ,CAAC,EAAE,aAAa,CAAC;IAEzB,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACnC"}

package/dist/types/ui/Field/common/Wrapper/InvisibleWrapper.d.ts

@@ -0,0 +1,13 @@
+import type React from "react";
+import type { BaseInputProps, WrapperProps } from "../../types.js";
+/**
+ * InvisibleWrapper component for hidden form inputs.
+ * It wraps the specified input component and handles form registration
+ * without rendering visible elements like labels or error messages.
+ *
+ * @param {WrapperProps<ComponentProps>} props - Component props including the Component to wrap and form-related props.
+ * @returns {React.ReactElement} - Rendered wrapped component.
+ */
+declare const InvisibleWrapper: <ComponentProps extends BaseInputProps>({ name, Component, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, ...otherProps }: WrapperProps<ComponentProps>) => React.ReactElement;
+export default InvisibleWrapper;
+//# sourceMappingURL=InvisibleWrapper.d.ts.map

package/dist/types/ui/Field/common/Wrapper/InvisibleWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvisibleWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/InvisibleWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnE;;;;;;;GAOG;AACH,QAAA,MAAM,gBAAgB,GAAI,cAAc,SAAS,cAAc,EAAE,gHAO9D,YAAY,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAevC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,10 +1,10 @@
 import type React from "react";
-import type { WrapperProps } from "./types.js";
+import type { BaseInputProps, WrapperProps } from "../../types.js";
 import "./styles.css";
 /**
  * description of the Wrapper component
  * @returns {React.ReactElement} - Rendered Wrapper
  */
-declare const Wrapper: ({ id, children, className, style, name, Component, description, label, isOptional, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, mockLabel, ...otherProps }: WrapperProps) => React.ReactElement;
+declare const Wrapper: <ComponentProps extends BaseInputProps>({ id, className, style, name, Component, description, label, isOptional, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, mockLabel, ...otherProps }: WrapperProps<ComponentProps>) => React.ReactElement;
 export default Wrapper;
 //# sourceMappingURL=Wrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,cAAc,CAAC;AAMtB;;;GAGG;AACH,QAAA,MAAM,OAAO,8LAiBV,YAAY,KAAG,KAAK,CAAC,YAyCvB,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Wrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,cAAc,CAAC;AAMtB;;;GAGG;AACH,QAAA,MAAM,OAAO,GAAI,cAAc,SAAS,cAAc,EAAE,iLAgBrD,YAAY,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAgDvC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts

@@ -19,11 +19,12 @@ declare const useFieldWrapper: (name: string, options?: UseFieldWrapperOptions)
             id: string;
             "aria-labelledby": string;
             "aria-describedby": string;
-            "aria-errormessage": string;
+            "aria-errormessage": string | undefined;
             "aria-invalid": boolean;
         };
         label: {
             id: string;
+            htmlFor: string;
         };
         description: {
             id: string;

package/dist/types/ui/Field/common/Wrapper/hooks/useFieldWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/Field/common/Wrapper/hooks/useFieldWrapper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAKvE,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,eAAe,SACb,MAAM,YACH,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8ChC,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/Field/common/Wrapper/hooks/useFieldWrapper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAKvE,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,mBAAmB,CAAC,EAAE,eAAe,CAAC;IACtC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF;;;;GAIG;AACH,QAAA,MAAM,eAAe,GACnB,MAAM,MAAM,EACZ,UAAS,sBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CrC,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/types/ui/Field/common/Wrapper/index.d.ts

@@ -1,3 +1,5 @@
 export { default as Wrapper } from "./Wrapper.js";
+export { default as InvisibleWrapper } from "./InvisibleWrapper.js";
+export { default as withWrapper } from "./withWrapper.js";
 export * from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/ui/Field/common/Wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,cAAc,YAAY,CAAC"}

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

@@ -1,19 +1,2 @@
-import type React from "react";
-import type { BaseInputProps } from "../../inputs/index.ts";
-import type { BaseFieldProps, BaseWrapperProps } from "../../types.js";
-type BaseComponentProps = BaseInputProps & BaseWrapperProps;
-export type WrapperProps<ComponentProps extends BaseComponentProps = BaseFieldProps> = BaseFieldProps & {
-    id?: string;
-    className?: string;
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-    description?: string;
-    label?: string;
-    isOptional?: boolean;
-    nestedRegisterProps?: Record<string, unknown>;
-    unregisterOnUnmount?: boolean;
-    mockLabel?: boolean;
-    Component: React.ComponentType<ComponentProps>;
-};
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,KAAK,kBAAkB,GAAG,cAAc,GAAG,gBAAgB,CAAC;AAE5D,MAAM,MAAM,YAAY,CACtB,cAAc,SAAS,kBAAkB,GAAG,cAAc,IACxD,cAAc,GAAG;IAEnB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAG9C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;CAChD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/types.ts"],"names":[],"mappings":""}

package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts

@@ -1,8 +1,6 @@
 import * as React from "react";
-import type { InputProps } from "../../inputs/index.js";
-import type { BaseFieldProps } from "../../types.js";
-import DefaultWrapper from "./Wrapper.js";
-import type { WrapperProps } from "./types.js";
-declare const withWrapper: (Component: React.ComponentType<InputProps>, options?: WrapperProps, Wrapper?: typeof DefaultWrapper) => ({ middleware, WrapperComponent, ...props }: BaseFieldProps) => React.ReactElement;
+import type { BaseInputProps, BaseWrapperProps, WrappedComponentProps, WrapperProps } from "../../types.js";
+type WrappedComponentPropsInternal<ComponentProps extends BaseInputProps> = Omit<WrappedComponentProps<ComponentProps>, "Component">;
+declare const withWrapper: <ComponentProps extends BaseInputProps, ComponentWrapperProps extends BaseWrapperProps<ComponentProps> = WrapperProps<ComponentProps>>(Component: React.ComponentType<ComponentProps>, options?: Partial<ComponentWrapperProps>, Wrapper?: React.ComponentType<WrapperProps<ComponentProps>>) => ({ middleware, WrapperComponent, ...props }: WrappedComponentPropsInternal<ComponentProps>) => React.ReactElement;
 export default withWrapper;
 //# sourceMappingURL=withWrapper.d.ts.map

package/dist/types/ui/Field/common/Wrapper/withWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAA4B,MAAM,gBAAgB,CAAC;AAC/E,OAAO,cAAc,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAK/C,QAAA,MAAM,WAAW,cACJ,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,YAChC,YAAY,YACb,OAAO,cAAc,kDAQ3B,cAAc,KAAG,KAAK,CAAC,YAsB3B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"withWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,YAAY,EACb,MAAM,gBAAgB,CAAC;AAGxB,KAAK,6BAA6B,CAAC,cAAc,SAAS,cAAc,IACtE,IAAI,CAAC,qBAAqB,CAAC,cAAc,CAAC,EAAE,WAAW,CAAC,CAAC;AAE3D,QAAA,MAAM,WAAW,GACf,cAAc,SAAS,cAAc,EACrC,qBAAqB,SACnB,gBAAgB,CAAC,cAAc,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,EAEjE,WAAW,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,EAC9C,UAAU,OAAO,CAAC,qBAAqB,CAAC,EACxC,UAAS,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,cAAc,CAAC,CAAkB,kDAUxE,6BAA6B,CAAC,cAAc,CAAC,KAAG,KAAK,CAAC,YAiC1D,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,3 +1,4 @@
 export { default as useFieldError } from "./useFieldError.js";
 export { default as useFieldAriaProperties } from "./useFieldAriaProperties.js";
+export { default as useOptionAriaProperties } from "./useOptionAriaProperties.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,8BAA8B,CAAC"}

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

@@ -9,11 +9,12 @@ declare const useFieldAriaProps: (name: string, isError: boolean) => {
         id: string;
         "aria-labelledby": string;
         "aria-describedby": string;
-        "aria-errormessage": string;
+        "aria-errormessage": string | undefined;
         "aria-invalid": boolean;
     };
     label: {
         id: string;
+        htmlFor: string;
     };
     description: {
         id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useFieldAriaProperties.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useFieldAriaProperties.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,SAAU,MAAM,WAAW,OAAO;;;;;;;;;;;;;;;;;CAuBpC,CAAC;AAEtB,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useFieldAriaProperties.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useFieldAriaProperties.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,QAAA,MAAM,iBAAiB,GAAI,MAAM,MAAM,EAAE,SAAS,OAAO;;;;;;;;;;;;;;;;;;CA4BxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,19 @@
+/**
+ * Generates ARIA properties for a specific option in a field.
+ * @param {string} name - The base name of the input field.
+ * @param {string} optionValue - The value of the specific option.
+ * @returns An object containing ARIA attributes for the option.
+ */
+declare const useOptionAriaProps: (name: string, optionValue: string) => {
+    input: {
+        id: string;
+        "aria-labelledby": string;
+        "aria-describedby": string;
+    };
+    label: {
+        id: string;
+        htmlFor: string;
+    };
+};
+export default useOptionAriaProps;
+//# sourceMappingURL=useOptionAriaProperties.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOptionAriaProperties.d.ts","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useOptionAriaProperties.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,QAAA,MAAM,kBAAkB,GAAI,MAAM,MAAM,EAAE,aAAa,MAAM;;;;;;;;;;CAsB5D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}