@digigov/form 1.0.0-079f34f3d → 1.0.0-23c81d9f

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

@@ -1,376 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-input--integer": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Enter"
-              }
-            }
-          ],
-          "id": "ppNIb7vjFntx",
-          "title": "navigate with tab and submit"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "1.1"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "CWKxXNnOLhtt",
-          "title": "add wrong number and submit"
-        },
-        {
-          "actions": [
-            {
-              "name": "clearInput",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "2"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "d2XTmn_xZito",
-          "title": "Add correct number and submit"
-        }
-      ]
-    },
-    "digigov-form-inputs-input--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "QHGdovoSxdA3",
-          "title": "show validation error"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "aA1@"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "6-b0oP8dmS91",
-          "title": "type and submit"
-        },
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "WWwt_BZdizHx",
-          "title": "focus"
-        }
-      ]
-    },
-    "digigov-form-inputs-input--phone-number": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "1234567890"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "iE8KCHv68Fb2",
-          "title": "show validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "2105665434"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "5qMVj35xlepo",
-          "title": "focus and add number"
-        }
-      ]
-    },
-    "digigov-form-inputs-input--mobile-phone": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "1234567890"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "a-G51O6gqmv8",
-          "title": "show validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "6976128341"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "i6t6alh2h82C",
-          "title": "focus, type correct phone and submit"
-        }
-      ]
-    },
-    "digigov-form-inputs-input--afm": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "1234567890"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "odbhZlBu8X2W",
-          "title": "show validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "094536469"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "YmmCoFpuTt8c",
-          "title": "add correct afm"
-        }
-      ]
-    },
-    "digigov-form-inputs-input--iban": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "FR5814508000304268743732K61"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "q0W9XfvDT7hB",
-          "title": "add iban"
-        },
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "FR5814508000304268743732K6"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "uiMoCRDxz41F",
-          "title": "show validation errors"
-        }
-      ]
-    },
-    "digigov-form-inputs-input--postal-code": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "111111"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "M2R-kMnEQxdA",
-          "title": "show validation errors"
-        },
-        {
-          "actions": [
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>label>input",
-                "text": "42100"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "IZKORVUoJzQt",
-          "title": "add postal code"
-        }
-      ]
-    }
-  }
-}

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

@@ -1,33 +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 Integer = function Integer() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "random-number",
-    name: "random-number",
-    type: "int",
-    label: {
-      primary: 'Ένας τυχαίος αριθμός',
-      secondary: 'Εισάγετε έναν οποιοδήποτε αριθμό μεγαλύτερο από το μηδέν'
-    },
-    required: true
-  }), /*#__PURE__*/React.createElement(Field, {
-    key: "random-number-not-req",
-    name: "random-number-not-req",
-    type: "int",
-    label: {
-      primary: 'Δεύτερος τυχαίος αριθμός',
-      secondary: 'Προαιρετικό πεδίο'
-    }
-  }), _ref);
-};
-export default Integer;

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__/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/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';