@digigov/form 2.0.0-4be8f7cc → 2.0.0-85c27c19

package/index.js

@@ -1,8 +1,160 @@
-/** @license Digigov v2.0.0-4be8f7cc
+/** @license Digigov v2.0.0-85c27c19
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from '@digigov/form/internal';
-import FormBuilder from '@digigov/form/FormBuilder';
-export default FormBuilder;
+import React, { useCallback, useContext, useRef } from "react";
+import { useForm } from "react-hook-form";
+import Field from "@digigov/form/Field";
+import Fieldset from "@digigov/form/Fieldset";
+import { FormContext } from "@digigov/form/FormContext";
+import { yupResolver } from "@digigov/form/utils";
+import { useValidationSchema } from "@digigov/form/validators";
+import { Form } from "@digigov/react-core/Form";
+import { Button } from "@digigov/ui/form/Button";
+const FormBase = React.forwardRef(function FormBase2({
+  onSubmit,
+  children,
+  registerField,
+  fieldsMap,
+  fieldsetsMap,
+  resolver,
+  mode,
+  initial,
+  reValidateMode,
+  shouldFocusError,
+  criteriaMode,
+  componentRegistry,
+  grid,
+  ...props
+}, ref) {
+  const form = useForm({
+    resolver,
+    mode,
+    defaultValues: initial,
+    reValidateMode,
+    shouldFocusError,
+    criteriaMode
+  });
+  const handleSubmit = useCallback(
+    (data) => {
+      onSubmit && onSubmit(data);
+    },
+    [onSubmit]
+  );
+  const submit = form.handleSubmit(handleSubmit);
+  const ctx = {
+    fieldsMap,
+    fieldsetsMap,
+    control: form.control,
+    register: form.register,
+    watch: form.watch,
+    resetField: form.resetField,
+    registerField,
+    errors: form.formState.errors,
+    formState: form.formState,
+    reset: form.reset,
+    trigger: form.trigger,
+    getFieldState: form.getFieldState,
+    setValue: form.setValue,
+    clearErrors: form.clearErrors,
+    getValues: form.getValues,
+    unregister: form.unregister,
+    componentRegistry,
+    setError: form.setError,
+    formRef: ref,
+    submit
+  };
+  return /* @__PURE__ */ React.createElement(FormContext.Provider, { value: ctx }, /* @__PURE__ */ React.createElement(Form, { grid, onSubmit: submit, ref, ...props }, children));
+});
+const useFormContext = () => {
+  return useContext(FormContext);
+};
+const useFormValues = () => {
+  const ctx = useFormContext();
+  return ctx.getValues();
+};
+const FormBuilder = React.forwardRef(function FormBuilder2({
+  fields = [],
+  fieldsets,
+  initial = {},
+  onSubmit,
+  children,
+  reValidateMode = "onSubmit",
+  mode = "onSubmit",
+  shouldFocusError = true,
+  criteriaMode = "all",
+  auto = false,
+  validatorRegistry,
+  componentRegistry,
+  grid = false,
+  ...props
+}, ref) {
+  const fieldsState = useRef(fields);
+  const setFieldsState = useCallback((newFields) => {
+    fieldsState.current = newFields;
+  }, []);
+  const schema = useValidationSchema(fieldsState, validatorRegistry);
+  const registerField = useCallback((field) => {
+    const fieldIndex = fieldsState.current.findIndex(
+      (f) => f.key === field.key
+    );
+    if (fieldIndex > -1) {
+      fieldsState.current[fieldIndex] = field;
+    } else {
+      fieldsState.current.push(field);
+    }
+    setFieldsState(fieldsState.current);
+  }, []);
+  let resolver;
+  let fieldsMap;
+  let fieldsetsMap;
+  let fieldChildren;
+  if (schema) {
+    resolver = yupResolver(schema);
+    fieldsMap = fields ? fields.reduce((map, field) => ({ ...map, [field.key]: field }), {}) : {};
+    fieldsetsMap = fieldsets && fieldsets.reduce(
+      (map, fieldset) => ({ ...map, [fieldset.key]: fieldset }),
+      {}
+    );
+    if (auto) {
+      if (fieldsets) {
+        fieldChildren = fieldsets.map((fieldset) => /* @__PURE__ */ React.createElement(Fieldset, { key: fieldset.key }));
+      } else if (fields) {
+        fieldChildren = fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }));
+      }
+    }
+  }
+  return /* @__PURE__ */ React.createElement(
+    FormBase,
+    {
+      resolver,
+      fieldsetsMap,
+      fieldsMap,
+      registerField,
+      initial,
+      reValidateMode,
+      mode,
+      shouldFocusError,
+      criteriaMode,
+      onSubmit,
+      componentRegistry,
+      ref,
+      grid,
+      ...props
+    },
+    fieldChildren,
+    auto && /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"),
+    children
+  );
+});
+export * from "@digigov/form/internal";
+var src_default = FormBuilder;
+export {
+  FormBase,
+  FormBuilder,
+  src_default as default,
+  useFormContext,
+  useFormValues
+};
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.tsx"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useContext, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport Field from '@digigov/form/Field';\nimport Fieldset from '@digigov/form/Fieldset';\nimport { FormContext } from '@digigov/form/FormContext';\nimport { FormBaseProps, FormData, FormBuilderProps } from '@digigov/form/types';\nimport { yupResolver } from '@digigov/form/utils';\nimport { useValidationSchema } from '@digigov/form/validators';\nimport { Form } from '@digigov/react-core/Form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst FormBase = React.forwardRef(function FormBase(\n  {\n    onSubmit,\n    children,\n    registerField,\n    fieldsMap,\n    fieldsetsMap,\n    resolver,\n    mode,\n    initial,\n    reValidateMode,\n    shouldFocusError,\n    criteriaMode,\n    componentRegistry,\n    grid,\n    ...props\n  }: FormBaseProps,\n  ref: React.Ref<HTMLFormElement>\n) {\n  const form = useForm({\n    resolver,\n    mode,\n    defaultValues: initial,\n    reValidateMode,\n    shouldFocusError,\n    criteriaMode,\n  });\n\n  const handleSubmit = useCallback(\n    (data: FormData): void => {\n      onSubmit && onSubmit(data);\n    },\n    [onSubmit]\n  );\n  const submit = form.handleSubmit(handleSubmit);\n\n  const ctx = {\n    fieldsMap,\n    fieldsetsMap,\n    control: form.control,\n    register: form.register,\n    watch: form.watch,\n    resetField: form.resetField,\n    registerField: registerField,\n    errors: form.formState.errors,\n    formState: form.formState,\n    reset: form.reset,\n    trigger: form.trigger,\n    getFieldState: form.getFieldState,\n    setValue: form.setValue,\n    clearErrors: form.clearErrors,\n    getValues: form.getValues,\n    unregister: form.unregister,\n    componentRegistry,\n    setError: form.setError,\n    formRef: ref,\n    submit,\n  };\n  return (\n    <FormContext.Provider value={ctx}>\n      <Form grid={grid} onSubmit={submit} ref={ref} {...props}>\n        {children}\n      </Form>\n    </FormContext.Provider>\n  );\n});\n\nconst useFormContext = () => {\n  return useContext(FormContext);\n};\nconst useFormValues = () => {\n  const ctx = useFormContext();\n  return ctx.getValues();\n};\nconst FormBuilder = React.forwardRef(function FormBuilder(\n  {\n    fields = [],\n    fieldsets,\n    initial = {},\n    onSubmit,\n    children,\n    reValidateMode = 'onSubmit',\n    mode = 'onSubmit',\n    shouldFocusError = true,\n    criteriaMode = 'all',\n    auto = false,\n    validatorRegistry,\n    componentRegistry,\n    grid = false,\n    ...props\n  }: FormBuilderProps,\n  ref: React.Ref<HTMLFormElement>\n): React.ReactElement {\n  const fieldsState = useRef(fields);\n  const setFieldsState = useCallback((newFields) => {\n    fieldsState.current = newFields;\n  }, []);\n  const schema = useValidationSchema(fieldsState, validatorRegistry);\n  const registerField = useCallback((field) => {\n    const fieldIndex = fieldsState.current.findIndex(\n      (f) => f.key === field.key\n    );\n    if (fieldIndex > -1) {\n      fieldsState.current[fieldIndex] = field;\n    } else {\n      fieldsState.current.push(field);\n    }\n    setFieldsState(fieldsState.current);\n  }, []);\n  let resolver;\n  let fieldsMap;\n  let fieldsetsMap;\n  let fieldChildren;\n  if (schema) {\n    resolver = yupResolver(schema);\n    fieldsMap = fields\n      ? fields.reduce((map, field) => ({ ...map, [field.key]: field }), {})\n      : {};\n    fieldsetsMap =\n      fieldsets &&\n      fieldsets.reduce(\n        (map, fieldset) => ({ ...map, [fieldset.key]: fieldset }),\n        {}\n      );\n\n    if (auto) {\n      if (fieldsets) {\n        fieldChildren = fieldsets.map((fieldset) => (\n          <Fieldset key={fieldset.key} />\n        ));\n      } else if (fields) {\n        fieldChildren = fields.map((field) => (\n          <Field key={field.key} name={field.key} />\n        ));\n      }\n    }\n  }\n  return (\n    <FormBase\n      resolver={resolver}\n      fieldsetsMap={fieldsetsMap}\n      fieldsMap={fieldsMap}\n      registerField={registerField}\n      initial={initial}\n      reValidateMode={reValidateMode}\n      mode={mode}\n      shouldFocusError={shouldFocusError}\n      criteriaMode={criteriaMode}\n      onSubmit={onSubmit}\n      componentRegistry={componentRegistry}\n      ref={ref}\n      grid={grid}\n      {...props}\n    >\n      {fieldChildren}\n      {auto && <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>}\n      {children}\n    </FormBase>\n  );\n});\n\nexport { FormBase, useFormContext, useFormValues, FormBuilder };\n\nexport * from '@digigov/form/internal';\n\nexport default FormBuilder;\n"],
+  "mappings": "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",
+  "names": ["FormBase", "FormBuilder"]
+}

