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

package/esm/inputs/Checkboxes/Checkboxes.stories.js

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

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

@@ -1,85 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-checkboxes--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "6mm9fbbYacA3",
-          "title": "show validation error"
-        },
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Space"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Space"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "hBiOJ8xaQSWv",
-          "title": "Focus and check using keyboard, click box and submit"
-        }
-      ]
-    },
-    "digigov-form-inputs-checkboxes--conditional": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input"
-              }
-            }
-          ],
-          "id": "zpUjNzrqwtmW",
-          "title": "Checkboxes conditional action"
-        }
-      ]
-    }
-  }
-}

package/esm/inputs/Checkboxes/__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:multiple',
-  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);
-};

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

@@ -1,42 +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 Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "choice:multiple",
-    required: true,
-    label: {
-      primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Έχω συνάχι'
-        },
-        value: 'runny-nose'
-      }, {
-        label: {
-          primary: 'Έχω πυρετό'
-        },
-        value: 'fever'
-      }, {
-        label: {
-          primary: 'Αισθάνομαι κούραση'
-        },
-        value: 'fatigue'
-      }]
-    }
-  }), _ref);
-};
-export default Default;

package/esm/inputs/Checkboxes/__stories__/WithDivider.js

@@ -1,43 +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 WithDivider = function WithDivider() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "choice:multiple",
-    required: true,
-    label: {
-      primary: 'Πώς αισθάνεστε αυτή τη στιγμή;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Έχω συνάχι'
-        },
-        value: 'runny-nose'
-      }, {
-        label: {
-          primary: 'Έχω πυρετό'
-        },
-        value: 'fever'
-      }, {
-        label: {
-          primary: 'Αισθάνομαι κούραση'
-        },
-        value: 'fatigue',
-        dividerText: 'ή'
-      }]
-    }
-  }), _ref);
-};
-export default WithDivider;

package/esm/inputs/Checkboxes/index.js

@@ -1,100 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "onChange", "value", "extra", "disabled"],
-    _excluded2 = ["label", "value", "show", "disabled", "selected"];
-import React, { useState } from 'react';
-import { Field } from '@digigov/form';
-import { CheckboxConditional } from '@digigov/react-core';
-import CoreCheckboxes from '@digigov/react-core/Checkbox';
-import CheckboxItem from '@digigov/react-core/CheckboxItem';
-import Hint from '@digigov/react-core/Hint';
-import { useTranslation } from '@digigov/ui/i18n';
-export var Checkboxes = function Checkboxes(_ref) {
-  var name = _ref.name,
-      onChange = _ref.onChange,
-      value = _ref.value,
-      _ref$extra = _ref.extra,
-      options = _ref$extra.options,
-      className = _ref$extra.className,
-      disabled = _ref.disabled,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  if (!value) value = [];
-
-  var handleChange = function handleChange(optionValue, idx, show) {
-    return function (evt) {
-      var newValue;
-
-      if (evt.currentTarget.checked) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        newValue = value.concat([optionValue]);
-      } else {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        newValue = value.filter(function (val) {
-          return val !== optionValue;
-        });
-      }
-
-      if (show && show.length > 0) {
-        setChecked(function (items) {
-          return items.map(function (item, index) {
-            return index === idx ? !item : item;
-          });
-        });
-      } // reset value to undefined instead of an empty array
-      // so the error state mechanism can throw validation errors
-
-
-      if (newValue.length === 0) newValue = undefined;
-      onChange(newValue);
-    };
-  };
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState(Array(options.length).fill(false)),
-      _useState2 = _slicedToArray(_useState, 2),
-      checked = _useState2[0],
-      setChecked = _useState2[1];
-
-  return /*#__PURE__*/React.createElement(CoreCheckboxes, {
-    className: className
-  }, options.map(function (_ref2, index) {
-    var _value;
-
-    var label = _ref2.label,
-        v = _ref2.value,
-        show = _ref2.show,
-        optionDisabled = _ref2.disabled,
-        selected = _ref2.selected,
-        option = _objectWithoutProperties(_ref2, _excluded2);
-
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, /*#__PURE__*/React.createElement(CheckboxItem, _extends({
-      key: "".concat(name, ".").concat(index),
-      name: name,
-      value: v,
-      disabled: disabled || optionDisabled,
-      checked: (_value = value) === null || _value === void 0 ? void 0 : _value.includes(v),
-      onChange: handleChange(v, index, show)
-    }, option, _extends({}, props, {
-      reset: undefined,
-      defaultValue: undefined,
-      onBlur: undefined,
-      required: undefined,
-      'aria-describedby': undefined,
-      type: 'checkbox'
-    })), label && label.primary && t(label.primary) || value, label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary))), !!checked[index] && show && /*#__PURE__*/React.createElement(CheckboxConditional, null, show.map(function (fieldName) {
-      return /*#__PURE__*/React.createElement(Field, {
-        name: fieldName,
-        key: fieldName
-      });
-    })), selected && selected());
-  }));
-};
-export default Checkboxes;

