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

package/dist/esm/ui/Field/Field.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox, Text, Textarea } from "./inputs/index.js";
+import { Checkbox, Combobox, Hidden, Range, Select, SimpleChoices, Text, Textarea, } from "./inputs/index.js";
 /**
  * description of the Field component
  * @returns {React.ReactElement} - Rendered Field
@@ -10,6 +10,16 @@ const Field = ({ inputType, CustomComponent, ...props }) => {
             return _jsx(Textarea, { ...props });
         case "checkbox":
             return _jsx(Checkbox, { ...props });
+        case "range":
+            return _jsx(Range, { ...props });
+        case "select":
+            return _jsx(Select, { ...props });
+        case "simple-choices":
+            return _jsx(SimpleChoices, { ...props });
+        case "combobox":
+            return _jsx(Combobox, { ...props });
+        case "hidden":
+            return _jsx(Hidden, { ...props });
         case "custom":
             // @ts-ignore // TODO Add special type for both or none
             return _jsx(CustomComponent, { ...props });

package/dist/esm/ui/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/ui/Field/Field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7D;;;GAGG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,eAAe,EACf,GAAG,KAAK,EACG,EAAsB,EAAE;IACnC,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,UAAU;YACb,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;QACjC,KAAK,UAAU;YACb,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;QACjC,KAAK,QAAQ;YACX,uDAAuD;YACvD,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;QACxC;YACE,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAC;IACrD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/ui/Field/Field.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,QAAQ,GACT,MAAM,mBAAmB,CAAC;AAG3B;;;GAGG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,eAAe,EACf,GAAG,KAAK,EACG,EAAsB,EAAE;IACnC,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,UAAU;YACb,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;QACjC,KAAK,UAAU;YACb,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;QACjC,KAAK,OAAO;YACV,OAAO,KAAC,KAAK,OAAK,KAAK,GAAI,CAAC;QAC9B,KAAK,QAAQ;YACX,OAAO,KAAC,MAAM,OAAK,KAAK,GAAI,CAAC;QAC/B,KAAK,gBAAgB;YACnB,OAAO,KAAC,aAAa,OAAK,KAAK,GAAI,CAAC;QACtC,KAAK,UAAU;YACb,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;QACjC,KAAK,QAAQ;YACX,OAAO,KAAC,MAAM,OAAK,KAAK,GAAI,CAAC;QAC/B,KAAK,QAAQ;YACX,uDAAuD;YACvD,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;QACxC;YACE,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAC;IACrD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/ui/Field/common/Label/Label.js

@@ -1,6 +1,6 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import "./styles.css";
-const componentCssClassName = "ds label";
+const componentCssClassName = "ds form-label";
 /** Placeholder for internationalized messages */
 const defaultMessages = {
     optional: () => "optional",
@@ -9,8 +9,8 @@ const defaultMessages = {
  * description of the Label component
  * @returns {React.ReactElement} - Rendered Label
  */
-const Label = ({ id, children, className, style, name, isOptional, messages = defaultMessages, namePrefix = "form-", tag: Element = "label", }) => {
-    return (_jsxs(Element, { id: id, style: style, htmlFor: Element === "label" ? `${namePrefix}${name}` : undefined, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [children || name, isOptional && _jsxs("span", { children: [" (", messages.optional(), ")"] })] }));
+const Label = ({ id, children, className, style, name, isOptional, messages = defaultMessages, htmlFor, tag: Element = "label", }) => {
+    return (_jsxs(Element, { id: id, style: style, htmlFor: Element === "label" ? htmlFor : undefined, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [children || name, isOptional && _jsxs("span", { children: [" (", messages.optional(), ")"] })] }));
 };
 export default Label;
 //# sourceMappingURL=Label.js.map

package/dist/esm/ui/Field/common/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Label/Label.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,UAAU,CAAC;AAEzC,iDAAiD;AACjD,MAAM,eAAe,GAAG;IACtB,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU;CAC3B,CAAC;AAEF;;;GAGG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,GAAG,eAAe,EAC1B,UAAU,GAAG,OAAO,EACpB,GAAG,EAAE,OAAO,GAAG,OAAO,GACX,EAAsB,EAAE;IACnC,OAAO,CACL,MAAC,OAAO,IACN,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,EACjE,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,iCAAS,QAAQ,CAAC,QAAQ,EAAE,SAAS,IAC5C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Label/Label.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,eAAe,CAAC;AAE9C,iDAAiD;AACjD,MAAM,eAAe,GAAG;IACtB,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU;CAC3B,CAAC;AAEF;;;GAGG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,GAAG,eAAe,EAC1B,OAAO,EACP,GAAG,EAAE,OAAO,GAAG,OAAO,GACX,EAAsB,EAAE;IACnC,OAAO,CACL,MAAC,OAAO,IACN,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,iCAAS,QAAQ,CAAC,QAAQ,EAAE,SAAS,IAC5C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/esm/ui/Field/common/Label/styles.css

@@ -1,7 +1,5 @@
 /* @canonical/generator-ds 0.9.0-experimental.4 */
 
-/*
-.ds.label {
-
+.ds.form-label {
+  font-weight: bold;
 }
-*/

package/dist/esm/ui/Field/common/Wrapper/InvisibleWrapper.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFieldWrapper } from "./hooks/index.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.
+ */
+const InvisibleWrapper = ({ name, Component, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, ...otherProps }) => {
+    const { registerProps, ariaProps } = useFieldWrapper(name, {
+        userRegisterProps,
+        nestedRegisterProps,
+        unregisterOnUnmount,
+    });
+    const componentProps = {
+        name,
+        registerProps,
+        ...ariaProps.input,
+        ...otherProps,
+    };
+    return _jsx(Component, { ...componentProps });
+};
+export default InvisibleWrapper;
+//# sourceMappingURL=InvisibleWrapper.js.map

package/dist/esm/ui/Field/common/Wrapper/InvisibleWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvisibleWrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/InvisibleWrapper.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,gBAAgB,GAAG,CAAwC,EAC/D,IAAI,EACJ,SAAS,EACT,aAAa,EAAE,iBAAiB,EAChC,mBAAmB,EACnB,mBAAmB,EACnB,GAAG,UAAU,EACgB,EAAsB,EAAE;IACrD,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC,IAAI,EAAE;QACzD,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;KACpB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG;QACrB,IAAI;QACJ,aAAa;QACb,GAAG,SAAS,CAAC,KAAK;QAClB,GAAG,UAAU;KACI,CAAC;IAEpB,OAAO,KAAC,SAAS,OAAK,cAAc,GAAI,CAAC;AAC3C,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/ui/Field/common/Wrapper/Wrapper.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
 import "./styles.css";
 import { Description, Error as FieldError, Label } from "../index.js";
 import { useFieldWrapper } from "./hooks/index.js";
@@ -7,7 +8,7 @@ const componentCssClassName = "ds form-wrapper";
  * description of the Wrapper component
  * @returns {React.ReactElement} - Rendered Wrapper
  */
-const Wrapper = ({ id, children, className, style, name, Component, description, label, isOptional, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, mockLabel = false, ...otherProps }) => {
+const Wrapper = ({ id, className, style, name, Component, description, label, isOptional, registerProps: userRegisterProps, nestedRegisterProps, unregisterOnUnmount, mockLabel = false, ...otherProps }) => {
     const { fieldError, isError, ariaProps, registerProps } = useFieldWrapper(name, {
         label,
         isOptional,
@@ -15,7 +16,14 @@ const Wrapper = ({ id, children, className, style, name, Component, description,
         nestedRegisterProps,
         unregisterOnUnmount,
     });
-    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx(Description, { ...ariaProps.description, children: description }), _jsx(Label, { name: name, isOptional: isOptional, tag: mockLabel ? "legend" : undefined, ...ariaProps.label, children: label }), _jsx(Component, { name: name, registerProps: registerProps, ...ariaProps.input, ...otherProps }), isError && (_jsx(FieldError, { ...ariaProps.error, children: fieldError?.message?.toString() })), children] }));
+    // biome-ignore lint/correctness/useExhaustiveDependencies: -
+    const componentProps = useMemo(() => ({
+        name,
+        registerProps,
+        ...ariaProps.input,
+        ...otherProps,
+    }), [name, registerProps, ariaProps.input]);
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx(Label, { name: name, isOptional: isOptional, tag: mockLabel ? "legend" : undefined, ...ariaProps.label, children: label }), _jsxs("div", { className: "payload", children: [_jsx(Description, { ...ariaProps.description, children: description }), _jsx(Component, { ...componentProps }), isError && (_jsx(FieldError, { ...ariaProps.error, children: fieldError?.message?.toString() }))] })] }));
 };
 export default Wrapper;
 //# sourceMappingURL=Wrapper.js.map

