@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.
Files changed (193) hide show
  1. package/package.json +9 -10
  2. package/dist/blocks/Affix/Affix.js +0 -43
  3. package/dist/blocks/Affix/schema.json +0 -34
  4. package/dist/blocks/Affix/style.less +0 -17
  5. package/dist/blocks/Alert/Alert.js +0 -78
  6. package/dist/blocks/Alert/schema.json +0 -62
  7. package/dist/blocks/Alert/style.less +0 -17
  8. package/dist/blocks/AutoComplete/AutoComplete.js +0 -86
  9. package/dist/blocks/AutoComplete/schema.json +0 -148
  10. package/dist/blocks/AutoComplete/style.less +0 -17
  11. package/dist/blocks/Avatar/Avatar.js +0 -49
  12. package/dist/blocks/Avatar/schema.json +0 -71
  13. package/dist/blocks/Avatar/style.less +0 -17
  14. package/dist/blocks/Badge/Badge.js +0 -44
  15. package/dist/blocks/Badge/schema.json +0 -70
  16. package/dist/blocks/Badge/style.less +0 -17
  17. package/dist/blocks/Breadcrumb/Breadcrumb.js +0 -79
  18. package/dist/blocks/Breadcrumb/schema.json +0 -78
  19. package/dist/blocks/Breadcrumb/style.less +0 -17
  20. package/dist/blocks/Button/Button.js +0 -77
  21. package/dist/blocks/Button/schema.json +0 -91
  22. package/dist/blocks/Button/style.less +0 -17
  23. package/dist/blocks/ButtonSelector/ButtonSelector.js +0 -91
  24. package/dist/blocks/ButtonSelector/schema.json +0 -188
  25. package/dist/blocks/ButtonSelector/style.less +0 -18
  26. package/dist/blocks/Card/Card.js +0 -50
  27. package/dist/blocks/Card/schema.json +0 -58
  28. package/dist/blocks/Card/style.less +0 -17
  29. package/dist/blocks/CheckboxSelector/CheckboxSelector.js +0 -97
  30. package/dist/blocks/CheckboxSelector/schema.json +0 -193
  31. package/dist/blocks/CheckboxSelector/style.less +0 -19
  32. package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js +0 -74
  33. package/dist/blocks/CheckboxSwitch/schema.json +0 -105
  34. package/dist/blocks/CheckboxSwitch/style.less +0 -19
  35. package/dist/blocks/Collapse/Collapse.js +0 -89
  36. package/dist/blocks/Collapse/schema.json +0 -90
  37. package/dist/blocks/Collapse/style.less +0 -17
  38. package/dist/blocks/Comment/Comment.js +0 -56
  39. package/dist/blocks/Comment/schema.json +0 -39
  40. package/dist/blocks/Comment/style.less +0 -18
  41. package/dist/blocks/ConfirmModal/ConfirmModal.js +0 -96
  42. package/dist/blocks/ConfirmModal/schema.json +0 -122
  43. package/dist/blocks/ConfirmModal/style.less +0 -17
  44. package/dist/blocks/Content/Content.js +0 -31
  45. package/dist/blocks/Content/schema.json +0 -16
  46. package/dist/blocks/Content/style.less +0 -17
  47. package/dist/blocks/ControlledList/ControlledList.js +0 -137
  48. package/dist/blocks/ControlledList/schema.json +0 -68
  49. package/dist/blocks/ControlledList/style.less +0 -19
  50. package/dist/blocks/DateRangeSelector/DateRangeSelector.js +0 -102
  51. package/dist/blocks/DateRangeSelector/schema.json +0 -221
  52. package/dist/blocks/DateRangeSelector/style.less +0 -18
  53. package/dist/blocks/DateSelector/DateSelector.js +0 -90
  54. package/dist/blocks/DateSelector/schema.json +0 -183
  55. package/dist/blocks/DateSelector/style.less +0 -18
  56. package/dist/blocks/DateTimeSelector/DateTimeSelector.js +0 -98
  57. package/dist/blocks/DateTimeSelector/schema.json +0 -215
  58. package/dist/blocks/DateTimeSelector/style.less +0 -18
  59. package/dist/blocks/Descriptions/Descriptions.js +0 -83
  60. package/dist/blocks/Descriptions/schema.json +0 -186
  61. package/dist/blocks/Descriptions/style.less +0 -17
  62. package/dist/blocks/Divider/Divider.js +0 -37
  63. package/dist/blocks/Divider/schema.json +0 -35
  64. package/dist/blocks/Divider/style.less +0 -17
  65. package/dist/blocks/Drawer/Drawer.js +0 -104
  66. package/dist/blocks/Drawer/schema.json +0 -113
  67. package/dist/blocks/Drawer/style.less +0 -17
  68. package/dist/blocks/Footer/Footer.js +0 -36
  69. package/dist/blocks/Footer/schema.json +0 -16
  70. package/dist/blocks/Footer/style.less +0 -17
  71. package/dist/blocks/Header/Header.js +0 -36
  72. package/dist/blocks/Header/schema.json +0 -22
  73. package/dist/blocks/Header/style.less +0 -17
  74. package/dist/blocks/Label/Label.js +0 -116
  75. package/dist/blocks/Label/getLabelCol.js +0 -55
  76. package/dist/blocks/Label/getWrapperCol.js +0 -69
  77. package/dist/blocks/Label/labelLogic.js +0 -106
  78. package/dist/blocks/Label/schema.json +0 -62
  79. package/dist/blocks/Label/style.less +0 -34
  80. package/dist/blocks/Layout/Layout.js +0 -30
  81. package/dist/blocks/Layout/schema.json +0 -16
  82. package/dist/blocks/Layout/style.less +0 -17
  83. package/dist/blocks/Menu/Menu.js +0 -209
  84. package/dist/blocks/Menu/schema.json +0 -236
  85. package/dist/blocks/Menu/style.less +0 -17
  86. package/dist/blocks/Message/Message.js +0 -53
  87. package/dist/blocks/Message/schema.json +0 -48
  88. package/dist/blocks/Message/style.less +0 -17
  89. package/dist/blocks/MobileMenu/MobileMenu.js +0 -128
  90. package/dist/blocks/MobileMenu/schema.json +0 -236
  91. package/dist/blocks/MobileMenu/style.less +0 -19
  92. package/dist/blocks/Modal/Modal.js +0 -130
  93. package/dist/blocks/Modal/schema.json +0 -118
  94. package/dist/blocks/Modal/style.less +0 -17
  95. package/dist/blocks/MonthSelector/MonthSelector.js +0 -90
  96. package/dist/blocks/MonthSelector/schema.json +0 -183
  97. package/dist/blocks/MonthSelector/style.less +0 -18
  98. package/dist/blocks/MultipleSelector/MultipleSelector.js +0 -146
  99. package/dist/blocks/MultipleSelector/schema.json +0 -239
  100. package/dist/blocks/MultipleSelector/style.less +0 -18
  101. package/dist/blocks/Notification/Notification.js +0 -77
  102. package/dist/blocks/Notification/schema.json +0 -85
  103. package/dist/blocks/Notification/style.less +0 -18
  104. package/dist/blocks/NumberInput/NumberInput.js +0 -82
  105. package/dist/blocks/NumberInput/schema.json +0 -157
  106. package/dist/blocks/NumberInput/style.less +0 -18
  107. package/dist/blocks/PageHCF/PageHCF.js +0 -70
  108. package/dist/blocks/PageHCF/schema.json +0 -64
  109. package/dist/blocks/PageHCF/style.less +0 -20
  110. package/dist/blocks/PageHCSF/PageHCSF.js +0 -98
  111. package/dist/blocks/PageHCSF/schema.json +0 -148
  112. package/dist/blocks/PageHCSF/style.less +0 -21
  113. package/dist/blocks/PageHSCF/PageHSCF.js +0 -98
  114. package/dist/blocks/PageHSCF/schema.json +0 -147
  115. package/dist/blocks/PageHSCF/style.less +0 -21
  116. package/dist/blocks/PageHeaderMenu/PageHeaderMenu.js +0 -290
  117. package/dist/blocks/PageHeaderMenu/schema.json +0 -215
  118. package/dist/blocks/PageHeaderMenu/style.less +0 -23
  119. package/dist/blocks/PageSHCF/PageSHCF.js +0 -98
  120. package/dist/blocks/PageSHCF/schema.json +0 -148
  121. package/dist/blocks/PageSHCF/style.less +0 -21
  122. package/dist/blocks/PageSiderMenu/PageSiderMenu.js +0 -406
  123. package/dist/blocks/PageSiderMenu/schema.json +0 -283
  124. package/dist/blocks/PageSiderMenu/style.less +0 -26
  125. package/dist/blocks/Pagination/Pagination.js +0 -98
  126. package/dist/blocks/Pagination/schema.json +0 -75
  127. package/dist/blocks/Pagination/style.less +0 -17
  128. package/dist/blocks/Paragraph/Paragraph.js +0 -102
  129. package/dist/blocks/Paragraph/schema.json +0 -131
  130. package/dist/blocks/Paragraph/style.less +0 -17
  131. package/dist/blocks/ParagraphInput/ParagraphInput.js +0 -125
  132. package/dist/blocks/ParagraphInput/schema.json +0 -162
  133. package/dist/blocks/ParagraphInput/style.less +0 -17
  134. package/dist/blocks/PasswordInput/PasswordInput.js +0 -78
  135. package/dist/blocks/PasswordInput/schema.json +0 -123
  136. package/dist/blocks/PasswordInput/style.less +0 -18
  137. package/dist/blocks/Progress/Progress.js +0 -42
  138. package/dist/blocks/Progress/schema.json +0 -76
  139. package/dist/blocks/Progress/style.less +0 -17
  140. package/dist/blocks/RadioSelector/RadioSelector.js +0 -96
  141. package/dist/blocks/RadioSelector/schema.json +0 -190
  142. package/dist/blocks/RadioSelector/style.less +0 -19
  143. package/dist/blocks/RatingSlider/RatingSlider.js +0 -240
  144. package/dist/blocks/RatingSlider/schema.json +0 -169
  145. package/dist/blocks/RatingSlider/style.less +0 -19
  146. package/dist/blocks/Result/Result.js +0 -48
  147. package/dist/blocks/Result/schema.json +0 -30
  148. package/dist/blocks/Result/style.less +0 -17
  149. package/dist/blocks/Selector/Selector.js +0 -140
  150. package/dist/blocks/Selector/schema.json +0 -236
  151. package/dist/blocks/Selector/style.less +0 -18
  152. package/dist/blocks/Sider/Sider.js +0 -85
  153. package/dist/blocks/Sider/schema.json +0 -71
  154. package/dist/blocks/Sider/style.less +0 -17
  155. package/dist/blocks/Statistic/Statistic.js +0 -51
  156. package/dist/blocks/Statistic/schema.json +0 -74
  157. package/dist/blocks/Statistic/style.less +0 -17
  158. package/dist/blocks/Switch/Switch.js +0 -101
  159. package/dist/blocks/Switch/schema.json +0 -136
  160. package/dist/blocks/Switch/style.less +0 -18
  161. package/dist/blocks/Tabs/Tabs.js +0 -108
  162. package/dist/blocks/Tabs/schema.json +0 -97
  163. package/dist/blocks/Tabs/style.less +0 -17
  164. package/dist/blocks/TextArea/TextArea.js +0 -87
  165. package/dist/blocks/TextArea/schema.json +0 -164
  166. package/dist/blocks/TextArea/style.less +0 -18
  167. package/dist/blocks/TextInput/TextInput.js +0 -92
  168. package/dist/blocks/TextInput/schema.json +0 -149
  169. package/dist/blocks/TextInput/style.less +0 -18
  170. package/dist/blocks/TimelineList/TimelineList.js +0 -102
  171. package/dist/blocks/TimelineList/schema.json +0 -65
  172. package/dist/blocks/TimelineList/style.less +0 -17
  173. package/dist/blocks/Title/Title.js +0 -109
  174. package/dist/blocks/Title/schema.json +0 -136
  175. package/dist/blocks/Title/style.less +0 -17
  176. package/dist/blocks/TitleInput/TitleInput.js +0 -122
  177. package/dist/blocks/TitleInput/schema.json +0 -171
  178. package/dist/blocks/TitleInput/style.less +0 -17
  179. package/dist/blocks/Tooltip/Tooltip.js +0 -48
  180. package/dist/blocks/Tooltip/schema.json +0 -91
  181. package/dist/blocks/Tooltip/style.less +0 -17
  182. package/dist/blocks/WeekSelector/WeekSelector.js +0 -91
  183. package/dist/blocks/WeekSelector/schema.json +0 -183
  184. package/dist/blocks/WeekSelector/style.less +0 -18
  185. package/dist/blocks.js +0 -74
  186. package/dist/color.js +0 -85
  187. package/dist/disabledDate.js +0 -45
  188. package/dist/getUniqueValues.js +0 -30
  189. package/dist/getValueIndex.js +0 -42
  190. package/dist/style.less +0 -17
  191. package/dist/types.js +0 -31
  192. package/dist/useRunAfterUpdate.js +0 -29
  193. 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';