package/esm/inputs/DateInput/DateInput.stories.js

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

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

@@ -1,72 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-dateinput--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "n5PFnx7RcuJV",
-          "title": "navigate with keyboard"
-        },
-        {
-          "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>fieldset>div>div:nth-child(1)>label>input",
-                "text": "33"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(2)>label>input",
-                "text": "33"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(3)>label>input",
-                "text": "3333"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "Ck7_BFdgITMe",
-          "title": "show validation errors"
-        }
-      ]
-    }
-  }
-}

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

@@ -1,25 +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 Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "string",
-    type: "date",
-    required: true,
-    label: {
-      primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
-      secondary: 'Για παράδειγμα, 05 11 2020'
-    }
-  }), _ref);
-};
-export default Default;

package/esm/inputs/DateInput/index.js

@@ -1,155 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["label"],
-    _excluded2 = ["name", "type"];
-import React, { useMemo, useState } from 'react';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import DateInputContainer from '@digigov/react-core/DateInputContainer';
-import CoreDateInputItem from '@digigov/react-core/DateInputItem';
-import { useTranslation } from '@digigov/ui/i18n';
-dayjs.extend(customParseFormat);
-
-function useDate(value, onChange) {
-  var _useMemo = useMemo(function () {
-    if (!value || value.length === 0) {
-      onChange('');
-      return ['', '', ''];
-    }
-
-    var _value$split = value.split('/'),
-        _value$split2 = _slicedToArray(_value$split, 3),
-        day = _value$split2[0],
-        month = _value$split2[1],
-        year = _value$split2[2];
-
-    return [year, month, day];
-  }, [value]),
-      _useMemo2 = _slicedToArray(_useMemo, 3),
-      year = _useMemo2[0],
-      month = _useMemo2[1],
-      day = _useMemo2[2];
-
-  function set(year, month, day) {
-    var value = "".concat(day || '', "/").concat(month || '', "/").concat(year || '');
-
-    if (!year && !month && !day) {
-      onChange(null);
-    } else {
-      onChange(value);
-    }
-  }
-
-  function setYear(evt) {
-    var val = evt.target.value;
-    set(val, month, day);
-  }
-
-  function setMonth(evt, cast) {
-    var val = evt.target.value;
-
-    if (cast && val && val.length === 1) {
-      val = '0' + val;
-    }
-
-    set(year, val, day);
-  }
-
-  function setDay(evt, cast) {
-    var val = evt.target.value;
-
-    if (cast && val && val.length === 1) {
-      val = '0' + val;
-    }
-
-    set(year, month, val);
-  }
-
-  return {
-    day: day,
-    month: month,
-    year: year,
-    setYear: setYear,
-    setMonth: setMonth,
-    setDay: setDay
-  };
-}
-
-var VALID_FORMATS = ['DD/MM/YYYY'];
-
-var makeDate = function makeDate(val) {
-  var date = dayjs(val, VALID_FORMATS, true);
-
-  if (date.isValid()) {
-    return date.format('DD/MM/YYYY');
-  }
-
-  return '';
-};
-
-var DatePart = function DatePart(_ref) {
-  var label = _ref.label,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(CoreDateInputItem, props, label);
-};
-
-export var DateInput = function DateInput(_ref2) {
-  var name = _ref2.name,
-      type = _ref2.type,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState(props.value),
-      _useState2 = _slicedToArray(_useState, 1),
-      initial = _useState2[0];
-
-  var value = useMemo(function () {
-    if (initial === props.value) {
-      return makeDate(props.value);
-    }
-
-    return props.value;
-  }, [props.value, initial]);
-  var date = useDate(value || makeDate(props.defaultValue), props.onChange);
-  return /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.day'),
-    onChange: date.setDay,
-    onBlur: function onBlur(e) {
-      return date.setDay(e, true);
-    },
-    value: date.day,
-    width: 2,
-    name: "".concat(name, "-day"),
-    maxLength: "2",
-    disabled: props.disabled,
-    "aria-required": props['aria-required'],
-    error: !date.day ? props.error : false
-  }), /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.month'),
-    onChange: date.setMonth,
-    onBlur: function onBlur(e) {
-      return date.setMonth(e, true);
-    },
-    value: date.month,
-    width: 2,
-    name: "".concat(props.name, "-month"),
-    maxLength: "2",
-    disabled: props.disabled,
-    "aria-required": props['aria-required'],
-    error: !date.month ? props.error : false
-  }), /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.year'),
-    onChange: date.setYear,
-    value: date.year,
-    width: 4,
-    name: "".concat(props.name, "-year"),
-    maxLength: "4",
-    disabled: props.disabled,
-    "aria-required": props['aria-required'],
-    error: !date.year ? props.error : false
-  }));
-};
-export default DateInput;

package/esm/inputs/FileInput/FileInput.stories.js

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