package/dist/esm/ui/Field/common/Wrapper/Wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,aAAa,EAAE,iBAAiB,EAChC,mBAAmB,EACnB,mBAAmB,EAEnB,SAAS,GAAG,KAAK,EACjB,GAAG,UAAU,EACA,EAAsB,EAAE;IACrC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,eAAe,CACvE,IAAI,EACJ;QACE,KAAK;QACL,UAAU;QACV,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;KACpB,CACF,CAAC;IAEF,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEvE,KAAC,WAAW,OAAK,SAAS,CAAC,WAAW,YAAG,WAAW,GAAe,EACnE,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KACjC,SAAS,CAAC,KAAK,YAElB,KAAK,GACA,EACR,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,KACxB,SAAS,CAAC,KAAK,KACf,UAAU,GACd,EACD,OAAO,IAAI,CACV,KAAC,UAAU,OAAK,SAAS,CAAC,KAAK,YAC5B,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GACrB,CACd,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Wrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/Wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,qBAAqB,GAAG,iBAAiB,CAAC;AAEhD;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAwC,EACtD,EAAE,EACF,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,aAAa,EAAE,iBAAiB,EAChC,mBAAmB,EACnB,mBAAmB,EAEnB,SAAS,GAAG,KAAK,EACjB,GAAG,UAAU,EACgB,EAAsB,EAAE;IACrD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,eAAe,CACvE,IAAI,EACJ;QACE,KAAK;QACL,UAAU;QACV,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;KACpB,CACF,CAAC;IAEF,6DAA6D;IAC7D,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACL,IAAI;QACJ,aAAa;QACb,GAAG,SAAS,CAAC,KAAK;QAClB,GAAG,UAAU;KACd,CAAC,EACF,CAAC,IAAI,EAAE,aAAa,EAAE,SAAS,CAAC,KAAK,CAAC,CACV,CAAC;IAE/B,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEvE,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,KACjC,SAAS,CAAC,KAAK,YAElB,KAAK,GACA,EACR,eAAK,SAAS,EAAC,SAAS,aACtB,KAAC,WAAW,OAAK,SAAS,CAAC,WAAW,YAAG,WAAW,GAAe,EACnE,KAAC,SAAS,OAAK,cAAc,GAAI,EAChC,OAAO,IAAI,CACV,KAAC,UAAU,OAAK,SAAS,CAAC,KAAK,YAC5B,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GACrB,CACd,IACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/ui/Field/common/Wrapper/hooks/useFieldWrapper.js

