@digigov/form 1.2.0-a7ffb5dc → 2.0.0-07ee8440

package/inputs/index.js

@@ -1,9 +1,21 @@
-export { default as Checkboxes } from '@digigov/form/inputs/Checkboxes';
-export { default as DateInput } from '@digigov/form/inputs/DateInput';
-export { default as OtpInput } from '@digigov/form/inputs/OtpInput';
-export { default as FileInput } from '@digigov/form/inputs/FileInput';
-export { default as ImageInput } from '@digigov/form/inputs/ImageInput';
-export { default as Input } from '@digigov/form/inputs/Input';
-export { default as Label } from '@digigov/form/inputs/Label';
-export { default as Radio } from '@digigov/form/inputs/Radio';
-export { default as Select } from '@digigov/form/inputs/Select';
+import { default as default2 } from "@digigov/form/inputs/Checkboxes";
+import { default as default3 } from "@digigov/form/inputs/DateInput";
+import { default as default4 } from "@digigov/form/inputs/OtpInput";
+import { default as default5 } from "@digigov/form/inputs/FileInput";
+import { default as default6 } from "@digigov/form/inputs/ImageInput";
+import { default as default7 } from "@digigov/form/inputs/Input";
+import { default as default8 } from "@digigov/form/inputs/Label";
+import { default as default9 } from "@digigov/form/inputs/Radio";
+import { default as default10 } from "@digigov/form/inputs/Select";
+export {
+  default2 as Checkboxes,
+  default3 as DateInput,
+  default5 as FileInput,
+  default6 as ImageInput,
+  default7 as Input,
+  default8 as Label,
+  default4 as OtpInput,
+  default9 as Radio,
+  default10 as Select
+};
+//# sourceMappingURL=index.js.map

package/inputs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/inputs/index.ts"],
+  "sourcesContent": ["export { default as Checkboxes } from '@digigov/form/inputs/Checkboxes';\nexport { default as DateInput } from '@digigov/form/inputs/DateInput';\nexport { default as OtpInput } from '@digigov/form/inputs/OtpInput';\nexport { default as FileInput } from '@digigov/form/inputs/FileInput';\nexport { default as ImageInput } from '@digigov/form/inputs/ImageInput';\nexport { default as Input } from '@digigov/form/inputs/Input';\nexport { default as Label } from '@digigov/form/inputs/Label';\nexport { default as Radio } from '@digigov/form/inputs/Radio';\nexport { default as Select } from '@digigov/form/inputs/Select';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,iBAAyB;",
+  "names": ["default"]
+}

package/inputs/inputsScenarios/index.js