package/inputs/AutoCompleteInput/AutoComplete.stories/index.js

@@ -1,8 +1,14 @@
-import AutoComplete from '@digigov/form/inputs/AutoCompleteInput';
-export default {
-  title: 'Digigov Form/inputs/AutoCompleteInput',
+import AutoComplete from "@digigov/form/inputs/AutoCompleteInput";
+var AutoComplete_stories_default = {
+  title: "Digigov Form/inputs/AutoCompleteInput",
   component: AutoComplete,
-  displayName: 'AutoCompleteInput'
+  displayName: "AutoCompleteInput"
 };
-export * from '@digigov/form/inputs/AutoCompleteInput/__stories__/Default';
-export * from '@digigov/form/inputs/AutoCompleteInput/__stories__/Multiple';
+import { Default } from "@digigov/form/inputs/AutoCompleteInput/__stories__/Default";
+import { Multiple } from "@digigov/form/inputs/AutoCompleteInput/__stories__/Multiple";
+export {
+  Default,
+  Multiple,
+  AutoComplete_stories_default as default
+};
+//# sourceMappingURL=AutoComplete.stories.js.map

package/inputs/AutoCompleteInput/AutoComplete.stories.d.ts

@@ -4,6 +4,6 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/inputs/AutoCompleteInput/__stories__/Default";
-export * from "@digigov/form/inputs/AutoCompleteInput/__stories__/Multiple";
+export { Default } from "@digigov/form/inputs/AutoCompleteInput/__stories__/Default";
+export { Multiple } from "@digigov/form/inputs/AutoCompleteInput/__stories__/Multiple";
 import AutoComplete from '@digigov/form/inputs/AutoCompleteInput';

package/inputs/AutoCompleteInput/AutoComplete.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/AutoCompleteInput/AutoComplete.stories.js"],
+  "sourcesContent": ["import AutoComplete from '@digigov/form/inputs/AutoCompleteInput';\nexport default {\n  title: 'Digigov Form/inputs/AutoCompleteInput',\n  component: AutoComplete,\n  displayName: 'AutoCompleteInput',\n};\nexport { Default } from '@digigov/form/inputs/AutoCompleteInput/__stories__/Default';\nexport { Multiple } from '@digigov/form/inputs/AutoCompleteInput/__stories__/Multiple';\n"],
+  "mappings": "AAAA,OAAO,kBAAkB;AACzB,IAAO,+BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,gBAAgB;",
+  "names": []
+}

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

