@digigov/form 2.0.0-rc.8 → 2.0.3

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

@@ -1,46 +0,0 @@
-"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 _form = _interopRequireWildcard(require("@digigov/form"));
-var _Button = require("@digigov/ui/cjs/form/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 = exports.WithInvalidImageDimension = function WithInvalidImageDimension() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    fields: FIELDS,
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Fieldset, null, FIELDS.map(function (field) {
-    return /*#__PURE__*/_react["default"].createElement(_form.Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), _ref);
-};
-var _default = exports["default"] = WithInvalidImageDimension;

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

@@ -1,43 +0,0 @@
-"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.WithInvalidImageSize = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = _interopRequireWildcard(require("@digigov/form"));
-var _Button = require("@digigov/ui/cjs/form/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var FIELDS = [{
-  key: 'image',
-  type: 'image',
-  required: true,
-  label: {
-    primary: 'Ανέβασμα φωτογραφίας'
-  },
-  extra: {
-    limit: {
-      maxSize: 300
-    }
-  }
-}];
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var WithInvalidImageSize = exports.WithInvalidImageSize = function WithInvalidImageSize() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    fields: FIELDS,
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Fieldset, null, FIELDS.map(function (field) {
-    return /*#__PURE__*/_react["default"].createElement(_form.Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), _ref);
-};
-var _default = exports["default"] = WithInvalidImageSize;

package/cjs/inputs/ImageInput/index.js

@@ -1,86 +0,0 @@
-"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.ImageInput = exports.Image = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _FileUpload = _interopRequireDefault(require("@digigov/react-core/cjs/FileUpload"));
-var _FileUploadContainer = _interopRequireDefault(require("@digigov/react-core/cjs/FileUploadContainer"));
-var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
-var _Button = _interopRequireWildcard(require("@digigov/ui/cjs/form/Button"));
-var _i18n = require("@digigov/ui/cjs/i18n");
-var _Paragraph = _interopRequireDefault(require("@digigov/ui/cjs/typography/Paragraph"));
-var _excluded = ["name", "extra", "disabled", "onChange", "reset"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Image = exports.Image = /*#__PURE__*/_react["default"].memo(function Image(_ref) {
-  var src = _ref.src;
-  return /*#__PURE__*/_react["default"].createElement("img", {
-    src: src,
-    className: "ds-image--ratio"
-  });
-});
-var ImageInput = exports.ImageInput = /*#__PURE__*/_react["default"].forwardRef(function ImageInput(_ref2, ref) {
-  var name = _ref2.name,
-    _ref2$extra = _ref2.extra,
-    extra = _ref2$extra === void 0 ? {} : _ref2$extra,
-    disabled = _ref2.disabled,
-    onChange = _ref2.onChange,
-    reset = _ref2.reset,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    selectedImage = _useState2[0],
-    setSelectedImage = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    imageUrl = _useState4[0],
-    setImageUrl = _useState4[1];
-  var handleImageChange = (0, _react.useCallback)(function (e) {
-    var _target$files;
-    e.preventDefault();
-    var target = e.target;
-    var selectedFile = (_target$files = target.files) === null || _target$files === void 0 ? void 0 : _target$files[0];
-    if (selectedFile) {
-      setSelectedImage(selectedFile);
-      setImageUrl(URL.createObjectURL(selectedFile));
-    }
-    onChange(e);
-  }, [selectedImage]);
-  var handleDeleteImage = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    reset((0, _defineProperty2["default"])({}, name, ''));
-    setSelectedImage(null);
-    setImageUrl('');
-  }, [selectedImage]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FileUploadContainer["default"], null, selectedImage !== null ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, /*#__PURE__*/_react["default"].createElement("b", null, t('upload.image'), ":"), " ", "".concat(selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.name))) : /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
-    className: "ds-dashed--border"
-  }, t('upload.no_image')), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(Image, {
-    src: imageUrl
-  }), /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, {
-    marginTop: 2
-  }, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "link",
-    onClick: handleDeleteImage
-  }, t('upload.reset_file')), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], (0, _extends2["default"])({
-    ref: ref,
-    hasFiles: selectedImage !== null,
-    name: name,
-    disabled: disabled,
-    accept: "image/*",
-    onChange: handleImageChange
-  }, (0, _extends2["default"])({}, props, {
-    required: undefined,
-    type: 'file'
-  })), t('upload.choose_image'))))));
-});
-var _default = exports["default"] = ImageInput;

package/cjs/inputs/ImageInput/index.mdx

@@ -1,19 +0,0 @@
----
-title: Image Input
----
- 
-# Image input
-
-
-
-Input element of type `image` defines an image as a submit button, i.e. submit buttons that take the form of an image rather than text.
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/ImageInput"
-  story="Default.tsx"
-/>

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

@@ -1,134 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
-var _Default = require("@digigov/form/inputs/Input/__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 _Integer = require("@digigov/form/inputs/Input/__stories__/Integer");
-Object.keys(_Integer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Integer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Integer[key];
-    }
-  });
-});
-var _Boolean = require("@digigov/form/inputs/Input/__stories__/Boolean");
-Object.keys(_Boolean).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Boolean[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Boolean[key];
-    }
-  });
-});
-var _PhoneNumber = require("@digigov/form/inputs/Input/__stories__/PhoneNumber");
-Object.keys(_PhoneNumber).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PhoneNumber[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PhoneNumber[key];
-    }
-  });
-});
-var _LandlineNumber = require("@digigov/form/inputs/Input/__stories__/LandlineNumber");
-Object.keys(_LandlineNumber).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LandlineNumber[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LandlineNumber[key];
-    }
-  });
-});
-var _MobilePhone = require("@digigov/form/inputs/Input/__stories__/MobilePhone");
-Object.keys(_MobilePhone).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MobilePhone[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MobilePhone[key];
-    }
-  });
-});
-var _AFM = require("@digigov/form/inputs/Input/__stories__/AFM");
-Object.keys(_AFM).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AFM[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AFM[key];
-    }
-  });
-});
-var _IBAN = require("@digigov/form/inputs/Input/__stories__/IBAN");
-Object.keys(_IBAN).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _IBAN[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _IBAN[key];
-    }
-  });
-});
-var _PostalCode = require("@digigov/form/inputs/Input/__stories__/PostalCode");
-Object.keys(_PostalCode).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PostalCode[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PostalCode[key];
-    }
-  });
-});
-var _TextWithCharacterLimit = require("@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit");
-Object.keys(_TextWithCharacterLimit).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TextWithCharacterLimit[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TextWithCharacterLimit[key];
-    }
-  });
-});
-var _default = exports["default"] = {
-  title: 'Digigov Form/inputs/Input',
-  component: _Input["default"],
-  displayName: 'Input'
-};