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

package/esm/inputs/Input/__stories__/MobilePhone.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var MobilePhone = function MobilePhone() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "mobile-phone",
-    name: "mobile-phone",
-    type: "mobile_phone",
-    label: {
-      primary: 'Κινητό τηλέφωνο'
-    },
-    required: true
-  }), _ref);
-};
-export default MobilePhone;

package/esm/inputs/Input/__stories__/PhoneNumber.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var PhoneNumber = function PhoneNumber() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "phone-number",
-    name: "phone-number",
-    type: "phone_number",
-    label: {
-      primary: 'Σταθερό τηλέφωνο'
-    },
-    required: true
-  }), _ref);
-};
-export default PhoneNumber;

package/esm/inputs/Input/__stories__/PostalCode.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var PostalCode = function PostalCode() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "postal-code",
-    name: "postal-code",
-    type: "postal_code",
-    label: {
-      primary: 'Ταχυδρομικός κωδικός'
-    },
-    required: true,
-    extra: {
-      countries: ['GR']
-    }
-  }), _ref);
-};
-export default PostalCode;

package/esm/inputs/Input/__stories__/TextWithCharacterLimit.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var TextWithCharacterLimit = function TextWithCharacterLimit() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "text",
-    name: "text",
-    type: "text",
-    label: {
-      primary: 'Μπορείτε να δώσετε περισσότερες πληροφορίες;'
-    },
-    required: true,
-    extra: {
-      limit: {
-        min: 3,
-        max: 10
-      },
-      multiline: true
-    }
-  }), _ref);
-};
-export default TextWithCharacterLimit;

package/esm/inputs/Input/index.js

@@ -1,75 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "control", "type", "extra"];
-import React from 'react';
-import TextInput from '@digigov/react-core/TextInput';
-import TextArea from '@digigov/react-core/TextArea';
-import { Hint } from '@digigov/react-core';
-import { useWatch } from 'react-hook-form';
-import { useTranslation } from '@digigov/ui/i18n';
-var TYPES_MAP = {
-  string: 'text',
-  "int": 'text',
-  text: 'text',
-  date: 'date'
-};
-export var Input = /*#__PURE__*/React.forwardRef(function WrappedInput(_ref, ref) {
-  var name = _ref.name,
-      control = _ref.control,
-      type = _ref.type,
-      extra = _ref.extra,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  // eslint-disable-next-line prefer-const
-  var _ref2 = extra || {},
-      _ref2$multiline = _ref2.multiline,
-      multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
-      rows = _ref2.rows,
-      limit = _ref2.limit;
-
-  var _ref3 = extra || {},
-      className = _ref3.className; // if enforced to multiline use true. Derive from type otherwise.
-
-
-  multiline = multiline === true || type === 'text'; // use explicit rows value if set. Derive from multiline otherwise.
-
-  rows = rows || (multiline ? 4 : 1); // translate dilosi type to HTML Input type
-
-  var fieldType = TYPES_MAP[type || 'text'] || 'text';
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var currentValue = useWatch({
-    control: control,
-    name: name
-  });
-
-  if (multiline === true) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({
-      name: name,
-      className: className,
-      rows: rows,
-      ref: ref
-    }, _extends({}, props, {
-      reset: undefined,
-      required: undefined,
-      type: fieldType
-    }))), (limit === null || limit === void 0 ? void 0 : limit.max) && /*#__PURE__*/React.createElement(Hint, null, currentValue === undefined || (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) >= 0 && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) <= (limit === null || limit === void 0 ? void 0 : limit.max) ? /*#__PURE__*/React.createElement("span", null, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.createElement("b", null, !currentValue ? limit.max : (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length)), ' ', currentValue && (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.remaining'), ".") : /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: '#b60202'
-      }
-    }, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.createElement("b", null, currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max)), ' ', (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.too_many'), ".")));
-  } else {
-    return /*#__PURE__*/React.createElement(TextInput, _extends({
-      name: name,
-      type: fieldType,
-      className: className,
-      ref: ref
-    }, _extends({}, props, {
-      reset: undefined,
-      required: undefined
-    })));
-  }
-});
-export default Input;

