@digigov/form 1.0.0-47312a12 → 1.0.0-51c931ab

package/Field/FieldBase/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Field/FieldBase/index.js"
+}

package/Field/FieldBaseContainer/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Field/FieldBaseContainer/index.js"
+}

package/Field/FieldConditional/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Field/FieldConditional/index.js"
+}

package/Field/types/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Field/types/index.js"
+}

package/Field/{utils.js → utils/index.js}

@@ -4,6 +4,7 @@ import { FormContext } from "../FormContext";
 import Checkboxes from "../inputs/Checkboxes";
 import DateInput from "../inputs/DateInput";
 import FileInput from "../inputs/FileInput";
+import ImageInput from "../inputs/ImageInput";
 import Input from "../inputs/Input";
 import OtpInput from "../inputs/OtpInput";
 import Radio from "../inputs/Radio";
@@ -22,6 +23,10 @@ var FIELD_COMPONENTS = {
     wrapper: 'fieldset',
     component: FileInput
   },
+  image: {
+    wrapper: 'fieldset',
+    component: ImageInput
+  },
   date: {
     wrapper: 'fieldset',
     controlled: true,

package/Field/utils/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Field/utils/index.js"
+}

package/FieldArray/FieldArray.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FieldArray/FieldArray.stories/index.js"
+}

package/FieldArray/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/FieldArray/__stories__/Default/index.js"
+}

package/FieldArray/__stories__/WithExactLength/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/FieldArray/__stories__/WithExactLength/index.js"
+}

package/Fieldset/FieldsetWithContext/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Fieldset/FieldsetWithContext/index.js"
+}

package/Fieldset/types/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Fieldset/types/index.js"
+}

package/Form.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/Form.stories/index.js"
+}

package/FormBuilder/FormBuilder/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FormBuilder/FormBuilder/index.js"
+}

package/FormBuilder/FormBuilder.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FormBuilder/FormBuilder.stories/index.js"
+}

package/FormBuilder/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/FormBuilder/__stories__/Default/index.js"
+}

package/FormContext/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/FormContext/index.js"
+}

package/MultiplicityField/MultiplicityField.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/MultiplicityField/MultiplicityField.stories/index.js"
+}

package/MultiplicityField/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/MultiplicityField/__stories__/Default/index.js"
+}

package/MultiplicityField/__stories__/PreviewDisplay/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/MultiplicityField/__stories__/PreviewDisplay/index.js"
+}

package/MultiplicityField/__stories__/WithExactLength/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/MultiplicityField/__stories__/WithExactLength/index.js"
+}

package/MultiplicityField/__stories__/WithMaxLength/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/MultiplicityField/__stories__/WithMaxLength/index.js"
+}

package/MultiplicityField/__stories__/WithMinAndMaxLength/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/MultiplicityField/__stories__/WithMinAndMaxLength/index.js"
+}

package/MultiplicityField/__stories__/WithMinLength/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/MultiplicityField/__stories__/WithMinLength/index.js"
+}

package/MultiplicityField/add-objects/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/MultiplicityField/add-objects/index.js"
+}

package/Questions/Questions/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Questions/Questions/index.js"
+}

package/Questions/Questions.stories/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Questions/Questions.stories/index.js"
+}

package/Questions/QuestionsContext/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Questions/QuestionsContext/index.js"
+}

package/Questions/Step/ReviewStep/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/ReviewStep/index.js"
+}

package/Questions/Step/Step/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/Step/index.js"
+}

package/Questions/Step/StepArrayReview/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/StepArrayReview/index.js"
+}

package/Questions/Step/StepContext/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/StepContext/index.js"
+}

package/Questions/Step/StepDescription/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/StepDescription/index.js"
+}

package/Questions/Step/StepForm/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/StepForm/index.js"
+}

package/Questions/Step/StepQuote/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/StepQuote/index.js"
+}

package/Questions/Step/StepTitle/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/StepTitle/index.js"
+}

package/Questions/Step/getAddMoreFields/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/getAddMoreFields/index.js"
+}

package/Questions/Step/types/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/Step/types/index.js"
+}

package/Questions/__stories__/Default/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Questions/__stories__/Default/index.js"
+}

package/Questions/getNextStep/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Questions/getNextStep/index.js"
+}

package/Questions/index.spec/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Questions/index.spec/index.js"
+}

