@digigov/form 1.2.0-dcbd7ded → 2.0.0-7d9a8d86

package/Questions/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Questions/index.tsx"],
+  "sourcesContent": ["import { Questions } from '@digigov/form/Questions/Questions';\n\nexport default Questions;\n\nexport * from '@digigov/form/Questions/Step';\n"],
+  "mappings": "AAAA;AAEA,IAAO,oBAAQ;AAEf;",
+  "names": []
+}

package/Questions/index.spec/index.js

@@ -1,59 +1,65 @@
-import * as React from 'react';
-import { mount } from 'enzyme';
-import { Field } from '@digigov/form';
-import { Step, StepForm, StepQuote, StepTitle } from '@digigov/form/Questions';
-import Questions from '@digigov/form/Questions';
-var steps = [{
-  name: 'intro',
-  caption: 'intro.caption',
-  title: 'intro.title',
-  description: 'intro.description',
-  fields: [{
-    key: 'name',
-    label: {
-      primary: 'name.field.primary',
-      secondary: 'name.field.secondary'
-    },
-    required: true,
-    type: 'string'
-  }]
-}, {
-  name: 'age',
-  caption: 'age.caption',
-  title: 'age.title',
-  description: 'age.description',
-  fields: [{
-    key: 'dateOfBirth',
-    label: {
-      primary: 'age.field.primary',
-      secondary: 'age.field.secondary'
-    },
-    required: true,
-    type: 'number'
-  }]
-}];
-var _ref = /*#__PURE__*/React.createElement(Step, {
-  name: "intro"
-}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepQuote, null, "This is the intro"), /*#__PURE__*/React.createElement(StepForm, {
-  submitButton: true
-}, /*#__PURE__*/React.createElement(Field, {
-  key: 'name',
-  name: "name"
-})));
-var _ref2 = /*#__PURE__*/React.createElement(Step, {
-  name: "age"
-}, /*#__PURE__*/React.createElement(StepTitle, null), /*#__PURE__*/React.createElement(StepQuote, null, "This is the age"), /*#__PURE__*/React.createElement(StepForm, {
-  submitButton: true
-}, /*#__PURE__*/React.createElement(Field, {
-  key: 'dateOfBirth',
-  name: "dateOfBirth"
-})));
-it('renders the Questions', function () {
-  expect(mount( /*#__PURE__*/React.createElement(Questions, {
-    name: 'example',
-    onSubmit: function onSubmit(data) {
+import * as React from "react";
+import {mount} from "enzyme";
+import {Field} from "@digigov/form";
+import {Step, StepForm, StepQuote, StepTitle} from "@digigov/form/Questions";
+import Questions from "@digigov/form/Questions";
+const steps = [
+  {
+    name: "intro",
+    caption: "intro.caption",
+    title: "intro.title",
+    description: "intro.description",
+    fields: [
+      {
+        key: "name",
+        label: {
+          primary: "name.field.primary",
+          secondary: "name.field.secondary"
+        },
+        required: true,
+        type: "string"
+      }
+    ]
+  },
+  {
+    name: "age",
+    caption: "age.caption",
+    title: "age.title",
+    description: "age.description",
+    fields: [
+      {
+        key: "dateOfBirth",
+        label: {
+          primary: "age.field.primary",
+          secondary: "age.field.secondary"
+        },
+        required: true,
+        type: "number"
+      }
+    ]
+  }
+];
+it("renders the Questions", () => {
+  expect(mount(/* @__PURE__ */ React.createElement(Questions, {
+    name: "example",
+    onSubmit: (data) => {
       console.log(data);
     },
-    steps: steps
-  }, _ref, _ref2))).toMatchSnapshot();
-});
+    steps
+  }, /* @__PURE__ */ React.createElement(Step, {
+    name: "intro"
+  }, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepQuote, null, "This is the intro"), /* @__PURE__ */ React.createElement(StepForm, {
+    submitButton: true
+  }, /* @__PURE__ */ React.createElement(Field, {
+    key: "name",
+    name: "name"
+  }))), /* @__PURE__ */ React.createElement(Step, {
+    name: "age"
+  }, /* @__PURE__ */ React.createElement(StepTitle, null), /* @__PURE__ */ React.createElement(StepQuote, null, "This is the age"), /* @__PURE__ */ React.createElement(StepForm, {
+    submitButton: true
+  }, /* @__PURE__ */ React.createElement(Field, {
+    key: "dateOfBirth",
+    name: "dateOfBirth"
+  })))))).toMatchSnapshot();
+});
+//# sourceMappingURL=index.spec.js.map

