@lowdefy/blocks-antd 4.0.0-alpha.28 → 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 -302
  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 -409
  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,236 +0,0 @@
1
- {
2
- "type": "object",
3
- "properties": {
4
- "type": "object",
5
- "additionalProperties": false,
6
- "properties": {
7
- "toggleMenuButton": {
8
- "type": "object",
9
- "description": "Toggle menu button properties.",
10
- "docs": {
11
- "displayType": "button"
12
- }
13
- },
14
- "drawer": {
15
- "type": "object",
16
- "description": "Menu drawer properties.",
17
- "docs": {
18
- "displayType": "yaml"
19
- }
20
- },
21
- "menuId": {
22
- "type": "string",
23
- "description": "App menu id used to get menu links."
24
- },
25
- "selectedKeys": {
26
- "type": "array",
27
- "description": "Array with the keys of currently selected menu items.",
28
- "items": {
29
- "type": "string",
30
- "description": "Selected menu item 'id'."
31
- }
32
- },
33
- "subMenuCloseDelay": {
34
- "type": "number",
35
- "description": "Delay time to hide submenu when mouse leaves (in seconds)."
36
- },
37
- "subMenuOpenDelay": {
38
- "type": "number",
39
- "description": "Delay time to show submenu when mouse enters (in seconds)."
40
- },
41
- "theme": {
42
- "type": "string",
43
- "enum": ["dark", "light"],
44
- "default": "light",
45
- "description": "Color theme of menu."
46
- },
47
- "links": {
48
- "type": "array",
49
- "items": {
50
- "type": "object",
51
- "required": ["id", "type"],
52
- "properties": {
53
- "id": {
54
- "type": "string",
55
- "description": "Menu item id."
56
- },
57
- "type": {
58
- "type": "string",
59
- "enum": ["MenuDivider", "MenuLink", "MenuGroup"],
60
- "default": "MenuLink",
61
- "description": "Menu item type."
62
- },
63
- "pageId": {
64
- "type": "string",
65
- "description": "Page to link to."
66
- },
67
- "style": {
68
- "type": "object",
69
- "description": "Css style to applied to link.",
70
- "docs": {
71
- "displayType": "yaml"
72
- }
73
- },
74
- "properties": {
75
- "type": "object",
76
- "description": "properties from menu item.",
77
- "properties": {
78
- "title": {
79
- "type": "string",
80
- "description": "Menu item title."
81
- },
82
- "icon": {
83
- "type": ["string", "object"],
84
- "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 on menu item.",
85
- "docs": {
86
- "displayType": "icon"
87
- }
88
- },
89
- "danger": {
90
- "type": "boolean",
91
- "default": false,
92
- "description": "Apply danger style to menu item."
93
- },
94
- "dashed": {
95
- "type": "boolean",
96
- "default": false,
97
- "description": "Whether the divider line is dashed."
98
- }
99
- }
100
- },
101
- "links": {
102
- "type": "array",
103
- "items": {
104
- "type": "object",
105
- "required": ["id", "type"],
106
- "properties": {
107
- "id": {
108
- "type": "string",
109
- "description": "Menu item id."
110
- },
111
- "type": {
112
- "type": "string",
113
- "enum": ["MenuDivider", "MenuLink", "MenuGroup"],
114
- "default": "MenuLink",
115
- "description": "Menu item type."
116
- },
117
- "style": {
118
- "type": "object",
119
- "description": "Css style to applied to sub-link.",
120
- "docs": {
121
- "displayType": "yaml"
122
- }
123
- },
124
- "pageId": {
125
- "type": "string",
126
- "description": "Page to link to."
127
- },
128
- "properties": {
129
- "type": "object",
130
- "description": "properties from menu item.",
131
- "properties": {
132
- "title": {
133
- "type": "string",
134
- "description": "Menu item title."
135
- },
136
- "danger": {
137
- "type": "boolean",
138
- "default": false,
139
- "description": "Apply danger style to menu item."
140
- },
141
- "dashed": {
142
- "type": "boolean",
143
- "default": false,
144
- "description": "Whether the divider line is dashed."
145
- }
146
- },
147
- "links": {
148
- "type": "array",
149
- "items": {
150
- "type": "object",
151
- "required": ["id", "type"],
152
- "properties": {
153
- "id": {
154
- "type": "string",
155
- "description": "Menu item id."
156
- },
157
- "type": {
158
- "type": "string",
159
- "enum": ["MenuDivider", "MenuLink"],
160
- "default": "MenuLink",
161
- "description": "Menu item type."
162
- },
163
- "style": {
164
- "type": "object",
165
- "description": "Css style to applied to sub-link.",
166
- "docs": {
167
- "displayType": "yaml"
168
- }
169
- },
170
- "pageId": {
171
- "type": "string",
172
- "description": "Page to link to."
173
- },
174
- "properties": {
175
- "type": "object",
176
- "description": "properties from menu item.",
177
- "properties": {
178
- "title": {
179
- "type": "string",
180
- "description": "Menu item title."
181
- },
182
- "danger": {
183
- "type": "boolean",
184
- "default": false,
185
- "description": "Apply danger style to menu item."
186
- },
187
- "dashed": {
188
- "type": "boolean",
189
- "default": false,
190
- "description": "Whether the divider line is dashed."
191
- }
192
- }
193
- }
194
- }
195
- }
196
- }
197
- }
198
- }
199
- }
200
- }
201
- }
202
- }
203
- }
204
- }
205
- },
206
- "events": {
207
- "type": "object",
208
- "additionalProperties": false,
209
- "properties": {
210
- "onToggleDrawer": {
211
- "type": "array",
212
- "description": "Trigger action when mobile menu drawer is toggled."
213
- },
214
- "onClose": {
215
- "type": "array",
216
- "description": "Trigger action when mobile menu is closed."
217
- },
218
- "onOpen": {
219
- "type": "array",
220
- "description": "Trigger action when mobile menu is opened."
221
- },
222
- "onMenuItemSelect": {
223
- "type": "array",
224
- "description": "Trigger action when menu item is selected."
225
- },
226
- "onMenuItemClick": {
227
- "type": "array",
228
- "description": "Trigger action when menu item is clicked."
229
- },
230
- "onToggleMenuGroup": {
231
- "type": "array",
232
- "description": "Trigger action when mobile menu group is opened."
233
- }
234
- }
235
- }
236
- }
@@ -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 '../Button/style.less';
18
- @import '../Drawer/style.less';
19
- @import '../Menu/style.less';
@@ -1,130 +0,0 @@
1
- function _extends() {
2
- _extends = Object.assign || function(target) {
3
- for(var i = 1; i < arguments.length; i++){
4
- var source = arguments[i];
5
- for(var key in source){
6
- if (Object.prototype.hasOwnProperty.call(source, key)) {
7
- target[key] = source[key];
8
- }
9
- }
10
- }
11
- return target;
12
- };
13
- return _extends.apply(this, arguments);
14
- }
15
- /*
16
- Copyright 2020-2022 Lowdefy, Inc
17
-
18
- Licensed under the Apache License, Version 2.0 (the "License");
19
- you may not use this file except in compliance with the License.
20
- You may obtain a copy of the License at
21
-
22
- http://www.apache.org/licenses/LICENSE-2.0
23
-
24
- Unless required by applicable law or agreed to in writing, software
25
- distributed under the License is distributed on an "AS IS" BASIS,
26
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
27
- See the License for the specific language governing permissions and
28
- limitations under the License.
29
- */ import React, { useState, useEffect } from 'react';
30
- import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
31
- import { get } from '@lowdefy/helpers';
32
- import { Modal } from 'antd';
33
- const triggerSetOpen = ({ methods , setOpen , state })=>{
34
- if (!state) {
35
- methods.triggerEvent({
36
- name: 'onClose'
37
- });
38
- }
39
- if (state) {
40
- methods.triggerEvent({
41
- name: 'onOpen'
42
- });
43
- }
44
- setOpen(state);
45
- };
46
- const ModalBlock = ({ blockId , content , events , methods , properties })=>{
47
- const [openState, setOpen] = useState(false);
48
- useEffect(()=>{
49
- methods.registerMethod('toggleOpen', ()=>triggerSetOpen({
50
- state: !openState,
51
- setOpen,
52
- methods
53
- }));
54
- methods.registerMethod('setOpen', ({ open })=>triggerSetOpen({
55
- state: !!open,
56
- setOpen,
57
- methods
58
- }));
59
- });
60
- const extraProps = {};
61
- if (content.footer) {
62
- extraProps.footer = content.footer();
63
- }
64
- if (properties.footer === false) {
65
- extraProps.footer = null;
66
- }
67
- return /*#__PURE__*/ React.createElement("div", {
68
- id: blockId
69
- }, /*#__PURE__*/ React.createElement(Modal, _extends({
70
- id: `${blockId}_modal`,
71
- afterClose: ()=>methods.triggerEvent({
72
- name: 'afterClose'
73
- }),
74
- bodyStyle: methods.makeCssClass(properties.bodyStyle, true),
75
- cancelButtonProps: properties.cancelButtonProps,
76
- cancelText: properties.cancelText || 'Cancel',
77
- centered: !!properties.centered,
78
- closable: properties.closable !== undefined ? properties.closable : true,
79
- confirmLoading: get(events, 'onOk.loading'),
80
- mask: properties.mask !== undefined ? properties.mask : true,
81
- maskClosable: properties.maskClosable !== undefined ? properties.maskClosable : true,
82
- maskStyle: methods.makeCssClass(properties.maskStyle, true),
83
- okButtonProps: properties.okButtonProps,
84
- okText: properties.okText || 'Ok',
85
- okType: properties.okButtonType || 'primary',
86
- title: renderHtml({
87
- html: properties.title,
88
- methods
89
- }),
90
- visible: openState,
91
- width: properties.width,
92
- wrapClassName: methods.makeCssClass(properties.wrapperStyle),
93
- zIndex: properties.zIndex,
94
- onOk: async ()=>{
95
- const response = await methods.triggerEvent({
96
- name: 'onOk'
97
- });
98
- if (response.success === false) return;
99
- if (response.bounced !== true) {
100
- triggerSetOpen({
101
- state: false,
102
- setOpen,
103
- methods
104
- });
105
- }
106
- },
107
- onCancel: async ()=>{
108
- const response = await methods.triggerEvent({
109
- name: 'onCancel'
110
- });
111
- if (response.success === false) return;
112
- if (response.bounced !== true) {
113
- triggerSetOpen({
114
- state: false,
115
- setOpen,
116
- methods
117
- });
118
- }
119
- }
120
- }, extraProps), content.content && content.content()));
121
- };
122
- ModalBlock.defaultProps = blockDefaultProps;
123
- ModalBlock.meta = {
124
- category: 'container',
125
- icons: [],
126
- styles: [
127
- 'blocks/Modal/style.less'
128
- ]
129
- };
130
- export default ModalBlock;
@@ -1,118 +0,0 @@
1
- {
2
- "type": "object",
3
- "properties": {
4
- "type": "object",
5
- "additionalProperties": false,
6
- "properties": {
7
- "bodyStyle": {
8
- "type": "object",
9
- "description": "Css style to applied to modal body.",
10
- "docs": {
11
- "displayType": "yaml"
12
- }
13
- },
14
- "centered": {
15
- "type": "boolean",
16
- "default": false,
17
- "description": "Center the modal vertically."
18
- },
19
- "closable": {
20
- "type": "boolean",
21
- "default": true,
22
- "description": "Whether a close (x) button is visible on top right of the modal dialog or not."
23
- },
24
- "title": {
25
- "type": "string",
26
- "description": "The modal dialog's title - supports html."
27
- },
28
- "footer": {
29
- "type": "boolean",
30
- "default": true,
31
- "description": "Show footer area."
32
- },
33
- "mask": {
34
- "type": "boolean",
35
- "default": true,
36
- "description": "Whether show mask or not."
37
- },
38
- "maskStyle": {
39
- "type": "object",
40
- "description": "Css style to applied to modal mask.",
41
- "docs": {
42
- "displayType": "yaml"
43
- }
44
- },
45
- "maskClosable": {
46
- "type": "boolean",
47
- "default": true,
48
- "description": "Whether to close the modal dialog when the mask (area outside the modal) is clicked."
49
- },
50
- "okText": {
51
- "type": "string",
52
- "default": "Ok",
53
- "description": "Text of the Ok button."
54
- },
55
- "okButtonProps": {
56
- "type": "object",
57
- "description": "Set additional properties for the ok button.",
58
- "docs": {
59
- "displayType": "yaml"
60
- }
61
- },
62
- "cancelText": {
63
- "type": "string",
64
- "default": "Cancel",
65
- "description": "Text of the Cancel button."
66
- },
67
- "cancelButtonProps": {
68
- "type": "object",
69
- "description": "Set additional properties for the cancel button.",
70
- "docs": {
71
- "displayType": "yaml"
72
- }
73
- },
74
- "width": {
75
- "type": ["string", "number"],
76
- "default": "520px",
77
- "description": "Width of the modal dialog.",
78
- "docs": {
79
- "displayType": "string"
80
- }
81
- },
82
- "wrapperStyle": {
83
- "type": "object",
84
- "description": "Css style to applied to modal wrapper.",
85
- "docs": {
86
- "displayType": "yaml"
87
- }
88
- },
89
- "zIndex": {
90
- "type": "integer",
91
- "default": 1000,
92
- "description": "The z-index of the modal. Useful when displaying two modals simultaneously."
93
- }
94
- }
95
- },
96
- "events": {
97
- "type": "object",
98
- "additionalProperties": false,
99
- "properties": {
100
- "onOk": {
101
- "type": "array",
102
- "description": "Trigger actions when Ok button is clicked."
103
- },
104
- "onOpen": {
105
- "type": "array",
106
- "description": "Trigger actions when modal is opened."
107
- },
108
- "onCancel": {
109
- "type": "array",
110
- "description": "Trigger actions when Cancel button is clicked."
111
- },
112
- "onClose": {
113
- "type": "array",
114
- "description": "Trigger actions after onOk or onCancel is completed."
115
- }
116
- }
117
- }
118
- }
@@ -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/modal/style/index.less';
@@ -1,90 +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 { DatePicker } from 'antd';
17
- import moment from 'moment';
18
- import { blockDefaultProps } from '@lowdefy/block-utils';
19
- import { type } from '@lowdefy/helpers';
20
- import Label from '../Label/Label.js';
21
- import disabledDate from '../../disabledDate.js';
22
- const MonthPicker = DatePicker.MonthPicker;
23
- const MonthSelector = ({ blockId , components: { Icon } , events , loading , methods , properties , required , validation , value , })=>{
24
- return /*#__PURE__*/ React.createElement(Label, {
25
- blockId: blockId,
26
- components: {
27
- Icon
28
- },
29
- events: events,
30
- properties: {
31
- title: properties.title,
32
- size: properties.size,
33
- ...properties.label
34
- },
35
- required: required,
36
- validation: validation,
37
- content: {
38
- content: ()=>/*#__PURE__*/ React.createElement("div", {
39
- className: methods.makeCssClass({
40
- width: '100%'
41
- })
42
- }, /*#__PURE__*/ React.createElement("div", {
43
- id: `${blockId}_popup`
44
- }), /*#__PURE__*/ React.createElement(MonthPicker, {
45
- id: `${blockId}_input`,
46
- allowClear: properties.allowClear !== false,
47
- autoFocus: properties.autoFocus,
48
- bordered: properties.bordered,
49
- className: methods.makeCssClass([
50
- {
51
- width: '100%'
52
- },
53
- properties.inputStyle
54
- ]),
55
- disabled: properties.disabled || loading,
56
- disabledDate: disabledDate(properties.disabledDates),
57
- format: properties.format || 'YYYY-MM',
58
- getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
59
- placeholder: properties.placeholder || 'Select Month',
60
- size: properties.size,
61
- status: validation.status,
62
- value: type.isDate(value) ? moment.utc(value).startOf('month') : null,
63
- suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
64
- blockId: `${blockId}_suffixIcon`,
65
- events: events,
66
- properties: properties.suffixIcon || 'AiOutlineCalendar'
67
- }),
68
- onChange: (newVal)=>{
69
- methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('month').toDate());
70
- methods.triggerEvent({
71
- name: 'onChange'
72
- });
73
- }
74
- }))
75
- }
76
- });
77
- };
78
- MonthSelector.defaultProps = blockDefaultProps;
79
- MonthSelector.meta = {
80
- valueType: 'date',
81
- category: 'input',
82
- icons: [
83
- ...Label.meta.icons,
84
- 'AiOutlineCalendar'
85
- ],
86
- styles: [
87
- 'blocks/MonthSelector/style.less'
88
- ]
89
- };
90
- export default MonthSelector;