@@ -1,44 +1,50 @@
-import React from 'react';
-import { Field } from '@digigov/form/Field';
-import FormBuilder from '@digigov/form/FormBuilder';
-import Button from '@digigov/ui/form/Button';
-var results = ['Αμερική', 'Ασία', 'Αυστραλία', 'Αφρική', 'Ευρώπη'];
-var fields = [{
-  key: 'autocomplete',
-  label: {
-    primary: 'Επιλέξτε ήπειρο'
-  },
-  required: true,
-  type: 'choice:single',
-  extra: {
-    component: 'AutoComplete',
-    options: results.map(function (r) {
-      return {
-        label: {
-          primary: r,
-          secondary: "'\u0397\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ".concat(r)
-        },
-        value: r.toLowerCase()
-      };
-    })
+import React from "react";
+import { Field } from "@digigov/form/Field";
+import FormBuilder from "@digigov/form/FormBuilder";
+import Button from "@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: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF" },
+    required: true,
+    type: "choice:single",
+    extra: {
+      component: "AutoComplete",
+      options: results.map((r) => {
+        return {
+          label: {
+            primary: r,
+            secondary: `'\u0397\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`
+          },
+          value: r.toLowerCase()
+        };
+      })
+    }
   }
-}];
-var initialValues = {};
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "Submit");
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    fields: fields,
-    onSubmit: function onSubmit(data) {
+];
+const initialValues = {};
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    fields,
+    onSubmit: (data) => {
       console.log(data);
     },
     initial: initialValues