package/Questions/index.spec.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Questions/index.spec.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { mount } from 'enzyme';\n\nimport { Field } from '@digigov/form';\nimport { Step, StepForm, StepQuote, StepTitle } from '@digigov/form/Questions';\nimport Questions from '@digigov/form/Questions';\n\nconst steps = [\n  {\n    name: 'intro',\n    caption: 'intro.caption',\n    title: 'intro.title',\n    description: 'intro.description',\n    fields: [\n      {\n        key: 'name',\n        label: {\n          primary: 'name.field.primary',\n          secondary: 'name.field.secondary',\n        },\n        required: true,\n        type: 'string',\n      },\n    ],\n  },\n  {\n    name: 'age',\n    caption: 'age.caption',\n    title: 'age.title',\n    description: 'age.description',\n    fields: [\n      {\n        key: 'dateOfBirth',\n        label: {\n          primary: 'age.field.primary',\n          secondary: 'age.field.secondary',\n        },\n        required: true,\n        type: 'number',\n      },\n    ],\n  },\n];\n\nit('renders the Questions', () => {\n  expect(\n    mount(\n      <Questions\n        name={'example'}\n        onSubmit={(data): void => {\n          console.log(data);\n        }}\n        steps={steps}\n      >\n        <Step name=\"intro\">\n          <StepTitle />\n          <StepQuote>This is the intro</StepQuote>\n          <StepForm submitButton={true}>\n            <Field key={'name'} name=\"name\" />\n          </StepForm>\n        </Step>\n        <Step name=\"age\">\n          <StepTitle />\n          <StepQuote>This is the age</StepQuote>\n          <StepForm submitButton={true}>\n            <Field key={'dateOfBirth'} name=\"dateOfBirth\" />\n          </StepForm>\n        </Step>\n      </Questions>\n    )\n  ).toMatchSnapshot();\n});\n"],
+  "mappings": "AAAA;AACA;AAEA;AACA;AACA;AAEA,MAAM,QAAQ;AAAA,EACZ;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA;AAAA,QAEb,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA,EAIZ;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,MACN;AAAA,QACE,KAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA;AAAA,QAEb,UAAU;AAAA,QACV,MAAM;AAAA;AAAA;AAAA;AAAA;AAMd,GAAG,yBAAyB,MAAM;AAChC,SACE,MACE,oCAAC,WAAD;AAAA,IACE,MAAM;AAAA,IACN,UAAU,CAAC,SAAe;AACxB,cAAQ,IAAI;AAAA;AAAA,IAEd;AAAA,KAEA,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KACT,oCAAC,WAAD,OACA,oCAAC,WAAD,MAAW,sBACX,oCAAC,UAAD;AAAA,IAAU,cAAc;AAAA,KACtB,oCAAC,OAAD;AAAA,IAAO,KAAK;AAAA,IAAQ,MAAK;AAAA,QAG7B,oCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,KACT,oCAAC,WAAD,OACA,oCAAC,WAAD,MAAW,oBACX,oCAAC,UAAD;AAAA,IAAU,cAAc;AAAA,KACtB,oCAAC,OAAD;AAAA,IAAO,KAAK;AAAA,IAAe,MAAK;AAAA,UAKxC;AAAA;",
+  "names": []
+}

package/Questions/types/index.js

@@ -1 +1 @@
-export {};
+//# sourceMappingURL=types.js.map

package/Questions/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cjs/Field/FieldBase/index.js

@@ -1,88 +1,114 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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});
+};
+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});
+  }
+  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);
+};
+__markAsModule(exports);
+__export(exports, {
+  FieldBase: () => FieldBase
 });
