@digigov/form 2.0.0-113e6661 → 2.0.0-36b707c1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -1
- package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map +2 -2
- package/cjs/inputs/AutoCompleteInput/index.js +3 -2
- package/cjs/inputs/AutoCompleteInput/index.js.map +2 -2
- package/cjs/inputs/ImageInput/ImageInput.stories/index.js +4 -4
- package/cjs/inputs/ImageInput/ImageInput.stories.js.map +2 -2
- package/cjs/inputs/ImageInput/__stories__/MaxSize/index.js +69 -0
- package/cjs/inputs/ImageInput/__stories__/MaxSize.js.map +7 -0
- package/cjs/inputs/inputsScenarios/index.js +0 -1
- package/cjs/inputs/inputsScenarios.js.map +2 -2
- package/cjs/validators/utils/file/index.js +1 -1
- package/cjs/validators/utils/file.js.map +2 -2
- package/index.js +1 -1
- package/inputs/AutoCompleteInput/__stories__/Multiple/index.js +0 -1
- package/inputs/AutoCompleteInput/__stories__/Multiple.js.map +2 -2
- package/inputs/AutoCompleteInput/index.js +3 -2
- package/inputs/AutoCompleteInput/index.js.map +2 -2
- package/inputs/ImageInput/ImageInput.stories/index.js +2 -2
- package/inputs/ImageInput/ImageInput.stories.d.ts +1 -1
- package/inputs/ImageInput/ImageInput.stories.js.map +2 -2
- package/inputs/ImageInput/__stories__/MaxSize/index.js +36 -0
- package/inputs/ImageInput/__stories__/MaxSize/package.json +6 -0
- package/inputs/ImageInput/__stories__/MaxSize.d.ts +3 -0
- package/inputs/ImageInput/__stories__/MaxSize.js.map +7 -0
- package/inputs/inputsScenarios/index.js +0 -1
- package/inputs/inputsScenarios.d.ts +0 -42
- package/inputs/inputsScenarios.js.map +2 -2
- package/package.json +4 -4
- package/src/FormBuilder/scenarios.test.tsx +2 -2
- package/src/inputs/AutoCompleteInput/__stories__/Multiple.tsx +0 -1
- package/src/inputs/AutoCompleteInput/index.tsx +3 -2
- package/src/inputs/ImageInput/ImageInput.stories.js +2 -1
- package/src/inputs/ImageInput/__stories__/MaxSize.tsx +37 -0
- package/src/inputs/ImageInput/index.test.tsx +4 -0
- package/src/inputs/inputsScenarios.ts +147 -148
- package/src/validators/utils/file.ts +1 -1
- package/validators/utils/file/index.js +1 -1
- package/validators/utils/file.js.map +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/inputs/AutoCompleteInput/__stories__/Multiple.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n '\u0391\u03C3\u03AF\u03B1',\n '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n {\n key: 'autocomplete',\n label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n required: true,\n type: 'choice:multiple',\n extra: {\n component: 'AutoComplete',\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n '\u0391\u03C3\u03AF\u03B1',\n '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n {\n key: 'autocomplete',\n label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n required: true,\n type: 'choice:multiple',\n extra: {\n component: 'AutoComplete',\n options: results.map((r) => {\n return {\n label: {\n primary: r,\n secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n },\n value: r.toLowerCase(),\n };\n }),\n },\n },\n];\n\nconst initialValues = {};\n\nexport const Multiple = () => (\n <FormBuilder\n fields={fields}\n onSubmit={(data) => {\n console.log(data);\n }}\n initial={initialValues}\n >\n {fields.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n <Button type=\"submit\">Submit</Button>\n </FormBuilder>\n);\n\nexport default Multiple;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,+CAAY,CAAC;AAAA,UAC1B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,WAAW,MACtB,6BAAAA,QAAA;AAAA,EAAC,mBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,6BAAAD,QAAA,cAAC,sBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,mBAAQ;",
|
|
6
6
|
"names": ["React", "FormBuilder", "Button"]
|
|
7
7
|
}
|
|
@@ -37,7 +37,8 @@ var import_AutoComplete = __toESM(require("@digigov/ui/form/AutoComplete"));
|
|
|
37
37
|
var import_Base = require("@digigov/react-core/Base");
|
|
38
38
|
const AutoCompleteInput = ({
|
|
39
39
|
name,
|
|
40
|
-
|
|
40
|
+
type,
|
|
41
|
+
extra: { options },
|
|
41
42
|
onChange,
|
|
42
43
|
value,
|
|
43
44
|
error,
|
|
@@ -56,7 +57,7 @@ const AutoCompleteInput = ({
|
|
|
56
57
|
return /* @__PURE__ */ import_react.default.createElement(
|
|
57
58
|
import_AutoComplete.default,
|
|
58
59
|
{
|
|
59
|
-
multiple,
|
|
60
|
+
multiple: type === "choice:multiple" ? true : false,
|
|
60
61
|
source: suggest,
|
|
61
62
|
onConfirm: (value2) => {
|
|
62
63
|
if (Array.isArray(value2)) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/inputs/AutoCompleteInput/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { Hint } from '@digigov/react-core/Hint';\nimport UIAutoComplete, {\n AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\nimport { Base } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputExtra\n extends Omit<\n UIAutoCompleteProps,\n | 'source'\n | 'id'\n | 'templates'\n | 'defaultValue'\n | 'onConfirm'\n | 'dropdownArrow'\n > {\n options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n extra: AutoCompleteInputExtra;\n value: string;\n onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n name,\n extra: { options
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAGnC,kBAAqB;AACrB,0BAEO;AACP,kBAAqB;AAsBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA,OAAO,EAAE,
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { Hint } from '@digigov/react-core/Hint';\nimport UIAutoComplete, {\n AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\nimport { Base } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputExtra\n extends Omit<\n UIAutoCompleteProps,\n | 'source'\n | 'id'\n | 'templates'\n | 'defaultValue'\n | 'onConfirm'\n | 'dropdownArrow'\n > {\n options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n extra: AutoCompleteInputExtra;\n value: string;\n onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n name,\n type,\n extra: { options },\n onChange,\n value,\n error,\n ...props\n}) => {\n const suggest = useCallback(function suggest(\n query: string,\n syncResults: (options: any[]) => void\n ): void {\n syncResults(\n query\n ? options.filter(function (option) {\n return (\n `${option.value} ${option.label?.primary || ''} ${option.label?.secondary || ''\n }`\n .toLowerCase()\n .indexOf(query.toLowerCase()) !== -1\n );\n })\n : options\n );\n },\n [options]);\n\n return (\n <UIAutoComplete\n multiple={type === 'choice:multiple' ? true : false}\n source={suggest}\n onConfirm={(value) => {\n if (Array.isArray(value)) {\n const selectedValues = value.map(item => item.value);\n selectedValues.length > 0 ? onChange(selectedValues) : onChange(undefined);\n } else {\n onChange(value.value);\n }\n }}\n templates={{\n suggestion({ label, value }) {\n return (\n <Base as=\"div\">\n {(label && label.primary && label.primary) || value}\n {label && label.secondary && <Hint>{label.secondary}</Hint>}\n </Base>\n );\n },\n inputValue: (option) => {\n if (!option) {\n return '';\n }\n return option.label.primary || option.value;\n },\n }}\n {...{\n ...props,\n reset: undefined,\n required: undefined,\n }}\n name={name}\n id={`${name}-id`}\n defaultValue={value}\n />\n );\n};\n\nexport default AutoCompleteInput;"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAGnC,kBAAqB;AACrB,0BAEO;AACP,kBAAqB;AAsBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,OAAO,EAAE,QAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU;AAAA,IAAY,SAASA,SACnC,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AACjC,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAAI,OAAO,OAAO,aAAa,EAC3E,GACC,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACC;AAAA,MACN;AAAA,IACF;AAAA,IACE,CAAC,OAAO;AAAA,EAAC;AAEX,SACE,6BAAAC,QAAA;AAAA,IAAC,oBAAAC;AAAA,IAAA;AAAA,MACC,UAAU,SAAS,oBAAoB,OAAO;AAAA,MAC9C,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,UAAQ,KAAK,KAAK;AACnD,yBAAe,SAAS,IAAI,SAAS,cAAc,IAAI,SAAS,MAAS;AAAA,QAC3E,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,6BAAAF,QAAA,cAAC,oBAAK,IAAG,SACL,SAAS,MAAM,WAAW,MAAM,WAAYE,QAC7C,SAAS,MAAM,aAAa,6BAAAF,QAAA,cAAC,wBAAM,MAAM,SAAU,CACtD;AAAA,QAEJ;AAAA,QACA,YAAY,CAAC,WAAW;AACtB,cAAI,CAAC,QAAQ;AACX,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,MAAM,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,QACF,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA,IAAI,GAAG,IAAI;AAAA,MACX,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,4BAAQ;",
|
|
6
6
|
"names": ["suggest", "React", "UIAutoComplete", "value"]
|
|
7
7
|
}
|
|
@@ -28,15 +28,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
28
28
|
var ImageInput_stories_exports = {};
|
|
29
29
|
__export(ImageInput_stories_exports, {
|
|
30
30
|
Default: () => import_Default.Default,
|
|
31
|
+
MaxSize: () => import_MaxSize.MaxSize,
|
|
31
32
|
WithInvalidImageDimension: () => import_WithInvalidImageDimension.WithInvalidImageDimension,
|
|
32
|
-
WithInvalidImageSize: () => import_WithInvalidImageSize.WithInvalidImageSize,
|
|
33
33
|
default: () => ImageInput_stories_default
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(ImageInput_stories_exports);
|
|
36
36
|
var import_ImageInput = __toESM(require("@digigov/form/inputs/ImageInput"));
|
|
37
37
|
var import_Default = require("@digigov/form/inputs/ImageInput/__stories__/Default");
|
|
38
|
-
var import_WithInvalidImageSize = require("@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize");
|
|
39
38
|
var import_WithInvalidImageDimension = require("@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension");
|
|
39
|
+
var import_MaxSize = require("@digigov/form/inputs/ImageInput/__stories__/MaxSize");
|
|
40
40
|
var ImageInput_stories_default = {
|
|
41
41
|
title: "Digigov Form/inputs/ImageInput",
|
|
42
42
|
component: import_ImageInput.default,
|
|
@@ -45,7 +45,7 @@ var ImageInput_stories_default = {
|
|
|
45
45
|
// Annotate the CommonJS export names for ESM import in node:
|
|
46
46
|
0 && (module.exports = {
|
|
47
47
|
Default,
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
MaxSize,
|
|
49
|
+
WithInvalidImageDimension
|
|
50
50
|
});
|
|
51
51
|
//# sourceMappingURL=ImageInput.stories.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/inputs/ImageInput/ImageInput.stories.js"],
|
|
4
|
-
"sourcesContent": ["import ImageInput from '@digigov/form/inputs/ImageInput';\nexport default {\n title: 'Digigov Form/inputs/ImageInput',\n component: ImageInput,\n displayName: 'ImageInput',\n};\nexport { Default } from '@digigov/form/inputs/ImageInput/__stories__/Default';\nexport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAMvB,qBAAwB;AACxB,
|
|
4
|
+
"sourcesContent": ["import ImageInput from '@digigov/form/inputs/ImageInput';\nexport default {\n title: 'Digigov Form/inputs/ImageInput',\n component: ImageInput,\n displayName: 'ImageInput',\n};\nexport { Default } from '@digigov/form/inputs/ImageInput/__stories__/Default';\nexport { WithInvalidImageDimension } from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension';\nexport { MaxSize } from '@digigov/form/inputs/ImageInput/__stories__/MaxSize';\n\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAMvB,qBAAwB;AACxB,uCAA0C;AAC1C,qBAAwB;AAPxB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,kBAAAA;AAAA,EACX,aAAa;AACf;",
|
|
6
6
|
"names": ["ImageInput"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
var MaxSize_exports = {};
|
|
29
|
+
__export(MaxSize_exports, {
|
|
30
|
+
MaxSize: () => MaxSize,
|
|
31
|
+
default: () => MaxSize_default
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(MaxSize_exports);
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_form = __toESM(require("@digigov/form"));
|
|
36
|
+
var import_Button = require("@digigov/ui/form/Button");
|
|
37
|
+
const FIELDS = [
|
|
38
|
+
{
|
|
39
|
+
key: "image",
|
|
40
|
+
type: "image",
|
|
41
|
+
required: true,
|
|
42
|
+
label: {
|
|
43
|
+
primary: "\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2",
|
|
44
|
+
secondary: "\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03BC\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2: 10KB."
|
|
45
|
+
},
|
|
46
|
+
extra: {
|
|
47
|
+
limit: {
|
|
48
|
+
maxSize: 1e3
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
];
|
|
53
|
+
const MaxSize = () => /* @__PURE__ */ import_react.default.createElement(
|
|
54
|
+
import_form.default,
|
|
55
|
+
{
|
|
56
|
+
fields: FIELDS,
|
|
57
|
+
onSubmit: (data) => {
|
|
58
|
+
console.log(data);
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
/* @__PURE__ */ import_react.default.createElement(import_form.Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ import_react.default.createElement(import_form.Field, { key: field.key, name: field.key }))),
|
|
62
|
+
/* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
|
|
63
|
+
);
|
|
64
|
+
var MaxSize_default = MaxSize;
|
|
65
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
66
|
+
0 && (module.exports = {
|
|
67
|
+
MaxSize
|
|
68
|
+
});
|
|
69
|
+
//# sourceMappingURL=MaxSize.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../src/inputs/ImageInput/__stories__/MaxSize.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2',\n secondary: '\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03BC\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2: 10KB.',\n },\n extra: {\n limit: {\n maxSize: 1000,\n },\n }\n },\n];\n\nexport const MaxSize = () => (\n <FormBuilder\n fields={FIELDS}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Fieldset>\n {FIELDS.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default MaxSize;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA6C;AAE7C,oBAAuB;AACvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB,6BAAAA,QAAA;AAAA,EAAC,YAAAC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,6BAAAD,QAAA,cAAC,4BACE,OAAO,IAAI,CAAC,UACX,6BAAAA,QAAA,cAAC,qBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAM,CAC1C,CACH;AAAA,EACA,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,kBAAQ;",
|
|
6
|
+
"names": ["React", "FormBuilder"]
|
|
7
|
+
}
|
|
@@ -81,7 +81,6 @@ const INPUTS_FIELDS = [
|
|
|
81
81
|
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;" },
|
|
82
82
|
extra: {
|
|
83
83
|
component: "AutoComplete",
|
|
84
|
-
multiple: true,
|
|
85
84
|
options: [
|
|
86
85
|
{
|
|
87
86
|
label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/inputs/inputsScenarios.ts"],
|
|
4
|
-
"sourcesContent": ["import el from '@digigov/form/locales/el';\n\nexport const INPUTS_FIELDS = [\n {\n key: 'date-example',\n type: 'date',\n required: true,\n label: {\n 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;',\n secondary:\n '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n },\n },\n {\n key: 'otp',\n type: 'otp',\n maxLength: 6,\n label: {\n 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',\n },\n required: true,\n },\n {\n key: 'checkbox',\n type: 'choice:multiple',\n required: true,\n 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;' },\n extra: {\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n }\n },\n {\n key: 'autocomplete_multiple',\n required: true,\n type: 'choice:multiple',\n 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;' },\n extra: {\n component: 'AutoComplete',\n multiple: true,\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n },\n },\n {\n key: 'radio',\n type: 'choice:single',\n required: true,\n 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;' },\n extra: {\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n }\n },\n {\n key: 'select',\n type: 'choice:single',\n required: true,\n 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;' },\n extra: {\n component: 'Select',\n options: [\n {\n label: { primary: '' },\n value: '',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n }\n },\n {\n key: 'autocomplete_single',\n required: true,\n type: 'choice:single',\n 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;' },\n extra: {\n component: 'AutoComplete',\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n },\n },\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n 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',\n },\n },\n {\n key: 'file',\n type: 'file',\n label: {\n 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',\n },\n required: true,\n },\n ]\n\nexport const scenarios = [\n {\n title: 'success fill for inputs',\n describe: 'inputs scenario',\n fields: INPUTS_FIELDS,\n fill: [\n {\n fieldKey: 'date-example',\n value: {\n day: '22',\n month: '11',\n year: '2020'\n },\n },\n {\n fieldKey: 'otp',\n value: {\n '0': '4',\n '1': '4',\n '2': '4',\n '3': '4',\n '4': '4',\n '5': '4',\n }\n },\n {\n fieldKey: 'checkbox',\n value: [\n 'fever', 'fatigue'\n ]\n },\n {\n fieldKey: 'autocomplete_multiple',\n value: [\n 'fever', 'fatigue'\n ]\n },\n {\n fieldKey: 'radio',\n value: 'fever'\n },\n {\n fieldKey: 'select',\n value: 'fatigue'\n },\n {\n fieldKey: 'autocomplete_single',\n value: 'fatigue'\n },\n {\n fieldKey: 'image',\n value: {\n fileName: 'green_image.png',\n width: 500,\n height: 500,\n size: 3\n }\n },\n {\n fieldKey: 'file',\n value: {\n fileName: 'file.txt',\n size: 200\n }\n },\n ],\n expect: [\n {\n type: 'success',\n fieldKey: 'date-example',\n text: el.form.error.date.invalid,\n },\n {\n type: 'success',\n fieldKey: 'otp',\n args: {\n 'maxLength': 6\n },\n text: el.form.error.otp.less_than,\n },\n {\n type: 'success',\n fieldKey: 'checkbox',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'autocomplete_multiple',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'radio',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'select',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'autocomplete_single',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'image',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'file',\n text: el.form.error.required,\n },\n ]\n },\n {\n title: 'empty fill for inputs',\n describe: 'inputs scenario',\n fields: INPUTS_FIELDS,\n fill: [],\n expect: [\n {\n type: 'error',\n fieldKey: 'date-example',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'otp',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'checkbox',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'autocomplete_multiple',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'radio',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'select',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'autocomplete_single',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'image',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'file',\n text: el.form.error.required,\n },\n ]\n },\n {\n title: 'incorrect types for DateInput and OtpInput',\n describe: 'inputs scenario',\n fields: [\n {\n key: 'date-example',\n type: 'date',\n required: true,\n label: {\n 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;',\n secondary:\n '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n },\n },\n {\n key: 'otp',\n type: 'otp',\n maxLength: 6,\n label: {\n 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',\n },\n required: true,\n },\n ],\n fill: [\n {\n fieldKey: 'date-example',\n value: {\n day: 'a2',\n month: '11',\n year: '2020'\n },\n },\n {\n fieldKey: 'otp',\n value: {\n '0': 'a',\n '1': '4',\n '2': '4',\n '3': '4',\n '4': '4',\n '5': '4',\n }\n },\n ],\n expect: [\n {\n type: 'error',\n fieldKey: 'date-example',\n text: el.form.error.date.invalid,\n },\n {\n type: 'error',\n fieldKey: 'otp',\n args: {\n 'maxLength': 6\n },\n text: el.form.error.otp.less_than,\n },\n ]\n },\n {\n title: 'wrong sizes for ImageInput and FileInput',\n describe: 'inputs scenario',\n fields: [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n 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',\n },\n extra: {\n limit: {\n maxSize: 300,\n },\n },\n },\n {\n key: 'file',\n type: 'file',\n required: true,\n label: {\n 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',\n },\n extra: {\n limit: {\n maxSize: 300,\n },\n },\n },\n ],\n fill: [\n {\n fieldKey: 'image',\n value: {\n fileName: 'green_image.png',\n size: 300\n }\n },\n {\n fieldKey: 'file',\n value: {\n fileName: 'file.txt',\n size: 200\n }\n },\n ],\n expect: [\n {\n type: 'error',\n fieldKey: 'image',\n args: {\n maxSizeToMb: 0.0003\n },\n text: el.form.error.file_size,\n },\n {\n type: 'error',\n fieldKey: 'file',\n args: {\n maxSizeToMb: 0.0003\n },\n text: el.form.error.file_size,\n },\n ]\n },\n {\n title: 'wrong dimensions for ImageInput',\n describe: 'inputs scenario',\n fields: [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n 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',\n },\n extra: {\n limit: {\n maxHeight: 400,\n maxWidth: 400,\n minHeight: 100,\n minWidth: 100,\n },\n },\n },\n ],\n fill: [\n {\n fieldKey: 'image',\n value: {\n fileName: 'green_image.png',\n width: 500,\n height: 500\n }\n },\n ],\n expect: [\n {\n type: 'error',\n fieldKey: 'image',\n args: {\n minWidth: 100,\n minHeight: 100,\n maxWidth: 400,\n maxHeight: 400,\n },\n text: el.form.error.image.image_dimension_size,\n },\n ]\n },\n]\n\nexport default scenarios;"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAe;AAER,MAAM,gBAAgB;AAAA,
|
|
4
|
+
"sourcesContent": ["import el from '@digigov/form/locales/el';\n\nexport const INPUTS_FIELDS = [\n {\n key: 'date-example',\n type: 'date',\n required: true,\n label: {\n 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;',\n secondary:\n '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n },\n },\n {\n key: 'otp',\n type: 'otp',\n maxLength: 6,\n label: {\n 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',\n },\n required: true,\n },\n {\n key: 'checkbox',\n type: 'choice:multiple',\n required: true,\n 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;' },\n extra: {\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n }\n },\n {\n key: 'autocomplete_multiple',\n required: true,\n type: 'choice:multiple',\n 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;' },\n extra: {\n component: 'AutoComplete',\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n },\n },\n {\n key: 'radio',\n type: 'choice:single',\n required: true,\n 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;' },\n extra: {\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n }\n },\n {\n key: 'select',\n type: 'choice:single',\n required: true,\n 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;' },\n extra: {\n component: 'Select',\n options: [\n {\n label: { primary: '' },\n value: '',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n }\n },\n {\n key: 'autocomplete_single',\n required: true,\n type: 'choice:single',\n 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;' },\n extra: {\n component: 'AutoComplete',\n options: [\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n value: 'runny-nose',\n },\n {\n label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n value: 'fever',\n },\n {\n label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n value: 'fatigue',\n },\n ],\n },\n },\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n 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',\n },\n },\n {\n key: 'file',\n type: 'file',\n label: {\n 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',\n },\n required: true,\n },\n]\n\nexport const scenarios = [\n {\n title: 'success fill for inputs',\n describe: 'inputs scenario',\n fields: INPUTS_FIELDS,\n fill: [\n {\n fieldKey: 'date-example',\n value: {\n day: '22',\n month: '11',\n year: '2020'\n },\n },\n {\n fieldKey: 'otp',\n value: {\n '0': '4',\n '1': '4',\n '2': '4',\n '3': '4',\n '4': '4',\n '5': '4',\n }\n },\n {\n fieldKey: 'checkbox',\n value: [\n 'fever', 'fatigue'\n ]\n },\n {\n fieldKey: 'autocomplete_multiple',\n value: [\n 'fever', 'fatigue'\n ]\n },\n {\n fieldKey: 'radio',\n value: 'fever'\n },\n {\n fieldKey: 'select',\n value: 'fatigue'\n },\n {\n fieldKey: 'autocomplete_single',\n value: 'fatigue'\n },\n {\n fieldKey: 'image',\n value: {\n fileName: 'green_image.png',\n width: 500,\n height: 500,\n size: 3\n }\n },\n {\n fieldKey: 'file',\n value: {\n fileName: 'file.txt',\n size: 200\n }\n },\n ],\n expect: [\n {\n type: 'success',\n fieldKey: 'date-example',\n text: el.form.error.date.invalid,\n },\n {\n type: 'success',\n fieldKey: 'otp',\n args: {\n 'maxLength': 6\n },\n text: el.form.error.otp.less_than,\n },\n {\n type: 'success',\n fieldKey: 'checkbox',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'autocomplete_multiple',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'radio',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'select',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'autocomplete_single',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'image',\n text: el.form.error.required,\n },\n {\n type: 'success',\n fieldKey: 'file',\n text: el.form.error.required,\n },\n ]\n },\n {\n title: 'empty fill for inputs',\n describe: 'inputs scenario',\n fields: INPUTS_FIELDS,\n fill: [],\n expect: [\n {\n type: 'error',\n fieldKey: 'date-example',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'otp',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'checkbox',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'autocomplete_multiple',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'radio',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'select',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'autocomplete_single',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'image',\n text: el.form.error.required,\n },\n {\n type: 'error',\n fieldKey: 'file',\n text: el.form.error.required,\n },\n ]\n },\n {\n title: 'incorrect types for DateInput and OtpInput',\n describe: 'inputs scenario',\n fields: [\n {\n key: 'date-example',\n type: 'date',\n required: true,\n label: {\n 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;',\n secondary:\n '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n },\n },\n {\n key: 'otp',\n type: 'otp',\n maxLength: 6,\n label: {\n 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',\n },\n required: true,\n },\n ],\n fill: [\n {\n fieldKey: 'date-example',\n value: {\n day: 'a2',\n month: '11',\n year: '2020'\n },\n },\n {\n fieldKey: 'otp',\n value: {\n '0': 'a',\n '1': '4',\n '2': '4',\n '3': '4',\n '4': '4',\n '5': '4',\n }\n },\n ],\n expect: [\n {\n type: 'error',\n fieldKey: 'date-example',\n text: el.form.error.date.invalid,\n },\n {\n type: 'error',\n fieldKey: 'otp',\n args: {\n 'maxLength': 6\n },\n text: el.form.error.otp.less_than,\n },\n ]\n },\n {\n title: 'wrong sizes for ImageInput and FileInput',\n describe: 'inputs scenario',\n fields: [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n 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',\n },\n extra: {\n limit: {\n maxSize: 300,\n },\n },\n },\n {\n key: 'file',\n type: 'file',\n required: true,\n label: {\n 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',\n },\n extra: {\n limit: {\n maxSize: 300,\n },\n },\n },\n ],\n fill: [\n {\n fieldKey: 'image',\n value: {\n fileName: 'green_image.png',\n size: 300\n }\n },\n {\n fieldKey: 'file',\n value: {\n fileName: 'file.txt',\n size: 200\n }\n },\n ],\n expect: [\n {\n type: 'error',\n fieldKey: 'image',\n args: {\n maxSizeToMb: 0.0003\n },\n text: el.form.error.file_size,\n },\n {\n type: 'error',\n fieldKey: 'file',\n args: {\n maxSizeToMb: 0.0003\n },\n text: el.form.error.file_size,\n },\n ]\n },\n {\n title: 'wrong dimensions for ImageInput',\n describe: 'inputs scenario',\n fields: [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n 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',\n },\n extra: {\n limit: {\n maxHeight: 400,\n maxWidth: 400,\n minHeight: 100,\n minWidth: 100,\n },\n },\n },\n ],\n fill: [\n {\n fieldKey: 'image',\n value: {\n fileName: 'green_image.png',\n width: 500,\n height: 500\n }\n },\n ],\n expect: [\n {\n type: 'error',\n fieldKey: 'image',\n args: {\n minWidth: 100,\n minHeight: 100,\n maxWidth: 400,\n maxHeight: 400,\n },\n text: el.form.error.image.image_dimension_size,\n },\n ]\n },\n]\n\nexport default scenarios;"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["el"]
|
|
7
7
|
}
|
|
@@ -24,7 +24,7 @@ const DEFAULT_FILE_MAX_SIZE = 1e7;
|
|
|
24
24
|
const FILE_MAX_SIZE_VALIDATOR = (field) => ({
|
|
25
25
|
name: "file-max-size-validator",
|
|
26
26
|
message: {
|
|
27
|
-
key: "form.error.file_size",
|
|
27
|
+
key: field.type === "file" ? "form.error.file_size" : "form.error.image_size",
|
|
28
28
|
context: {
|
|
29
29
|
maxSizeToMb: (field?.extra?.limit.maxSize || DEFAULT_FILE_MAX_SIZE) / 1e6
|
|
30
30
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/validators/utils/file.ts"],
|
|
4
|
-
"sourcesContent": ["import { FieldSpec } from '@digigov/form/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\n\nconst DEFAULT_FILE_MAX_SIZE = 10000000;\n\nexport const FILE_MAX_SIZE_VALIDATOR = (field: FieldSpec): ValidatorSchema => ({\n name: 'file-max-size-validator',\n message: {\n key: 'form.error.file_size',\n context: {\n maxSizeToMb: (field?.extra?.limit.maxSize || DEFAULT_FILE_MAX_SIZE) / 1000000,\n },\n },\n test: (value: File[]): boolean => {\n if (value) {\n for (const file of value) {\n const maxSize = field?.extra?.limit?.maxSize || DEFAULT_FILE_MAX_SIZE\n if (file.size > maxSize) {\n return false;\n }\n }\n }\n return true;\n },\n});\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,MAAM,wBAAwB;AAEvB,MAAM,0BAA0B,CAAC,WAAuC;AAAA,EAC7E,MAAM;AAAA,EACN,SAAS;AAAA,IACP,KAAK;AAAA,
|
|
4
|
+
"sourcesContent": ["import { FieldSpec } from '@digigov/form/types';\nimport { ValidatorSchema } from '@digigov/form/validators/types';\n\nconst DEFAULT_FILE_MAX_SIZE = 10000000;\n\nexport const FILE_MAX_SIZE_VALIDATOR = (field: FieldSpec): ValidatorSchema => ({\n name: 'file-max-size-validator',\n message: {\n key: field.type === 'file' ? 'form.error.file_size' : 'form.error.image_size',\n context: {\n maxSizeToMb: (field?.extra?.limit.maxSize || DEFAULT_FILE_MAX_SIZE) / 1000000,\n },\n },\n test: (value: File[]): boolean => {\n if (value) {\n for (const file of value) {\n const maxSize = field?.extra?.limit?.maxSize || DEFAULT_FILE_MAX_SIZE\n if (file.size > maxSize) {\n return false;\n }\n }\n }\n return true;\n },\n});\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,MAAM,wBAAwB;AAEvB,MAAM,0BAA0B,CAAC,WAAuC;AAAA,EAC7E,MAAM;AAAA,EACN,SAAS;AAAA,IACP,KAAK,MAAM,SAAS,SAAS,yBAAyB;AAAA,IACtD,SAAS;AAAA,MACP,cAAc,OAAO,OAAO,MAAM,WAAW,yBAAyB;AAAA,IACxE;AAAA,EACF;AAAA,EACA,MAAM,CAAC,UAA2B;AAChC,QAAI,OAAO;AACT,iBAAW,QAAQ,OAAO;AACxB,cAAM,UAAU,OAAO,OAAO,OAAO,WAAW;AAChD,YAAI,KAAK,OAAO,SAAS;AACvB,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/inputs/AutoCompleteInput/__stories__/Multiple.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n '\u0391\u03C3\u03AF\u03B1',\n '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n {\n key: 'autocomplete',\n label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n required: true,\n type: 'choice:multiple',\n extra: {\n component: 'AutoComplete',\n
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,OAAO,iBAAiB;AAExB,OAAO,YAAY;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n '\u0391\u03C3\u03AF\u03B1',\n '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n {\n key: 'autocomplete',\n label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n required: true,\n type: 'choice:multiple',\n extra: {\n component: 'AutoComplete',\n options: results.map((r) => {\n return {\n label: {\n primary: r,\n secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n },\n value: r.toLowerCase(),\n };\n }),\n },\n },\n];\n\nconst initialValues = {};\n\nexport const Multiple = () => (\n <FormBuilder\n fields={fields}\n onSubmit={(data) => {\n console.log(data);\n }}\n initial={initialValues}\n >\n {fields.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n <Button type=\"submit\">Submit</Button>\n </FormBuilder>\n);\n\nexport default Multiple;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,OAAO,iBAAiB;AAExB,OAAO,YAAY;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,+CAAY,CAAC;AAAA,UAC1B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,WAAW,MACtB;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,oCAAC,UAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -4,7 +4,8 @@ import UIAutoComplete from "@digigov/ui/form/AutoComplete";
|
|
|
4
4
|
import { Base } from "@digigov/react-core/Base";
|
|
5
5
|
const AutoCompleteInput = ({
|
|
6
6
|
name,
|
|
7
|
-
|
|
7
|
+
type,
|
|
8
|
+
extra: { options },
|
|
8
9
|
onChange,
|
|
9
10
|
value,
|
|
10
11
|
error,
|
|
@@ -23,7 +24,7 @@ const AutoCompleteInput = ({
|
|
|
23
24
|
return /* @__PURE__ */ React.createElement(
|
|
24
25
|
UIAutoComplete,
|
|
25
26
|
{
|
|
26
|
-
multiple,
|
|
27
|
+
multiple: type === "choice:multiple" ? true : false,
|
|
27
28
|
source: suggest,
|
|
28
29
|
onConfirm: (value2) => {
|
|
29
30
|
if (Array.isArray(value2)) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/inputs/AutoCompleteInput/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { Hint } from '@digigov/react-core/Hint';\nimport UIAutoComplete, {\n AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\nimport { Base } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputExtra\n extends Omit<\n UIAutoCompleteProps,\n | 'source'\n | 'id'\n | 'templates'\n | 'defaultValue'\n | 'onConfirm'\n | 'dropdownArrow'\n > {\n options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n extra: AutoCompleteInputExtra;\n value: string;\n onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n name,\n extra: { options
|
|
5
|
-
"mappings": "AAAA,OAAO,SAAS,mBAAmB;AAGnC,SAAS,YAAY;AACrB,OAAO,oBAEA;AACP,SAAS,YAAY;AAsBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA,OAAO,EAAE,
|
|
4
|
+
"sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { Hint } from '@digigov/react-core/Hint';\nimport UIAutoComplete, {\n AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\nimport { Base } from '@digigov/react-core/Base';\n\nexport interface AutoCompleteInputExtra\n extends Omit<\n UIAutoCompleteProps,\n | 'source'\n | 'id'\n | 'templates'\n | 'defaultValue'\n | 'onConfirm'\n | 'dropdownArrow'\n > {\n options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n extra: AutoCompleteInputExtra;\n value: string;\n onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n name,\n type,\n extra: { options },\n onChange,\n value,\n error,\n ...props\n}) => {\n const suggest = useCallback(function suggest(\n query: string,\n syncResults: (options: any[]) => void\n ): void {\n syncResults(\n query\n ? options.filter(function (option) {\n return (\n `${option.value} ${option.label?.primary || ''} ${option.label?.secondary || ''\n }`\n .toLowerCase()\n .indexOf(query.toLowerCase()) !== -1\n );\n })\n : options\n );\n },\n [options]);\n\n return (\n <UIAutoComplete\n multiple={type === 'choice:multiple' ? true : false}\n source={suggest}\n onConfirm={(value) => {\n if (Array.isArray(value)) {\n const selectedValues = value.map(item => item.value);\n selectedValues.length > 0 ? onChange(selectedValues) : onChange(undefined);\n } else {\n onChange(value.value);\n }\n }}\n templates={{\n suggestion({ label, value }) {\n return (\n <Base as=\"div\">\n {(label && label.primary && label.primary) || value}\n {label && label.secondary && <Hint>{label.secondary}</Hint>}\n </Base>\n );\n },\n inputValue: (option) => {\n if (!option) {\n return '';\n }\n return option.label.primary || option.value;\n },\n }}\n {...{\n ...props,\n reset: undefined,\n required: undefined,\n }}\n name={name}\n id={`${name}-id`}\n defaultValue={value}\n />\n );\n};\n\nexport default AutoCompleteInput;"],
|
|
5
|
+
"mappings": "AAAA,OAAO,SAAS,mBAAmB;AAGnC,SAAS,YAAY;AACrB,OAAO,oBAEA;AACP,SAAS,YAAY;AAsBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,OAAO,EAAE,QAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,UAAU;AAAA,IAAY,SAASA,SACnC,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AACjC,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAAI,OAAO,OAAO,aAAa,EAC3E,GACC,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACC;AAAA,MACN;AAAA,IACF;AAAA,IACE,CAAC,OAAO;AAAA,EAAC;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,SAAS,oBAAoB,OAAO;AAAA,MAC9C,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,UAAQ,KAAK,KAAK;AACnD,yBAAe,SAAS,IAAI,SAAS,cAAc,IAAI,SAAS,MAAS;AAAA,QAC3E,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,oCAAC,QAAK,IAAG,SACL,SAAS,MAAM,WAAW,MAAM,WAAYA,QAC7C,SAAS,MAAM,aAAa,oCAAC,YAAM,MAAM,SAAU,CACtD;AAAA,QAEJ;AAAA,QACA,YAAY,CAAC,WAAW;AACtB,cAAI,CAAC,QAAQ;AACX,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,MAAM,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,QACF,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA,IAAI,GAAG,IAAI;AAAA,MACX,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,4BAAQ;",
|
|
6
6
|
"names": ["suggest", "value"]
|
|
7
7
|
}
|
|
@@ -5,12 +5,12 @@ var ImageInput_stories_default = {
|
|
|
5
5
|
displayName: "ImageInput"
|
|
6
6
|
};
|
|
7
7
|
import { Default } from "@digigov/form/inputs/ImageInput/__stories__/Default";
|
|
8
|
-
import { WithInvalidImageSize } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
|
|
9
8
|
import { WithInvalidImageDimension } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
|
|
9
|
+
import { MaxSize } from "@digigov/form/inputs/ImageInput/__stories__/MaxSize";
|
|
10
10
|
export {
|
|
11
11
|
Default,
|
|
12
|
+
MaxSize,
|
|
12
13
|
WithInvalidImageDimension,
|
|
13
|
-
WithInvalidImageSize,
|
|
14
14
|
ImageInput_stories_default as default
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=ImageInput.stories.js.map
|
|
@@ -5,6 +5,6 @@ declare namespace _default {
|
|
|
5
5
|
}
|
|
6
6
|
export default _default;
|
|
7
7
|
export { Default } from "@digigov/form/inputs/ImageInput/__stories__/Default";
|
|
8
|
-
export { WithInvalidImageSize } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
|
|
9
8
|
export { WithInvalidImageDimension } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
|
|
9
|
+
export { MaxSize } from "@digigov/form/inputs/ImageInput/__stories__/MaxSize";
|
|
10
10
|
import ImageInput from '@digigov/form/inputs/ImageInput';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/inputs/ImageInput/ImageInput.stories.js"],
|
|
4
|
-
"sourcesContent": ["import ImageInput from '@digigov/form/inputs/ImageInput';\nexport default {\n title: 'Digigov Form/inputs/ImageInput',\n component: ImageInput,\n displayName: 'ImageInput',\n};\nexport { Default } from '@digigov/form/inputs/ImageInput/__stories__/Default';\nexport {
|
|
5
|
-
"mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,
|
|
4
|
+
"sourcesContent": ["import ImageInput from '@digigov/form/inputs/ImageInput';\nexport default {\n title: 'Digigov Form/inputs/ImageInput',\n component: ImageInput,\n displayName: 'ImageInput',\n};\nexport { Default } from '@digigov/form/inputs/ImageInput/__stories__/Default';\nexport { WithInvalidImageDimension } from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension';\nexport { MaxSize } from '@digigov/form/inputs/ImageInput/__stories__/MaxSize';\n\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,iCAAiC;AAC1C,SAAS,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import FormBuilder, { Field, Fieldset } from "@digigov/form";
|
|
3
|
+
import { Button } from "@digigov/ui/form/Button";
|
|
4
|
+
const FIELDS = [
|
|
5
|
+
{
|
|
6
|
+
key: "image",
|
|
7
|
+
type: "image",
|
|
8
|
+
required: true,
|
|
9
|
+
label: {
|
|
10
|
+
primary: "\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2",
|
|
11
|
+
secondary: "\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03BC\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2: 10KB."
|
|
12
|
+
},
|
|
13
|
+
extra: {
|
|
14
|
+
limit: {
|
|
15
|
+
maxSize: 1e3
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
];
|
|
20
|
+
const MaxSize = () => /* @__PURE__ */ React.createElement(
|
|
21
|
+
FormBuilder,
|
|
22
|
+
{
|
|
23
|
+
fields: FIELDS,
|
|
24
|
+
onSubmit: (data) => {
|
|
25
|
+
console.log(data);
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
/* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key }))),
|
|
29
|
+
/* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
|
|
30
|
+
);
|
|
31
|
+
var MaxSize_default = MaxSize;
|
|
32
|
+
export {
|
|
33
|
+
MaxSize,
|
|
34
|
+
MaxSize_default as default
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=MaxSize.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../src/inputs/ImageInput/__stories__/MaxSize.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n {\n key: 'image',\n type: 'image',\n required: true,\n label: {\n primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2',\n secondary: '\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03BC\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2: 10KB.',\n },\n extra: {\n limit: {\n maxSize: 1000,\n },\n }\n },\n];\n\nexport const MaxSize = () => (\n <FormBuilder\n fields={FIELDS}\n onSubmit={(data) => {\n console.log(data);\n }}\n >\n <Fieldset>\n {FIELDS.map((field) => (\n <Field key={field.key} name={field.key} />\n ))}\n </Fieldset>\n <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n </FormBuilder>\n);\nexport default MaxSize;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,OAAO,gBAAgB;AAE7C,SAAS,cAAc;AACvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,gBACE,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAM,CAC1C,CACH;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -47,7 +47,6 @@ const INPUTS_FIELDS = [
|
|
|
47
47
|
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;" },
|
|
48
48
|
extra: {
|
|
49
49
|
component: "AutoComplete",
|
|
50
|
-
multiple: true,
|
|
51
50
|
options: [
|
|
52
51
|
{
|
|
53
52
|
label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
|