@digigov/form 0.10.6 → 0.10.8

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Change Log - @digigov/form
 
-This log was last generated on Wed, 16 Nov 2022 14:27:34 GMT and should not be manually modified.
+This log was last generated on Fri, 02 Dec 2022 11:20:56 GMT and should not be manually modified.
+
+## 0.10.8
+Fri, 02 Dec 2022 11:20:56 GMT
+
+### Patches
+
+- fix Questions' export value
+
+## 0.10.7
+Fri, 18 Nov 2022 08:33:43 GMT
+
+### Patches
+
+- Update imports of renamed react components
 
 ## 0.10.6
 Wed, 16 Nov 2022 14:27:34 GMT

package/Field/FieldBase.js

@@ -13,7 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _FieldContainer = _interopRequireDefault(require("@digigov/form/Field/FieldContainer"));
+var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
 
 var _reactHookForm = require("react-hook-form");
 
@@ -45,7 +45,7 @@ var FieldBase = function FieldBase(props) {
   }
 
   if (controlled) {
-    return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
       label: label,
       layout: layout,
       error: error,
@@ -70,7 +70,7 @@ var FieldBase = function FieldBase(props) {
     }));
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
     label: label,
     layout: layout,
     error: error,

package/Field/FieldBaseContainer.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldContainerProps } from '@digigov/form/Field/types';
+export declare const FieldBaseContainer: React.FC<FieldContainerProps>;
+export default FieldBaseContainer;

package/Field/{FieldContainer.js → FieldBaseContainer.js}

