@digigov/form 1.0.0-8ae63a77 → 1.0.0-8b33e4c8

package/cjs/inputs/Radio/__stories__/WithDivider.js

@@ -0,0 +1,68 @@
+"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.WithDivider = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ = _interopRequireWildcard(require("../../.."));
+
+var _Button = require("@digigov/ui/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 _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+  type: "submit"
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
+
+var WithDivider = function WithDivider() {
+  return /*#__PURE__*/_react["default"].createElement(_["default"], {
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, {
+    key: 'string',
+    name: "string",
+    type: "choice:single",
+    required: true,
+    label: {
+      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
+    },
+    extra: {
+      options: [{
+        label: {
+          primary: 'Ελλάδα'
+        },
+        value: 'greece'
+      }, {
+        label: {
+          primary: 'Κύπρος'
+        },
+        value: 'cyprus'
+      }, {
+        label: {
+          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
+        },
+        value: 'eu'
+      }, {
+        label: {
+          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
+        },
+        value: 'usa',
+        dividerText: 'ή'
+      }]
+    }
+  }), _ref);
+};
+
+exports.WithDivider = WithDivider;
+var _default = WithDivider;
+exports["default"] = _default;

package/cjs/inputs/Radio/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RadioButtonsGroup = 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 _ = require("../..");
+
+var _reactCore = require("@digigov/react-core");
+
+var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
+
+var _RadioContainer = _interopRequireDefault(require("@digigov/react-core/RadioContainer"));
+
+var _RadioItem = _interopRequireDefault(require("@digigov/react-core/RadioItem"));
+
+var _i18n = require("@digigov/ui/i18n");
+
+var _excluded = ["name", "control", "register", "extra", "disabled"],
+    _excluded2 = ["label", "value", "show", "disabled", "selected"];
+
+var RadioButtonsGroup = function RadioButtonsGroup(_ref) {
+  var name = _ref.name,
+      control = _ref.control,
+      register = _ref.register,
+      _ref$extra = _ref.extra,
+      options = _ref$extra.options,
+      className = _ref$extra.className,
+      disabled = _ref.disabled,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var currentValue = (0, _reactHookForm.useWatch)({
+    control: control,
+    name: name
+  });
+
+  var _useTranslation = (0, _i18n.useTranslation)(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/_react["default"].createElement(_RadioContainer["default"], {
+    className: className,
+    defaultValue: currentValue,
+    id: name
+  }, options.map(function (_ref2) {
+    var label = _ref2.label,
+        v = _ref2.value,
+        show = _ref2.show,
+        optionDisabled = _ref2.disabled,
+        selected = _ref2.selected,
+        option = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: "".concat(name, ".").concat(v)
+    }, /*#__PURE__*/_react["default"].createElement(_RadioItem["default"], (0, _extends2["default"])({}, register(name), {
+      value: v,
+      disabled: disabled || optionDisabled
+    }, option, (0, _extends2["default"])({}, props, {
+      reset: undefined,
+      required: undefined,
+      'aria-describedby': undefined,
+      type: 'radio'
+    })), label && label.primary && t(label.primary) || v, label && label.secondary && /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t(label.secondary))), selected && selected(), currentValue === v && show && /*#__PURE__*/_react["default"].createElement(_reactCore.RadioConditional, null, show.map(function (fieldName) {
+      return /*#__PURE__*/_react["default"].createElement(_.Field, {
+        name: fieldName,
+        key: fieldName
+      });
+    })));
+  }));
+};
+
+exports.RadioButtonsGroup = RadioButtonsGroup;
+var _default = RadioButtonsGroup;
+exports["default"] = _default;

package/cjs/inputs/Select/Select.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 _ = _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 _default = {
+  title: 'Digigov Form/inputs/Select',
+  component: _["default"],
+  displayName: 'Select'
+};
+exports["default"] = _default;

package/cjs/inputs/Select/__stories__/Default.js

@@ -0,0 +1,73 @@
+"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/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 _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"], {
+    onSubmit: function onSubmit(data) {
+      console.log(data);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_.Field, {
+    key: 'string',
+    name: "string",
+    type: "choice:single",
+    required: true,
+    label: {
+      primary: 'Ποιά είναι η χώρα της διαμονής σας;'
+    },
+    extra: {
+      component: 'Select',
+      options: [{
+        label: {
+          primary: ''
+        },
+        value: ''
+      }, {
+        label: {
+          primary: 'Ελλάδα'
+        },
+        value: 'greece'
+      }, {
+        label: {
+          primary: 'Κύπρος'
+        },
+        value: 'cyprus'
+      }, {
+        label: {
+          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
+        },
+        value: 'eu'
+      }, {
+        label: {
+          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
+        },
+        value: 'usa'
+      }]
+    }
+  }), _ref);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/cjs/inputs/Select/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Select = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SelectContainer = _interopRequireDefault(require("@digigov/react-core/SelectContainer"));
+
+var _SelectOption = _interopRequireDefault(require("@digigov/react-core/SelectOption"));
+
+var _excluded = ["name", "extra", "disabled"];
+
+var Select = /*#__PURE__*/_react["default"].forwardRef(function WrappedSelect(_ref, ref) {
+  var name = _ref.name,
+      _ref$extra = _ref.extra,
+      options = _ref$extra.options,
+      className = _ref$extra.className,
+      disabled = _ref.disabled,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], (0, _extends2["default"])({
+    className: className,
+    ref: ref,
+    name: name,
+    disabled: disabled
+  }, (0, _extends2["default"])({}, props, {
+    reset: undefined,
+    required: undefined
+  })), options.map(function (_ref2) {
+    var value = _ref2.value,
+        label = _ref2.label;
+    return /*#__PURE__*/_react["default"].createElement(_SelectOption["default"], {
+      key: value,
+      value: value
+    }, label && label.primary ? label.primary : value);
+  }));
+});
+
+exports.Select = Select;
+var _default = Select;
+exports["default"] = _default;

package/cjs/inputs/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Checkboxes", {
+  enumerable: true,
+  get: function get() {
+    return _Checkboxes["default"];
+  }
+});
+Object.defineProperty(exports, "DateInput", {
+  enumerable: true,
+  get: function get() {
+    return _DateInput["default"];
+  }
+});
+Object.defineProperty(exports, "FileInput", {
+  enumerable: true,
+  get: function get() {
+    return _FileInput["default"];
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _Input["default"];
+  }
+});
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function get() {
+    return _Label["default"];
+  }
+});
+Object.defineProperty(exports, "OtpInput", {
+  enumerable: true,
+  get: function get() {
+    return _OtpInput["default"];
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio["default"];
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select["default"];
+  }
+});
+
+var _Checkboxes = _interopRequireDefault(require("./Checkboxes"));
+
+var _DateInput = _interopRequireDefault(require("./DateInput"));
+
+var _OtpInput = _interopRequireDefault(require("./OtpInput"));
+
+var _FileInput = _interopRequireDefault(require("./FileInput"));
+
+var _Input = _interopRequireDefault(require("./Input"));
+
+var _Label = _interopRequireDefault(require("./Label"));
+
+var _Radio = _interopRequireDefault(require("./Radio"));
+
+var _Select = _interopRequireDefault(require("./Select"));