@@ -0,0 +1,499 @@
+import el from "@digigov/form/locales/el";
+const INPUTS_FIELDS = [
+  {
+    key: "date-example",
+    type: "date",
+    required: true,
+    label: {
+      primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;",
+      secondary: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"
+    }
+  },
+  {
+    key: "otp",
+    type: "otp",
+    maxLength: 6,
+    label: {
+      primary: "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"
+    },
+    required: true
+  },
+  {
+    key: "checkbox",
+    type: "choice:multiple",
+    required: true,
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "autocomplete_multiple",
+    required: true,
+    type: "choice:multiple",
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      component: "AutoComplete",
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "radio",
+    type: "choice:single",
+    required: true,
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "select",
+    type: "choice:single",
+    required: true,
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      component: "Select",
+      options: [
+        {
+          label: { primary: "" },
+          value: ""
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "autocomplete_single",
+    required: true,
+    type: "choice:single",
+    label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+    extra: {
+      component: "AutoComplete",
+      options: [
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+          value: "runny-nose"
+        },
+        {
+          label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+          value: "fever"
+        },
+        {
+          label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+          value: "fatigue"
+        }
+      ]
+    }
+  },
+  {
+    key: "image",
+    type: "image",
+    required: true,
+    label: {
+      primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5"
+    }
+  },
+  {
+    key: "file",
+    type: "file",
+    label: {
+      primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2"
+    },
+    required: true
+  }
+];
+const scenarios = [
+  {
+    title: "success fill for inputs",
+    describe: "inputs scenario",
+    fields: INPUTS_FIELDS,
+    fill: [
+      {
+        fieldKey: "date-example",
+        value: {
+          day: "22",
+          month: "11",
+          year: "2020"
+        }
+      },
+      {
+        fieldKey: "otp",
+        value: {
+          "0": "4",
+          "1": "4",
+          "2": "4",
+          "3": "4",
+          "4": "4",
+          "5": "4"
+        }
+      },
+      {
+        fieldKey: "checkbox",
+        value: ["fever", "fatigue"]
+      },
+      {
+        fieldKey: "autocomplete_multiple",
+        value: ["fever", "fatigue"]
+      },
+      {
+        fieldKey: "radio",
+        value: "fever"
+      },
+      {
+        fieldKey: "select",
+        value: "fatigue"
+      },
+      {
+        fieldKey: "autocomplete_single",
+        value: "fatigue"
+      },
+      {
+        fieldKey: "image",
+        value: {
+          fileName: "green_image.png",
+          width: 500,
+          height: 500,
+          size: 3
+        }
+      },
+      {
+        fieldKey: "file",
+        value: {
+          fileName: "file.txt",
+          size: 200
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "success",
+        fieldKey: "date-example",
+        text: el.form.error.date.invalid
+      },
+      {
+        type: "success",
+        fieldKey: "otp",
+        args: {
+          maxLength: 6
+        },
+        text: el.form.error.otp.less_than
+      },
+      {
+        type: "success",
+        fieldKey: "checkbox",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "autocomplete_multiple",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "radio",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "select",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "autocomplete_single",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "image",
+        text: el.form.error.required
+      },
+      {
+        type: "success",
+        fieldKey: "file",
+        text: el.form.error.required
+      }
+    ]
+  },
+  {
+    title: "empty fill for inputs",
+    describe: "inputs scenario",
+    fields: INPUTS_FIELDS,
+    fill: [],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "date-example",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "otp",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "checkbox",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "autocomplete_multiple",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "radio",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "select",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "autocomplete_single",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "image",
+        text: el.form.error.required
+      },
+      {
+        type: "error",
+        fieldKey: "file",
+        text: el.form.error.required
+      }
+    ]
+  },
+  {
+    title: "incorrect types for DateInput and OtpInput",
+    describe: "inputs scenario",
+    fields: [
+      {
+        key: "date-example",
+        type: "date",
+        required: true,
+        label: {
+          primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;",
+          secondary: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"
+        }
+      },
+      {
+        key: "otp",
+        type: "otp",
+        maxLength: 6,
+        label: {
+          primary: "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"
+        },
+        required: true
+      }
+    ],
+    fill: [
+      {
+        fieldKey: "date-example",
+        value: {
+          day: "a2",
+          month: "11",
+          year: "2020"
+        }
+      },
+      {
+        fieldKey: "otp",
+        value: {
+          "0": "a",
+          "1": "4",
+          "2": "4",
+          "3": "4",
+          "4": "4",
+          "5": "4"
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "date-example",
+        text: el.form.error.date.invalid
+      },
+      {
+        type: "error",
+        fieldKey: "otp",
+        args: {
+          maxLength: 6
+        },
+        text: el.form.error.otp.less_than
+      }
+    ]
+  },
+  {
+    title: "wrong sizes for ImageInput and FileInput",
+    describe: "inputs scenario",
+    fields: [
+      {
+        key: "image",
+        type: "image",
+        required: true,
+        label: {
+          primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5"
+        },
+        extra: {
+          limit: {
+            maxSize: 300
+          }
+        }
+      },
+      {
+        key: "file",
+        type: "file",
+        required: true,
+        label: {
+          primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2"
+        },
+        extra: {
+          limit: {
+            maxSize: 300
+          }
+        }
+      }
+    ],
+    fill: [
+      {
+        fieldKey: "image",
+        value: {
+          fileName: "green_image.png",
+          size: 300
+        }
+      },
+      {
+        fieldKey: "file",
+        value: {
+          fileName: "file.txt",
+          size: 200
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "image",
+        args: {
+          maxSizeToMb: 3e-4
+        },
+        text: el.form.error.file_size
+      },
+      {
+        type: "error",
+        fieldKey: "file",
+        args: {
+          maxSizeToMb: 3e-4
+        },
+        text: el.form.error.file_size
+      }
+    ]
+  },
+  {
+    title: "wrong dimensions for ImageInput",
+    describe: "inputs scenario",
+    fields: [
+      {
+        key: "image",
+        type: "image",
+        required: true,
+        label: {
+          primary: "\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5"
+        },
+        extra: {
+          limit: {
+            maxHeight: 400,
+            maxWidth: 400,
+            minHeight: 100,
+            minWidth: 100
+          }
+        }
+      }
+    ],
+    fill: [
+      {
+        fieldKey: "image",
+        value: {
+          fileName: "green_image.png",
+          width: 500,
+          height: 500
+        }
+      }
+    ],
+    expect: [
+      {
+        type: "error",
+        fieldKey: "image",
+        args: {
+          minWidth: 100,
+          minHeight: 100,
+          maxWidth: 400,
+          maxHeight: 400
+        },
+        text: el.form.error.image.image_dimension_size
+      }
+    ]
+  }
+];
+var inputsScenarios_default = scenarios;
+export {
+  INPUTS_FIELDS,
+  inputsScenarios_default as default,
+  scenarios
+};
+//# sourceMappingURL=inputsScenarios.js.map

package/inputs/inputsScenarios/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/inputs/inputsScenarios/index.js"
+}