-exports.FieldBase = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
-var _excluded = ["required", "name", "component", "wrapper", "control", "type", "controlled", "enabled", "editable", "defaultValue", "label", "extra", "layout", "error", "register"];
-var FieldBase = exports.FieldBase = function FieldBase(props) {
-  var required = props.required,
-    name = props.name,
-    Component = props.component,
-    wrapper = props.wrapper,
-    control = props.control,
-    type = props.type,
-    _props$controlled = props.controlled,
-    controlled = _props$controlled === void 0 ? false : _props$controlled,
-    _props$enabled = props.enabled,
-    enabled = _props$enabled === void 0 ? true : _props$enabled,
-    editable = props.editable,
-    defaultValue = props.defaultValue,
-    label = props.label,
-    _props$extra = props.extra,
-    extra = _props$extra === void 0 ? {} : _props$extra,
-    layout = props.layout,
-    error = props.error,
-    register = props.register,
-    componentProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+var import_react = __toModule(require("react"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
+var import_FieldBaseContainer = __toModule(require("@digigov/form/Field/FieldBaseContainer"));
+const FieldBase = (props) => {
+  const {
+    required,
+    name,
+    component: Component,
+    wrapper,
+    control,
+    type,
+    controlled = false,
+    enabled = true,
+    editable,
+    defaultValue,
+    label,
+    extra = {},
+    layout,
+    error,
+    register,
+    ...componentProps
+  } = props;
   if (!enabled) {
     return null;
   }
   if (controlled) {
-    return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
-      label: label,
-      layout: layout,
-      error: error,
-      wrapper: wrapper,
-      name: name
-    }, /*#__PURE__*/_react["default"].createElement(_reactHookForm.Controller, {
-      control: control,
-      name: name,
-      render: function render(_ref) {
-        var field = _ref.field;
-        return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, field, {
-          defaultValue: defaultValue,
-          extra: extra,
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldBaseContainer.default, {
+      label,
+      layout,
+      error,
+      wrapper,
+      name
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_hook_form.Controller, {
+      control,
+      name,
+      render: ({field}) => {
+        return /* @__PURE__ */ import_react.default.createElement(Component, {
+          ...field,
+          ref: void 0,
+          defaultValue,
+          extra,
           error: !!error,
-          type: type,
+          type,
           "aria-required": !!required,
-          "aria-describedby": error && "".concat(name, "-error"),
-          required: required,
-          disabled: editable === false
-        }, componentProps));
+          "aria-describedby": error && `${name}-error`,
+          required,
+          disabled: editable === false,
+          ...componentProps
+        });
       }
     }));
   }
-  return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
-    label: label,
-    layout: layout,
-    error: error,
-    wrapper: wrapper,
-    name: name
-  }, Component !== null && Component !== void 0 && Component.render ? /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, register(name), {
-    control: control,
+  return /* @__PURE__ */ import_react.default.createElement(import_FieldBaseContainer.default, {
+    label,
+    layout,
+    error,
+    wrapper,
+    name
+  }, Component?.render ? /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...register(name),
+    control,
     error: !!error,
-    extra: extra,
-    type: type,
+    extra,
+    type,
     "aria-required": !!required,
-    "aria-describedby": error && "".concat(name, "-error"),
-    required: required,
-    disabled: editable === false
-  }, componentProps)) : /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({}, register(name), {
-    register: register,
-    control: control,
+    "aria-describedby": error && `${name}-error`,
+    required,
+    disabled: editable === false,
+    ...componentProps
+  }) : /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...register(name),
+    register,
+    control,
     error: !!error,
-    extra: extra,
-    type: type,
+    extra,
+    type,
     "aria-required": !!required,
-    "aria-describedby": error && "".concat(name, "-error"),
-    required: required,
-    disabled: editable === false
-  }, componentProps)));
-};
+    "aria-describedby": error && `${name}-error`,
+    required,
+    disabled: editable === false,
+    ...componentProps
+  }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldBase
+});
+//# sourceMappingURL=FieldBase.js.map

