@lowdefy/blocks-antd 4.0.0-alpha.26 → 4.0.0-alpha.29
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/package.json +9 -10
- package/dist/blocks/Affix/Affix.js +0 -43
- package/dist/blocks/Affix/schema.json +0 -34
- package/dist/blocks/Affix/style.less +0 -17
- package/dist/blocks/Alert/Alert.js +0 -78
- package/dist/blocks/Alert/schema.json +0 -62
- package/dist/blocks/Alert/style.less +0 -17
- package/dist/blocks/AutoComplete/AutoComplete.js +0 -86
- package/dist/blocks/AutoComplete/schema.json +0 -148
- package/dist/blocks/AutoComplete/style.less +0 -17
- package/dist/blocks/Avatar/Avatar.js +0 -49
- package/dist/blocks/Avatar/schema.json +0 -71
- package/dist/blocks/Avatar/style.less +0 -17
- package/dist/blocks/Badge/Badge.js +0 -44
- package/dist/blocks/Badge/schema.json +0 -70
- package/dist/blocks/Badge/style.less +0 -17
- package/dist/blocks/Breadcrumb/Breadcrumb.js +0 -79
- package/dist/blocks/Breadcrumb/schema.json +0 -78
- package/dist/blocks/Breadcrumb/style.less +0 -17
- package/dist/blocks/Button/Button.js +0 -77
- package/dist/blocks/Button/schema.json +0 -91
- package/dist/blocks/Button/style.less +0 -17
- package/dist/blocks/ButtonSelector/ButtonSelector.js +0 -91
- package/dist/blocks/ButtonSelector/schema.json +0 -188
- package/dist/blocks/ButtonSelector/style.less +0 -18
- package/dist/blocks/Card/Card.js +0 -50
- package/dist/blocks/Card/schema.json +0 -58
- package/dist/blocks/Card/style.less +0 -17
- package/dist/blocks/CheckboxSelector/CheckboxSelector.js +0 -97
- package/dist/blocks/CheckboxSelector/schema.json +0 -193
- package/dist/blocks/CheckboxSelector/style.less +0 -19
- package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js +0 -74
- package/dist/blocks/CheckboxSwitch/schema.json +0 -105
- package/dist/blocks/CheckboxSwitch/style.less +0 -19
- package/dist/blocks/Collapse/Collapse.js +0 -89
- package/dist/blocks/Collapse/schema.json +0 -90
- package/dist/blocks/Collapse/style.less +0 -17
- package/dist/blocks/Comment/Comment.js +0 -56
- package/dist/blocks/Comment/schema.json +0 -39
- package/dist/blocks/Comment/style.less +0 -18
- package/dist/blocks/ConfirmModal/ConfirmModal.js +0 -96
- package/dist/blocks/ConfirmModal/schema.json +0 -122
- package/dist/blocks/ConfirmModal/style.less +0 -17
- package/dist/blocks/Content/Content.js +0 -31
- package/dist/blocks/Content/schema.json +0 -16
- package/dist/blocks/Content/style.less +0 -17
- package/dist/blocks/ControlledList/ControlledList.js +0 -137
- package/dist/blocks/ControlledList/schema.json +0 -68
- package/dist/blocks/ControlledList/style.less +0 -19
- package/dist/blocks/DateRangeSelector/DateRangeSelector.js +0 -102
- package/dist/blocks/DateRangeSelector/schema.json +0 -221
- package/dist/blocks/DateRangeSelector/style.less +0 -18
- package/dist/blocks/DateSelector/DateSelector.js +0 -90
- package/dist/blocks/DateSelector/schema.json +0 -183
- package/dist/blocks/DateSelector/style.less +0 -18
- package/dist/blocks/DateTimeSelector/DateTimeSelector.js +0 -98
- package/dist/blocks/DateTimeSelector/schema.json +0 -215
- package/dist/blocks/DateTimeSelector/style.less +0 -18
- package/dist/blocks/Descriptions/Descriptions.js +0 -83
- package/dist/blocks/Descriptions/schema.json +0 -186
- package/dist/blocks/Descriptions/style.less +0 -17
- package/dist/blocks/Divider/Divider.js +0 -37
- package/dist/blocks/Divider/schema.json +0 -35
- package/dist/blocks/Divider/style.less +0 -17
- package/dist/blocks/Drawer/Drawer.js +0 -104
- package/dist/blocks/Drawer/schema.json +0 -113
- package/dist/blocks/Drawer/style.less +0 -17
- package/dist/blocks/Footer/Footer.js +0 -36
- package/dist/blocks/Footer/schema.json +0 -16
- package/dist/blocks/Footer/style.less +0 -17
- package/dist/blocks/Header/Header.js +0 -36
- package/dist/blocks/Header/schema.json +0 -22
- package/dist/blocks/Header/style.less +0 -17
- package/dist/blocks/Label/Label.js +0 -116
- package/dist/blocks/Label/getLabelCol.js +0 -55
- package/dist/blocks/Label/getWrapperCol.js +0 -69
- package/dist/blocks/Label/labelLogic.js +0 -106
- package/dist/blocks/Label/schema.json +0 -62
- package/dist/blocks/Label/style.less +0 -34
- package/dist/blocks/Layout/Layout.js +0 -30
- package/dist/blocks/Layout/schema.json +0 -16
- package/dist/blocks/Layout/style.less +0 -17
- package/dist/blocks/Menu/Menu.js +0 -209
- package/dist/blocks/Menu/schema.json +0 -236
- package/dist/blocks/Menu/style.less +0 -17
- package/dist/blocks/Message/Message.js +0 -53
- package/dist/blocks/Message/schema.json +0 -48
- package/dist/blocks/Message/style.less +0 -17
- package/dist/blocks/MobileMenu/MobileMenu.js +0 -128
- package/dist/blocks/MobileMenu/schema.json +0 -236
- package/dist/blocks/MobileMenu/style.less +0 -19
- package/dist/blocks/Modal/Modal.js +0 -130
- package/dist/blocks/Modal/schema.json +0 -118
- package/dist/blocks/Modal/style.less +0 -17
- package/dist/blocks/MonthSelector/MonthSelector.js +0 -90
- package/dist/blocks/MonthSelector/schema.json +0 -183
- package/dist/blocks/MonthSelector/style.less +0 -18
- package/dist/blocks/MultipleSelector/MultipleSelector.js +0 -146
- package/dist/blocks/MultipleSelector/schema.json +0 -239
- package/dist/blocks/MultipleSelector/style.less +0 -18
- package/dist/blocks/Notification/Notification.js +0 -77
- package/dist/blocks/Notification/schema.json +0 -85
- package/dist/blocks/Notification/style.less +0 -18
- package/dist/blocks/NumberInput/NumberInput.js +0 -82
- package/dist/blocks/NumberInput/schema.json +0 -157
- package/dist/blocks/NumberInput/style.less +0 -18
- package/dist/blocks/PageHCF/PageHCF.js +0 -70
- package/dist/blocks/PageHCF/schema.json +0 -64
- package/dist/blocks/PageHCF/style.less +0 -20
- package/dist/blocks/PageHCSF/PageHCSF.js +0 -98
- package/dist/blocks/PageHCSF/schema.json +0 -148
- package/dist/blocks/PageHCSF/style.less +0 -21
- package/dist/blocks/PageHSCF/PageHSCF.js +0 -98
- package/dist/blocks/PageHSCF/schema.json +0 -147
- package/dist/blocks/PageHSCF/style.less +0 -21
- package/dist/blocks/PageHeaderMenu/PageHeaderMenu.js +0 -290
- package/dist/blocks/PageHeaderMenu/schema.json +0 -215
- package/dist/blocks/PageHeaderMenu/style.less +0 -23
- package/dist/blocks/PageSHCF/PageSHCF.js +0 -98
- package/dist/blocks/PageSHCF/schema.json +0 -148
- package/dist/blocks/PageSHCF/style.less +0 -21
- package/dist/blocks/PageSiderMenu/PageSiderMenu.js +0 -406
- package/dist/blocks/PageSiderMenu/schema.json +0 -283
- package/dist/blocks/PageSiderMenu/style.less +0 -26
- package/dist/blocks/Pagination/Pagination.js +0 -98
- package/dist/blocks/Pagination/schema.json +0 -75
- package/dist/blocks/Pagination/style.less +0 -17
- package/dist/blocks/Paragraph/Paragraph.js +0 -102
- package/dist/blocks/Paragraph/schema.json +0 -131
- package/dist/blocks/Paragraph/style.less +0 -17
- package/dist/blocks/ParagraphInput/ParagraphInput.js +0 -125
- package/dist/blocks/ParagraphInput/schema.json +0 -162
- package/dist/blocks/ParagraphInput/style.less +0 -17
- package/dist/blocks/PasswordInput/PasswordInput.js +0 -78
- package/dist/blocks/PasswordInput/schema.json +0 -123
- package/dist/blocks/PasswordInput/style.less +0 -18
- package/dist/blocks/Progress/Progress.js +0 -42
- package/dist/blocks/Progress/schema.json +0 -76
- package/dist/blocks/Progress/style.less +0 -17
- package/dist/blocks/RadioSelector/RadioSelector.js +0 -96
- package/dist/blocks/RadioSelector/schema.json +0 -190
- package/dist/blocks/RadioSelector/style.less +0 -19
- package/dist/blocks/RatingSlider/RatingSlider.js +0 -240
- package/dist/blocks/RatingSlider/schema.json +0 -169
- package/dist/blocks/RatingSlider/style.less +0 -19
- package/dist/blocks/Result/Result.js +0 -48
- package/dist/blocks/Result/schema.json +0 -30
- package/dist/blocks/Result/style.less +0 -17
- package/dist/blocks/Selector/Selector.js +0 -140
- package/dist/blocks/Selector/schema.json +0 -236
- package/dist/blocks/Selector/style.less +0 -18
- package/dist/blocks/Sider/Sider.js +0 -85
- package/dist/blocks/Sider/schema.json +0 -71
- package/dist/blocks/Sider/style.less +0 -17
- package/dist/blocks/Statistic/Statistic.js +0 -51
- package/dist/blocks/Statistic/schema.json +0 -74
- package/dist/blocks/Statistic/style.less +0 -17
- package/dist/blocks/Switch/Switch.js +0 -101
- package/dist/blocks/Switch/schema.json +0 -136
- package/dist/blocks/Switch/style.less +0 -18
- package/dist/blocks/Tabs/Tabs.js +0 -108
- package/dist/blocks/Tabs/schema.json +0 -97
- package/dist/blocks/Tabs/style.less +0 -17
- package/dist/blocks/TextArea/TextArea.js +0 -87
- package/dist/blocks/TextArea/schema.json +0 -164
- package/dist/blocks/TextArea/style.less +0 -18
- package/dist/blocks/TextInput/TextInput.js +0 -92
- package/dist/blocks/TextInput/schema.json +0 -149
- package/dist/blocks/TextInput/style.less +0 -18
- package/dist/blocks/TimelineList/TimelineList.js +0 -102
- package/dist/blocks/TimelineList/schema.json +0 -65
- package/dist/blocks/TimelineList/style.less +0 -17
- package/dist/blocks/Title/Title.js +0 -109
- package/dist/blocks/Title/schema.json +0 -136
- package/dist/blocks/Title/style.less +0 -17
- package/dist/blocks/TitleInput/TitleInput.js +0 -122
- package/dist/blocks/TitleInput/schema.json +0 -171
- package/dist/blocks/TitleInput/style.less +0 -17
- package/dist/blocks/Tooltip/Tooltip.js +0 -48
- package/dist/blocks/Tooltip/schema.json +0 -91
- package/dist/blocks/Tooltip/style.less +0 -17
- package/dist/blocks/WeekSelector/WeekSelector.js +0 -91
- package/dist/blocks/WeekSelector/schema.json +0 -183
- package/dist/blocks/WeekSelector/style.less +0 -18
- package/dist/blocks.js +0 -74
- package/dist/color.js +0 -85
- package/dist/disabledDate.js +0 -45
- package/dist/getUniqueValues.js +0 -30
- package/dist/getValueIndex.js +0 -42
- package/dist/style.less +0 -17
- package/dist/types.js +0 -31
- package/dist/useRunAfterUpdate.js +0 -29
- package/dist/validationExamples.js +0 -40
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"autoFocus": {
|
|
8
|
-
"type": "boolean",
|
|
9
|
-
"default": false,
|
|
10
|
-
"description": "Autofocus to the block on page load."
|
|
11
|
-
},
|
|
12
|
-
"color": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"description": "Rating slider color.",
|
|
15
|
-
"docs": {
|
|
16
|
-
"displayType": "color"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
"disabled": {
|
|
20
|
-
"type": "boolean",
|
|
21
|
-
"default": false,
|
|
22
|
-
"description": "Disable the block if true."
|
|
23
|
-
},
|
|
24
|
-
"disableIcons": {
|
|
25
|
-
"type": "boolean",
|
|
26
|
-
"default": false,
|
|
27
|
-
"description": "Hides minimum and maximum icons."
|
|
28
|
-
},
|
|
29
|
-
"disableNotApplicable": {
|
|
30
|
-
"type": "boolean",
|
|
31
|
-
"default": false,
|
|
32
|
-
"description": "Disables the N/A option left of slider."
|
|
33
|
-
},
|
|
34
|
-
"minIcon": {
|
|
35
|
-
"type": ["string", "object"],
|
|
36
|
-
"default": "AiOutlineFrown",
|
|
37
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize the icon to the left of the minimum side of the slider.",
|
|
38
|
-
"docs": {
|
|
39
|
-
"displayType": "icon"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
"maxIcon": {
|
|
43
|
-
"type": ["string", "object"],
|
|
44
|
-
"default": "AiOutlineSmile",
|
|
45
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize the icon to the right of the maximum side of the slider.",
|
|
46
|
-
"docs": {
|
|
47
|
-
"displayType": "icon"
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"inputStyle": {
|
|
51
|
-
"type": "object",
|
|
52
|
-
"description": "Css style to applied to input.",
|
|
53
|
-
"docs": {
|
|
54
|
-
"displayType": "yaml"
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
"label": {
|
|
58
|
-
"type": "object",
|
|
59
|
-
"description": "Label properties.",
|
|
60
|
-
"additionalProperties": false,
|
|
61
|
-
"properties": {
|
|
62
|
-
"align": {
|
|
63
|
-
"type": "string",
|
|
64
|
-
"enum": ["left", "right"],
|
|
65
|
-
"default": "left",
|
|
66
|
-
"description": "Align label left or right when inline."
|
|
67
|
-
},
|
|
68
|
-
"colon": {
|
|
69
|
-
"type": "boolean",
|
|
70
|
-
"default": true,
|
|
71
|
-
"description": "Append label with colon."
|
|
72
|
-
},
|
|
73
|
-
"extra": {
|
|
74
|
-
"type": "string",
|
|
75
|
-
"description": "Extra text to display beneath the content - supports html."
|
|
76
|
-
},
|
|
77
|
-
"title": {
|
|
78
|
-
"type": "string",
|
|
79
|
-
"description": "Label title - supports html."
|
|
80
|
-
},
|
|
81
|
-
"span": {
|
|
82
|
-
"type": "number",
|
|
83
|
-
"description": "Label inline span."
|
|
84
|
-
},
|
|
85
|
-
"disabled": {
|
|
86
|
-
"type": "boolean",
|
|
87
|
-
"default": false,
|
|
88
|
-
"description": "Hide input label."
|
|
89
|
-
},
|
|
90
|
-
"hasFeedback": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"default": true,
|
|
93
|
-
"description": "Display feedback extra from validation, this does not disable validation."
|
|
94
|
-
},
|
|
95
|
-
"inline": {
|
|
96
|
-
"type": "boolean",
|
|
97
|
-
"default": false,
|
|
98
|
-
"description": "Render input and label inline."
|
|
99
|
-
},
|
|
100
|
-
"extraStyle": {
|
|
101
|
-
"type": "object",
|
|
102
|
-
"description": "Css style to applied to label extra.",
|
|
103
|
-
"docs": {
|
|
104
|
-
"displayType": "yaml"
|
|
105
|
-
}
|
|
106
|
-
},
|
|
107
|
-
"feedbackStyle": {
|
|
108
|
-
"type": "object",
|
|
109
|
-
"description": "Css style to applied to label feedback.",
|
|
110
|
-
"docs": {
|
|
111
|
-
"displayType": "yaml"
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
"min": {
|
|
117
|
-
"type": "number",
|
|
118
|
-
"default": 0,
|
|
119
|
-
"description": "The minimum value of the slider."
|
|
120
|
-
},
|
|
121
|
-
"max": {
|
|
122
|
-
"type": "number",
|
|
123
|
-
"default": 10,
|
|
124
|
-
"description": "The maximum value of the slider."
|
|
125
|
-
},
|
|
126
|
-
"notApplicableLabel": {
|
|
127
|
-
"type": "string",
|
|
128
|
-
"default": "N/A",
|
|
129
|
-
"description": "Label shown at the null value of the slider."
|
|
130
|
-
},
|
|
131
|
-
"showDots": {
|
|
132
|
-
"type": "boolean",
|
|
133
|
-
"default": true,
|
|
134
|
-
"description": "Shows dots at values between step values when true."
|
|
135
|
-
},
|
|
136
|
-
"showMarks": {
|
|
137
|
-
"type": "boolean",
|
|
138
|
-
"default": true,
|
|
139
|
-
"description": "Shows values at specified min, max and step values."
|
|
140
|
-
},
|
|
141
|
-
"step": {
|
|
142
|
-
"type": "number",
|
|
143
|
-
"default": 1,
|
|
144
|
-
"exclusiveMinimum": 0,
|
|
145
|
-
"description": " The size of the step between values, has to be values greater than 0."
|
|
146
|
-
},
|
|
147
|
-
"tooltipVisible": {
|
|
148
|
-
"type": "string",
|
|
149
|
-
"enum": ["never", "onClick", "always"],
|
|
150
|
-
"default": "onClick",
|
|
151
|
-
"description": "When tooltip should be visible."
|
|
152
|
-
},
|
|
153
|
-
"title": {
|
|
154
|
-
"type": "string",
|
|
155
|
-
"description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
},
|
|
159
|
-
"events": {
|
|
160
|
-
"type": "object",
|
|
161
|
-
"additionalProperties": false,
|
|
162
|
-
"properties": {
|
|
163
|
-
"onChange": {
|
|
164
|
-
"type": "array",
|
|
165
|
-
"description": "Trigger action when rating is changed."
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@import 'antd/lib/slider/style/index.less';
|
|
18
|
-
@import '../Label/style.less';
|
|
19
|
-
@import '../CheckboxSelector/style.less';
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/ import React from 'react';
|
|
16
|
-
import { Result } from 'antd';
|
|
17
|
-
import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
|
|
18
|
-
const ResultBlock = ({ blockId , components: { Icon } , events , content , methods , properties })=>/*#__PURE__*/ React.createElement(Result, {
|
|
19
|
-
id: blockId,
|
|
20
|
-
title: renderHtml({
|
|
21
|
-
html: properties.title,
|
|
22
|
-
methods
|
|
23
|
-
}),
|
|
24
|
-
subTitle: renderHtml({
|
|
25
|
-
html: properties.subTitle,
|
|
26
|
-
methods
|
|
27
|
-
}),
|
|
28
|
-
status: properties.status,
|
|
29
|
-
icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
|
|
30
|
-
blockId: `${blockId}_icon`,
|
|
31
|
-
events: events,
|
|
32
|
-
properties: properties.icon
|
|
33
|
-
}),
|
|
34
|
-
extra: content.extra && content.extra({
|
|
35
|
-
justifyContent: 'center'
|
|
36
|
-
})
|
|
37
|
-
}, content.content && content.content({
|
|
38
|
-
justifyContent: 'center'
|
|
39
|
-
}));
|
|
40
|
-
ResultBlock.defaultProps = blockDefaultProps;
|
|
41
|
-
ResultBlock.meta = {
|
|
42
|
-
category: 'container',
|
|
43
|
-
icons: [],
|
|
44
|
-
styles: [
|
|
45
|
-
'blocks/Result/style.less'
|
|
46
|
-
]
|
|
47
|
-
};
|
|
48
|
-
export default ResultBlock;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"icon": {
|
|
8
|
-
"type": ["string", "object"],
|
|
9
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize icon to use as result image.",
|
|
10
|
-
"docs": {
|
|
11
|
-
"displayType": "icon"
|
|
12
|
-
}
|
|
13
|
-
},
|
|
14
|
-
"status": {
|
|
15
|
-
"type": "string",
|
|
16
|
-
"enum": ["success", "error", "info", "warning", "404", "403", "500"],
|
|
17
|
-
"default": "info",
|
|
18
|
-
"description": "Status of the result. Determines image and color."
|
|
19
|
-
},
|
|
20
|
-
"subTitle": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "Result subtitle or secondary text - supports html."
|
|
23
|
-
},
|
|
24
|
-
"title": {
|
|
25
|
-
"type": "string",
|
|
26
|
-
"description": "Result title or primary text - supports html."
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@import 'antd/lib/result/style/index.less';
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/ import React, { useState } from 'react';
|
|
16
|
-
import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
|
|
17
|
-
import { get, type } from '@lowdefy/helpers';
|
|
18
|
-
import { Select } from 'antd';
|
|
19
|
-
import Label from '../Label/Label.js';
|
|
20
|
-
import getValueIndex from '../../getValueIndex.js';
|
|
21
|
-
import getUniqueValues from '../../getUniqueValues.js';
|
|
22
|
-
const Option = Select.Option;
|
|
23
|
-
const Selector = ({ blockId , components: { Icon , Link } , events , loading , methods , properties , required , validation , value: value1 , })=>{
|
|
24
|
-
const [fetchState, setFetch] = useState(false);
|
|
25
|
-
const uniqueValueOptions = getUniqueValues(properties.options || []);
|
|
26
|
-
return /*#__PURE__*/ React.createElement(Label, {
|
|
27
|
-
blockId: blockId,
|
|
28
|
-
components: {
|
|
29
|
-
Icon,
|
|
30
|
-
Link
|
|
31
|
-
},
|
|
32
|
-
events: events,
|
|
33
|
-
properties: {
|
|
34
|
-
title: properties.title,
|
|
35
|
-
size: properties.size,
|
|
36
|
-
...properties.label
|
|
37
|
-
},
|
|
38
|
-
validation: validation,
|
|
39
|
-
required: required,
|
|
40
|
-
content: {
|
|
41
|
-
content: ()=>/*#__PURE__*/ React.createElement("div", {
|
|
42
|
-
className: methods.makeCssClass({
|
|
43
|
-
width: '100%'
|
|
44
|
-
})
|
|
45
|
-
}, /*#__PURE__*/ React.createElement("div", {
|
|
46
|
-
id: `${blockId}_popup`
|
|
47
|
-
}), /*#__PURE__*/ React.createElement(Select, {
|
|
48
|
-
id: `${blockId}_input`,
|
|
49
|
-
bordered: properties.bordered,
|
|
50
|
-
className: methods.makeCssClass([
|
|
51
|
-
{
|
|
52
|
-
width: '100%'
|
|
53
|
-
},
|
|
54
|
-
properties.inputStyle
|
|
55
|
-
]),
|
|
56
|
-
mode: "single",
|
|
57
|
-
autoFocus: properties.autoFocus,
|
|
58
|
-
getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
|
|
59
|
-
disabled: properties.disabled || loading,
|
|
60
|
-
placeholder: get(properties, 'placeholder', {
|
|
61
|
-
default: 'Select item'
|
|
62
|
-
}),
|
|
63
|
-
status: validation.status,
|
|
64
|
-
suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
|
|
65
|
-
blockId: `${blockId}_suffixIcon`,
|
|
66
|
-
events: events,
|
|
67
|
-
properties: properties.suffixIcon
|
|
68
|
-
}),
|
|
69
|
-
clearIcon: properties.clearIcon && /*#__PURE__*/ React.createElement(Icon, {
|
|
70
|
-
blockId: `${blockId}_clearIcon`,
|
|
71
|
-
events: events,
|
|
72
|
-
properties: properties.clearIcon
|
|
73
|
-
}),
|
|
74
|
-
showArrow: properties.showArrow,
|
|
75
|
-
allowClear: properties.allowClear !== false,
|
|
76
|
-
showSearch: get(properties, 'showSearch', {
|
|
77
|
-
default: true
|
|
78
|
-
}),
|
|
79
|
-
size: properties.size,
|
|
80
|
-
filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0,
|
|
81
|
-
notFoundContent: fetchState ? 'Loading' : 'Not found',
|
|
82
|
-
onChange: (newVal)=>{
|
|
83
|
-
methods.setValue(type.isPrimitive(uniqueValueOptions[newVal]) ? uniqueValueOptions[newVal] : uniqueValueOptions[newVal].value);
|
|
84
|
-
methods.triggerEvent({
|
|
85
|
-
name: 'onChange'
|
|
86
|
-
});
|
|
87
|
-
},
|
|
88
|
-
onSearch: async (value)=>{
|
|
89
|
-
setFetch(true);
|
|
90
|
-
const result = await methods.triggerEvent({
|
|
91
|
-
name: 'onSearch',
|
|
92
|
-
event: {
|
|
93
|
-
value
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
if (!result.bounced) {
|
|
97
|
-
setFetch(false);
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
value: getValueIndex(value1, uniqueValueOptions)
|
|
101
|
-
}, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Option, {
|
|
102
|
-
className: methods.makeCssClass(properties.optionsStyle),
|
|
103
|
-
id: `${blockId}_${i}`,
|
|
104
|
-
key: i,
|
|
105
|
-
value: `${i}`
|
|
106
|
-
}, renderHtml({
|
|
107
|
-
html: `${opt}`,
|
|
108
|
-
methods
|
|
109
|
-
})) : /*#__PURE__*/ React.createElement(Option, {
|
|
110
|
-
className: methods.makeCssClass([
|
|
111
|
-
properties.optionsStyle,
|
|
112
|
-
opt.style
|
|
113
|
-
]),
|
|
114
|
-
disabled: opt.disabled,
|
|
115
|
-
filterstring: opt.filterString,
|
|
116
|
-
id: `${blockId}_${i}`,
|
|
117
|
-
key: i,
|
|
118
|
-
value: `${i}`
|
|
119
|
-
}, type.isNone(opt.label) ? renderHtml({
|
|
120
|
-
html: `${opt.value}`,
|
|
121
|
-
methods
|
|
122
|
-
}) : renderHtml({
|
|
123
|
-
html: opt.label,
|
|
124
|
-
methods
|
|
125
|
-
})))))
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
};
|
|
129
|
-
Selector.defaultProps = blockDefaultProps;
|
|
130
|
-
Selector.meta = {
|
|
131
|
-
valueType: 'any',
|
|
132
|
-
category: 'input',
|
|
133
|
-
icons: [
|
|
134
|
-
...Label.meta.icons
|
|
135
|
-
],
|
|
136
|
-
styles: [
|
|
137
|
-
'blocks/Selector/style.less'
|
|
138
|
-
]
|
|
139
|
-
};
|
|
140
|
-
export default Selector;
|
|
@@ -1,236 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"type": "object",
|
|
3
|
-
"properties": {
|
|
4
|
-
"type": "object",
|
|
5
|
-
"additionalProperties": false,
|
|
6
|
-
"properties": {
|
|
7
|
-
"allowClear": {
|
|
8
|
-
"type": "boolean",
|
|
9
|
-
"default": true,
|
|
10
|
-
"description": "Allow the user to clear the selected value, sets the value to null."
|
|
11
|
-
},
|
|
12
|
-
"autoFocus": {
|
|
13
|
-
"type": "boolean",
|
|
14
|
-
"default": false,
|
|
15
|
-
"description": "Autofocus to the block on page load."
|
|
16
|
-
},
|
|
17
|
-
"bordered": {
|
|
18
|
-
"type": "boolean",
|
|
19
|
-
"default": true,
|
|
20
|
-
"description": "Whether or not the selector has a border style."
|
|
21
|
-
},
|
|
22
|
-
"clearIcon": {
|
|
23
|
-
"type": ["string", "object"],
|
|
24
|
-
"default": "AiOutlineCloseCircle",
|
|
25
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize icon at far right position of the selector, shown when user is given option to clear input.",
|
|
26
|
-
"docs": {
|
|
27
|
-
"displayType": "icon"
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
"inputStyle": {
|
|
31
|
-
"type": "object",
|
|
32
|
-
"description": "Css style to applied to input.",
|
|
33
|
-
"docs": {
|
|
34
|
-
"displayType": "yaml"
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
"optionsStyle": {
|
|
38
|
-
"type": "object",
|
|
39
|
-
"description": "Css style to applied to option elements.",
|
|
40
|
-
"docs": {
|
|
41
|
-
"displayType": "yaml"
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
"label": {
|
|
45
|
-
"type": "object",
|
|
46
|
-
"description": "Label properties.",
|
|
47
|
-
"additionalProperties": false,
|
|
48
|
-
"properties": {
|
|
49
|
-
"align": {
|
|
50
|
-
"type": "string",
|
|
51
|
-
"enum": ["left", "right"],
|
|
52
|
-
"default": "left",
|
|
53
|
-
"description": "Align label left or right when inline."
|
|
54
|
-
},
|
|
55
|
-
"colon": {
|
|
56
|
-
"type": "boolean",
|
|
57
|
-
"default": true,
|
|
58
|
-
"description": "Append label with colon."
|
|
59
|
-
},
|
|
60
|
-
"extra": {
|
|
61
|
-
"type": "string",
|
|
62
|
-
"description": "Extra text to display beneath the content - supports html."
|
|
63
|
-
},
|
|
64
|
-
"title": {
|
|
65
|
-
"type": "string",
|
|
66
|
-
"description": "Label title - supports html."
|
|
67
|
-
},
|
|
68
|
-
"span": {
|
|
69
|
-
"type": "number",
|
|
70
|
-
"description": "Label inline span."
|
|
71
|
-
},
|
|
72
|
-
"disabled": {
|
|
73
|
-
"type": "boolean",
|
|
74
|
-
"default": false,
|
|
75
|
-
"description": "Hide input label."
|
|
76
|
-
},
|
|
77
|
-
"hasFeedback": {
|
|
78
|
-
"type": "boolean",
|
|
79
|
-
"default": true,
|
|
80
|
-
"description": "Display feedback extra from validation, this does not disable validation."
|
|
81
|
-
},
|
|
82
|
-
"inline": {
|
|
83
|
-
"type": "boolean",
|
|
84
|
-
"default": false,
|
|
85
|
-
"description": "Render input and label inline."
|
|
86
|
-
},
|
|
87
|
-
"extraStyle": {
|
|
88
|
-
"type": "object",
|
|
89
|
-
"description": "Css style to applied to label extra.",
|
|
90
|
-
"docs": {
|
|
91
|
-
"displayType": "yaml"
|
|
92
|
-
}
|
|
93
|
-
},
|
|
94
|
-
"feedbackStyle": {
|
|
95
|
-
"type": "object",
|
|
96
|
-
"description": "Css style to applied to label feedback.",
|
|
97
|
-
"docs": {
|
|
98
|
-
"displayType": "yaml"
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
|
-
"disabled": {
|
|
104
|
-
"type": "boolean",
|
|
105
|
-
"default": false,
|
|
106
|
-
"description": "Disable the block if true."
|
|
107
|
-
},
|
|
108
|
-
"options": {
|
|
109
|
-
"default": [],
|
|
110
|
-
"oneOf": [
|
|
111
|
-
{
|
|
112
|
-
"type": "array",
|
|
113
|
-
"description": "Options can either be an array of primitive values, on an array of label, value pairs - supports html.",
|
|
114
|
-
"items": {
|
|
115
|
-
"type": "string"
|
|
116
|
-
}
|
|
117
|
-
},
|
|
118
|
-
{
|
|
119
|
-
"type": "array",
|
|
120
|
-
"description": "Options can either be an array of primitive values, on an array of label, value pairs.",
|
|
121
|
-
"items": {
|
|
122
|
-
"type": "number"
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
"type": "array",
|
|
127
|
-
"description": "Options can either be an array of primitive values, on an array of label, value pairs.",
|
|
128
|
-
"items": {
|
|
129
|
-
"type": "boolean"
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
"type": "array",
|
|
134
|
-
"description": "Options can either be an array of primitive values, on an array of label, value pairs.",
|
|
135
|
-
"items": {
|
|
136
|
-
"type": "object",
|
|
137
|
-
"required": ["value"],
|
|
138
|
-
"properties": {
|
|
139
|
-
"label": {
|
|
140
|
-
"type": "string",
|
|
141
|
-
"description": "Value label shown to user - supports html."
|
|
142
|
-
},
|
|
143
|
-
"value": {
|
|
144
|
-
"description": "Value selected. Can be of any type.",
|
|
145
|
-
"oneOf": [
|
|
146
|
-
{
|
|
147
|
-
"type": "string"
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
"type": "number"
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
"type": "boolean"
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
"type": "object"
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
"type": "array"
|
|
160
|
-
}
|
|
161
|
-
],
|
|
162
|
-
"docs": {
|
|
163
|
-
"displayType": "yaml"
|
|
164
|
-
}
|
|
165
|
-
},
|
|
166
|
-
"disabled": {
|
|
167
|
-
"type": "boolean",
|
|
168
|
-
"default": false,
|
|
169
|
-
"description": "Disable the option if true."
|
|
170
|
-
},
|
|
171
|
-
"filterString": {
|
|
172
|
-
"type": "string",
|
|
173
|
-
"description": "String to match against when filtering selector options during. If no filterString is provided the filter method matches against options.label."
|
|
174
|
-
},
|
|
175
|
-
"style": {
|
|
176
|
-
"type": "object",
|
|
177
|
-
"description": "Css style to applied to option.",
|
|
178
|
-
"docs": {
|
|
179
|
-
"displayType": "yaml"
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
]
|
|
186
|
-
},
|
|
187
|
-
"placeholder": {
|
|
188
|
-
"type": "string",
|
|
189
|
-
"default": "Select item",
|
|
190
|
-
"description": "Placeholder text inside the block before user selects input."
|
|
191
|
-
},
|
|
192
|
-
"showArrow": {
|
|
193
|
-
"type": "boolean",
|
|
194
|
-
"default": true,
|
|
195
|
-
"description": "Show the suffix icon at the drop-down position of the selector."
|
|
196
|
-
},
|
|
197
|
-
"showSearch": {
|
|
198
|
-
"type": "boolean",
|
|
199
|
-
"default": true,
|
|
200
|
-
"description": "Make the selector options searchable."
|
|
201
|
-
},
|
|
202
|
-
"size": {
|
|
203
|
-
"type": "string",
|
|
204
|
-
"enum": ["small", "default", "large"],
|
|
205
|
-
"default": "default",
|
|
206
|
-
"description": "Size of the block."
|
|
207
|
-
},
|
|
208
|
-
"suffixIcon": {
|
|
209
|
-
"type": ["string", "object"],
|
|
210
|
-
"default": "AiOutlineDown",
|
|
211
|
-
"description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize icon at the drop-down position of the selector.",
|
|
212
|
-
"docs": {
|
|
213
|
-
"displayType": "icon"
|
|
214
|
-
}
|
|
215
|
-
},
|
|
216
|
-
"title": {
|
|
217
|
-
"type": "string",
|
|
218
|
-
"description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
},
|
|
222
|
-
"events": {
|
|
223
|
-
"type": "object",
|
|
224
|
-
"additionalProperties": false,
|
|
225
|
-
"properties": {
|
|
226
|
-
"onChange": {
|
|
227
|
-
"type": "array",
|
|
228
|
-
"description": "Trigger action when selection is changed."
|
|
229
|
-
},
|
|
230
|
-
"onSearch": {
|
|
231
|
-
"type": "array",
|
|
232
|
-
"description": "Trigger actions when input is changed. 'value' is passed to the _event operator to be used in actions such as search queries."
|
|
233
|
-
}
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020-2022 Lowdefy, Inc
|
|
3
|
-
|
|
4
|
-
Licensed under the Apache License, Version 2.0 (the "License");
|
|
5
|
-
you may not use this file except in compliance with the License.
|
|
6
|
-
You may obtain a copy of the License at
|
|
7
|
-
|
|
8
|
-
http://www.apache.org/licenses/LICENSE-2.0
|
|
9
|
-
|
|
10
|
-
Unless required by applicable law or agreed to in writing, software
|
|
11
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
12
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
13
|
-
See the License for the specific language governing permissions and
|
|
14
|
-
limitations under the License.
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
@import 'antd/lib/select/style/index.less';
|
|
18
|
-
@import '../Label/style.less';
|