mirror/lowdefy
2
0
Fork 0
mirror of https://github.com/lowdefy/lowdefy.git synced 2025-02-23 14:39:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(blocksAntd): TextArea: Add size property.

Browse Source
This commit is contained in:
Gervwyk 2021-10-21 15:28:47 +02:00
parent 419362131b
commit b87248b2ca
6 changed files with 811 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/blocks/blocksAntd/demo/examples/TextArea.yaml
View File

@ -76,3 +76,11 @@
type: TextArea
properties:
showCount: true
- id: 'properties.size: small'
type: TextArea
properties:
size: 'small'
- id: 'properties.size: large'
type: TextArea
properties:
size: 'large'

1
packages/blocks/blocksAntd/src/blocks/TextArea/TextArea.js
View File

@ -55,6 +55,7 @@ const TextAreaBlock = ({
maxLength={properties.maxLength}
placeholder={properties.placeholder}
showCount={properties.showCount}
size={properties.size}
value={value}
autoSize={
properties.rows

6
packages/blocks/blocksAntd/src/blocks/TextArea/TextArea.json
View File

@ -136,6 +136,12 @@
"minimum": 1,
"description": "Number of rows in the block, should be greater or equal to 1. Defining rows disables any prefix."
},
"size": {
"type": "string",
"enum": ["small", "middle", "large"],
"default": "middle",
"description": "Size of the block."
},
"showCount": {
"type": ["boolean", "object"],
"default": false,

4
packages/blocks/blocksAntd/src/blocks/TextInput/TextInput.json
View File

@ -120,8 +120,8 @@
},
"size": {
"type": "string",
"enum": ["small", "default", "large"],
"default": "default",
"enum": ["small", "middle", "large"],
"default": "middle",
"description": "Size of the block."
},
"suffix": {

70
packages/blocks/blocksAntd/tests/__snapshots__/TextArea.mock.test.js.snap
View File

@ -18,6 +18,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -43,6 +44,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -68,6 +70,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -91,6 +94,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -116,6 +120,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -141,6 +146,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -166,6 +172,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -191,6 +198,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -216,6 +224,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -241,6 +250,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -266,6 +276,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -291,6 +302,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -316,6 +328,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -342,6 +355,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -367,6 +381,7 @@ Array [
"onPressEnter": [Function],
"placeholder": "Type your text here",
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -393,6 +408,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},
@ -418,6 +434,59 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": true,
"size": undefined,
"value": null,
},
Object {},
],
]
`;
exports[`Mock render - properties.size: large - value[0] - default 1`] = `
Array [
Array [
Object {
"allowClear": undefined,
"autoFocus": undefined,
"autoSize": Object {
"minRows": 3,
},
"bordered": undefined,
"className": "{}",
"disabled": undefined,
"id": "properties.size: large_input",
"maxLength": undefined,
"onChange": [Function],
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": "large",
"value": null,
},
Object {},
],
]
`;
exports[`Mock render - properties.size: small - value[0] - default 1`] = `
Array [
Array [
Object {
"allowClear": undefined,
"autoFocus": undefined,
"autoSize": Object {
"minRows": 3,
},
"bordered": undefined,
"className": "{}",
"disabled": undefined,
"id": "properties.size: small_input",
"maxLength": undefined,
"onChange": [Function],
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": "small",
"value": null,
},
Object {},
@ -443,6 +512,7 @@ Array [
"onPressEnter": [Function],
"placeholder": undefined,
"showCount": undefined,
"size": undefined,
"value": null,
},
Object {},

724
packages/blocks/blocksAntd/tests/__snapshots__/TextArea.test.js.snap
View File

@ -588,6 +588,7 @@ exports[`Render properties.maxLength: 4 - value[0] 1`] = `
<textarea
className="ant-input {}"
id="properties.maxLength: 4_input"
maxLength={4}
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
@ -791,6 +792,98 @@ exports[`Render properties.showCount: true - value[0] 1`] = `
</div>
`;
exports[`Render properties.size: large - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: large"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":8}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":40},null]}"
htmlFor="properties.size: large_input"
title="properties.size: large"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-lg"
id="properties.size: large_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
</div>
</div>
</div>
`;
exports[`Render properties.size: small - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: small"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":0}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":24},null]}"
htmlFor="properties.size: small_input"
title="properties.size: small"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-sm"
id="properties.size: small_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
</div>
</div>
</div>
`;
exports[`Render properties.title: My TextArea Title - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
@ -1425,6 +1518,7 @@ exports[`Render required = true properties.maxLength: 4 - value[0] 1`] = `
<textarea
className="ant-input {}"
id="properties.maxLength: 4_input"
maxLength={4}
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
@ -1628,6 +1722,98 @@ exports[`Render required = true properties.showCount: true - value[0] 1`] = `
</div>
`;
exports[`Render required = true properties.size: large - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: large"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":8}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="ant-form-item-required {\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":40},null]}"
htmlFor="properties.size: large_input"
title="properties.size: large"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-lg"
id="properties.size: large_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
</div>
</div>
</div>
`;
exports[`Render required = true properties.size: small - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: small"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":0}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="ant-form-item-required {\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":24},null]}"
htmlFor="properties.size: small_input"
title="properties.size: small"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-sm"
id="properties.size: small_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
</div>
</div>
</div>
`;
exports[`Render required = true properties.title: My TextArea Title - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
@ -2591,6 +2777,7 @@ exports[`Render validation.status = error properties.maxLength: 4 - value[0] 1`]
<textarea
className="ant-input {}"
id="properties.maxLength: 4_input"
maxLength={4}
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
@ -2934,6 +3121,154 @@ exports[`Render validation.status = error properties.showCount: true - value[0]
</div>
`;
exports[`Render validation.status = error properties.size: large - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: large"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":8}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":40},null]}"
htmlFor="properties.size: large_input"
title="properties.size: large"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-lg"
id="properties.size: large_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
<span
className="ant-form-item-children-icon"
>
<span
aria-label="close-circle"
className="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>
<div
className="ant-form-item-explain ant-form-item-extra ant-form-item-explain-feedback ant-form-item-explain-error {\\"style\\":[{\\"marginTop\\":0},null]}"
>
validation error
</div>
</div>
</div>
`;
exports[`Render validation.status = error properties.size: small - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: small"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":0}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":24},null]}"
htmlFor="properties.size: small_input"
title="properties.size: small"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-sm"
id="properties.size: small_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
<span
className="ant-form-item-children-icon"
>
<span
aria-label="close-circle"
className="anticon anticon-close-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
</span>
</div>
<div
className="ant-form-item-explain ant-form-item-extra ant-form-item-explain-feedback ant-form-item-explain-error {\\"style\\":[{\\"marginTop\\":-4},null]}"
>
validation error
</div>
</div>
</div>
`;
exports[`Render validation.status = error properties.title: My TextArea Title - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-error {\\"style\\":{\\"marginBottom\\":0}}"
@ -3596,6 +3931,7 @@ exports[`Render validation.status = null properties.maxLength: 4 - value[0] 1`]
<textarea
className="ant-input {}"
id="properties.maxLength: 4_input"
maxLength={4}
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
@ -3799,6 +4135,98 @@ exports[`Render validation.status = null properties.showCount: true - value[0] 1
</div>
`;
exports[`Render validation.status = null properties.size: large - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: large"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":8}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":40},null]}"
htmlFor="properties.size: large_input"
title="properties.size: large"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-lg"
id="properties.size: large_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
</div>
</div>
</div>
`;
exports[`Render validation.status = null properties.size: small - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: small"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":0}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":24},null]}"
htmlFor="properties.size: small_input"
title="properties.size: small"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-sm"
id="properties.size: small_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
</div>
</div>
</div>
`;
exports[`Render validation.status = null properties.title: My TextArea Title - value[0] 1`] = `
<div
className="ant-row ant-form-item {\\"style\\":{\\"marginBottom\\":0}}"
@ -4709,6 +5137,7 @@ exports[`Render validation.status = success properties.maxLength: 4 - value[0] 1
<textarea
className="ant-input {}"
id="properties.maxLength: 4_input"
maxLength={4}
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
@ -5027,6 +5456,144 @@ exports[`Render validation.status = success properties.showCount: true - value[0
</div>
`;
exports[`Render validation.status = success properties.size: large - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: large"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":8}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":40},null]}"
htmlFor="properties.size: large_input"
title="properties.size: large"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-lg"
id="properties.size: large_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
<span
className="ant-form-item-children-icon"
>
<span
aria-label="check-circle"
className="anticon anticon-check-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`Render validation.status = success properties.size: small - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: small"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":0}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":24},null]}"
htmlFor="properties.size: small_input"
title="properties.size: small"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-sm"
id="properties.size: small_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
<span
className="ant-form-item-children-icon"
>
<span
aria-label="check-circle"
className="anticon anticon-check-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
/>
</svg>
</span>
</span>
</div>
</div>
</div>
`;
exports[`Render validation.status = success properties.title: My TextArea Title - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-success {\\"style\\":{\\"marginBottom\\":0}}"
@ -6013,6 +6580,7 @@ exports[`Render validation.status = warning properties.maxLength: 4 - value[0] 1
<textarea
className="ant-input {}"
id="properties.maxLength: 4_input"
maxLength={4}
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
@ -6356,6 +6924,154 @@ exports[`Render validation.status = warning properties.showCount: true - value[0
</div>
`;
exports[`Render validation.status = warning properties.size: large - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: large"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":8}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":40},null]}"
htmlFor="properties.size: large_input"
title="properties.size: large"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-lg"
id="properties.size: large_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
<span
className="ant-form-item-children-icon"
>
<span
aria-label="exclamation-circle"
className="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
</div>
<div
className="ant-form-item-explain ant-form-item-extra ant-form-item-explain-feedback ant-form-item-explain-warning {\\"style\\":[{\\"marginTop\\":0},null]}"
>
validation warning
</div>
</div>
</div>
`;
exports[`Render validation.status = warning properties.size: small - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning {\\"style\\":{\\"marginBottom\\":0}}"
id="properties.size: small"
style={Object {}}
>
<div
className="ant-col ant-form-item-label ant-form-item-label-left {\\"style\\":{\\"whiteSpace\\":\\"normal\\",\\"marginBottom\\":0}} ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<label
className="{\\"style\\":[{\\"height\\":\\"fit-content !important\\",\\"minHeight\\":24},null]}"
htmlFor="properties.size: small_input"
title="properties.size: small"
>
<span
className="{}"
/>
</label>
</div>
<div
className="ant-col ant-form-item-control ant-col-xs-24 ant-col-sm-24"
style={Object {}}
>
<div
className="ant-form-item-control-input"
>
<div
className="ant-form-item-control-input-content"
>
<textarea
className="ant-input {} ant-input-sm"
id="properties.size: small_input"
onChange={[Function]}
onCompositionEnd={[Function]}
onCompositionStart={[Function]}
onKeyDown={[Function]}
style={Object {}}
value=""
/>
</div>
<span
className="ant-form-item-children-icon"
>
<span
aria-label="exclamation-circle"
className="anticon anticon-exclamation-circle"
role="img"
>
<svg
aria-hidden="true"
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
/>
</svg>
</span>
</span>
</div>
<div
className="ant-form-item-explain ant-form-item-extra ant-form-item-explain-feedback ant-form-item-explain-warning {\\"style\\":[{\\"marginTop\\":-4},null]}"
>
validation warning
</div>
</div>
</div>
`;
exports[`Render validation.status = warning properties.title: My TextArea Title - value[0] 1`] = `
<div
className="ant-row ant-form-item ant-form-item-has-feedback ant-form-item-has-warning {\\"style\\":{\\"marginBottom\\":0}}"
@ -6498,6 +7214,14 @@ exports[`Test Schema properties.showCount: true 1`] = `true`;
exports[`Test Schema properties.showCount: true 2`] = `null`;
exports[`Test Schema properties.size: large 1`] = `true`;
exports[`Test Schema properties.size: large 2`] = `null`;
exports[`Test Schema properties.size: small 1`] = `true`;
exports[`Test Schema properties.size: small 2`] = `null`;
exports[`Test Schema properties.title: My TextArea Title 1`] = `true`;
exports[`Test Schema properties.title: My TextArea Title 2`] = `null`;