package/cjs/Field/FieldBase.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/FieldBase.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Controller } from 'react-hook-form';\nimport FieldBaseContainer from '@digigov/form/Field/FieldBaseContainer';\nimport { FieldBaseProps } from '@digigov/form/Field/types';\n\nexport const FieldBase: React.FC<FieldBaseProps> = (props) => {\n  const {\n    required,\n    name,\n    component: Component,\n    wrapper,\n    control,\n    type,\n    controlled = false,\n    enabled = true,\n    editable,\n    defaultValue,\n    label,\n    extra = {},\n    layout,\n    error,\n    register,\n    ...componentProps\n  } = props;\n  if (!enabled) {\n    return null;\n  }\n  if (controlled) {\n    return (\n      <FieldBaseContainer\n        label={label}\n        layout={layout}\n        error={error}\n        wrapper={wrapper}\n        name={name}\n      >\n        <Controller\n          control={control}\n          name={name}\n          render={({ field }) => {\n            return (\n              <Component\n                {...field}\n                ref={undefined}\n                defaultValue={defaultValue}\n                extra={extra}\n                error={!!error}\n                type={type}\n                aria-required={!!required}\n                aria-describedby={error && `${name}-error`}\n                required={required}\n                disabled={editable === false}\n                {...componentProps}\n              />\n            );\n          }}\n        />\n      </FieldBaseContainer>\n    );\n  }\n\n  return (\n    <FieldBaseContainer\n      label={label}\n      layout={layout}\n      error={error}\n      wrapper={wrapper}\n      name={name}\n    >\n      {Component?.render ? (\n        <Component\n          {...register(name)}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      ) : (\n        <Component\n          {...register(name)}\n          register={register}\n          control={control}\n          error={!!error}\n          extra={extra}\n          type={type}\n          aria-required={!!required}\n          aria-describedby={error && `${name}-error`}\n          required={required}\n          disabled={editable === false}\n          {...componentProps}\n        />\n      )}\n    </FieldBaseContainer>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAA2B;AAC3B,gCAA+B;AAGxB,MAAM,YAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD;AACJ,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA;AAET,MAAI,YAAY;AACd,WACE,mDAAC,mCAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,OAEA,mDAAC,mCAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,CAAE,WAAY;AACrB,eACE,mDAAC,WAAD;AAAA,aACM;AAAA,UACJ,KAAK;AAAA,UACL;AAAA,UACA;AAAA,UACA,OAAO,CAAC,CAAC;AAAA,UACT;AAAA,UACA,iBAAe,CAAC,CAAC;AAAA,UACjB,oBAAkB,SAAS,GAAG;AAAA,UAC9B;AAAA,UACA,UAAU,aAAa;AAAA,aACnB;AAAA;AAAA;AAAA;AAAA;AASlB,SACE,mDAAC,mCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,WAAW,SACV,mDAAC,WAAD;AAAA,OACM,SAAS;AAAA,IACb;AAAA,IACA,OAAO,CAAC,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA,iBAAe,CAAC,CAAC;AAAA,IACjB,oBAAkB,SAAS,GAAG;AAAA,IAC9B;AAAA,IACA,UAAU,aAAa;AAAA,OACnB;AAAA,OAGN,mDAAC,WAAD;AAAA,OACM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA,OAAO,CAAC,CAAC;AAAA,IACT;AAAA,IACA;AAAA,IACA,iBAAe,CAAC,CAAC;AAAA,IACjB,oBAAkB,SAAS,GAAG;AAAA,IAC9B;AAAA,IACA,UAAU,aAAa;AAAA,OACnB;AAAA;AAAA;",
+  "names": []
+}

package/cjs/Field/FieldBaseContainer/index.js

@@ -1,47 +1,73 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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});
+};
+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});
+  }
+  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);
+};
+__markAsModule(exports);
+__export(exports, {
+  FieldBaseContainer: () => FieldBaseContainer,
+  default: () => FieldBaseContainer_default
 });