package/esm/inputs/Input/index.mdx

@@ -1,8 +0,0 @@
----
-title: Input
-parent: docs/ui/components
----
-
-## Example
-
-<Input type="text" />

package/esm/inputs/Label/Label.stories.js

@@ -1,7 +0,0 @@
-import Label from '@digigov/form/inputs/Label';
-export default {
-  title: 'Digigov Form/inputs/Label',
-  component: Label,
-  displayName: 'Label'
-};
-export * from '@digigov/form/inputs/Label/__stories__/Default';

package/esm/inputs/Label/Label.stories.playwright.json

@@ -1,40 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-label--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "ooEeQHqEWAfT",
-          "title": "Validation"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "Hello"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "q4WekeUxbs0v",
-          "title": "add text"
-        }
-      ]
-    }
-  }
-}

package/esm/inputs/Label/__stories__/Default.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field, Label } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Label, {
-    label: {
-      primary: 'Στοιχεία επιχείρησης',
-      secondary: 'Συμπληρώστε τα στοιχεία'
-    }
-  }), /*#__PURE__*/React.createElement(Field, {
-    key: "business-title",
-    name: "business-title",
-    type: "string",
-    label: {
-      primary: 'Όνομα επιχείρησης'
-    },
-    required: true
-  }), _ref);
-};
-export default Default;

package/esm/inputs/Label/index.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import Hint from '@digigov/react-core/Hint';
-import LabelTitle from '@digigov/react-core/LabelTitle';
-import { useTranslation } from '@digigov/ui/i18n';
-export var Label = function Label(_ref) {
-  var className = _ref.className,
-      label = _ref.label,
-      value = _ref.value;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  if ((!label || label && !label.primary && !label.secondary) && !value) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelTitle, {
-    className: className,
-    size: "sm"
-  }, label && label.primary && t(label.primary) || value), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)));
-};
-Label.defaultProps = {
-  label: {}
-};
-export default Label;

package/esm/inputs/OtpInput/OtpInput.stories.js

@@ -1,7 +0,0 @@
-import OtpInput from '@digigov/form/inputs/OtpInput';
-export default {
-  title: 'Digigov Form/inputs/OtpInput',
-  component: OtpInput,
-  displayName: 'OtpInput'
-};
-export * from '@digigov/form/inputs/OtpInput/__stories__/Default';

package/esm/inputs/OtpInput/__stories__/Default.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field, Fieldset } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var FIELDS = [{
-  key: 'otp',
-  type: 'otp',
-  maxLength: 6,
-  required: true,
-  label: {
-    primary: 'Κωδικός Επιβεβαίωσης'
-  }
-}];
-
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    fields: FIELDS,
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Fieldset, null, FIELDS.map(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), _ref);
-};
-export default Default;

package/esm/inputs/OtpInput/index.js