package/Questions/types/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Questions/types/index.js"
+}

package/cjs/Field/{utils.js → utils/index.js}

@@ -23,6 +23,8 @@ var _DateInput = _interopRequireDefault(require("../inputs/DateInput"));
 
 var _FileInput = _interopRequireDefault(require("../inputs/FileInput"));
 
+var _ImageInput = _interopRequireDefault(require("../inputs/ImageInput"));
+
 var _Input = _interopRequireDefault(require("../inputs/Input"));
 
 var _OtpInput = _interopRequireDefault(require("../inputs/OtpInput"));
@@ -51,6 +53,10 @@ var FIELD_COMPONENTS = {
     wrapper: 'fieldset',
     component: _FileInput["default"]
   },
+  image: {
+    wrapper: 'fieldset',
+    component: _ImageInput["default"]
+  },
   date: {
     wrapper: 'fieldset',
     controlled: true,

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

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _ = _interopRequireDefault(require("./"));
+
+var _Default = require("./__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 _WithInvalidImageSize = require("./__stories__/WithInvalidImageSize");
+
+Object.keys(_WithInvalidImageSize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithInvalidImageSize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithInvalidImageSize[key];
+    }
+  });
+});
+
+var _WithInvalidImageDimension = require("./__stories__/WithInvalidImageDimension");
+
+Object.keys(_WithInvalidImageDimension).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithInvalidImageDimension[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithInvalidImageDimension[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov Form/inputs/ImageInput',
+  component: _["default"],
+  displayName: 'ImageInput'
+};
+exports["default"] = _default;

package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json

@@ -0,0 +1,77 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-form-inputs-imageinput--with-invalid-image-dimension": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "setImages",
+              "args": {
+                "file": {
+                  "name": "image.jpg",
+                  "size": 500,
+                  "width": 500,
+                  "height": 500
+                },
+                "selector": "html>body>div:nth-child(5)>form>fieldset>div>fieldset>div>div>label"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "o22sSYzQqsMl",
+          "title": "Dimension image action"
+        }
+      ]
+    },
+    "digigov-form-inputs-imageinput--with-invalid-image-size": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "setImages",
+              "args": {
+                "file": {
+                  "name": "image.jpg",
+                  "size": 500,
+                  "width": 500,
+                  "height": 500
+                },
+                "selector": "html>body>div:nth-child(5)>form>fieldset>div>fieldset>div>div>label"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "0TewzMxhK1db",
+          "title": "Size image action"
+        }
+      ]
+    },
+    "digigov-form-inputs-imageinput--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>form>button"
+              }
+            }
+          ],
+          "id": "Pvb2kqeg1fI3",
+          "title": "Invalid submit"
+        }
+      ]
+    }
+  }
+}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireWildcard(require("../../.."));
+
+var _Button = require("@digigov/ui/cjs/form/Button");
+
+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 FIELDS = [{
+  key: 'image',
+  type: 'image',
+  required: true,
+  label: {
+    primary: 'Ανέβασμα φωτογραφίας'
+  }
+}];
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  type: "submit"
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
+    fields: FIELDS,
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_.Fieldset, null, FIELDS.map(function (field) {
+    return /*#__PURE__*/_react["default"].createElement(_.Field, {
+      key: field.key,
+      name: field.key
+    });
+  })), _ref);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/cjs/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithInvalidImageDimension = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireWildcard(require("../../.."));
+
+var _Button = require("@digigov/ui/cjs/form/Button");
+
+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 FIELDS = [{
+  key: 'image',
+  type: 'image',
+  required: true,
+  label: {
+    primary: 'Ανέβασμα φωτογραφίας'
+  },
+  extra: {
+    limit: {
+      maxHeight: 400,
+      maxWidth: 400,
+      minHeight: 100,
+      minWidth: 100
+    }
+  }
+}];
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  type: "submit"
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+var WithInvalidImageDimension = function WithInvalidImageDimension() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
+    fields: FIELDS,
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_.Fieldset, null, FIELDS.map(function (field) {
+    return /*#__PURE__*/_react["default"].createElement(_.Field, {
+      key: field.key,
+      name: field.key
+    });
+  })), _ref);
+};
+
+exports.WithInvalidImageDimension = WithInvalidImageDimension;
+var _default = WithInvalidImageDimension;
+exports["default"] = _default;