@@ -5,15 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.FieldContainer = void 0;
+exports["default"] = exports.FieldBaseContainer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Field = _interopRequireDefault(require("@digigov/react-core/Field"));
+var _FieldContainer = _interopRequireDefault(require("@digigov/react-core/FieldContainer"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _Fieldset = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
 
@@ -25,9 +25,9 @@ var _ErrorMessage = _interopRequireDefault(require("@digigov/react-core/ErrorMes
 
 var _i18n = require("@digigov/ui/app/i18n");
 
-var _Label2 = _interopRequireDefault(require("@digigov/form/inputs/Label"));
+var _Label = _interopRequireDefault(require("@digigov/form/inputs/Label"));
 
-var FieldContainer = function FieldContainer(_ref) {
+var FieldBaseContainer = function FieldBaseContainer(_ref) {
   var name = _ref.name,
       wrapper = _ref.wrapper,
       label = _ref.label,
@@ -42,7 +42,7 @@ var FieldContainer = function FieldContainer(_ref) {
   var errorContext = (error === null || error === void 0 ? void 0 : error.message.context) || {};
 
   if (wrapper === 'fieldset') {
-    return /*#__PURE__*/_react["default"].createElement(_Field["default"], (0, _extends2["default"])({
+    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"], {
       size: "s"
@@ -50,9 +50,9 @@ var FieldContainer = function FieldContainer(_ref) {
       id: "".concat(name, "-error")
     }, t(errorMessage, errorContext)), children));
   } else {
-    return /*#__PURE__*/_react["default"].createElement(_Field["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], (0, _extends2["default"])({
       error: !!error
-    }, layout), /*#__PURE__*/_react["default"].createElement(_Label["default"], null, label && /*#__PURE__*/_react["default"].createElement(_Label2["default"], {
+    }, 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")
@@ -60,6 +60,6 @@ var FieldContainer = function FieldContainer(_ref) {
   }
 };
 
-exports.FieldContainer = FieldContainer;
-var _default = FieldContainer;
+exports.FieldBaseContainer = FieldBaseContainer;
+var _default = FieldBaseContainer;
 exports["default"] = _default;

package/FieldArray/FieldArray.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { FieldArray as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/form/FieldArray/__stories__/Default";

package/FieldArray/FieldArray.stories.js

@@ -39,6 +39,7 @@ Object.keys(_WithExactLength).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/FieldArray',
-  component: _FieldArray["default"]
+  component: _FieldArray["default"],
+  displayName: 'FieldArray'
 };
 exports["default"] = _default;

package/FieldArray/index.js

@@ -23,7 +23,7 @@ var _Fieldset = require("@digigov/form/Fieldset");
 
 var _Fieldset2 = _interopRequireDefault(require("@digigov/react-core/Fieldset"));
 
-var _FieldContainer = _interopRequireDefault(require("@digigov/form/Field/FieldContainer"));
+var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
 
 var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
 
@@ -47,7 +47,7 @@ var FieldArray = function FieldArray(_ref) {
       append = _useFieldArray.append,
       remove = _useFieldArray.remove;
 
-  return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
     label: label,
     layout: layout,
     error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message && error ? error : undefined,

package/Fieldset/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
+import Fieldset from '@digigov/react-core/Fieldset';
 import { FieldsetLabelProps, FieldsetCaptionProps, FieldsetBodyProps } from '@digigov/form/Fieldset/types';
 export declare const FieldsetLabel: React.FC<FieldsetLabelProps>;
 export declare const FieldsetCaption: React.FC<FieldsetCaptionProps>;
 export declare const FieldsetBody: React.FC<FieldsetBodyProps>;
-export declare const Fieldset: React.FC;
+export { Fieldset };
 export default Fieldset;

package/Fieldset/index.js

@@ -5,7 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = exports.Fieldset = void 0;
+Object.defineProperty(exports, "Fieldset", {
+  enumerable: true,
+  get: function get() {
+    return _Fieldset["default"];
+  }
+});
+exports["default"] = exports.FieldsetLabel = exports.FieldsetCaption = exports.FieldsetBody = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -54,12 +60,5 @@ var FieldsetBody = function FieldsetBody(_ref3) {
 };
 
 exports.FieldsetBody = FieldsetBody;
-
-var Fieldset = function Fieldset(_ref4) {
-  var children = _ref4.children;
-  return /*#__PURE__*/_react["default"].createElement(_Fieldset["default"], null, children);
-};
-
-exports.Fieldset = Fieldset;
-var _default = Fieldset;
+var _default = _Fieldset["default"];
 exports["default"] = _default;

package/FormBuilder/FormBuilder.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { FormBuilder as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/form/FormBuilder/__stories__/Default";

package/FormBuilder/FormBuilder.stories.js

@@ -25,6 +25,7 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/FormBuilder',
-  component: _FormBuilder["default"]
+  component: _FormBuilder["default"],
+  displayName: 'FormBuilder'
 };
 exports["default"] = _default;

package/MultiplicityField/MultiplicityField.stories.d.ts

@@ -1,6 +1,7 @@
 declare namespace _default {
     export const title: string;
     export { MultiplicityField as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/form/MultiplicityField/__stories__/Default";

package/MultiplicityField/MultiplicityField.stories.js

@@ -95,6 +95,7 @@ Object.keys(_PreviewDisplay).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov Form/MultiplicityField',
-  component: _MultiplicityField["default"]
+  component: _MultiplicityField["default"],
+  displayName: 'MultiplicityField'
 };
 exports["default"] = _default;

package/MultiplicityField/index.js

@@ -25,7 +25,7 @@ var _reactHookForm = require("react-hook-form");
 
 var _FieldObject = _interopRequireDefault(require("@digigov/form/FieldObject"));
 
-var _FieldContainer = _interopRequireDefault(require("@digigov/form/Field/FieldContainer"));
+var _FieldBaseContainer = _interopRequireDefault(require("@digigov/form/Field/FieldBaseContainer"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -72,7 +72,7 @@ var Multiplicity = function Multiplicity(_ref) {
     setStashedObjects(newStashedObjects);
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_FieldBaseContainer["default"], {
     label: label,
     layout: layout,
     error: formState.isSubmitted && !formState.isSubmitting && error !== null && error !== void 0 && error.message ? error : undefined,

package/Questions/Questions.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    export const title: string;
+    export { Questions as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "@digigov/form/Questions/__stories__/Default";
+import Questions from "@digigov/form/Questions";

package/Questions/Questions.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Questions = _interopRequireDefault(require("@digigov/form/Questions"));
+
+var _Default = require("@digigov/form/Questions/__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov Form/Questions',
+  component: _Questions["default"],
+  displayName: 'Questions'
+};
+exports["default"] = _default;

package/Questions/__stories__/Default.d.ts

@@ -0,0 +1,2 @@
+export declare function Default(): JSX.Element;
+export default Default;

package/Questions/__stories__/Default.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Default = Default;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Footer = _interopRequireDefault(require("@digigov/ui/govgr/Footer"));
+
+var _Header = _interopRequireDefault(require("@digigov/ui/app/Header"));
+
+var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderSection"));
+
+var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
+
+var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
+
+var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
+
+var _Questions = _interopRequireWildcard(require("@digigov/form/Questions"));
+
+var _form = require("@digigov/form");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var steps = [{
+  name: 'age',
+  title: 'What is your age?',
+  fields: [{
+    key: 'age',
+    type: 'int',
+    required: true
+  }],
+  nextStep: function nextStep(data) {
+    return data.age > 17 ? 'citizen-adult' : 'citizen-underage';
+  }
+}, {
+  name: 'citizen-underage',
+  title: 'Are you a student?',
+  fields: [{
+    key: 'citizen-underage-student',
+    type: 'radio',
+    required: true,
+    options: [{
+      label: {
+        primary: 'Yes'
+      },
+      value: 'yes'
+    }, {
+      label: {
+        primary: 'No'
+      },
+      value: 'no'
+    }]
+  }]
+}, {
+  name: 'citizen-adult',
+  title: 'Are you currently employed?',
+  fields: [{
+    key: 'citizen-adult-employed',
+    type: 'radio',
+    required: true,
+    options: [{
+      label: {
+        primary: 'Yes'
+      },
+      value: 'yes'
+    }, {
+      label: {
+        primary: 'No'
+      },
+      value: 'no'
+    }]
+  }]
+}];
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Basic.Top, null, /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
+  href: "#"
+})))));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Questions.Step, {
+  name: "age"
+}, /*#__PURE__*/_react["default"].createElement(_Questions.StepTitle, null), /*#__PURE__*/_react["default"].createElement(_Questions.StepForm, {
+  submitButton: true
+}, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  key: "age",
+  name: "age"
+})));
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Questions.Step, {
+  name: "citizen-underage"
+}, /*#__PURE__*/_react["default"].createElement(_Questions.StepTitle, null), /*#__PURE__*/_react["default"].createElement(_Questions.StepForm, {
+  submitButton: true
+}, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  key: "citizen-underage-student",
+  name: "citizen-underage-student"
+})));
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Questions.Step, {
+  name: "citizen-adult"
+}, /*#__PURE__*/_react["default"].createElement(_Questions.StepTitle, null), /*#__PURE__*/_react["default"].createElement(_Questions.StepForm, {
+  submitButton: true
+}, /*#__PURE__*/_react["default"].createElement(_form.Field, {
+  key: "citizen-adult-employed",
+  name: "citizen-adult-employed"
+})));
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Basic.Bottom, null, /*#__PURE__*/_react["default"].createElement(_Footer["default"], null));
+
+function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_Basic["default"], null, _ref, /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, /*#__PURE__*/_react["default"].createElement(_Questions["default"], {
+    name: 'example',
+    steps: steps,
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, _ref2, _ref3, _ref4))), _ref5);
+}
+
+var _default = Default;
+exports["default"] = _default;