-exports["default"] = exports.FieldBaseContainer = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Label = _interopRequireDefault(require("@digigov/form/inputs/Label"));
-var _ErrorMessage = _interopRequireDefault(require("@digigov/react-core/cjs/ErrorMessage"));
-var _FieldContainer = _interopRequireDefault(require("@digigov/react-core/cjs/FieldContainer"));
-var _Fieldset = _interopRequireDefault(require("@digigov/react-core/cjs/Fieldset"));
-var _FieldsetLegend = _interopRequireDefault(require("@digigov/react-core/cjs/FieldsetLegend"));
-var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
-var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/cjs/LabelContainer"));
-var _i18n = require("@digigov/ui/cjs/i18n");
-var FieldBaseContainer = exports.FieldBaseContainer = function FieldBaseContainer(_ref) {
-  var name = _ref.name,
-    wrapper = _ref.wrapper,
-    label = _ref.label,
-    children = _ref.children,
-    error = _ref.error,
-    layout = _ref.layout;
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  var errorMessage = error !== null && error !== void 0 && error.message.key ? error.message.key : (error === null || error === void 0 ? void 0 : error.message) || '';
-  var errorContext = (error === null || error === void 0 ? void 0 : error.message.context) || {};
-  if (wrapper === 'fieldset') {
-    return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], (0, _extends2["default"])({
-      error: !!error
-    }, layout), /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, /*#__PURE__*/_react["default"].createElement(_FieldsetLegend["default"], {
+var import_react = __toModule(require("react"));
+var import_Label = __toModule(require("@digigov/form/inputs/Label"));
+var import_ErrorMessage = __toModule(require("@digigov/react-core/ErrorMessage"));
+var import_FieldContainer = __toModule(require("@digigov/react-core/FieldContainer"));
+var import_Fieldset = __toModule(require("@digigov/react-core/Fieldset"));
+var import_FieldsetLegend = __toModule(require("@digigov/react-core/FieldsetLegend"));
+var import_Hint = __toModule(require("@digigov/react-core/Hint"));
+var import_LabelContainer = __toModule(require("@digigov/react-core/LabelContainer"));
+var import_i18n = __toModule(require("@digigov/ui/i18n"));
+const FieldBaseContainer = ({
+  name,
+  wrapper,
+  label,
+  children,
+  error,
+  layout
+}) => {
+  const {t} = (0, import_i18n.useTranslation)();
+  const errorMessage = error?.message.key ? error.message.key : error?.message || "";
+  const errorContext = error?.message.context || {};
+  if (wrapper === "fieldset") {
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.default, {
+      error: !!error,
+      ...layout
+    }, /* @__PURE__ */ import_react.default.createElement(import_Fieldset.default, null, /* @__PURE__ */ import_react.default.createElement(import_FieldsetLegend.default, {
       size: "sm"
-    }, label && label.primary), label && label.secondary && /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t(label.secondary)), error && /*#__PURE__*/_react["default"].createElement(_ErrorMessage["default"], {
-      id: "".concat(name, "-error")
+    }, label && label.primary), label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.default, null, t(label.secondary)), error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.default, {
+      id: `${name}-error`
     }, t(errorMessage, errorContext)), children));
   } else {
-    return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], (0, _extends2["default"])({
-      error: !!error
-    }, layout), /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, label && /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-      label: label
-    }), error && /*#__PURE__*/_react["default"].createElement(_ErrorMessage["default"], {
-      id: "".concat(name, "-error")
+    return /* @__PURE__ */ import_react.default.createElement(import_FieldContainer.default, {
+      error: !!error,
+      ...layout
+    }, /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.default, null, label && /* @__PURE__ */ import_react.default.createElement(import_Label.default, {
+      label
+    }), error && /* @__PURE__ */ import_react.default.createElement(import_ErrorMessage.default, {
+      id: `${name}-error`
     }, t(errorMessage, errorContext)), children));
   }
 };