@@ -29,7 +29,8 @@ const useFieldWrapper = (name, options = {}) => {
         };
     }, [name]);
     const { unregister } = useFormContext();
-    useEffect(() => () => (unregisterOnUnmount ? unregister(name) : undefined), [unregisterOnUnmount, name, unregister]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: Comparing the `name` suffices
+    useEffect(() => () => (unregisterOnUnmount ? unregister(name) : undefined), [name]);
     return {
         fieldError,
         isError,

package/dist/esm/ui/Field/common/Wrapper/hooks/useFieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldWrapper.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/common/Wrapper/hooks/useFieldWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAwB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAUtC;;;;GAIG;AACH,MAAM,eAAe,GAAG,CACtB,IAAY,EACZ,UAAkC,EAAE,EACpC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,iBAAiB,GAAG,EAAE,EACtB,mBAAmB,GAAG,EAAE,EACxB,mBAAmB,GAAG,IAAI,GAC3B,GAAG,OAAO,CAAC;IAEZ,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC;IAE7B,MAAM,SAAS,GAAG,sBAAsB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAExD,yFAAyF;IACzF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,KAAK,GAAoB,EAAE,CAAC;QAClC,kFAAkF;QAClF,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,KAAK,CAAC,QAAQ,GAAG;gBACf,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC;aAC1C,CAAC;QACJ,CAAC;QACD,OAAO;YACL,GAAG,mBAAmB;YACtB,GAAG,KAAK;YACR,GAAG,iBAAiB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAExC,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAChE,CAAC,mBAAmB,EAAE,IAAI,EAAE,UAAU,CAAC,CACxC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,OAAO;QACP,SAAS;QACT,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useFieldWrapper.js","sourceRoot":"","sources":["../../../../../../../src/ui/Field/common/Wrapper/hooks/useFieldWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAwB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAUtC;;;;GAIG;AACH,MAAM,eAAe,GAAG,CACtB,IAAY,EACZ,UAAkC,EAAE,EACpC,EAAE;IACF,MAAM,EACJ,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,iBAAiB,GAAG,EAAE,EACtB,mBAAmB,GAAG,EAAE,EACxB,mBAAmB,GAAG,IAAI,GAC3B,GAAG,OAAO,CAAC;IAEZ,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,CAAC;IAE7B,MAAM,SAAS,GAAG,sBAAsB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAExD,yFAAyF;IACzF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,KAAK,GAAoB,EAAE,CAAC;QAClC,kFAAkF;QAClF,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,KAAK,CAAC,QAAQ,GAAG;gBACf,KAAK,EAAE,IAAI;gBACX,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC;aAC1C,CAAC;QACJ,CAAC;QACD,OAAO;YACL,GAAG,mBAAmB;YACtB,GAAG,KAAK;YACR,GAAG,iBAAiB;SACrB,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IAExC,yFAAyF;IACzF,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAChE,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO;QACL,UAAU;QACV,OAAO;QACP,SAAS;QACT,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/esm/ui/Field/common/Wrapper/index.js

@@ -1,4 +1,6 @@
 /* @canonical/generator-ds 0.9.0-experimental.4 */
 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.js.map

package/dist/esm/ui/Field/common/Wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,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/esm/ui/Field/common/Wrapper/styles.css

@@ -1,7 +1,15 @@
 /* @canonical/generator-ds 0.9.0-experimental.4 */
 
-/*
 .ds.form-wrapper {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: var(--wrapper-columns, 1 / -1);
 
+  .ds.form-label {
+    grid-column: var(--form-label-columns, 1 / -1);
+  }
+
+  > .payload {
+    grid-column: var(--form-payload-columns, 1 / -1);
+  }
 }
-*/

package/dist/esm/ui/Field/common/Wrapper/withWrapper.js

@@ -1,22 +1,26 @@
 import * as React from "react";
 import { useMemo } from "react";
 import DefaultWrapper from "./Wrapper.js";
-// import MockWrapper from './WrapperContent.js'
-// import type { WrapperProps } from './types.js'
-// import withConditionalDisplay from './withConditionalDisplay.js'
 const withWrapper = (Component, options, Wrapper = DefaultWrapper) => {
     const MemoizedComponent = React.memo(Component);
     function WrappedComponent({ middleware = [], WrapperComponent = Wrapper, ...props }) {
         // We apply the middleware to the component in reverse orderso
         // so that the first middleware in the array is the first to be applied to the component
-        const ExtendedComponent = useMemo(() => middleware
+        const ExtendedComponent = useMemo(() => 
+        // The middleware happens between the Wrapper and the Component,
+        // hence the return type of P
+        middleware
             .reverse()
             .reduce((AccumulatedComponent, hoc) => hoc(AccumulatedComponent), MemoizedComponent), [middleware]);
-        return React.createElement(WrapperComponent, {
+        // Type casting to avoid hard to read overloads.
+        const finalProps = {
+            // Component: MemoizedComponent,
             Component: ExtendedComponent,
             ...props,
             ...options,
-        });
+        };
+        // } as WrapperProps<ComponentProps>; // The typing should be ComponentWrapperProps, but it would require an overload
+        return React.createElement(WrapperComponent, finalProps);
     }
     // return withConditionalDisplay(WrappedComponent)
     return WrappedComponent;

package/dist/esm/ui/Field/common/Wrapper/withWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"withWrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,cAAc,MAAM,cAAc,CAAC;AAE1C,gDAAgD;AAChD,iDAAiD;AACjD,mEAAmE;AAEnE,MAAM,WAAW,GAAG,CAClB,SAA0C,EAC1C,OAAsB,EACtB,UAAiC,cAAc,EAC/C,EAAE;IACF,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEhD,SAAS,gBAAgB,CAAC,EACxB,UAAU,GAAG,EAAE,EACf,gBAAgB,GAAG,OAAO,EAC1B,GAAG,KAAK,EACO;QACf,8DAA8D;QAC9D,wFAAwF;QACxF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,UAAU;aACP,OAAO,EAAE;aACT,MAAM,CACL,CAAC,oBAAoB,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,EACxD,iBAAiB,CAClB,EACL,CAAC,UAAU,CAAC,CACb,CAAC;QAEF,OAAO,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE;YAC3C,SAAS,EAAE,iBAAiB;YAC5B,GAAG,KAAK;YACR,GAAG,OAAO;SACX,CAAC,CAAC;IACL,CAAC;IACD,kDAAkD;IAClD,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"withWrapper.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/common/Wrapper/withWrapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,cAAc,MAAM,cAAc,CAAC;AAK1C,MAAM,WAAW,GAAG,CAKlB,SAA8C,EAC9C,OAAwC,EACxC,UAA6D,cAAc,EAG3E,EAAE;IACF,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEhD,SAAS,gBAAgB,CAAC,EACxB,UAAU,GAAG,EAAE,EACf,gBAAgB,GAAG,OAAO,EAC1B,GAAG,KAAK,EACsC;QAC9C,8DAA8D;QAC9D,wFAAwF;QAExF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE;QACH,gEAAgE;QAChE,6BAA6B;QAC7B,UAAU;aACP,OAAO,EAAE;aACT,MAAM,CACL,CAAC,oBAAoB,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,EACxD,iBAAiB,CAClB,EACL,CAAC,UAAU,CAAC,CACb,CAAC;QAEF,gDAAgD;QAChD,MAAM,UAAU,GAAG;YACjB,gCAAgC;YAChC,SAAS,EAAE,iBAAiB;YAC5B,GAAG,KAAK;YACR,GAAG,OAAO;SACX,CAAC;QACF,qHAAqH;QAErH,OAAO,KAAK,CAAC,aAAa,CACxB,gBAAgB,EAChB,UAA0C,CAC3C,CAAC;IACJ,CAAC;IACD,kDAAkD;IAClD,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/ui/Field/hooks/index.js

@@ -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.js.map

package/dist/esm/ui/Field/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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.js","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/esm/ui/Field/hooks/useFieldAriaProperties.js

@@ -5,27 +5,33 @@ import { useId, useMemo } from "react";
  * @param {boolean} isError - Indicates if the field is in an error state.
  * @returns An object containing ARIA attributes for input, label, description, and error state.
  */
-const useFieldAriaProps = (name, isError) => useMemo(() => {
+const useFieldAriaProps = (name, isError) => {
     const uniqueId = useId();
-    const baseId = `${uniqueId}-${name}`;
-    const labelId = `${baseId}-label`;
-    const descriptionId = `${baseId}-description`;
-    const errorId = `${baseId}-error`;
-    return {
-        input: {
-            id: baseId,
-            "aria-labelledby": labelId,
-            "aria-describedby": `${descriptionId}${isError}` ? ` ${labelId}` : "",
-            "aria-errormessage": errorId,
-            "aria-invalid": isError,
-        },
-        label: { id: labelId },
-        description: { id: descriptionId },
-        error: {
-            id: errorId,
-            // role: "alert",
-        },
-    };
-}, [name, isError]);
+    const props = useMemo(() => {
+        const baseId = `${uniqueId}-${name}`;
+        const labelId = `${baseId}-label`;
+        const descriptionId = `${baseId}-description`;
+        const errorId = `${baseId}-error`;
+        return {
+            input: {
+                id: baseId,
+                "aria-labelledby": labelId,
+                "aria-describedby": `${descriptionId}${isError}` ? ` ${labelId}` : "",
+                "aria-errormessage": isError ? errorId : undefined,
+                "aria-invalid": isError,
+            },
+            label: {
+                id: labelId,
+                htmlFor: baseId,
+            },
+            description: { id: descriptionId },
+            error: {
+                id: errorId,
+                // role: "alert",
+            },
+        };
+    }, [name, isError, uniqueId]);
+    return props;
+};
 export default useFieldAriaProps;
 //# sourceMappingURL=useFieldAriaProperties.js.map

package/dist/esm/ui/Field/hooks/useFieldAriaProperties.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldAriaProperties.js","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useFieldAriaProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,OAAgB,EAAE,EAAE,CAC3D,OAAO,CAAC,GAAG,EAAE;IACX,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC;IACrC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,aAAa,GAAG,GAAG,MAAM,cAAc,CAAC;IAC9C,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAElC,OAAO;QACL,KAAK,EAAE;YACL,EAAE,EAAE,MAAM;YACV,iBAAiB,EAAE,OAAO;YAC1B,kBAAkB,EAAE,GAAG,aAAa,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;YACrE,mBAAmB,EAAE,OAAO;YAC5B,cAAc,EAAE,OAAO;SACxB;QACD,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE;QACtB,WAAW,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;QAClC,KAAK,EAAE;YACL,EAAE,EAAE,OAAO;YACX,iBAAiB;SAClB;KACF,CAAC;AACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;AAEtB,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useFieldAriaProperties.js","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useFieldAriaProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;GAKG;AACH,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,OAAgB,EAAE,EAAE;IAC3D,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC;QACrC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;QAClC,MAAM,aAAa,GAAG,GAAG,MAAM,cAAc,CAAC;QAC9C,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;QAElC,OAAO;YACL,KAAK,EAAE;gBACL,EAAE,EAAE,MAAM;gBACV,iBAAiB,EAAE,OAAO;gBAC1B,kBAAkB,EAAE,GAAG,aAAa,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;gBACrE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;gBAClD,cAAc,EAAE,OAAO;aACxB;YACD,KAAK,EAAE;gBACL,EAAE,EAAE,OAAO;gBACX,OAAO,EAAE,MAAM;aAChB;YACD,WAAW,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;YAClC,KAAK,EAAE;gBACL,EAAE,EAAE,OAAO;gBACX,iBAAiB;aAClB;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC9B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/ui/Field/hooks/useOptionAriaProperties.js

@@ -0,0 +1,30 @@
+import { useId, useMemo } from "react";
+/**
+ * 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.
+ */
+const useOptionAriaProps = (name, optionValue) => {
+    const uniqueId = useId();
+    const props = useMemo(() => {
+        const baseId = `${uniqueId}-${name}`;
+        const descriptionId = `${baseId}-description`;
+        const optionBaseId = `${baseId}-${optionValue}`;
+        const optionLabelId = `${optionBaseId}-label`;
+        return {
+            input: {
+                id: optionBaseId,
+                "aria-labelledby": optionLabelId,
+                "aria-describedby": descriptionId,
+            },
+            label: {
+                id: optionLabelId,
+                htmlFor: optionBaseId,
+            },
+        };
+    }, [name, optionValue, uniqueId]);
+    return props;
+};
+export default useOptionAriaProps;
+//# sourceMappingURL=useOptionAriaProperties.js.map

package/dist/esm/ui/Field/hooks/useOptionAriaProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOptionAriaProperties.js","sourceRoot":"","sources":["../../../../../src/ui/Field/hooks/useOptionAriaProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;;GAKG;AACH,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,WAAmB,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,MAAM,GAAG,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC;QACrC,MAAM,aAAa,GAAG,GAAG,MAAM,cAAc,CAAC;QAE9C,MAAM,YAAY,GAAG,GAAG,MAAM,IAAI,WAAW,EAAE,CAAC;QAChD,MAAM,aAAa,GAAG,GAAG,YAAY,QAAQ,CAAC;QAE9C,OAAO;YACL,KAAK,EAAE;gBACL,EAAE,EAAE,YAAY;gBAChB,iBAAiB,EAAE,aAAa;gBAChC,kBAAkB,EAAE,aAAa;aAClC;YACD,KAAK,EAAE;gBACL,EAAE,EAAE,aAAa;gBACjB,OAAO,EAAE,YAAY;aACtB;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAClC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/ui/Field/inputs/Checkbox/Checkbox.js

@@ -7,9 +7,10 @@ const componentCssClassName = "ds form-checkbox";
  * description of the Checkbox component
  * @returns {React.ReactElement} - Rendered Checkbox
  */
-const Checkbox = ({ id, className, style, name, registerProps, }) => {
+const Checkbox = ({ id, className, style, name, registerProps, ...otherProps // Should only be native input props
+ }) => {
     const { register } = useFormContext();
-    return (_jsx("input", { id: id, style: style, type: "checkbox", className: [componentCssClassName, className].filter(Boolean).join(" "), ...register(name, registerProps) }));
+    return (_jsx("input", { id: id, style: style, type: "checkbox", className: [componentCssClassName, className].filter(Boolean).join(" "), ...otherProps, ...register(name, registerProps) }));
 };
 // export default Checkbox;
 export default withWrapper(Checkbox);

package/dist/esm/ui/Field/inputs/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,GACC,EAAsB,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KACnE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,2BAA2B;AAC3B,eAAe,WAAW,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAE9D,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,aAAa,EACb,GAAG,UAAU,CAAC,oCAAoC;EACpC,EAAsB,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,OAAO,CACL,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KACnE,UAAU,KACV,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,GACjC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,2BAA2B;AAC3B,eAAe,WAAW,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/ui/Field/inputs/Combobox/Combobox.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+import withWrapper from "../../common/Wrapper/withWrapper.js";
+import MultipleCombobox from "./MultipleCombobox.js";
+import SingleCombobox from "./SingleCombobox.js";
+const componentCssClassName = "ds combobox";
+/**
+ * description of the Combobox component
+ * @returns {React.ReactElement} - Rendered Combobox
+ */
+const Combobox = ({ className, isMultiple = false, ...otherProps }) => {
+    const composedClassName = [componentCssClassName, className]
+        .filter(Boolean)
+        .join(" ");
+    if (isMultiple) {
+        return _jsx(MultipleCombobox, { className: composedClassName, ...otherProps });
+    }
+    return _jsx(SingleCombobox, { className: composedClassName, ...otherProps });
+};
+export default withWrapper(Combobox);
+//# sourceMappingURL=Combobox.js.map

package/dist/esm/ui/Field/inputs/Combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/Combobox.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AACtB,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAE5C;;;GAGG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,GAAG,UAAU,EACC,EAAsB,EAAE;IACtC,MAAM,iBAAiB,GAAG,CAAC,qBAAqB,EAAE,SAAS,CAAC;SACzD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACb,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,KAAC,gBAAgB,IAAC,SAAS,EAAE,iBAAiB,KAAM,UAAU,GAAI,CAAC;IAC5E,CAAC;IACD,OAAO,KAAC,cAAc,IAAC,SAAS,EAAE,iBAAiB,KAAM,UAAU,GAAI,CAAC;AAC1E,CAAC,CAAC;AAEF,eAAe,WAAW,CAAgB,QAAQ,CAAC,CAAC"}

package/dist/esm/ui/Field/inputs/Combobox/MultipleCombobox.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCombobox, useMultipleSelection } from "downshift";
+import { useCallback, useEffect, useState } from "react";
+import { useController } from "react-hook-form";
+import { List, ResetButton } from "./common/index.js";
+import { VALUE_KEY } from "./constants.js";
+import { convertItemToString as defaultConvertItemToString, convertValueToItem as defaultConvertValueToItem, filterItems as defaultFilterItems, } from "./utils/index.js";
+import "./styles.css";
+const componentCssClassName = "ds form-combobox";
+/**
+ * A multiple-select combobox component that allows selecting multiple items.
+ * Uses Downshift's useMultipleSelection and useCombobox hooks for state management.
+ *
+ * @param {ComboboxProps} props - The component props
+ * @returns {React.ReactElement} - Rendered MultipleCombobox component
+ */
+const MultipleCombobox = ({ id, className, style, registerProps, options, name, disabled = false, placeholder, valueKey = VALUE_KEY, convertItemToString = defaultConvertItemToString, convertValueToItem = defaultConvertValueToItem, filterItems = defaultFilterItems, onInputValueChangeFactory, }) => {
+    // State for selected items and filtered items
+    const [selectedItems, setSelectedItems] = useState([]);
+    const [items, setItems] = useState(options);
+    // React Hook Form integration
+    const { field: { onChange, value: ReactHookFormValue }, } = useController({
+        name,
+        rules: registerProps,
+    });
+    // Convert array of values to array of Option objects
+    const convertValuesToItems = useCallback((values) => {
+        return values
+            .map((val) => convertValueToItem(val, options, valueKey))
+            .filter(Boolean);
+    }, [convertValueToItem, options, valueKey]);
+    // Initialize selectedItems from ReactHookFormValue on mount or when it changes
+    useEffect(() => {
+        if (ReactHookFormValue && ReactHookFormValue.length > 0) {
+            const initialSelected = convertValuesToItems(ReactHookFormValue);
+            setSelectedItems(initialSelected);
+        }
+    }, [ReactHookFormValue, convertValuesToItems]);
+    // Downshift's useMultipleSelection hook for managing multiple selections
+    const { getSelectedItemProps, getDropdownProps, addSelectedItem, removeSelectedItem, } = useMultipleSelection({
+        selectedItems,
+        onSelectedItemsChange: ({ selectedItems: newSelectedItems }) => {
+            if (newSelectedItems) {
+                setSelectedItems(newSelectedItems);
+                const newValue = newSelectedItems.map((item) => item[valueKey]);
+                onChange(newValue.length > 0 ? newValue : undefined);
+            }
+        },
+    });
+    // Default onInputValueChangeFactory: filters items locally
+    const defaultOnInputValueChangeFactory = useCallback(() => ({ inputValue }) => {
+        setItems(filterItems(options, inputValue));
+    }, [filterItems, options]);
+    // Use provided onInputValueChangeFactory or default
+    const onInputValueChange = onInputValueChangeFactory
+        ? onInputValueChangeFactory(setItems)
+        : defaultOnInputValueChangeFactory();
+    // Downshift's useCombobox hook for combobox functionality
+    const { isOpen, getMenuProps, getInputProps, getItemProps, highlightedIndex, selectItem, inputValue, // Track input value
+    setInputValue, // Function to set input value
+     } = useCombobox({
+        items,
+        onInputValueChange,
+        onSelectedItemChange: ({ selectedItem }) => {
+            if (selectedItem &&
+                !selectedItems.some((item) => item[valueKey] === selectedItem[valueKey])) {
+                addSelectedItem(selectedItem);
+                setInputValue(""); // Clear input after selection
+            }
+        },
+        itemToString: convertItemToString,
+    });
+    // Reset function to clear selections and input
+    const resetSelection = useCallback(() => {
+        setSelectedItems([]);
+        setInputValue("");
+        onChange(undefined);
+    }, [onChange, setInputValue]);
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx("div", { className: "selected-items", children: selectedItems.map((selectedItem, index) => (_jsxs("button", { ...getSelectedItemProps({ selectedItem, index }), onClick: () => removeSelectedItem(selectedItem), className: "chip", children: [convertItemToString(selectedItem), _jsx("span", { className: "remove-icon", children: "\u00D7" })] }, String(selectedItem[valueKey])))) }), _jsx("input", { ...getInputProps(getDropdownProps({ preventKeyAction: isOpen })), placeholder: placeholder, disabled: disabled }), _jsx(ResetButton, { onClick: resetSelection }), _jsx(List, { isOpen: isOpen, getMenuProps: getMenuProps, getItemProps: getItemProps, items: items, highlightedIndex: highlightedIndex, convertItemToString: convertItemToString, valueKey: valueKey, fieldValue: selectedItems.map((item) => String(item[valueKey])) })] }));
+};
+export default MultipleCombobox;
+//# sourceMappingURL=MultipleCombobox.js.map

