@digigov/form 1.2.0-a7ffb5dc → 2.0.0-07ee8440

package/cjs/validators/utils/uuid4/index.js

@@ -1,25 +1,46 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var uuid4_exports = {};
+__export(uuid4_exports, {
+  UUID4_VALIDATOR: () => UUID4_VALIDATOR,
+  validateUUID4: () => validateUUID4
 });
-exports.UUID4_VALIDATOR = void 0;
-exports.validateUUID4 = validateUUID4;
-var UUID4_PATTERN = /^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;
+module.exports = __toCommonJS(uuid4_exports);
+const UUID4_PATTERN = /^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;
 function validateUUID4(uuid4) {
   if (uuid4.length !== 36) {
-    // This uuid4 should be 36 characters long
     return false;
   }
   return UUID4_PATTERN.test(uuid4);
 }
-var UUID4_VALIDATOR = exports.UUID4_VALIDATOR = {
-  name: 'uuid4-validator',
-  message: 'form.error.uuid4',
-  test: function test(value) {
+const UUID4_VALIDATOR = {
+  name: "uuid4-validator",
+  message: "form.error.uuid4",
+  test: (value) => {
     if (value) {
       return validateUUID4(value);
     }
     return true;
   }
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UUID4_VALIDATOR,
+  validateUUID4
+});
+//# sourceMappingURL=uuid4.js.map

package/cjs/validators/utils/uuid4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/validators/utils/uuid4.ts"],
+  "sourcesContent": ["const UUID4_PATTERN =\n  /^[0-9A-F]{8}-[0-9A-F]{4}-[4][0-9A-F]{3}-[89AB][0-9A-F]{3}-[0-9A-F]{12}$/i;\n\nexport function validateUUID4(uuid4: string): boolean {\n  if (uuid4.length !== 36) {\n    // This uuid4 should be 36 characters long\n    return false;\n  }\n\n  return UUID4_PATTERN.test(uuid4);\n}\n\nexport const UUID4_VALIDATOR = {\n  name: 'uuid4-validator',\n  message: 'form.error.uuid4',\n  test: (value): boolean => {\n    if (value) {\n      return validateUUID4(value);\n    }\n    return true;\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,gBACJ;AAEK,SAAS,cAAc,OAAwB;AACpD,MAAI,MAAM,WAAW,IAAI;AAEvB,WAAO;AAAA,EACT;AAEA,SAAO,cAAc,KAAK,KAAK;AACjC;AAEO,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM,CAAC,UAAmB;AACxB,QAAI,OAAO;AACT,aAAO,cAAc,KAAK;AAAA,IAC5B;AACA,WAAO;AAAA,EACT;AACF;",
+  "names": []
+}

package/index.d.ts

@@ -1,3 +1,6 @@
-export * from '@digigov/form/internal';
+export { default as Field } from '@digigov/form/Field';
+export { default as Fieldset } from '@digigov/form/Fieldset';
+export * from '@digigov/form/inputs/Label';
 import FormBuilder from '@digigov/form/FormBuilder';
+export * from '@digigov/form/types';
 export default FormBuilder;

package/index.js

@@ -1,8 +1,17 @@
-/** @license Digigov v1.2.0-a7ffb5dc
+/** @license Digigov v2.0.0-07ee8440
  *
  * 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 { default as default2 } from "@digigov/form/Field";
+import { default as default3 } from "@digigov/form/Fieldset";
+export * from "@digigov/form/inputs/Label";
+import FormBuilder from "@digigov/form/FormBuilder";
+export * from "@digigov/form/types";
+var src_default = FormBuilder;
+export {
+  default2 as Field,
+  default3 as Fieldset,
+  src_default as default
+};
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["export { default as Field } from '@digigov/form/Field';\nexport { default as Fieldset } from '@digigov/form/Fieldset';\nexport * from '@digigov/form/inputs/Label';\nimport FormBuilder from '@digigov/form/FormBuilder';\nexport * from '@digigov/form/types';\nexport default FormBuilder;\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAA2B;AACpC,cAAc;AACd,OAAO,iBAAiB;AACxB,cAAc;AACd,IAAO,cAAQ;",
+  "names": ["default"]
+}

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

@@ -4,5 +4,6 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/inputs/AutoCompleteInput/__stories__/Default";
+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/__stories__/Default.d.ts

@@ -1,2 +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__/Multiple.d.ts

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

package/inputs/AutoCompleteInput/index.d.ts

@@ -3,12 +3,12 @@ import { ControlledFieldProps } from '@digigov/form/Field/types';
 import { FieldOptionProps } from '@digigov/form/inputs/Label';
 import { AutoCompleteProps as UIAutoCompleteProps } from '@digigov/ui/form/AutoComplete';
 export interface AutoCompleteInputExtra extends Omit<UIAutoCompleteProps, 'source' | 'id' | 'templates' | 'defaultValue' | 'onConfirm' | 'dropdownArrow'> {
-    options: Array<FieldOptionProps>;
+    options: FieldOptionProps[];
 }
 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,42 +1,67 @@
-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';
-import UIAutoComplete from '@digigov/ui/form/AutoComplete';
-export var AutoCompleteInput = function AutoCompleteInput(_ref) {
-  var name = _ref.name,
-    options = _ref.extra.options,
-    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;
-    }) : []);
-  }, []);
-  return /*#__PURE__*/React.createElement(UIAutoComplete, _extends({
-    source: suggest,
-    onConfirm: function onConfirm(value) {
-      onChange(value.value);
+import React, { useCallback } from "react";
+import {
+  AutoComplete
+} from "@digigov/ui/form/AutoComplete";
+import { Hint } from "@digigov/ui/typography/Hint";
+import { Base } from "@digigov/ui/utils/Base";
+const AutoCompleteInput = ({
+  name,
+  type,
+  extra: { options },
+  onChange,
+  value,
+  ...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(
+    AutoComplete,
+    {
+      multiple: type === "choice:multiple" ? true : false,
+      source: suggest,
+      onConfirm: (value2) => {
+        if (Array.isArray(value2)) {
+          const selectedValues = value2.map((item) => item.value);
+          if (selectedValues.length > 0) onChange(selectedValues);
+          else onChange(void 0);
+        } else {
+          onChange(value2.value);
+        }
       },
-      inputValue: function inputValue(option) {
-        if (!option) {
-          return '';
+      templates: {
+        suggestion({ label, value: value2 }) {
+          return /* @__PURE__ */ React.createElement(Base, { as: "div" }, 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,
+        Field: 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 {\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: 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  ...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          if (selectedValues.length > 0) onChange(selectedValues);\n          else 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        Field: undefined,\n      }}\n      name={name}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;\n"],
+  "mappings": "AAAA,OAAO,SAAS,mBAAmB;AAGnC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AACrB,SAAS,YAAY;AAqBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,OAAO,EAAE,QAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU;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;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,cAAI,eAAe,SAAS,EAAG,UAAS,cAAc;AAAA,cACjD,UAAS,MAAS;AAAA,QACzB,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,oCAAC,QAAK,IAAG,SACL,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,QACV,OAAO;AAAA,MACT;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.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/__stories__/Conditional.d.ts

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

package/inputs/Checkboxes/__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/Checkboxes/__stories__/WithDivider.d.ts

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

package/inputs/Checkboxes/index.d.ts

@@ -5,8 +5,9 @@ export interface CheckboxesProps extends Omit<ControlledFieldProps, 'extra' | 'v
     value?: string[];
     extra: {
         className?: string;
-        options: Array<FieldOptionProps>;
+        options: FieldOptionProps[];
     };
+    fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;
 }
 export declare const Checkboxes: React.FC<CheckboxesProps>;
 export default Checkboxes;

package/inputs/Checkboxes/index.js

@@ -1,91 +1,77 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "onChange", "value", "extra", "disabled"],
-  _excluded2 = ["label", "value", "show", "disabled", "selected"];
-import React, { useState } from 'react';
-import { Field } from '@digigov/form';
-import { CheckboxConditional } from '@digigov/react-core';
-import CoreCheckboxes from '@digigov/react-core/Checkbox';
-import CheckboxItem from '@digigov/react-core/CheckboxItem';
-import Hint from '@digigov/react-core/Hint';
-import { useTranslation } from '@digigov/ui/i18n';
-export var Checkboxes = function Checkboxes(_ref) {
-  var name = _ref.name,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    _ref$extra = _ref.extra,
-    options = _ref$extra.options,
-    className = _ref$extra.className,
-    disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
+import React, { useState } from "react";
+import {
+  Checkbox,
+  CheckboxItem,
+  CheckboxConditional
+} from "@digigov/ui/form/Checkbox";
+import { useTranslation } from "@digigov/ui/i18n";
+import { Hint } from "@digigov/ui/typography/Hint";
+const Checkboxes = ({
+  name,
+  onChange,
+  value,
+  extra: { options, className },
+  disabled,
+  Field,
+  ...props
+}) => {
   if (!value) value = [];
-  var handleChange = function handleChange(optionValue, idx, show) {
-    return function (evt) {
-      var newValue;
-      if (evt.currentTarget.checked) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        newValue = value.concat([optionValue]);
-      } else {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        newValue = value.filter(function (val) {
-          return val !== optionValue;
-        });
-      }
-      if (show && show.length > 0) {
-        setChecked(function (items) {
-          return items.map(function (item, index) {
-            return index === idx ? !item : item;
-          });
-        });
-      }
-
-      // reset value to undefined instead of an empty array
-      // so the error state mechanism can throw validation errors
-      if (newValue.length === 0) newValue = undefined;
-      onChange(newValue);
-    };
+  const handleChange = (optionValue, idx, show) => (evt) => {
+    let newValue;
+    if (evt.currentTarget.checked) {
+      newValue = value.concat([optionValue]);
+    } else {
+      newValue = value.filter((val) => val !== optionValue);
+    }
+    if (show && show.length > 0) {
+      setChecked(
+        (items) => items.map((item, index) => index === idx ? !item : item)
+      );
+    }
+    if (newValue.length === 0) newValue = void 0;
+    onChange(newValue);
   };
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(Array(options.length).fill(false)),
-    _useState2 = _slicedToArray(_useState, 2),
-    checked = _useState2[0],
-    setChecked = _useState2[1];
-  return /*#__PURE__*/React.createElement(CoreCheckboxes, {
-    className: className
-  }, options.map(function (_ref2, index) {
-    var _value;
-    var label = _ref2.label,
-      v = _ref2.value,
-      show = _ref2.show,
-      optionDisabled = _ref2.disabled,
-      selected = _ref2.selected,
-      option = _objectWithoutProperties(_ref2, _excluded2);
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, /*#__PURE__*/React.createElement(CheckboxItem, _extends({
-      key: "".concat(name, ".").concat(index),
-      name: name,
+  const { t } = useTranslation();
+  const [checked, setChecked] = useState(
+    Array(options.length).fill(false)
+  );
+  return /* @__PURE__ */ React.createElement(Checkbox, { className }, options.map(
+    ({
+      label,
       value: v,
-      disabled: disabled || optionDisabled,
-      checked: (_value = value) === null || _value === void 0 ? void 0 : _value.includes(v),
-      onChange: handleChange(v, index, show)
-    }, option, _extends({}, props, {
-      reset: undefined,
-      defaultValue: undefined,
-      onBlur: undefined,
-      required: undefined,
-      'aria-describedby': undefined,
-      type: 'checkbox'
-    })), label && label.primary && t(label.primary) || value, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary))), !!checked[index] && show && /*#__PURE__*/React.createElement(CheckboxConditional, null, show.map(function (fieldName) {
-      return /*#__PURE__*/React.createElement(Field, {
-        name: fieldName,
-        key: fieldName
-      });
-    })), selected && selected());
-  }));
+      show,
+      disabled: optionDisabled,
+      selected,
+      ...option
+    }, index) => /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, /* @__PURE__ */ React.createElement(
+      CheckboxItem,
+      {
+        key: `${name}.${index}`,
+        name: `${name}.${v}`,
+        value: v,
+        disabled: disabled || optionDisabled,
+        checked: value?.includes(v),
+        onChange: handleChange(v, index, show),
+        ...option,
+        ...{
+          ...props,
+          reset: void 0,
+          defaultValue: void 0,
+          onBlur: void 0,
+          required: void 0,
+          Field: void 0,
+          "aria-describedby": void 0,
+          type: "checkbox"
+        }
+      },
+      label && label.primary && t(label.primary) || value,
+      label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary))
+    ), !!checked[index] && show && Field && /* @__PURE__ */ React.createElement(CheckboxConditional, null, show.map((fieldName) => /* @__PURE__ */ React.createElement(Field, { name: fieldName, key: fieldName }))), selected && selected())
+  ));
 };
-export default Checkboxes;
+var Checkboxes_default = Checkboxes;
+export {
+  Checkboxes,
+  Checkboxes_default as default
+};
+//# sourceMappingURL=index.js.map

package/inputs/Checkboxes/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/Checkboxes/index.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  Checkbox,\n  CheckboxItem,\n  CheckboxConditional,\n} from '@digigov/ui/form/Checkbox';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport interface CheckboxesProps\n  extends Omit<ControlledFieldProps, 'extra' | 'value'> {\n  value?: string[];\n  extra: {\n    className?: string;\n    options: FieldOptionProps[];\n  };\n  fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;\n}\n\nexport const Checkboxes: React.FC<CheckboxesProps> = ({\n  name,\n  onChange,\n  value,\n  extra: { options, className },\n  disabled,\n  Field,\n  ...props\n}) => {\n  if (!value) value = [];\n  const handleChange =\n    (optionValue, idx, show) =>\n    (evt): void => {\n      let newValue;\n      if (evt.currentTarget.checked) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        newValue = value.concat([optionValue]);\n      } else {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        newValue = value.filter((val) => val !== optionValue);\n      }\n      if (show && show.length > 0) {\n        setChecked((items) =>\n          items.map((item, index) => (index === idx ? !item : item))\n        );\n      }\n\n      // reset value to undefined instead of an empty array\n      // so the error state mechanism can throw validation errors\n      if (newValue.length === 0) newValue = undefined;\n      onChange(newValue);\n    };\n  const { t } = useTranslation();\n  const [checked, setChecked] = useState(\n    Array<boolean>(options.length).fill(false)\n  );\n  return (\n    <Checkbox className={className}>\n      {options.map(\n        (\n          {\n            label,\n            value: v,\n            show,\n            disabled: optionDisabled,\n            selected,\n            ...option\n          },\n          index\n        ) => (\n          <React.Fragment key={index}>\n            <CheckboxItem\n              key={`${name}.${index}`}\n              name={`${name}.${v}`}\n              value={v}\n              disabled={disabled || optionDisabled}\n              checked={value?.includes(v)}\n              onChange={handleChange(v, index, show)}\n              {...option}\n              {...{\n                ...props,\n                reset: undefined,\n                defaultValue: undefined,\n                onBlur: undefined,\n                required: undefined,\n                Field: undefined,\n                'aria-describedby': undefined,\n                type: 'checkbox',\n              }}\n            >\n              {(label && label.primary && t(label.primary)) || value}\n              {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n            </CheckboxItem>\n\n            {!!checked[index] && show && Field && (\n              <CheckboxConditional>\n                {show.map((fieldName) => (\n                  <Field name={fieldName} key={fieldName} />\n                ))}\n              </CheckboxConditional>\n            )}\n            {selected && selected()}\n          </React.Fragment>\n        )\n      )}\n    </Checkbox>\n  );\n};\n\nexport default Checkboxes;\n"],
+  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAGhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AAYd,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,EAAE,SAAS,UAAU;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,CAAC,MAAO,SAAQ,CAAC;AACrB,QAAM,eACJ,CAAC,aAAa,KAAK,SACnB,CAAC,QAAc;AACb,QAAI;AACJ,QAAI,IAAI,cAAc,SAAS;AAG7B,iBAAW,MAAM,OAAO,CAAC,WAAW,CAAC;AAAA,IACvC,OAAO;AAGL,iBAAW,MAAM,OAAO,CAAC,QAAQ,QAAQ,WAAW;AAAA,IACtD;AACA,QAAI,QAAQ,KAAK,SAAS,GAAG;AAC3B;AAAA,QAAW,CAAC,UACV,MAAM,IAAI,CAAC,MAAM,UAAW,UAAU,MAAM,CAAC,OAAO,IAAK;AAAA,MAC3D;AAAA,IACF;AAIA,QAAI,SAAS,WAAW,EAAG,YAAW;AACtC,aAAS,QAAQ;AAAA,EACnB;AACF,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAC5B,MAAe,QAAQ,MAAM,EAAE,KAAK,KAAK;AAAA,EAC3C;AACA,SACE,oCAAC,YAAS,aACP,QAAQ;AAAA,IACP,CACE;AAAA,MACE;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,GAAG;AAAA,IACL,GACA,UAEA,oCAAC,MAAM,UAAN,EAAe,KAAK,SACnB;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,GAAG,IAAI,IAAI,KAAK;AAAA,QACrB,MAAM,GAAG,IAAI,IAAI,CAAC;AAAA,QAClB,OAAO;AAAA,QACP,UAAU,YAAY;AAAA,QACtB,SAAS,OAAO,SAAS,CAAC;AAAA,QAC1B,UAAU,aAAa,GAAG,OAAO,IAAI;AAAA,QACpC,GAAG;AAAA,QACH,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,OAAO;AAAA,UACP,oBAAoB;AAAA,UACpB,MAAM;AAAA,QACR;AAAA;AAAA,MAEE,SAAS,MAAM,WAAW,EAAE,MAAM,OAAO,KAAM;AAAA,MAChD,SAAS,MAAM,aAAa,oCAAC,YAAM,EAAE,MAAM,SAAS,CAAE;AAAA,IACzD,GAEC,CAAC,CAAC,QAAQ,KAAK,KAAK,QAAQ,SAC3B,oCAAC,2BACE,KAAK,IAAI,CAAC,cACT,oCAAC,SAAM,MAAM,WAAW,KAAK,WAAW,CACzC,CACH,GAED,YAAY,SAAS,CACxB;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": []
+}

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

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

package/inputs/DateInput/DateInput.stories.d.ts

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

package/inputs/DateInput/__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/DateInput/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { UncontrolledFieldProps } from '@digigov/form/Field/types';
 export interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
     extra?: {
@@ -6,9 +6,8 @@ export interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
         min?: string;
     };
 }
-export declare const DateInput: ({ name, type, ...props }: {
+export declare const DateInput: ({ name, ...props }: {
     [x: string]: any;
     name: any;
-    type: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default DateInput;