-var _default = exports["default"] = FieldBaseContainer;
+var FieldBaseContainer_default = FieldBaseContainer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldBaseContainer
+});
+//# sourceMappingURL=FieldBaseContainer.js.map

package/cjs/Field/FieldBaseContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Field/FieldBaseContainer.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { FieldContainerProps } from '@digigov/form/Field/types';\nimport Label from '@digigov/form/inputs/Label';\nimport ErrorMessage from '@digigov/react-core/ErrorMessage';\nimport FieldContainer from '@digigov/react-core/FieldContainer';\nimport CoreFieldset from '@digigov/react-core/Fieldset';\nimport FieldsetLegend from '@digigov/react-core/FieldsetLegend';\nimport Hint from '@digigov/react-core/Hint';\nimport LabelContainer from '@digigov/react-core/LabelContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport const FieldBaseContainer: React.FC<FieldContainerProps> = ({\n  name,\n  wrapper,\n  label,\n  children,\n  error,\n  layout,\n}) => {\n  const { t } = useTranslation();\n  const errorMessage = error?.message.key\n    ? error.message.key\n    : error?.message || '';\n  const errorContext = error?.message.context || {};\n  if (wrapper === 'fieldset') {\n    return (\n      <FieldContainer error={!!error} {...layout}>\n        <CoreFieldset>\n          <FieldsetLegend size=\"sm\">{label && label.primary}</FieldsetLegend>\n          {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n          {error && (\n            <ErrorMessage id={`${name}-error`}>\n              {t(errorMessage, errorContext)}\n            </ErrorMessage>\n          )}\n          {children}\n        </CoreFieldset>\n      </FieldContainer>\n    );\n  } else {\n    return (\n      <FieldContainer error={!!error} {...layout}>\n        <LabelContainer>\n          {label && <Label label={label} />}\n          {error && (\n            <ErrorMessage id={`${name}-error`}>\n              {t(errorMessage, errorContext)}\n            </ErrorMessage>\n          )}\n          {children}\n        </LabelContainer>\n      </FieldContainer>\n    );\n  }\n};\n\nexport default FieldBaseContainer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAAkB;AAClB,0BAAyB;AACzB,4BAA2B;AAC3B,sBAAyB;AACzB,4BAA2B;AAC3B,kBAAiB;AACjB,4BAA2B;AAC3B,kBAA+B;AAExB,MAAM,qBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAE,KAAM;AACd,QAAM,eAAe,OAAO,QAAQ,MAChC,MAAM,QAAQ,MACd,OAAO,WAAW;AACtB,QAAM,eAAe,OAAO,QAAQ,WAAW;AAC/C,MAAI,YAAY,YAAY;AAC1B,WACE,mDAAC,+BAAD;AAAA,MAAgB,OAAO,CAAC,CAAC;AAAA,SAAW;AAAA,OAClC,mDAAC,yBAAD,MACE,mDAAC,+BAAD;AAAA,MAAgB,MAAK;AAAA,OAAM,SAAS,MAAM,UACzC,SAAS,MAAM,aAAa,mDAAC,qBAAD,MAAO,EAAE,MAAM,aAC3C,SACC,mDAAC,6BAAD;AAAA,MAAc,IAAI,GAAG;AAAA,OAClB,EAAE,cAAc,gBAGpB;AAAA,SAIF;AACL,WACE,mDAAC,+BAAD;AAAA,MAAgB,OAAO,CAAC,CAAC;AAAA,SAAW;AAAA,OAClC,mDAAC,+BAAD,MACG,SAAS,mDAAC,sBAAD;AAAA,MAAO;AAAA,QAChB,SACC,mDAAC,6BAAD;AAAA,MAAc,IAAI,GAAG;AAAA,OAClB,EAAE,cAAc,gBAGpB;AAAA;AAAA;AAOX,IAAO,6BAAQ;",
+  "names": []
+}

