datocms-react-ui 0.3.14 → 0.3.15
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/dist/cjs/Form/index.js +19 -0
- package/dist/cjs/Form/index.js.map +1 -1
- package/dist/esm/Form/index.d.ts +19 -0
- package/dist/esm/Form/index.js +19 -0
- package/dist/esm/Form/index.js.map +1 -1
- package/dist/types/Form/index.d.ts +19 -0
- package/package.json +2 -2
- package/types.json +2 -2
package/dist/cjs/Form/index.js
CHANGED
|
@@ -102,6 +102,25 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
|
|
|
102
102
|
* }}
|
|
103
103
|
* onChange={(newValue) => console.log(newValue)}
|
|
104
104
|
* />
|
|
105
|
+
* <SelectField
|
|
106
|
+
* name="multipleOption"
|
|
107
|
+
* id="multipleOption"
|
|
108
|
+
* label="Multiple options"
|
|
109
|
+
* hint="Select one of the options"
|
|
110
|
+
* value={[
|
|
111
|
+
* { label: 'Option 1', value: 'option1' },
|
|
112
|
+
* { label: 'Option 2', value: 'option2' },
|
|
113
|
+
* ]}
|
|
114
|
+
* selectInputProps={{
|
|
115
|
+
* isMulti: true,
|
|
116
|
+
* options: [
|
|
117
|
+
* { label: 'Option 1', value: 'option1' },
|
|
118
|
+
* { label: 'Option 2', value: 'option2' },
|
|
119
|
+
* { label: 'Option 3', value: 'option3' },
|
|
120
|
+
* ],
|
|
121
|
+
* }}
|
|
122
|
+
* onChange={(newValue) => console.log(newValue)}
|
|
123
|
+
* />
|
|
105
124
|
* <SwitchField
|
|
106
125
|
* name="debugMode"
|
|
107
126
|
* id="debugMode"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAU9C
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAU9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AACI,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAC3B,gCAAM,CAAC,UAAU,EACjB,gCAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}
|
package/dist/esm/Form/index.d.ts
CHANGED
|
@@ -60,6 +60,25 @@ export interface FormProps {
|
|
|
60
60
|
* }}
|
|
61
61
|
* onChange={(newValue) => console.log(newValue)}
|
|
62
62
|
* />
|
|
63
|
+
* <SelectField
|
|
64
|
+
* name="multipleOption"
|
|
65
|
+
* id="multipleOption"
|
|
66
|
+
* label="Multiple options"
|
|
67
|
+
* hint="Select one of the options"
|
|
68
|
+
* value={[
|
|
69
|
+
* { label: 'Option 1', value: 'option1' },
|
|
70
|
+
* { label: 'Option 2', value: 'option2' },
|
|
71
|
+
* ]}
|
|
72
|
+
* selectInputProps={{
|
|
73
|
+
* isMulti: true,
|
|
74
|
+
* options: [
|
|
75
|
+
* { label: 'Option 1', value: 'option1' },
|
|
76
|
+
* { label: 'Option 2', value: 'option2' },
|
|
77
|
+
* { label: 'Option 3', value: 'option3' },
|
|
78
|
+
* ],
|
|
79
|
+
* }}
|
|
80
|
+
* onChange={(newValue) => console.log(newValue)}
|
|
81
|
+
* />
|
|
63
82
|
* <SwitchField
|
|
64
83
|
* name="debugMode"
|
|
65
84
|
* id="debugMode"
|
package/dist/esm/Form/index.js
CHANGED
|
@@ -77,6 +77,25 @@ import styles from './styles.module.css.json';
|
|
|
77
77
|
* }}
|
|
78
78
|
* onChange={(newValue) => console.log(newValue)}
|
|
79
79
|
* />
|
|
80
|
+
* <SelectField
|
|
81
|
+
* name="multipleOption"
|
|
82
|
+
* id="multipleOption"
|
|
83
|
+
* label="Multiple options"
|
|
84
|
+
* hint="Select one of the options"
|
|
85
|
+
* value={[
|
|
86
|
+
* { label: 'Option 1', value: 'option1' },
|
|
87
|
+
* { label: 'Option 2', value: 'option2' },
|
|
88
|
+
* ]}
|
|
89
|
+
* selectInputProps={{
|
|
90
|
+
* isMulti: true,
|
|
91
|
+
* options: [
|
|
92
|
+
* { label: 'Option 1', value: 'option1' },
|
|
93
|
+
* { label: 'Option 2', value: 'option2' },
|
|
94
|
+
* { label: 'Option 3', value: 'option3' },
|
|
95
|
+
* ],
|
|
96
|
+
* }}
|
|
97
|
+
* onChange={(newValue) => console.log(newValue)}
|
|
98
|
+
* />
|
|
80
99
|
* <SwitchField
|
|
81
100
|
* name="debugMode"
|
|
82
101
|
* id="debugMode"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,WAAW,GAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,WAAW,GAKZ,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAU9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,EAAE,CAC3B,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,WAAW,CAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,uCAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,6BAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -60,6 +60,25 @@ export interface FormProps {
|
|
|
60
60
|
* }}
|
|
61
61
|
* onChange={(newValue) => console.log(newValue)}
|
|
62
62
|
* />
|
|
63
|
+
* <SelectField
|
|
64
|
+
* name="multipleOption"
|
|
65
|
+
* id="multipleOption"
|
|
66
|
+
* label="Multiple options"
|
|
67
|
+
* hint="Select one of the options"
|
|
68
|
+
* value={[
|
|
69
|
+
* { label: 'Option 1', value: 'option1' },
|
|
70
|
+
* { label: 'Option 2', value: 'option2' },
|
|
71
|
+
* ]}
|
|
72
|
+
* selectInputProps={{
|
|
73
|
+
* isMulti: true,
|
|
74
|
+
* options: [
|
|
75
|
+
* { label: 'Option 1', value: 'option1' },
|
|
76
|
+
* { label: 'Option 2', value: 'option2' },
|
|
77
|
+
* { label: 'Option 3', value: 'option3' },
|
|
78
|
+
* ],
|
|
79
|
+
* }}
|
|
80
|
+
* onChange={(newValue) => console.log(newValue)}
|
|
81
|
+
* />
|
|
63
82
|
* <SwitchField
|
|
64
83
|
* name="debugMode"
|
|
65
84
|
* id="debugMode"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "datocms-react-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.15",
|
|
4
4
|
"description": "React components to use inside DatoCMS plugins",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"datocms",
|
|
@@ -53,5 +53,5 @@
|
|
|
53
53
|
"postcss-nested": "^5.0.6",
|
|
54
54
|
"typedoc": "^0.22.8"
|
|
55
55
|
},
|
|
56
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "867fde98cb2c37830ceada6c257f0e3ac0093ae8"
|
|
57
57
|
}
|
package/types.json
CHANGED
|
@@ -11383,7 +11383,7 @@
|
|
|
11383
11383
|
"sources": [
|
|
11384
11384
|
{
|
|
11385
11385
|
"fileName": "src/Form/index.tsx",
|
|
11386
|
-
"line":
|
|
11386
|
+
"line": 111,
|
|
11387
11387
|
"character": 13
|
|
11388
11388
|
}
|
|
11389
11389
|
],
|
|
@@ -11398,7 +11398,7 @@
|
|
|
11398
11398
|
"tags": [
|
|
11399
11399
|
{
|
|
11400
11400
|
"tag": "example",
|
|
11401
|
-
"text": "Full example\n\n```js\n<Canvas ctx={ctx}>\n <Form onSubmit={() => console.log('onSubmit')}>\n <FieldGroup>\n <TextField\n required\n name=\"name\"\n id=\"name\"\n label=\"Name\"\n value=\"Mark Smith\"\n placeholder=\"Enter full name\"\n hint=\"Provide a full name\"\n onChange={(newValue) => console.log(newValue)}\n />\n <TextField\n required\n name=\"email\"\n id=\"email\"\n label=\"Email\"\n type=\"email\"\n value=\"\"\n placeholder=\"your@email.com\"\n error=\"Please enter an email!\"\n hint=\"Enter email address\"\n onChange={(newValue) => console.log(newValue)}\n />\n <TextField\n required\n name=\"apiToken\"\n id=\"apiToken\"\n label=\"API Token\"\n value=\"XXXYYY123\"\n hint=\"Enter a valid API token\"\n textInputProps={{ monospaced: true }}\n onChange={(newValue) => console.log(newValue)}\n />\n <SelectField\n name=\"option\"\n id=\"option\"\n label=\"Option\"\n hint=\"Select one of the options\"\n value={{ label: 'Option 1', value: 'option1' }}\n selectInputProps={{\n options: [\n { label: 'Option 1', value: 'option1' },\n { label: 'Option 2', value: 'option2' },\n { label: 'Option 3', value: 'option3' },\n ],\n }}\n onChange={(newValue) => console.log(newValue)}\n />\n <SwitchField\n name=\"debugMode\"\n id=\"debugMode\"\n label=\"Debug mode active?\"\n hint=\"Logs messages to console\"\n value={true}\n onChange={(newValue) => console.log(newValue)}\n />\n </FieldGroup>\n <FieldGroup>\n <Button fullWidth buttonType=\"primary\">\n Submit\n </Button>\n </FieldGroup>\n </Form>\n</Canvas>;\n```\n"
|
|
11401
|
+
"text": "Full example\n\n```js\n<Canvas ctx={ctx}>\n <Form onSubmit={() => console.log('onSubmit')}>\n <FieldGroup>\n <TextField\n required\n name=\"name\"\n id=\"name\"\n label=\"Name\"\n value=\"Mark Smith\"\n placeholder=\"Enter full name\"\n hint=\"Provide a full name\"\n onChange={(newValue) => console.log(newValue)}\n />\n <TextField\n required\n name=\"email\"\n id=\"email\"\n label=\"Email\"\n type=\"email\"\n value=\"\"\n placeholder=\"your@email.com\"\n error=\"Please enter an email!\"\n hint=\"Enter email address\"\n onChange={(newValue) => console.log(newValue)}\n />\n <TextField\n required\n name=\"apiToken\"\n id=\"apiToken\"\n label=\"API Token\"\n value=\"XXXYYY123\"\n hint=\"Enter a valid API token\"\n textInputProps={{ monospaced: true }}\n onChange={(newValue) => console.log(newValue)}\n />\n <SelectField\n name=\"option\"\n id=\"option\"\n label=\"Option\"\n hint=\"Select one of the options\"\n value={{ label: 'Option 1', value: 'option1' }}\n selectInputProps={{\n options: [\n { label: 'Option 1', value: 'option1' },\n { label: 'Option 2', value: 'option2' },\n { label: 'Option 3', value: 'option3' },\n ],\n }}\n onChange={(newValue) => console.log(newValue)}\n />\n <SelectField\n name=\"multipleOption\"\n id=\"multipleOption\"\n label=\"Multiple options\"\n hint=\"Select one of the options\"\n value={[\n { label: 'Option 1', value: 'option1' },\n { label: 'Option 2', value: 'option2' },\n ]}\n selectInputProps={{\n isMulti: true,\n options: [\n { label: 'Option 1', value: 'option1' },\n { label: 'Option 2', value: 'option2' },\n { label: 'Option 3', value: 'option3' },\n ],\n }}\n onChange={(newValue) => console.log(newValue)}\n />\n <SwitchField\n name=\"debugMode\"\n id=\"debugMode\"\n label=\"Debug mode active?\"\n hint=\"Logs messages to console\"\n value={true}\n onChange={(newValue) => console.log(newValue)}\n />\n </FieldGroup>\n <FieldGroup>\n <Button fullWidth buttonType=\"primary\">\n Submit\n </Button>\n </FieldGroup>\n </Form>\n</Canvas>;\n```\n"
|
|
11402
11402
|
}
|
|
11403
11403
|
]
|
|
11404
11404
|
},
|