@@ -1,157 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["name", "maxLength"];
-import React, { useState, useCallback } from 'react';
-import SingleCharacterInputs, { SingleCharacterInput } from '@digigov/ui/form/SingleCharacterInputs';
-export var RE_DIGIT = new RegExp(/^\d+$/);
-export var REMOVE_SPACES = new RegExp(/\s+/g);
-
-function useOtp(onChange, maxLength) {
-  var _useState = useState(Array(maxLength).fill('')),
-      _useState2 = _slicedToArray(_useState, 2),
-      otpValues = _useState2[0],
-      setOtpValues = _useState2[1];
-
-  var handleChange = useCallback(function (otp) {
-    setOtpValues(otp);
-    var otpValue = otp.join('');
-    onChange(otpValue);
-  }, [onChange]);
-
-  var setOtp = function setOtp(item, idx) {
-    var updatedOTPValues = _toConsumableArray(otpValues);
-
-    if (item.length === 1 || item.length === 0) {
-      updatedOTPValues[idx] = item[0] || '';
-      handleChange(updatedOTPValues);
-    } else if (item.length === maxLength) {
-      var valueArray = item.split('').slice(0, maxLength);
-      handleChange(valueArray);
-    }
-  };
-
-  var setSelectionRange = useCallback(function (target) {
-    return target.setSelectionRange(0, target.value.length);
-  }, []);
-  var focusToNextInput = useCallback(function (target) {
-    var nextElement = target.nextElementSibling;
-
-    if (nextElement) {
-      nextElement.focus();
-    }
-  }, []);
-  var focusToPrevInput = useCallback(function (target) {
-    var previousElement = target.previousElementSibling;
-
-    if (previousElement) {
-      previousElement.focus();
-    }
-  }, []);
-  var handleKeyDown = useCallback(function (e, idx) {
-    var key = e.key;
-    var target = e.target;
-    var targetValue = target.value;
-    setSelectionRange(target);
-
-    if (key === 'ArrowRight' || key === 'ArrowDown') {
-      e.preventDefault();
-      return focusToNextInput(target);
-    }
-
-    if (key === 'ArrowLeft' || key === 'ArrowUp') {
-      e.preventDefault();
-      return focusToPrevInput(target);
-    }
-
-    if (e.key === 'Backspace' || e.key === 'Delete') {
-      if (targetValue !== '') {
-        targetValue = '';
-      } else {
-        focusToPrevInput(target);
-      }
-
-      setOtp(targetValue, idx);
-      return e.preventDefault();
-    }
-  }, [setOtp, focusToPrevInput, focusToNextInput]);
-  var handleFocus = useCallback(function (e) {
-    var target = e.target;
-    setSelectionRange(target);
-  }, [setSelectionRange]);
-  var handleOtpChange = useCallback(function (e, idx) {
-    var target = e.target;
-    var targetValue = target.value;
-    var isTargetValueDigit = RE_DIGIT.test(targetValue); // We want to pass the empty string when the value is deleted
-    // emptry string replaces the deleted value
-
-    if (isTargetValueDigit || targetValue === '') {
-      setOtp(targetValue, idx);
-
-      if (target.value.length > 1) {
-        target.blur();
-      }
-
-      focusToNextInput(target);
-    }
-  }, [setOtp, handleKeyDown, handleFocus]);
-  var handlePaste = useCallback(function (e) {
-    e.preventDefault();
-    var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
-
-    if (pastedData) {
-      setOtp(pastedData, 0);
-    }
-  }, []);
-  return {
-    otpValues: otpValues,
-    handleOtpChange: handleOtpChange,
-    handleKeyDown: handleKeyDown,
-    handleFocus: handleFocus,
-    handlePaste: handlePaste
-  };
-}
-
-var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
-  var props = _extends({}, _ref);
-
-  return /*#__PURE__*/React.createElement(SingleCharacterInput, props);
-};
-
-export var OtpInput = function OtpInput(_ref2) {
-  var name = _ref2.name,
-      _ref2$maxLength = _ref2.maxLength,
-      maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var otp = useOtp(props.onChange, maxLength);
-  return /*#__PURE__*/React.createElement(SingleCharacterInputs, null, otp.otpValues.map(function (digit, idx) {
-    return /*#__PURE__*/React.createElement(SingleCharacterInputPart, {
-      name: "".concat(name, "-").concat(idx),
-      type: "text",
-      key: idx,
-      autoComplete: "one-time-code",
-      pattern: "\\d{1}",
-      maxLength: maxLength,
-      value: digit,
-      disabled: props.disabled,
-      "aria-required": props['aria-required'],
-      onChange: function onChange(e) {
-        return otp.handleOtpChange(e, idx);
-      },
-      onInput: function onInput(e) {
-        if (e.target.value === digit) {
-          otp.handleOtpChange(e, idx);
-        }
-      },
-      onKeyDown: function onKeyDown(e) {
-        return otp.handleKeyDown(e, idx);
-      },
-      onFocus: otp.handleFocus,
-      onPaste: otp.handlePaste,
-      error: !digit ? props.error : false
-    });
-  }));
-};
-export default OtpInput;