-  }, fields.map(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  }), _ref);
+  },
+  fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key })),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "Submit")
+);
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
 };
-export default Default;
+//# sourceMappingURL=Default.js.map

package/inputs/AutoCompleteInput/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/AutoCompleteInput/__stories__/Default.tsx"],
+  "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,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,OAAO,iBAAiB;AAExB,OAAO,YAAY;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;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,oCAAC,UAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

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

@@ -1,45 +1,51 @@
-import React from 'react';
-import { Field } from '@digigov/form/Field';
-import FormBuilder from '@digigov/form/FormBuilder';
-import Button from '@digigov/ui/form/Button';
-var results = ['Αμερική', 'Ασία', 'Αυστραλία', 'Αφρική', 'Ευρώπη'];
-var fields = [{
-  key: 'autocomplete',
-  label: {
-    primary: 'Επιλέξτε ήπειρο'
-  },
-  required: true,
-  type: 'choice:single',
-  extra: {
-    component: 'AutoComplete',
-    multiple: true,
-    options: results.map(function (r) {
-      return {
-        label: {
-          primary: r,
-          secondary: "\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ".concat(r)
-        },
-        value: r.toLowerCase()
-      };
-    })
+import React from "react";
+import { Field } from "@digigov/form/Field";
+import FormBuilder from "@digigov/form/FormBuilder";
+import Button from "@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: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF" },
+    required: true,
+    type: "choice:multiple",
+    extra: {
+      component: "AutoComplete",
+      multiple: true,
+      options: results.map((r) => {
+        return {
+          label: {
+            primary: r,
+            secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`
+          },
+          value: r.toLowerCase()
+        };
+      })
+    }
   }
-}];
-var initialValues = {};
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "Submit");
-export var Multiple = function Multiple() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    fields: fields,
-    onSubmit: function onSubmit(data) {
+];
+const initialValues = {};
+const Multiple = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    fields,
+    onSubmit: (data) => {
       console.log(data);
     },
     initial: initialValues
-  }, fields.map(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  }), _ref);
+  },
+  fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key })),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "Submit")
+);
+var Multiple_default = Multiple;
+export {
+  Multiple,
+  Multiple_default as default
 };
-export default Multiple;
+//# sourceMappingURL=Multiple.js.map

package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Multiple: () => JSX.Element;
+import React from 'react';
+export declare const Multiple: () => React.JSX.Element;
 export default Multiple;

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/AutoCompleteInput/__stories__/Multiple.tsx"],
+  "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      multiple: true,\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,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,OAAO,iBAAiB;AAExB,OAAO,YAAY;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,UAAU;AAAA,MACV,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;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,oCAAC,UAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,mBAAQ;",
+  "names": []
+}

package/inputs/AutoCompleteInput/index.d.ts

@@ -8,7 +8,7 @@ export interface AutoCompleteInputExtra extends Omit<UIAutoCompleteProps, 'sourc
 export interface AutoCompleteInputProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {
     extra: AutoCompleteInputExtra;
     value: string;
-    onChange: (v: string) => void;
+    onChange: (v: string | string[] | undefined) => void;
 }
 export declare const AutoCompleteInput: React.FC<AutoCompleteInputProps>;
 export default AutoCompleteInput;

package/inputs/AutoCompleteInput/index.js

@@ -1,45 +1,62 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "extra", "onChange", "value"];
-import React, { useCallback } from 'react';
-import { Hint } from '@digigov/react-core/Hint';
-import UIAutoComplete from '@digigov/ui/form/AutoComplete';
-export var AutoCompleteInput = function AutoCompleteInput(_ref) {
-  var name = _ref.name,
-    _ref$extra = _ref.extra,
-    options = _ref$extra.options,
-    multiple = _ref$extra.multiple,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var suggest = useCallback(function suggest(query, syncResults) {
-    syncResults(query ? options.filter(function (option) {
-      var _option$label, _option$label2;
-      return "".concat(option.value, " ").concat(((_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.primary) || '', " ").concat(((_option$label2 = option.label) === null || _option$label2 === void 0 ? void 0 : _option$label2.secondary) || '').toLowerCase().indexOf(query.toLowerCase()) !== -1;
-    }) : options);
-  }, []);
-  return /*#__PURE__*/React.createElement(UIAutoComplete, _extends({
-    multiple: multiple,
-    source: suggest,
-    onConfirm: function onConfirm(value) {
-      onChange(value.value);
+import React, { useCallback } from "react";
+import { Hint } from "@digigov/react-core/Hint";
+import UIAutoComplete from "@digigov/ui/form/AutoComplete";
+const AutoCompleteInput = ({
+  name,
+  extra: { options, multiple },
+  onChange,
+  value,
+  error,
+  ...props
+}) => {
+  const suggest = 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: function suggestion(_ref2) {
-        var label = _ref2.label,
-          value = _ref2.value;
-        return /*#__PURE__*/React.createElement("div", null, label && label.primary && label.primary || value, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, label.secondary));
+    [options]
+  );
+  return /* @__PURE__ */ React.createElement(
+    UIAutoComplete,
+    {
+      multiple,
+      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: function inputValue(option) {
-        if (!option) {
-          return '';
+      templates: {
+        suggestion({ label, value: value2 }) {
+          return /* @__PURE__ */ React.createElement("div", null, label && label.primary && label.primary || value2, label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, label.secondary));
+        },
+        inputValue: (option) => {
+          if (!option) {
+            return "";
+          }
+          return option.label.primary || option.value;
         }
-        return option.label.primary || option.value;
-      }
+      },
+      ...{
+        ...props,
+        reset: void 0,
+        required: void 0
+      },
+      name,
+      id: `${name}-id`,
+      defaultValue: value
     }
-  }, props, {
-    id: "".concat(name, "-id"),
-    defaultValue: value
-  }));
+  );
+};
+var AutoCompleteInput_default = AutoCompleteInput;
+export {
+  AutoCompleteInput,
+  AutoCompleteInput_default as default
 };
-export default AutoCompleteInput;
+//# sourceMappingURL=index.js.map

package/inputs/AutoCompleteInput/index.js.map

@@ -0,0 +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 | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  extra: { options, multiple },\n  onChange,\n  value,\n  error,\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 || ''} ${option.label?.secondary || ''\n              }`\n              .toLowerCase()\n              .indexOf(query.toLowerCase()) !== -1\n          );\n        })\n        : options\n    );\n  },\n    [options]);\n\n  return (\n    <UIAutoComplete\n      multiple={multiple}\n      source={suggest}\n      onConfirm={(value) => {\n        if (Array.isArray(value)) {\n          const selectedValues = value.map(item => item.value);\n          selectedValues.length > 0 ? onChange(selectedValues) : onChange(undefined);\n        } else {\n          onChange(value.value);\n        }\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      {...{\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;"],
+  "mappings": "AAAA,OAAO,SAAS,mBAAmB;AAGnC,SAAS,YAAY;AACrB,OAAO,oBAEA;AAsBA,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA,OAAO,EAAE,SAAS,SAAS;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU;AAAA,IAAY,SAASA,SACnC,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AACjC,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAAI,OAAO,OAAO,aAAa,EAC3E,GACC,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACC;AAAA,MACN;AAAA,IACF;AAAA,IACE,CAAC,OAAO;AAAA,EAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,UAAQ,KAAK,KAAK;AACnD,yBAAe,SAAS,IAAI,SAAS,cAAc,IAAI,SAAS,MAAS;AAAA,QAC3E,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,oCAAC,aACG,SAAS,MAAM,WAAW,MAAM,WAAYA,QAC7C,SAAS,MAAM,aAAa,oCAAC,YAAM,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", "value"]
+}

package/inputs/AutoCompleteInput/index.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,9 +1,16 @@
-import Checkboxes from '@digigov/form/inputs/Checkboxes';
-export default {
-  title: 'Digigov Form/inputs/Checkboxes',
+import Checkboxes from "@digigov/form/inputs/Checkboxes";
+var Checkboxes_stories_default = {
+  title: "Digigov Form/inputs/Checkboxes",
   component: Checkboxes,
-  displayName: 'Checkboxes'
+  displayName: "Checkboxes"
 };
-export * from '@digigov/form/inputs/Checkboxes/__stories__/Default';
-export * from '@digigov/form/inputs/Checkboxes/__stories__/WithDivider';
-export * from '@digigov/form/inputs/Checkboxes/__stories__/Conditional';
+import { Default } from "@digigov/form/inputs/Checkboxes/__stories__/Default";
+import { WithDivider } from "@digigov/form/inputs/Checkboxes/__stories__/WithDivider";
+import { Conditional } from "@digigov/form/inputs/Checkboxes/__stories__/Conditional";
+export {
+  Conditional,
+  Default,
+  WithDivider,
+  Checkboxes_stories_default as default
+};
+//# sourceMappingURL=Checkboxes.stories.js.map

package/inputs/Checkboxes/Checkboxes.stories.d.ts

@@ -4,7 +4,7 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/inputs/Checkboxes/__stories__/Default";
-export * from "@digigov/form/inputs/Checkboxes/__stories__/WithDivider";
-export * from "@digigov/form/inputs/Checkboxes/__stories__/Conditional";
+export { Default } from "@digigov/form/inputs/Checkboxes/__stories__/Default";
+export { WithDivider } from "@digigov/form/inputs/Checkboxes/__stories__/WithDivider";
+export { Conditional } from "@digigov/form/inputs/Checkboxes/__stories__/Conditional";
 import Checkboxes from '@digigov/form/inputs/Checkboxes';

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

@@ -0,0 +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 { 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,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;",
+  "names": []
+}