@digigov/form 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js

@@ -1,48 +1,60 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
-};
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
   Default: () => Default,
   default: () => Default_default
 });
-var import_react = __toModule(require("react"));
-var import_Field = __toModule(require("@digigov/form/Field"));
-var import_FormBuilder = __toModule(require("@digigov/form/FormBuilder"));
-var import_utils = __toModule(require("@digigov/ui/form/AutoComplete/utils"));
-var import_Button = __toModule(require("@digigov/ui/form/Button"));
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_Field = require("@digigov/form/Field");
+var import_FormBuilder = __toESM(require("@digigov/form/FormBuilder"));
+var import_Button = __toESM(require("@digigov/ui/form/Button"));
+const results = [
+  "\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE",
+  "\u0391\u03C3\u03AF\u03B1",
+  "\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1",
+  "\u0391\u03C6\u03C1\u03B9\u03BA\u03AE",
+  "\u0395\u03C5\u03C1\u03CE\u03C0\u03B7"
+];
 const fields = [
   {
     key: "autocomplete",
-    label: {primary: "An autocomplete field"},
+    label: { primary: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF" },
     required: true,
     type: "choice:single",
     extra: {
       component: "AutoComplete",
-      options: import_utils.results.map((r) => {
+      options: results.map((r) => {
         return {
           label: {
             primary: r,
-            secondary: `Country: ${r}`
+            secondary: `'\u0397\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`
           },
           value: r.toLowerCase()
         };
@@ -51,20 +63,18 @@ const fields = [
   }
 ];
 const initialValues = {};
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_react.Suspense, {
-  fallback: /* @__PURE__ */ import_react.default.createElement("div", null, "loading")
-}, /* @__PURE__ */ import_react.default.createElement(import_FormBuilder.default, {
-  fields,
-  onSubmit: (data) => {
-    console.log(data);
+const Default = () => /* @__PURE__ */ import_react.default.createElement(
+  import_FormBuilder.default,
+  {
+    fields,
+    onSubmit: (data) => {
+      console.log(data);
+    },
+    initial: initialValues
   },
-  initial: initialValues
-}, fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_Field.Field, {
-  key: field.key,
-  name: field.key
-})), /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
-  type: "submit"
-}, "Submit")));
+  fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_Field.Field, { key: field.key, name: field.key })),
+  /* @__PURE__ */ import_react.default.createElement(import_Button.default, { type: "submit" }, "Submit")
+);
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/inputs/AutoCompleteInput/__stories__/Default.tsx"],
-  "sourcesContent": ["import React, { Suspense } from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport { results } from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: 'An autocomplete field' },\n    required: true,\n    type: 'choice:single',\n    extra: {\n      component: 'AutoComplete',\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `Country: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Default = () => (\n  <Suspense fallback={<div>loading</div>}>\n    <FormBuilder\n      fields={fields}\n      onSubmit={(data) => {\n        console.log(data);\n      }}\n      initial={initialValues}\n    >\n      {fields.map((field) => (\n        <Field key={field.key} name={field.key} />\n      ))}\n      <Button type=\"submit\">Submit</Button>\n    </FormBuilder>\n  </Suspense>\n);\nexport default Default;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,mBAAsB;AACtB,yBAAwB;AAExB,mBAAwB;AACxB,oBAAmB;AACnB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,CAAE,SAAS;AAAA,IAClB,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,qBAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,YAAY;AAAA;AAAA,UAEzB,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnB,MAAM,gBAAgB;AAEf,MAAM,UAAU,MACrB,mDAAC,uBAAD;AAAA,EAAU,UAAU,mDAAC,OAAD,MAAK;AAAA,GACvB,mDAAC,4BAAD;AAAA,EACE;AAAA,EACA,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd,SAAS;AAAA,GAER,OAAO,IAAI,CAAC,UACX,mDAAC,oBAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,KAErC,mDAAC,uBAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI5B,IAAO,kBAAQ;",
-  "names": []
+  "sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n  '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n  '\u0391\u03C3\u03AF\u03B1',\n  '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n  '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n  '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n    required: true,\n    type: 'choice:single',\n    extra: {\n      component: 'AutoComplete',\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `'\u0397\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Default = () => (\n\n  <FormBuilder\n    fields={fields}\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n    initial={initialValues}\n  >\n    {fields.map((field) => (\n      <Field key={field.key} name={field.key} />\n    ))}\n    <Button type=\"submit\">Submit</Button>\n  </FormBuilder>\n\n);\nexport default Default;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,gDAAa,CAAC;AAAA,UAC3B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,UAAU,MAErB,6BAAAA,QAAA;AAAA,EAAC,mBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,6BAAAD,QAAA,cAAC,sBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,kBAAQ;",
+  "names": ["React", "FormBuilder", "Button"]
 }

package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js

@@ -1,48 +1,60 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
-};
-__markAsModule(exports);
-__export(exports, {
-  Multiple: () => Multiple
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Multiple_exports = {};
+__export(Multiple_exports, {
+  Multiple: () => Multiple,
+  default: () => Multiple_default
 });
-var import_react = __toModule(require("react"));
-var import_Field = __toModule(require("@digigov/form/Field"));
-var import_FormBuilder = __toModule(require("@digigov/form/FormBuilder"));
-var import_utils = __toModule(require("@digigov/ui/form/AutoComplete/utils"));
-var import_Button = __toModule(require("@digigov/ui/form/Button"));
+module.exports = __toCommonJS(Multiple_exports);
+var import_react = __toESM(require("react"));
+var import_Field = require("@digigov/form/Field");
+var import_FormBuilder = __toESM(require("@digigov/form/FormBuilder"));
+var import_Button = __toESM(require("@digigov/ui/form/Button"));
+const results = [
+  "\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE",
+  "\u0391\u03C3\u03AF\u03B1",
+  "\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1",
+  "\u0391\u03C6\u03C1\u03B9\u03BA\u03AE",
+  "\u0395\u03C5\u03C1\u03CE\u03C0\u03B7"
+];
 const fields = [
   {
     key: "autocomplete",
-    label: {primary: "An autocomplete field"},
+    label: { primary: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF" },
     required: true,
-    type: "choice:single",
+    type: "choice:multiple",
     extra: {
       component: "AutoComplete",
-      multiple: true,
-      options: import_utils.results.map((r) => {
+      options: results.map((r) => {
         return {
           label: {
             primary: r,
-            secondary: `Country: ${r}`
+            secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`
           },
           value: r.toLowerCase()
         };
@@ -51,20 +63,19 @@ const fields = [
   }
 ];
 const initialValues = {};
-const Multiple = () => /* @__PURE__ */ import_react.default.createElement(import_react.Suspense, {
-  fallback: /* @__PURE__ */ import_react.default.createElement("div", null, "loading")
-}, /* @__PURE__ */ import_react.default.createElement(import_FormBuilder.default, {
-  fields,
-  onSubmit: (data) => {
-    console.log(data);
+const Multiple = () => /* @__PURE__ */ import_react.default.createElement(
+  import_FormBuilder.default,
+  {
+    fields,
+    onSubmit: (data) => {
+      console.log(data);
+    },
+    initial: initialValues
   },
-  initial: initialValues
-}, fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_Field.Field, {
-  key: field.key,
-  name: field.key
-})), /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
-  type: "submit"
-}, "Submit")));
+  fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_Field.Field, { key: field.key, name: field.key })),
+  /* @__PURE__ */ import_react.default.createElement(import_Button.default, { type: "submit" }, "Submit")
+);
+var Multiple_default = Multiple;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Multiple

package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/inputs/AutoCompleteInput/__stories__/Multiple.tsx"],
-  "sourcesContent": ["import React, { Suspense } from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport { results } from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: 'An autocomplete field' },\n    required: true,\n    type: 'choice:single',\n    extra: {\n      component: 'AutoComplete',\n      multiple: true,\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `Country: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Multiple = () => (\n  <Suspense fallback={<div>loading</div>}>\n    <FormBuilder\n      fields={fields}\n      onSubmit={(data) => {\n        console.log(data);\n      }}\n      initial={initialValues}\n    >\n      {fields.map((field) => (\n        <Field key={field.key} name={field.key} />\n      ))}\n      <Button type=\"submit\">Submit</Button>\n    </FormBuilder>\n  </Suspense>\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,mBAAsB;AACtB,yBAAwB;AAExB,mBAAwB;AACxB,oBAAmB;AACnB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,CAAE,SAAS;AAAA,IAClB,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS,qBAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,YAAY;AAAA;AAAA,UAEzB,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnB,MAAM,gBAAgB;AAEf,MAAM,WAAW,MACtB,mDAAC,uBAAD;AAAA,EAAU,UAAU,mDAAC,OAAD,MAAK;AAAA,GACvB,mDAAC,4BAAD;AAAA,EACE;AAAA,EACA,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd,SAAS;AAAA,GAER,OAAO,IAAI,CAAC,UACX,mDAAC,oBAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,KAErC,mDAAC,uBAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;",
-  "names": []
+  "sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n  '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n  '\u0391\u03C3\u03AF\u03B1',\n  '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n  '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n  '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n    required: true,\n    type: 'choice:multiple',\n    extra: {\n      component: 'AutoComplete',\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Multiple = () => (\n  <FormBuilder\n    fields={fields}\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n    initial={initialValues}\n  >\n    {fields.map((field) => (\n      <Field key={field.key} name={field.key} />\n    ))}\n    <Button type=\"submit\">Submit</Button>\n  </FormBuilder>\n);\n\nexport default Multiple;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,+CAAY,CAAC;AAAA,UAC1B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,WAAW,MACtB,6BAAAA,QAAA;AAAA,EAAC,mBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,6BAAAD,QAAA,cAAC,sBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,mBAAQ;",
+  "names": ["React", "FormBuilder", "Button"]
 }

package/cjs/inputs/AutoCompleteInput/index.js

@@ -1,66 +1,93 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AutoCompleteInput_exports = {};
+__export(AutoCompleteInput_exports, {
   AutoCompleteInput: () => AutoCompleteInput,
   default: () => AutoCompleteInput_default
 });
-var import_react = __toModule(require("react"));
-var import_Hint = __toModule(require("@digigov/react-core/Hint"));
-var import_AutoComplete = __toModule(require("@digigov/ui/form/AutoComplete"));
+module.exports = __toCommonJS(AutoCompleteInput_exports);
+var import_react = __toESM(require("react"));
+var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_Base = require("@digigov/ui/utils/Base");
 const AutoCompleteInput = ({
   name,
-  extra: {options, multiple},
+  type,
+  extra: { options },
   onChange,
   value,
+  error,
   ...props
 }) => {
-  const suggest = (0, import_react.useCallback)(function suggest2(query, syncResults) {
-    syncResults(query ? options.filter(function(option) {
-      return `${option.value} ${option.label?.primary || ""} ${option.label?.secondary || ""}`.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-    }) : options);
-  }, []);
-  return /* @__PURE__ */ import_react.default.createElement(import_AutoComplete.default, {
-    multiple,
-    source: suggest,
-    onConfirm: (value2) => {
-      onChange(value2.value);
+  const suggest = (0, import_react.useCallback)(
+    function suggest2(query, syncResults) {
+      syncResults(
+        query ? options.filter(function(option) {
+          return `${option.value} ${option.label?.primary || ""} ${option.label?.secondary || ""}`.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+        }) : options
+      );
     },
-    templates: {
-      suggestion({label, value: value2}) {
-        return /* @__PURE__ */ import_react.default.createElement("div", null, label && label.primary && label.primary || value2, label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, label.secondary));
+    [options]
+  );
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_AutoComplete.AutoComplete,
+    {
+      multiple: type === "choice:multiple" ? true : false,
+      source: suggest,
+      onConfirm: (value2) => {
+        if (Array.isArray(value2)) {
+          const selectedValues = value2.map((item) => item.value);
+          selectedValues.length > 0 ? onChange(selectedValues) : onChange(void 0);
+        } else {
+          onChange(value2.value);
+        }
       },
-      inputValue: (option) => {
-        if (!option) {
-          return "";
+      templates: {
+        suggestion({ label, value: value2 }) {
+          return /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "div" }, label && label.primary && label.primary || value2, label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, label.secondary));
+        },
+        inputValue: (option) => {
+          if (!option) {
+            return "";
+          }
+          return option.label.primary || option.value;
         }
-        return option.label.primary || option.value;
-      }
-    },
-    ...props,
-    id: `${name}-id`,
-    defaultValue: value
-  });
+      },
+      ...{
+        ...props,
+        reset: void 0,
+        required: void 0
+      },
+      name,
+      id: `${name}-id`,
+      defaultValue: value
+    }
+  );
 };
 var AutoCompleteInput_default = AutoCompleteInput;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/inputs/AutoCompleteInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/inputs/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { Hint } from '@digigov/react-core/Hint';\nimport UIAutoComplete, {\n  AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\n\nexport interface AutoCompleteInputExtra\n  extends Omit<\n    UIAutoCompleteProps,\n    | 'source'\n    | 'id'\n    | 'templates'\n    | 'defaultValue'\n    | 'onConfirm'\n    | 'dropdownArrow'\n  > {\n  options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n  extra: AutoCompleteInputExtra;\n  value: string;\n  onChange: (v: string) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  extra: { options, multiple },\n  onChange,\n  value,\n  ...props\n}) => {\n  const suggest = useCallback(function suggest(\n    query: string,\n    syncResults: (options: any[]) => void\n  ): void {\n    syncResults(\n      query\n        ? options.filter(function (option) {\n            return (\n              `${option.value} ${option.label?.primary || ''} ${\n                option.label?.secondary || ''\n              }`\n                .toLowerCase()\n                .indexOf(query.toLowerCase()) !== -1\n            );\n          })\n        : options\n    );\n  },\n  []);\n\n  return (\n    <UIAutoComplete\n      multiple={multiple}\n      source={suggest}\n      onConfirm={(value) => {\n        onChange(value.value);\n      }}\n      templates={{\n        suggestion({ label, value }) {\n          return (\n            <div>\n              {(label && label.primary && label.primary) || value}\n              {label && label.secondary && <Hint>{label.secondary}</Hint>}\n            </div>\n          );\n        },\n        inputValue: (option) => {\n          if (!option) {\n            return '';\n          }\n          return option.label.primary || option.value;\n        },\n      }}\n      {...props}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAGnC,kBAAqB;AACrB,0BAEO;AAsBA,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA,OAAO,CAAE,SAAS;AAAA,EAClB;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,UAAU,8BAAY,kBAC1B,OACA,aACM;AACN,gBACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AAC/B,aACE,GAAG,OAAO,SAAS,OAAO,OAAO,WAAW,MAC1C,OAAO,OAAO,aAAa,KAE1B,cACA,QAAQ,MAAM,mBAAmB;AAAA,SAGxC;AAAA,KAGR;AAEA,SACE,mDAAC,6BAAD;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,WAAW,CAAC,WAAU;AACpB,eAAS,OAAM;AAAA;AAAA,IAEjB,WAAW;AAAA,MACT,WAAW,CAAE,OAAO,gBAAS;AAC3B,eACE,mDAAC,OAAD,MACI,SAAS,MAAM,WAAW,MAAM,WAAY,QAC7C,SAAS,MAAM,aAAa,mDAAC,kBAAD,MAAO,MAAM;AAAA;AAAA,MAIhD,YAAY,CAAC,WAAW;AACtB,YAAI,CAAC,QAAQ;AACX,iBAAO;AAAA;AAET,eAAO,OAAO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,OAGtC;AAAA,IACJ,IAAI,GAAG;AAAA,IACP,cAAc;AAAA;AAAA;AAKpB,IAAO,4BAAQ;",
-  "names": []
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  AutoComplete,\n  AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Base } from '@digigov/ui/utils/Base';\nexport interface AutoCompleteInputExtra\n  extends Omit<\n    UIAutoCompleteProps,\n    | 'source'\n    | 'id'\n    | 'templates'\n    | 'defaultValue'\n    | 'onConfirm'\n    | 'dropdownArrow'\n  > {\n  options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n  extra: AutoCompleteInputExtra;\n  value: string;\n  onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  type,\n  extra: { options },\n  onChange,\n  value,\n  error,\n  ...props\n}) => {\n  const suggest = useCallback(\n    function suggest(\n      query: string,\n      syncResults: (options: any[]) => void\n    ): void {\n      syncResults(\n        query\n          ? options.filter(function (option) {\n              return (\n                `${option.value} ${option.label?.primary || ''} ${\n                  option.label?.secondary || ''\n                }`\n                  .toLowerCase()\n                  .indexOf(query.toLowerCase()) !== -1\n              );\n            })\n          : options\n      );\n    },\n    [options]\n  );\n\n  return (\n    <AutoComplete\n      multiple={type === 'choice:multiple' ? true : false}\n      source={suggest}\n      onConfirm={(value) => {\n        if (Array.isArray(value)) {\n          const selectedValues = value.map((item) => item.value);\n          selectedValues.length > 0\n            ? onChange(selectedValues)\n            : onChange(undefined);\n        } else {\n          onChange(value.value);\n        }\n      }}\n      templates={{\n        suggestion({ label, value }) {\n          return (\n            <Base as=\"div\">\n              {(label && label.primary && label.primary) || value}\n              {label && label.secondary && <Hint>{label.secondary}</Hint>}\n            </Base>\n          );\n        },\n        inputValue: (option) => {\n          if (!option) {\n            return '';\n          }\n          return option.label.primary || option.value;\n        },\n      }}\n      {...{\n        ...props,\n        reset: undefined,\n        required: undefined,\n      }}\n      name={name}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAGnC,0BAGO;AACP,kBAAqB;AACrB,kBAAqB;AAqBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,OAAO,EAAE,QAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU;AAAA,IACd,SAASA,SACP,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AAC/B,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAC5C,OAAO,OAAO,aAAa,EAC7B,GACG,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACD;AAAA,MACN;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,SAAS,oBAAoB,OAAO;AAAA,MAC9C,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,CAAC,SAAS,KAAK,KAAK;AACrD,yBAAe,SAAS,IACpB,SAAS,cAAc,IACvB,SAAS,MAAS;AAAA,QACxB,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,6BAAAD,QAAA,cAAC,oBAAK,IAAG,SACL,SAAS,MAAM,WAAW,MAAM,WAAYC,QAC7C,SAAS,MAAM,aAAa,6BAAAD,QAAA,cAAC,wBAAM,MAAM,SAAU,CACtD;AAAA,QAEJ;AAAA,QACA,YAAY,CAAC,WAAW;AACtB,cAAI,CAAC,QAAQ;AACX,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,MAAM,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,QACF,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA,IAAI,GAAG,IAAI;AAAA,MACX,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": ["suggest", "React", "value"]
 }

package/cjs/inputs/Checkboxes/Checkboxes.stories/index.js

@@ -1,38 +1,51 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, {get: all[name], enumerable: true});
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+  return to;
 };
-__markAsModule(exports);
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Checkboxes_stories_exports = {};
+__export(Checkboxes_stories_exports, {
+  Conditional: () => import_Conditional.Conditional,
+  Default: () => import_Default.Default,
+  WithDivider: () => import_WithDivider.WithDivider,
   default: () => Checkboxes_stories_default
 });
-var import_Checkboxes = __toModule(require("@digigov/form/inputs/Checkboxes"));
-__reExport(exports, __toModule(require("@digigov/form/inputs/Checkboxes/__stories__/Default")));
-__reExport(exports, __toModule(require("@digigov/form/inputs/Checkboxes/__stories__/WithDivider")));
-__reExport(exports, __toModule(require("@digigov/form/inputs/Checkboxes/__stories__/Conditional")));
+module.exports = __toCommonJS(Checkboxes_stories_exports);
+var import_Checkboxes = __toESM(require("@digigov/form/inputs/Checkboxes"));
+var import_Default = require("@digigov/form/inputs/Checkboxes/__stories__/Default");
+var import_WithDivider = require("@digigov/form/inputs/Checkboxes/__stories__/WithDivider");
+var import_Conditional = require("@digigov/form/inputs/Checkboxes/__stories__/Conditional");
 var Checkboxes_stories_default = {
   title: "Digigov Form/inputs/Checkboxes",
   component: import_Checkboxes.default,
   displayName: "Checkboxes"
 };
 // Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+0 && (module.exports = {
+  Conditional,
+  Default,
+  WithDivider
+});
 //# sourceMappingURL=Checkboxes.stories.js.map

package/cjs/inputs/Checkboxes/Checkboxes.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/inputs/Checkboxes/Checkboxes.stories.js"],
-  "sourcesContent": ["import Checkboxes from '@digigov/form/inputs/Checkboxes';\nexport default {\n  title: 'Digigov Form/inputs/Checkboxes',\n  component: Checkboxes,\n  displayName: 'Checkboxes',\n};\nexport * from '@digigov/form/inputs/Checkboxes/__stories__/Default';\nexport * from '@digigov/form/inputs/Checkboxes/__stories__/WithDivider';\nexport * from '@digigov/form/inputs/Checkboxes/__stories__/Conditional';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAMvB,oBAAc;AACd,oBAAc;AACd,oBAAc;AAPd,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;",
-  "names": []
+  "sourcesContent": ["import Checkboxes from '@digigov/form/inputs/Checkboxes';\nexport default {\n  title: 'Digigov Form/inputs/Checkboxes',\n  component: Checkboxes,\n  displayName: 'Checkboxes',\n};\nexport { Default } from '@digigov/form/inputs/Checkboxes/__stories__/Default';\nexport { WithDivider } from '@digigov/form/inputs/Checkboxes/__stories__/WithDivider';\nexport { Conditional } from '@digigov/form/inputs/Checkboxes/__stories__/Conditional';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAMvB,qBAAwB;AACxB,yBAA4B;AAC5B,yBAA4B;AAP5B,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["Checkboxes"]
 }