package/dist/esm/ui/Field/inputs/Combobox/MultipleCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleCombobox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/MultipleCombobox.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/Field/inputs/Combobox/SingleCombobox.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* @canonical/generator-ds 0.9.0-experimental.9 */
+import { useCombobox } from "downshift";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useController } from "react-hook-form";
+import { List, ResetButton } from "./common/index.js";
+import { VALUE_KEY } from "./constants.js";
+import { convertItemToString as defaultConvertItemToString, convertValueToItem as defaultConvertValueToItem, filterItems as defaultFilterItems, mergeRefs, } from "./utils/index.js";
+import "./styles.css";
+const componentCssClassName = "ds form-combobox";
+/**
+ * description of the SingleCombobox component
+ * @returns {React.ReactElement} - Rendered SingleCombobox
+ * DIsambiguation :
+ * `Option` refers to the internal type of this library for inputs where a list of objects is presented. This type is common to several inputs, `Select`, `SimpleChoices` and this `Combobox`
+ * `Item` represents the type of an Option casted internally to be compatible with Downshift. It also matches the downshift vocabulary
+ */
+const SingleCombobox = ({ id, className, style, registerProps, options, name, disabled = false, openOnReset = false, onInputValueChangeFactory, placeholder, valueKey = VALUE_KEY, convertItemToString = defaultConvertItemToString, convertValueToItem = defaultConvertValueToItem, filterItems = defaultFilterItems, }) => {
+    const [items, setItems] = useState(options);
+    const { field: { onChange, onBlur, ref: ReactHookFormRef, value: ReactHookFormValue, }, } = useController({
+        name,
+        rules: registerProps,
+    });
+    const handleSelectedItemChange = useCallback((changes) => {
+        onChange(changes.selectedItem?.[valueKey] || undefined);
+    }, [onChange, valueKey]);
+    /* This allows for the option logic to be controlled externally, for instance by a backend
+     * For simpler use cases, simply pass a custom filterItems function */
+    const defaultOnInputValueChangeFactory = (stateUpdater) => ({ inputValue }) => stateUpdater(filterItems(options, inputValue));
+    const onInputValueChange = onInputValueChangeFactory
+        ? onInputValueChangeFactory(setItems)
+        : defaultOnInputValueChangeFactory(setItems);
+    const { isOpen, 
+    // inputValue,
+    openMenu, 
+    // setInputValue,
+    // getToggleButtonProps,
+    selectItem, selectedItem, getMenuProps, getInputProps, 
+    // setInputValue,
+    highlightedIndex, getItemProps, } = useCombobox({
+        items,
+        // selectedItem        :ReactHookFormValue,
+        onSelectedItemChange: handleSelectedItemChange,
+        // stateReducer        :stateReducer || defaultStateReducer,
+        onInputValueChange,
+        initialSelectedItem: convertValueToItem(ReactHookFormValue, options),
+        itemToString: convertItemToString,
+    });
+    const inputRef = useRef(null); // Create your own ref to manage focus
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We want to run the effect if react-hook-form value changes only
+    useEffect(() => {
+        (async () => {
+            if (ReactHookFormValue !== selectedItem?.[valueKey]) {
+                const newItem = await convertValueToItem(ReactHookFormValue, options);
+                selectItem(newItem);
+            }
+        })();
+    }, [
+        ReactHookFormValue,
+        // valueKey,
+        // convertValueToItem,
+        // options,
+    ]);
+    const resetAndFocusInput = useCallback(() => {
+        onChange(undefined); // Consistent with handleSelectedItemChange
+        selectItem(null);
+        inputRef.current?.focus();
+        if (openOnReset) {
+            openMenu();
+        }
+    }, [selectItem, openOnReset, openMenu, onChange]);
+    const combinedRef = mergeRefs(inputRef, ReactHookFormRef);
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx("input", { ...getInputProps({
+                    disabled,
+                    placeholder,
+                    onBlur,
+                    ref: combinedRef,
+                }) }), _jsx(ResetButton, { onClick: resetAndFocusInput }), _jsx(List, { isOpen: isOpen, getMenuProps: getMenuProps, getItemProps: getItemProps, items: items, highlightedIndex: highlightedIndex, fieldValue: ReactHookFormValue, convertItemToString: convertItemToString, valueKey: valueKey })] }));
+};
+export default SingleCombobox;
+//# sourceMappingURL=SingleCombobox.js.map

package/dist/esm/ui/Field/inputs/Combobox/SingleCombobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCombobox.js","sourceRoot":"","sources":["../../../../../../src/ui/Field/inputs/Combobox/SingleCombobox.tsx"],"names":[],"mappings":"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"}