package/cjs/Field/FieldConditional/index.js

@@ -1,66 +1,93 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+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});
+};
+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});
+  }
+  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);
+};
+__markAsModule(exports);
+__export(exports, {
+  FieldConditional: () => FieldConditional,
+  default: () => FieldConditional_default
 });
-exports["default"] = exports.FieldConditional = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _FieldBase = require("@digigov/form/Field/FieldBase");
-var _utils = require("@digigov/form/Field/utils");
-var ChildFieldMemo = /*#__PURE__*/_react["default"].memo(function ChildField(_ref) {
-  var dependencies = _ref.dependencies,
-    field = _ref.field,
-    control = _ref.control,
-    reset = _ref.reset,
-    register = _ref.register,
-    error = _ref.error;
-  var newField = (0, _utils.evaluateFieldWithConditions)(field, dependencies);
-  return /*#__PURE__*/_react["default"].createElement(_FieldBase.FieldBase, (0, _extends3["default"])({}, newField, {
+var import_react = __toModule(require("react"));
+var import_react_hook_form = __toModule(require("react-hook-form"));
+var import_FieldBase = __toModule(require("@digigov/form/Field/FieldBase"));
+var import_utils = __toModule(require("@digigov/form/Field/utils"));
+const ChildFieldMemo = import_react.default.memo(function ChildField({
+  dependencies,
+  field,
+  control,
+  reset,
+  register,
+  error
+}) {
+  const newField = (0, import_utils.evaluateFieldWithConditions)(field, dependencies);
+  return /* @__PURE__ */ import_react.default.createElement(import_FieldBase.FieldBase, {
+    ...newField,
     name: newField.key,
-    reset: reset,
-    control: control,
-    register: register,
-    error: error
-  }));
-}, function (prev, next) {
+    reset,
+    control,
+    register,
+    error
+  });
+}, (prev, next) => {
   if (!prev || !prev.dependencies) {
     return false;
   }
   if (prev.error !== next.error) {
     return false;
   }
-  for (var dep in next.dependencies) {
+  for (const dep in next.dependencies) {
     if (next.dependencies[dep] !== prev.dependencies[dep]) {
       return false;
     }
   }
   return true;
 });
-var FieldConditional = exports.FieldConditional = function FieldConditional(_ref2) {
-  var control = _ref2.control,
-    field = _ref2.field,
-    register = _ref2.register,
-    reset = _ref2.reset,
-    error = _ref2.error;
-  var dependencyKeys = Object.keys(field.condition);
-  var dependencyValues = (0, _reactHookForm.useWatch)({
+const FieldConditional = ({
+  control,
+  field,
+  register,
+  reset,
+  error
+}) => {
+  const dependencyKeys = Object.keys(field.condition);
+  const dependencyValues = (0, import_react_hook_form.useWatch)({
     name: dependencyKeys,
-    control: control
+    control
   });
-  var variables = dependencyKeys.reduce(function (data, fieldKey, index) {
-    return (0, _extends3["default"])({}, data, (0, _defineProperty2["default"])({}, fieldKey, dependencyValues[index]));
-  }, {});
-  return /*#__PURE__*/_react["default"].createElement(ChildFieldMemo, {
+  const variables = dependencyKeys.reduce((data, fieldKey, index) => ({
+    ...data,
+    [fieldKey]: dependencyValues[index]
+  }), {});
+  return /* @__PURE__ */ import_react.default.createElement(ChildFieldMemo, {
     dependencies: variables,
-    field: field,
-    control: control,
-    register: register,
-    reset: reset,
-    error: error
+    field,
+    control,
+    register,
+    reset,
+    error
   });
 };
-var _default = exports["default"] = FieldConditional;
+var FieldConditional_default = FieldConditional;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FieldConditional
+});
+//# sourceMappingURL=FieldConditional.js.map