package/esm/inputs/Radio/Radio.stories.js

@@ -1,9 +0,0 @@
-import Radio from '@digigov/form/inputs/Radio';
-export default {
-  title: 'Digigov Form/inputs/Radio',
-  component: Radio,
-  displayName: 'Radio'
-};
-export * from '@digigov/form/inputs/Radio/__stories__/Default';
-export * from '@digigov/form/inputs/Radio/__stories__/WithDivider';
-export * from '@digigov/form/inputs/Radio/__stories__/Conditional';

package/esm/inputs/Radio/Radio.stories.playwright.json

@@ -1,73 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-radio--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "keMAaO2G4EzT",
-          "title": "validation error"
-        },
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "ArrowDown"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "ArrowDown"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Enter"
-              }
-            }
-          ],
-          "id": "KOjNMdAt5T_R",
-          "title": "select option with keyboard and submit"
-        }
-      ]
-    },
-    "digigov-form-inputs-radio--conditional": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>div>label>input"
-              }
-            }
-          ],
-          "id": "LAUEuHh58XiI",
-          "title": "Radio conditional action"
-        }
-      ]
-    }
-  }
-}

package/esm/inputs/Radio/__stories__/Conditional.js

@@ -1,95 +0,0 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var fields = [{
-  key: 'landline',
-  type: 'phone_number',
-  label: {
-    secondary: 'Εισάγετε το νούμερο του σταθερού σας τηλεφώνου.'
-  },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_mobile_phone',
-      then: {
-        enabled: true,
-        required: true
-      }
-    }
-  }
-}, {
-  key: 'mobile_phone',
-  type: 'mobile_phone',
-  label: {
-    secondary: 'Εισάγετε το νούμερο του κινητού σας τηλεφώνου.'
-  },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_mobile_phone',
-      then: {
-        enabled: true,
-        required: true
-      }
-    }
-  }
-}, {
-  key: 'email',
-  type: 'email',
-  label: {
-    secondary: 'Εισάγετε την διεύθυνση του ηλεκτρονικού σας ταχυδρομείου.'
-  },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_email',
-      then: {
-        enabled: true,
-        required: true
-      }
-    }
-  }
-}, {
-  key: 'auth_form',
-  type: 'choice:single',
-  required: true,
-  label: {
-    primary: 'Επιλέξτε μέθοδο πιστοποίησης',
-    secondary: 'Για την ολοκλήρωση της δήλωσης σας, θα χρειαστεί επιπλέον πιστοποίηση. Θα σας στείλουμε ένα κωδικό μιας χρήσης είτε στο τηλέφωνο είτε στην ηλεκτρονική σας διεύθυνση.'
-  },
-  extra: {
-    options: [{
-      key: 'via_mobile_phone',
-      label: {
-        primary: 'Mέσω κινητού τηλεφώνου'
-      },
-      value: 'via_mobile_phone',
-      show: ['mobile_phone', 'landline']
-    }, {
-      key: 'via_email',
-      label: {
-        primary: 'Μέσω διεύθυνσης ηλεκτρονικού ταχυδρομείου (e-mail)'
-      },
-      value: 'via_email',
-      show: ['email']
-    }]
-  }
-}];
-
-var _ref = /*#__PURE__*/React.createElement(Field, {
-  key: "auth_form",
-  name: "auth_form"
-});
-
-var _ref2 = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-
-export var Conditional = function Conditional() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    },
-    fields: fields
-  }, _ref, _ref2);
-};