react-crud-mobile 1.0.30 → 1.0.32

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 (7) hide show
  1. package/dist/react-crud-mobile.cjs.development.js +602 -484
  2. package/dist/react-crud-mobile.cjs.development.js.map +1 -1
  3. package/dist/react-crud-mobile.cjs.production.min.js +1 -1
  4. package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
  5. package/dist/react-crud-mobile.esm.js +586 -468
  6. package/dist/react-crud-mobile.esm.js.map +1 -1
  7. package/package.json +6 -1
package/dist/react-crud-mobile.cjs.development.js CHANGED
@@ -4,9 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
6
6
 
7
- var React$1 = require('react');
8
- var React$1__default = _interopDefault(React$1);
7
+ var React = require('react');
8
+ var React__default = _interopDefault(React);
9
9
  var reactCrudUtils = require('react-crud-utils');
10
+ var jsxRuntime = require('react/jsx-runtime');
10
11
  var Ionicons = _interopDefault(require('@expo/vector-icons/Ionicons'));
11
12
  var reactNative = require('react-native');
12
13
 
@@ -30,38 +31,42 @@ function _objectWithoutPropertiesLoose(r, e) {
30
31
  }
31
32
 
32
33
  function UIChildren(props) {
33
- var _useState = React$1.useState(reactCrudUtils.Utils.nvl(props.scope, reactCrudUtils.ScopeUtils.create(props))),
34
+ var _useState = React.useState(reactCrudUtils.Utils.nvl(props.scope, reactCrudUtils.ScopeUtils.create(props))),
34
35
  scope = _useState[0];
35
36
  var crud = reactCrudUtils.Utils.nvl(props.crud, scope.crud);
36
37
  var validateScope = reactCrudUtils.Utils.nvl(props.validateScope, "global");
37
38
  var name = reactCrudUtils.Utils.nvl(props.part, "child");
38
39
  if (scope.isInput()) {
39
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
40
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
40
41
  }
41
42
  var Paint = function Paint(_ref) {
42
43
  var child = _ref.child;
43
44
  if (!child) {
44
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
45
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
45
46
  }
46
47
  if (typeof child === "string") {
47
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, child);
48
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
49
+ children: child
50
+ });
48
51
  }
49
52
  var Custom = child.type;
50
53
  var pps = _extends({}, child.props);
51
54
  delete pps.children;
52
55
  if (typeof Custom === "string") {
53
56
  if (reactCrudUtils.Utils.isEmpty(child.props.children)) {
54
- return /*#__PURE__*/React$1__default.createElement(Custom, pps);
57
+ return /*#__PURE__*/jsxRuntime.jsx(Custom, _extends({}, pps));
55
58
  }
56
- return /*#__PURE__*/React$1__default.createElement(Custom, pps, /*#__PURE__*/React$1__default.createElement(UIChildren, _extends({
57
- "transient": true,
58
- validateScope: validateScope
59
- }, child.props, {
60
- scope: scope,
61
- crud: crud
62
- })));
59
+ return /*#__PURE__*/jsxRuntime.jsx(Custom, _extends({}, pps, {
60
+ children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({
61
+ "transient": true,
62
+ validateScope: validateScope
63
+ }, child.props, {
64
+ scope: scope,
65
+ crud: crud
66
+ }))
67
+ }));
63
68
  } else if (typeof Custom === "function") {
64
- return /*#__PURE__*/React$1__default.createElement(Custom, _extends({
69
+ return /*#__PURE__*/jsxRuntime.jsx(Custom, _extends({
65
70
  validateScope: validateScope
66
71
  }, child.props, {
67
72
  parent: scope,
@@ -69,7 +74,7 @@ function UIChildren(props) {
69
74
  }));
70
75
  }
71
76
  if (!reactCrudUtils.Utils.isEmpty(child.props.children)) {
72
- return /*#__PURE__*/React$1__default.createElement(UIChildren, _extends({
77
+ return /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({
73
78
  validateScope: validateScope
74
79
  }, child.props, {
75
80
  scope: scope,
@@ -77,51 +82,61 @@ function UIChildren(props) {
77
82
  "transient": true
78
83
  }));
79
84
  }
80
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
85
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
81
86
  };
82
87
  var Draw = function Draw() {
83
88
  if (props.elements) {
84
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, Object.entries(props.elements).map(function (t, k) {
85
- return /*#__PURE__*/React$1__default.createElement(UIElement, _extends({
86
- crud: crud
87
- }, t[1]));
88
- }));
89
- }
90
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, React$1__default.Children.map(props.children, function (child) {
91
- return /*#__PURE__*/React$1__default.createElement(Paint, {
92
- child: child
89
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
90
+ children: Object.entries(props.elements).map(function (t, k) {
91
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({
92
+ crud: crud
93
+ }, t[1]));
94
+ })
93
95
  });
94
- }));
96
+ }
97
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
98
+ children: React__default.Children.map(props.children, function (child) {
99
+ return /*#__PURE__*/jsxRuntime.jsx(Paint, {
100
+ child: child
101
+ });
102
+ })
103
+ });
95
104
  };
96
105
  if (props["transient"]) {
97
- return /*#__PURE__*/React$1__default.createElement(Draw, null);
106
+ return /*#__PURE__*/jsxRuntime.jsx(Draw, {});
98
107
  }
99
108
  if (reactCrudUtils.Utils.isEmpty(props.children) && reactCrudUtils.Utils.isEmpty(props.elements)) {
100
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
109
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
101
110
  }
102
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, /*#__PURE__*/React$1__default.createElement("div", _extends({
103
- className: scope.getStyleClass(name),
104
- style: scope.getStyle(name)
105
- }, props.childProps), /*#__PURE__*/React$1__default.createElement(Draw, null)));
111
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
112
+ children: /*#__PURE__*/jsxRuntime.jsx("div", _extends({
113
+ className: scope.getStyleClass(name),
114
+ style: scope.getStyle(name)
115
+ }, props.childProps, {
116
+ children: /*#__PURE__*/jsxRuntime.jsx(Draw, {})
117
+ }))
118
+ });
106
119
  }
107
120
 
108
121
  function ElGridColumn(props) {
109
122
  var _props$column;
110
123
  var scope = props.scope;
111
124
  var col = reactCrudUtils.Utils.nvl((_props$column = props.column) == null ? void 0 : _props$column.props, {});
112
- var _useState = React$1.useState(new reactCrudUtils.Scope(col, scope, scope.crud)),
125
+ var _useState = React.useState(new reactCrudUtils.Scope(col, scope, scope.crud)),
113
126
  colScope = _useState[0];
114
127
  var getStyleClass = function getStyleClass() {
115
128
  var def = reactCrudUtils.Utils.nvl(props.styleClass, "");
116
129
  return "ui-grid-col " + def + " " + colScope.getStyleClass("column");
117
130
  };
118
- return /*#__PURE__*/React$1__default.createElement("td", {
131
+ return /*#__PURE__*/jsxRuntime.jsx("td", {
119
132
  className: getStyleClass(),
120
133
  style: colScope.getStyle("column"),
121
- colSpan: props.colspan
122
- }, /*#__PURE__*/React$1__default.createElement(UIChildren, {
123
- scope: scope
124
- }, props.children));
134
+ colSpan: props.colspan,
135
+ children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
136
+ scope: scope,
137
+ children: props.children
138
+ })
139
+ });
125
140
  }
126
141
 
127
142
  function ElGridCheck(_ref) {
@@ -129,7 +144,7 @@ function ElGridCheck(_ref) {
129
144
  value = _ref.value,
130
145
  rowIndex = _ref.rowIndex;
131
146
  var original = scope.original;
132
- var _useState = React$1.useState(0),
147
+ var _useState = React.useState(0),
133
148
  index = _useState[0],
134
149
  setIndex = _useState[1];
135
150
  var key = scope.key('check', rowIndex, 's', index);
@@ -153,9 +168,9 @@ function ElGridCheck(_ref) {
153
168
  };
154
169
  var getCheckIcon = function getCheckIcon() {
155
170
  if (isChecked()) {
156
- return /*#__PURE__*/React.createElement(Ionicons, null);
171
+ return /*#__PURE__*/jsxRuntime.jsx(Ionicons, {});
157
172
  }
158
- return /*#__PURE__*/React.createElement(Ionicons, null);
173
+ return /*#__PURE__*/jsxRuntime.jsx(Ionicons, {});
159
174
  };
160
175
  var isChecked = function isChecked() {
161
176
  var cs = scope.crudSearch;
@@ -173,13 +188,12 @@ function ElGridCheck(_ref) {
173
188
  }
174
189
  return false;
175
190
  };
176
- return /*#__PURE__*/React.createElement(UI.Button, {
177
- key: key,
191
+ return /*#__PURE__*/jsxRuntime.jsx(UI.Button, {
178
192
  icon: getCheckIcon(),
179
193
  click: {
180
194
  action: check
181
195
  }
182
- });
196
+ }, key);
183
197
  }
184
198
 
185
199
  function ElGridRow(props) {
@@ -195,10 +209,10 @@ function ElGridRow(props) {
195
209
  parent: scope.crudSearch,
196
210
  data: value
197
211
  });
198
- var _useState = React$1.useState(false),
212
+ var _useState = React.useState(false),
199
213
  expanded = _useState[0],
200
214
  setExpanded = _useState[1];
201
- var _useState2 = React$1.useState(new reactCrudUtils.Scope(scope.original, scope, row)),
215
+ var _useState2 = React.useState(new reactCrudUtils.Scope(scope.original, scope, row)),
202
216
  rowScope = _useState2[0];
203
217
  var getRowStyleClass = function getRowStyleClass() {
204
218
  var s = 'ui-grid-row';
@@ -213,7 +227,9 @@ function ElGridRow(props) {
213
227
  var cols = reactCrudUtils.ComponentUtils.getChild(props, 'Column');
214
228
  var colspan = cols.length;
215
229
  var ExpansionStatus = function ExpansionStatus() {
216
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, !expanded && /*#__PURE__*/React$1__default.createElement(Ionicons, null), expanded && /*#__PURE__*/React$1__default.createElement(Ionicons, null));
230
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
231
+ children: [!expanded && /*#__PURE__*/jsxRuntime.jsx(Ionicons, {}), expanded && /*#__PURE__*/jsxRuntime.jsx(Ionicons, {})]
232
+ });
217
233
  };
218
234
  var onExpansion = function onExpansion() {
219
235
  setExpanded(!expanded);
@@ -222,41 +238,45 @@ function ElGridRow(props) {
222
238
  var multiple = original.multiple;
223
239
  if (hasExpansion) colspan++;
224
240
  if (multiple) colspan++;
225
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, /*#__PURE__*/React$1__default.createElement("tr", {
226
- className: getRowStyleClass(),
227
- style: rowScope.getStyle('row')
228
- }, hasExpansion && /*#__PURE__*/React$1__default.createElement(ElGridColumn, {
229
- key: 'r' + index + 'e',
230
- scope: rowScope,
231
- styleClass: "ui-click ui-icon-only ui-expansion"
232
- }, /*#__PURE__*/React$1__default.createElement(UI.Button, {
233
- icon: /*#__PURE__*/React$1__default.createElement(ExpansionStatus, null),
234
- click: onExpansion
235
- })), multiple && /*#__PURE__*/React$1__default.createElement(ElGridColumn, {
236
- key: 'r' + index + 'c',
237
- scope: rowScope,
238
- styleClass: "ui-click ui-icon-only ui-multiple"
239
- }, /*#__PURE__*/React$1__default.createElement(ElGridCheck, {
240
- key: 'check-' + index,
241
- scope: scope,
242
- value: value,
243
- rowIndex: index
244
- })), cols.map(function (col, i) {
245
- return /*#__PURE__*/React$1__default.createElement(ElGridColumn, {
246
- column: col,
247
- key: 'r' + index + 'c' + i,
248
- scope: rowScope
249
- }, col);
250
- })), expanded && /*#__PURE__*/React$1__default.createElement("tr", {
251
- className: getRowStyleClass(),
252
- style: rowScope.getStyle('row')
253
- }, /*#__PURE__*/React$1__default.createElement(ElGridColumn, {
254
- key: 'r' + index + '-expanded',
255
- scope: rowScope,
256
- colspan: colspan
257
- }, /*#__PURE__*/React$1__default.createElement(UIChildren, _extends({}, props, {
258
- crud: row
259
- }), expansion))));
241
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
242
+ children: [/*#__PURE__*/jsxRuntime.jsxs("tr", {
243
+ className: getRowStyleClass(),
244
+ style: rowScope.getStyle('row'),
245
+ children: [hasExpansion && /*#__PURE__*/jsxRuntime.jsx(ElGridColumn, {
246
+ scope: rowScope,
247
+ styleClass: "ui-click ui-icon-only ui-expansion",
248
+ children: /*#__PURE__*/jsxRuntime.jsx(UI.Button, {
249
+ icon: /*#__PURE__*/jsxRuntime.jsx(ExpansionStatus, {}),
250
+ click: onExpansion
251
+ })
252
+ }, 'r' + index + 'e'), multiple && /*#__PURE__*/jsxRuntime.jsx(ElGridColumn, {
253
+ scope: rowScope,
254
+ styleClass: "ui-click ui-icon-only ui-multiple",
255
+ children: /*#__PURE__*/jsxRuntime.jsx(ElGridCheck, {
256
+ scope: scope,
257
+ value: value,
258
+ rowIndex: index
259
+ }, 'check-' + index)
260
+ }, 'r' + index + 'c'), cols.map(function (col, i) {
261
+ return /*#__PURE__*/jsxRuntime.jsx(ElGridColumn, {
262
+ column: col,
263
+ scope: rowScope,
264
+ children: col
265
+ }, 'r' + index + 'c' + i);
266
+ })]
267
+ }), expanded && /*#__PURE__*/jsxRuntime.jsx("tr", {
268
+ className: getRowStyleClass(),
269
+ style: rowScope.getStyle('row'),
270
+ children: /*#__PURE__*/jsxRuntime.jsx(ElGridColumn, {
271
+ scope: rowScope,
272
+ colspan: colspan,
273
+ children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
274
+ crud: row,
275
+ children: expansion
276
+ }))
277
+ }, 'r' + index + '-expanded')
278
+ })]
279
+ });
260
280
  }
261
281
 
262
282
  function ElGridPaginator(_ref) {
@@ -267,7 +287,7 @@ function ElGridPaginator(_ref) {
267
287
  size = _ref.size,
268
288
  last = _ref.last,
269
289
  position = _ref.position;
270
- var _useState = React$1.useState([10, 20, 30, 50, 100, 200, 500]),
290
+ var _useState = React.useState([10, 20, 30, 50, 100, 200, 500]),
271
291
  sizes = _useState[0];
272
292
  var defaults = {
273
293
  crud: scope.crudSearch,
@@ -276,120 +296,134 @@ function ElGridPaginator(_ref) {
276
296
  };
277
297
  var paginatorPosition = reactCrudUtils.Utils.nvl(scope.original.paginatorPosition, 'bottom');
278
298
  if (paginatorPosition !== position) {
279
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
299
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
280
300
  }
281
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, /*#__PURE__*/React$1__default.createElement(UI.Button, _extends({
282
- field: "first",
283
- space: 0,
284
- rendered: first !== false
285
- }, defaults, {
286
- click: "first",
287
- icon: /*#__PURE__*/React$1__default.createElement(Ionicons, null)
288
- })), /*#__PURE__*/React$1__default.createElement(UI.Button, _extends({
289
- field: "previous",
290
- space: 0,
291
- rendered: previous !== false,
292
- click: "previous"
293
- }, defaults, {
294
- icon: /*#__PURE__*/React$1__default.createElement(Ionicons, null)
295
- })), /*#__PURE__*/React$1__default.createElement(UI.Select, _extends({
296
- field: "size",
297
- space: 0,
298
- rendered: size !== false,
299
- "default": 10
300
- }, defaults, {
301
- data: sizes,
302
- change: "search"
303
- })), /*#__PURE__*/React$1__default.createElement(UI.Button, _extends({
304
- field: "next",
305
- space: 0,
306
- rendered: next !== false
307
- }, defaults, {
308
- click: "next",
309
- icon: /*#__PURE__*/React$1__default.createElement(Ionicons, null)
310
- })), /*#__PURE__*/React$1__default.createElement(UI.Button, _extends({
311
- field: "last",
312
- space: 0,
313
- rendered: last !== false
314
- }, defaults, {
315
- click: "last",
316
- icon: /*#__PURE__*/React$1__default.createElement(Ionicons, null)
317
- })));
301
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
302
+ children: [/*#__PURE__*/jsxRuntime.jsx(UI.Button, _extends({
303
+ field: "first",
304
+ space: 0,
305
+ rendered: first !== false
306
+ }, defaults, {
307
+ click: "first",
308
+ icon: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {})
309
+ })), /*#__PURE__*/jsxRuntime.jsx(UI.Button, _extends({
310
+ field: "previous",
311
+ space: 0,
312
+ rendered: previous !== false,
313
+ click: "previous"
314
+ }, defaults, {
315
+ icon: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {})
316
+ })), /*#__PURE__*/jsxRuntime.jsx(UI.Select, _extends({
317
+ field: "size",
318
+ space: 0,
319
+ rendered: size !== false,
320
+ "default": 10
321
+ }, defaults, {
322
+ data: sizes,
323
+ change: "search"
324
+ })), /*#__PURE__*/jsxRuntime.jsx(UI.Button, _extends({
325
+ field: "next",
326
+ space: 0,
327
+ rendered: next !== false
328
+ }, defaults, {
329
+ click: "next",
330
+ icon: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {})
331
+ })), /*#__PURE__*/jsxRuntime.jsx(UI.Button, _extends({
332
+ field: "last",
333
+ space: 0,
334
+ rendered: last !== false
335
+ }, defaults, {
336
+ click: "last",
337
+ icon: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {})
338
+ }))]
339
+ });
318
340
  }
319
341
 
320
342
  function ElGridTop(props) {
321
343
  var scope = props.scope;
322
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UI.Output, {
323
- styleClass: "ui-grid-top"
324
- }, /*#__PURE__*/React.createElement(UI.Output, {
325
- field: "search",
326
- position: "left",
327
- space: 4
328
- }, /*#__PURE__*/React.createElement(UI.Include, _extends({}, props, {
329
- "transient": true,
330
- name: "top",
331
- position: "left"
332
- })), /*#__PURE__*/React.createElement(UI.Text, {
333
- field: "query",
334
- space: 0,
335
- label: "Pesquisar",
336
- placeholder: scope.attr('placeholder', 'Pesquisar')
337
- }, /*#__PURE__*/React.createElement(UI.Define, {
338
- name: "right"
339
- }, /*#__PURE__*/React.createElement(UI.Button, {
340
- field: "search",
341
- icon: /*#__PURE__*/React.createElement(Ionicons, null),
342
- space: 0,
343
- variant: "text",
344
- owner: scope,
345
- click: 'search'
346
- })))), /*#__PURE__*/React.createElement(UI.Output, {
347
- position: "right",
348
- space: 8
349
- }, /*#__PURE__*/React.createElement(UI.Include, _extends({}, props, {
350
- "transient": true,
351
- name: "top",
352
- position: "right"
353
- })), /*#__PURE__*/React.createElement(ElGridPaginator, {
354
- scope: scope,
355
- last: false,
356
- first: false,
357
- position: "top"
358
- }))));
344
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
345
+ children: /*#__PURE__*/jsxRuntime.jsxs(UI.Output, {
346
+ styleClass: "ui-grid-top",
347
+ children: [/*#__PURE__*/jsxRuntime.jsxs(UI.Output, {
348
+ field: "search",
349
+ position: "left",
350
+ space: 4,
351
+ children: [/*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
352
+ "transient": true,
353
+ name: "top",
354
+ position: "left"
355
+ })), /*#__PURE__*/jsxRuntime.jsx(UI.Text, {
356
+ field: "query",
357
+ space: 0,
358
+ label: "Pesquisar",
359
+ placeholder: scope.attr('placeholder', 'Pesquisar'),
360
+ children: /*#__PURE__*/jsxRuntime.jsx(UI.Define, {
361
+ name: "right",
362
+ children: /*#__PURE__*/jsxRuntime.jsx(UI.Button, {
363
+ field: "search",
364
+ icon: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {}),
365
+ space: 0,
366
+ variant: "text",
367
+ owner: scope,
368
+ click: 'search'
369
+ })
370
+ })
371
+ })]
372
+ }), /*#__PURE__*/jsxRuntime.jsxs(UI.Output, {
373
+ position: "right",
374
+ space: 8,
375
+ children: [/*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
376
+ "transient": true,
377
+ name: "top",
378
+ position: "right"
379
+ })), /*#__PURE__*/jsxRuntime.jsx(ElGridPaginator, {
380
+ scope: scope,
381
+ last: false,
382
+ first: false,
383
+ position: "top"
384
+ })]
385
+ })]
386
+ })
387
+ });
359
388
  }
360
389
 
361
390
  function ElGridFilter(props) {
362
- return /*#__PURE__*/React.createElement(React.Fragment, null);
391
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
363
392
  }
364
393
 
365
394
  function ElGridBotom(props) {
366
395
  var scope = props.scope;
367
396
  var children = props.children;
368
- return /*#__PURE__*/React$1__default.createElement("div", {
369
- className: "ui-grid-bottom"
370
- }, /*#__PURE__*/React$1__default.createElement("div", {
371
- className: "ui-grid-bottom-inner"
372
- }, /*#__PURE__*/React$1__default.createElement(UI.Include, _extends({}, props, {
373
- "transient": true,
374
- name: "bottomLeft"
375
- })), /*#__PURE__*/React$1__default.createElement(ElGridPaginator, {
376
- scope: scope,
377
- position: "bottom"
378
- }, children), /*#__PURE__*/React$1__default.createElement(UI.Include, _extends({}, props, {
379
- "transient": true,
380
- name: "bottomRight"
381
- }))));
397
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
398
+ className: "ui-grid-bottom",
399
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
400
+ className: "ui-grid-bottom-inner",
401
+ children: [/*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
402
+ "transient": true,
403
+ name: "bottomLeft"
404
+ })), /*#__PURE__*/jsxRuntime.jsx(ElGridPaginator, {
405
+ scope: scope,
406
+ position: "bottom",
407
+ children: children
408
+ }), /*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
409
+ "transient": true,
410
+ name: "bottomRight"
411
+ }))]
412
+ })
413
+ });
382
414
  }
383
415
 
384
416
  function Icon(props) {
385
417
  var handlePress = function handlePress() {
386
418
  reactNative.Linking.openURL('https://reactnative.dev/');
387
419
  };
388
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
389
- onPress: handlePress
390
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
391
- style: styles.link
392
- }, "Clique aqui para acessar o React Native"));
420
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
421
+ onPress: handlePress,
422
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
423
+ style: styles.link,
424
+ children: "Clique aqui para acessar o React Native"
425
+ })
426
+ });
393
427
  }
394
428
  var styles = {
395
429
  link: {}
@@ -402,85 +436,98 @@ function ElLabel(props) {
402
436
  var elPos = reactCrudUtils.Utils.nvl(original.labelPos, defaultPos);
403
437
  var lbPos = reactCrudUtils.Utils.nvl(props.position, defaultPos);
404
438
  if (elPos != lbPos) {
405
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
439
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
406
440
  }
407
441
  var CustomIcon = function CustomIcon() {
408
442
  if (!scope.is('type', 'list', 'grid')) {
409
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
443
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
410
444
  }
411
445
  if (typeof original.icon === 'string') {
412
- return /*#__PURE__*/React$1__default.createElement("div", {
413
- className: "ui-label-icon"
414
- }, /*#__PURE__*/React$1__default.createElement(Icon, {
415
- className: scope.getIcon()
416
- }));
446
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
447
+ className: "ui-label-icon",
448
+ children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
449
+ className: scope.getIcon()
450
+ })
451
+ });
417
452
  }
418
- return /*#__PURE__*/React$1__default.createElement("div", {
419
- className: "ui-label-icon"
420
- }, original.icon);
453
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
454
+ className: "ui-label-icon",
455
+ children: original.icon
456
+ });
421
457
  };
422
458
  var label = scope.getLabel();
423
- return /*#__PURE__*/React$1__default.createElement("div", {
424
- className: 'ui-label ui-label-' + lbPos
425
- }, /*#__PURE__*/React$1__default.createElement("div", {
426
- className: "ui-label-left"
427
- }, /*#__PURE__*/React$1__default.createElement(UI.Include, _extends({}, props, {
428
- "transient": true,
429
- name: "label",
430
- position: "left"
431
- })), /*#__PURE__*/React$1__default.createElement(CustomIcon, null), label && /*#__PURE__*/React$1__default.createElement("div", {
432
- className: "ui-label-value"
433
- }, label)), /*#__PURE__*/React$1__default.createElement("div", {
434
- className: "ui-label-right"
435
- }, /*#__PURE__*/React$1__default.createElement(UI.Include, _extends({}, props, {
436
- "transient": true,
437
- name: "label",
438
- position: "right"
439
- }))));
459
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
460
+ className: 'ui-label ui-label-' + lbPos,
461
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
462
+ className: "ui-label-left",
463
+ children: [/*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
464
+ "transient": true,
465
+ name: "label",
466
+ position: "left"
467
+ })), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {}), label && /*#__PURE__*/jsxRuntime.jsx("div", {
468
+ className: "ui-label-value",
469
+ children: label
470
+ })]
471
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
472
+ className: "ui-label-right",
473
+ children: /*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
474
+ "transient": true,
475
+ name: "label",
476
+ position: "right"
477
+ }))
478
+ })]
479
+ });
440
480
  }
441
481
 
442
482
  function ElGrid(props) {
443
483
  var scope = props.scope;
444
484
  var items = scope.getItems();
445
485
  var expansion = reactCrudUtils.ComponentUtils.getDefine(props, 'expansion');
446
- return /*#__PURE__*/React.createElement("div", {
486
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
447
487
  className: scope.getStyleClass('inner'),
448
- style: scope.getStyle('inner')
449
- }, /*#__PURE__*/React.createElement(ElLabel, _extends({}, props, {
450
- scope: scope,
451
- position: "outside"
452
- })), /*#__PURE__*/React.createElement("div", {
453
- className: scope.getStyleClass('child'),
454
- style: scope.getStyle('child')
455
- }, /*#__PURE__*/React.createElement(ElLabel, _extends({}, props, {
456
- scope: scope,
457
- position: "inside"
458
- })), /*#__PURE__*/React.createElement("div", {
459
- className: "ui-data"
460
- }, /*#__PURE__*/React.createElement(ElGridTop, _extends({}, props, {
461
- scope: scope
462
- })), /*#__PURE__*/React.createElement(ElGridFilter, {
463
- scope: scope
464
- }), /*#__PURE__*/React.createElement("div", {
465
- className: "ui-grid-data"
466
- }, /*#__PURE__*/React.createElement("table", {
467
- className: "ui-grid ui-table"
468
- }, /*#__PURE__*/React.createElement("tbody", null, items.map(function (row, i) {
469
- return /*#__PURE__*/React.createElement(ElGridRow, _extends({}, props, {
470
- expansion: expansion,
471
- key: 'r' + i,
488
+ style: scope.getStyle('inner'),
489
+ children: [/*#__PURE__*/jsxRuntime.jsx(ElLabel, _extends({}, props, {
472
490
  scope: scope,
473
- value: row,
474
- index: i
475
- }));
476
- }))))), /*#__PURE__*/React.createElement(ElGridBotom, _extends({}, props, {
477
- scope: scope
478
- }))));
491
+ position: "outside"
492
+ })), /*#__PURE__*/jsxRuntime.jsxs("div", {
493
+ className: scope.getStyleClass('child'),
494
+ style: scope.getStyle('child'),
495
+ children: [/*#__PURE__*/jsxRuntime.jsx(ElLabel, _extends({}, props, {
496
+ scope: scope,
497
+ position: "inside"
498
+ })), /*#__PURE__*/jsxRuntime.jsxs("div", {
499
+ className: "ui-data",
500
+ children: [/*#__PURE__*/jsxRuntime.jsx(ElGridTop, _extends({}, props, {
501
+ scope: scope
502
+ })), /*#__PURE__*/jsxRuntime.jsx(ElGridFilter, {
503
+ scope: scope
504
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
505
+ className: "ui-grid-data",
506
+ children: /*#__PURE__*/jsxRuntime.jsx("table", {
507
+ className: "ui-grid ui-table",
508
+ children: /*#__PURE__*/jsxRuntime.jsx("tbody", {
509
+ children: items.map(function (row, i) {
510
+ return /*#__PURE__*/React.createElement(ElGridRow, _extends({}, props, {
511
+ expansion: expansion,
512
+ key: 'r' + i,
513
+ scope: scope,
514
+ value: row,
515
+ index: i
516
+ }));
517
+ })
518
+ })
519
+ })
520
+ })]
521
+ }), /*#__PURE__*/jsxRuntime.jsx(ElGridBotom, _extends({}, props, {
522
+ scope: scope
523
+ }))]
524
+ })]
525
+ });
479
526
  }
480
527
 
481
528
  function ElInclude(props) {
482
529
  if (props.rendered === false) {
483
- return /*#__PURE__*/React.createElement(React.Fragment, null);
530
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
484
531
  }
485
532
  var includes = reactCrudUtils.ComponentUtils.getDefine(props, props.name, props.position);
486
533
  if (reactCrudUtils.Utils.isEmpty(includes)) {
@@ -490,49 +537,60 @@ function ElInclude(props) {
490
537
  var Aux = function Aux(tagProp) {
491
538
  var Tag = props.tag;
492
539
  if (!reactCrudUtils.Utils.isEmpty(Tag)) {
493
- return /*#__PURE__*/React.createElement(Tag, tagProp, tagProp.children);
540
+ return /*#__PURE__*/jsxRuntime.jsx(Tag, _extends({}, tagProp, {
541
+ children: tagProp.children
542
+ }));
494
543
  }
495
- return /*#__PURE__*/React.createElement(React.Fragment, null, tagProp.children);
544
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
545
+ children: tagProp.children
546
+ });
496
547
  };
497
- return /*#__PURE__*/React.createElement(Aux, props.tagProps, /*#__PURE__*/React.createElement(UIChildren, _extends({
498
- "transient": true
499
- }, props, {
500
- scope: props.scope,
501
- crud: props.crud,
502
- part: props.name
503
- }), includes));
548
+ return /*#__PURE__*/jsxRuntime.jsx(Aux, _extends({}, props.tagProps, {
549
+ children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({
550
+ "transient": true
551
+ }, props, {
552
+ scope: props.scope,
553
+ crud: props.crud,
554
+ part: props.name,
555
+ children: includes
556
+ }))
557
+ }));
504
558
  }
505
- return /*#__PURE__*/React.createElement(React.Fragment, null, includes);
559
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
560
+ children: includes
561
+ });
506
562
  }
507
563
 
508
564
  function ElCard(props) {
509
565
  var scope = props.scope;
510
- return /*#__PURE__*/React.createElement("div", {
566
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
511
567
  className: scope.getStyleClass('inner'),
512
- style: scope.getStyle('inner')
513
- }, /*#__PURE__*/React.createElement(ElLabel, _extends({}, props, {
514
- scope: scope
515
- })), /*#__PURE__*/React.createElement(UIChildren, _extends({}, props, {
516
- scope: scope
517
- })), /*#__PURE__*/React.createElement("div", {
518
- className: scope.getStyleClass('bottom'),
519
- style: scope.getStyle('bottom')
520
- }, /*#__PURE__*/React.createElement(ElInclude, _extends({}, props, {
521
- scope: scope,
522
- name: "bottom"
523
- }))));
568
+ style: scope.getStyle('inner'),
569
+ children: [/*#__PURE__*/jsxRuntime.jsx(ElLabel, _extends({}, props, {
570
+ scope: scope
571
+ })), /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
572
+ scope: scope
573
+ })), /*#__PURE__*/jsxRuntime.jsx("div", {
574
+ className: scope.getStyleClass('bottom'),
575
+ style: scope.getStyle('bottom'),
576
+ children: /*#__PURE__*/jsxRuntime.jsx(ElInclude, _extends({}, props, {
577
+ scope: scope,
578
+ name: "bottom"
579
+ }))
580
+ })]
581
+ });
524
582
  }
525
583
 
526
584
  function ElTabs(props) {
527
585
  var scope = props.scope;
528
- var _useState = React$1.useState(0),
586
+ var _useState = React.useState(0),
529
587
  selectedIndex = _useState[0],
530
588
  setSelectedIndex = _useState[1];
531
589
  var element = scope.original;
532
590
  var items = scope.getItems();
533
591
  var counter = 0;
534
592
  var tabs = [];
535
- var _useState2 = React$1.useState(null),
593
+ var _useState2 = React.useState(null),
536
594
  selected = _useState2[0],
537
595
  setSelected = _useState2[1];
538
596
  var onChangeTab = function onChangeTab(tab, validate) {
@@ -585,7 +643,7 @@ function ElTabs(props) {
585
643
  data: item
586
644
  }));
587
645
  };
588
- React$1__default.Children.map(props.children, function (child, index) {
646
+ React__default.Children.map(props.children, function (child, index) {
589
647
  if (reactCrudUtils.Utils.isEmpty(items)) {
590
648
  addTab(child, {});
591
649
  } else {
@@ -609,67 +667,80 @@ function ElTabs(props) {
609
667
  nav(1);
610
668
  };
611
669
  var isStepper = element.layout === 'stepper';
612
- return /*#__PURE__*/React$1__default.createElement("div", {
670
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
613
671
  className: scope.getStyleClass('inner'),
614
- style: scope.getStyle('inner')
615
- }, /*#__PURE__*/React$1__default.createElement("div", {
616
- className: "ui-tabs-content"
617
- }, /*#__PURE__*/React$1__default.createElement("div", {
618
- className: "ui-tabs-items"
619
- }, tabs.map(function (t, i) {
620
- return /*#__PURE__*/React$1__default.createElement("div", {
621
- key: reactCrudUtils.Utils.key(element.id, 'tab', i),
622
- className: getStyleClass(t),
623
- onClick: function onClick() {
624
- onChangeTab(t);
625
- }
626
- }, isStepper && /*#__PURE__*/React$1__default.createElement("div", {
627
- className: "ui-tab-item-divisor"
628
- }), /*#__PURE__*/React$1__default.createElement("div", {
629
- className: "ui-tab-item-inner"
630
- }, isStepper && /*#__PURE__*/React$1__default.createElement("div", {
631
- className: "ui-step-line"
632
- }), /*#__PURE__*/React$1__default.createElement("div", {
633
- className: "ui-tab-item-label"
634
- }, isStepper ? t.index + 1 : t.label)));
635
- })), selected && /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, isStepper && /*#__PURE__*/React$1__default.createElement("div", {
636
- className: "ui-tabs-label"
637
- }, selected.label), /*#__PURE__*/React$1__default.createElement("div", {
638
- className: "ui-tabs-area"
639
- }, /*#__PURE__*/React$1__default.createElement(UIChildren, _extends({}, props, {
640
- scope: scope
641
- }), selected.child)), element.layout === 'stepper' && /*#__PURE__*/React$1__default.createElement("div", {
642
- className: "ui-tabs-actions"
643
- }, /*#__PURE__*/React$1__default.createElement(UI.Output, {
644
- space: 6,
645
- layout: "left"
646
- }, /*#__PURE__*/React$1__default.createElement(UI.Include, _extends({}, props, {
647
- "transient": true,
648
- name: "left",
649
- "default": /*#__PURE__*/React$1__default.createElement(UI.Button, {
650
- rendered: selectedIndex > 0,
651
- icon: /*#__PURE__*/React$1__default.createElement(Ionicons, null),
652
- click: previous
653
- })
654
- }))), /*#__PURE__*/React$1__default.createElement(UI.Output, {
655
- space: 6,
656
- layout: "right"
657
- }, /*#__PURE__*/React$1__default.createElement(UI.Include, _extends({}, props, {
658
- "transient": true,
659
- name: "right",
660
- "default": /*#__PURE__*/React$1__default.createElement(UI.Button, {
661
- rendered: selectedIndex < tabs.length - 1,
662
- icon: /*#__PURE__*/React$1__default.createElement(Ionicons, null),
663
- click: next
672
+ style: scope.getStyle('inner'),
673
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
674
+ className: "ui-tabs-content",
675
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
676
+ className: "ui-tabs-items",
677
+ children: tabs.map(function (t, i) {
678
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
679
+ className: getStyleClass(t),
680
+ onClick: function onClick() {
681
+ onChangeTab(t);
682
+ },
683
+ children: [isStepper && /*#__PURE__*/jsxRuntime.jsx("div", {
684
+ className: "ui-tab-item-divisor"
685
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
686
+ className: "ui-tab-item-inner",
687
+ children: [isStepper && /*#__PURE__*/jsxRuntime.jsx("div", {
688
+ className: "ui-step-line"
689
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
690
+ className: "ui-tab-item-label",
691
+ children: isStepper ? t.index + 1 : t.label
692
+ })]
693
+ })]
694
+ }, reactCrudUtils.Utils.key(element.id, 'tab', i));
695
+ })
696
+ }), selected && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
697
+ children: [isStepper && /*#__PURE__*/jsxRuntime.jsx("div", {
698
+ className: "ui-tabs-label",
699
+ children: selected.label
700
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
701
+ className: "ui-tabs-area",
702
+ children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
703
+ scope: scope,
704
+ children: selected.child
705
+ }))
706
+ }), element.layout === 'stepper' && /*#__PURE__*/jsxRuntime.jsxs("div", {
707
+ className: "ui-tabs-actions",
708
+ children: [/*#__PURE__*/jsxRuntime.jsx(UI.Output, {
709
+ space: 6,
710
+ layout: "left",
711
+ children: /*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
712
+ "transient": true,
713
+ name: "left",
714
+ "default": /*#__PURE__*/jsxRuntime.jsx(UI.Button, {
715
+ rendered: selectedIndex > 0,
716
+ icon: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {}),
717
+ click: previous
718
+ })
719
+ }))
720
+ }), /*#__PURE__*/jsxRuntime.jsx(UI.Output, {
721
+ space: 6,
722
+ layout: "right",
723
+ children: /*#__PURE__*/jsxRuntime.jsx(UI.Include, _extends({}, props, {
724
+ "transient": true,
725
+ name: "right",
726
+ "default": /*#__PURE__*/jsxRuntime.jsx(UI.Button, {
727
+ rendered: selectedIndex < tabs.length - 1,
728
+ icon: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {}),
729
+ click: next
730
+ })
731
+ }))
732
+ })]
733
+ })]
734
+ })]
664
735
  })
665
- })))))));
736
+ });
666
737
  }
667
738
 
668
739
  function ElChart(props) {
669
740
  var scope = props.scope;
670
741
  var items = scope.getItems();
671
742
  var columns = reactCrudUtils.Utils.asList(scope.original.columns);
672
- return /*#__PURE__*/React$1__default.createElement("div", {
743
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
673
744
  className: "ui-chart-data"
674
745
  });
675
746
  }
@@ -678,11 +749,13 @@ function AutoComplete(props) {
678
749
  var handlePress = function handlePress() {
679
750
  reactNative.Linking.openURL('https://reactnative.dev/');
680
751
  };
681
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
682
- onPress: handlePress
683
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
684
- style: styles$1.link
685
- }, "Clique aqui para acessar o React Native"));
752
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
753
+ onPress: handlePress,
754
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
755
+ style: styles$1.link,
756
+ children: "Clique aqui para acessar o React Native"
757
+ })
758
+ });
686
759
  }
687
760
  var styles$1 = {
688
761
  link: {}
@@ -691,7 +764,9 @@ var styles$1 = {
691
764
  function UIComplete(_ref) {
692
765
  var defaultsInput = _ref.defaultsInput,
693
766
  defaultsUI = _ref.defaultsUI;
694
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AutoComplete, _extends({}, defaultsInput, defaultsUI)));
767
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
768
+ children: /*#__PURE__*/jsxRuntime.jsx(AutoComplete, _extends({}, defaultsInput, defaultsUI))
769
+ });
695
770
  }
696
771
 
697
772
  function ElRepeatRow(props) {
@@ -705,7 +780,7 @@ function ElRepeatRow(props) {
705
780
  parent: scope.crudSearch,
706
781
  data: value
707
782
  });
708
- var _useState = React$1.useState(new reactCrudUtils.Scope(scope.original, scope, row)),
783
+ var _useState = React.useState(new reactCrudUtils.Scope(scope.original, scope, row)),
709
784
  rowScope = _useState[0];
710
785
  var getRowStyleClass = function getRowStyleClass() {
711
786
  var s = rowScope.getStyleClass("row");
@@ -717,41 +792,46 @@ function ElRepeatRow(props) {
717
792
  }
718
793
  return s;
719
794
  };
720
- return /*#__PURE__*/React$1__default.createElement("div", {
795
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
721
796
  className: getRowStyleClass(),
722
- style: rowScope.getStyle("row")
723
- }, /*#__PURE__*/React$1__default.createElement(UIChildren, _extends({
724
- "transient": true
725
- }, props, {
726
- crud: row
727
- }), props.children));
797
+ style: rowScope.getStyle("row"),
798
+ children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({
799
+ "transient": true
800
+ }, props, {
801
+ crud: row,
802
+ children: props.children
803
+ }))
804
+ });
728
805
  }
729
806
 
730
807
  function ElRepeat(props) {
731
808
  var scope = props.scope;
732
809
  var items = scope.getItems();
733
- return /*#__PURE__*/React.createElement("div", {
810
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
734
811
  className: scope.getStyleClass('inner'),
735
- style: scope.getStyle('inner')
736
- }, items.map(function (row, i) {
737
- return /*#__PURE__*/React.createElement(ElRepeatRow, _extends({}, props, {
738
- key: 'r' + i,
739
- scope: scope,
740
- value: row,
741
- index: i
742
- }));
743
- }));
812
+ style: scope.getStyle('inner'),
813
+ children: items.map(function (row, i) {
814
+ return /*#__PURE__*/React.createElement(ElRepeatRow, _extends({}, props, {
815
+ key: 'r' + i,
816
+ scope: scope,
817
+ value: row,
818
+ index: i
819
+ }));
820
+ })
821
+ });
744
822
  }
745
823
 
746
824
  function Link(props) {
747
825
  var handlePress = function handlePress() {
748
826
  reactNative.Linking.openURL('https://reactnative.dev/');
749
827
  };
750
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
751
- onPress: handlePress
752
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
753
- style: styles$2.link
754
- }, "Clique aqui para acessar o React Native"));
828
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
829
+ onPress: handlePress,
830
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
831
+ style: styles$2.link,
832
+ children: "Clique aqui para acessar o React Native"
833
+ })
834
+ });
755
835
  }
756
836
  var styles$2 = {
757
837
  link: {}
@@ -761,11 +841,13 @@ function Button(props) {
761
841
  var handlePress = function handlePress() {
762
842
  reactNative.Linking.openURL('https://reactnative.dev/');
763
843
  };
764
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
765
- onPress: handlePress
766
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
767
- style: styles$3.link
768
- }, "Clique aqui para acessar o React Native"));
844
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
845
+ onPress: handlePress,
846
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
847
+ style: styles$3.link,
848
+ children: "Clique aqui para acessar o React Native"
849
+ })
850
+ });
769
851
  }
770
852
  var styles$3 = {
771
853
  link: {}
@@ -775,11 +857,13 @@ function Select(props) {
775
857
  var handlePress = function handlePress() {
776
858
  reactNative.Linking.openURL('https://reactnative.dev/');
777
859
  };
778
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
779
- onPress: handlePress
780
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
781
- style: styles$4.link
782
- }, "Clique aqui para acessar o React Native"));
860
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
861
+ onPress: handlePress,
862
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
863
+ style: styles$4.link,
864
+ children: "Clique aqui para acessar o React Native"
865
+ })
866
+ });
783
867
  }
784
868
  var styles$4 = {
785
869
  link: {}
@@ -789,11 +873,13 @@ function Switch(props) {
789
873
  var handlePress = function handlePress() {
790
874
  reactNative.Linking.openURL('https://reactnative.dev/');
791
875
  };
792
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
793
- onPress: handlePress
794
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
795
- style: styles$5.link
796
- }, "Clique aqui para acessar o React Native"));
876
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
877
+ onPress: handlePress,
878
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
879
+ style: styles$5.link,
880
+ children: "Clique aqui para acessar o React Native"
881
+ })
882
+ });
797
883
  }
798
884
  var styles$5 = {
799
885
  link: {}
@@ -803,11 +889,13 @@ function Option(props) {
803
889
  var handlePress = function handlePress() {
804
890
  reactNative.Linking.openURL('https://reactnative.dev/');
805
891
  };
806
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
807
- onPress: handlePress
808
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
809
- style: styles$6.link
810
- }, "Clique aqui para acessar o React Native"));
892
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
893
+ onPress: handlePress,
894
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
895
+ style: styles$6.link,
896
+ children: "Clique aqui para acessar o React Native"
897
+ })
898
+ });
811
899
  }
812
900
  var styles$6 = {
813
901
  link: {}
@@ -817,11 +905,13 @@ function Radio(props) {
817
905
  var handlePress = function handlePress() {
818
906
  reactNative.Linking.openURL('https://reactnative.dev/');
819
907
  };
820
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
821
- onPress: handlePress
822
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
823
- style: styles$7.link
824
- }, "Clique aqui para acessar o React Native"));
908
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
909
+ onPress: handlePress,
910
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
911
+ style: styles$7.link,
912
+ children: "Clique aqui para acessar o React Native"
913
+ })
914
+ });
825
915
  }
826
916
  var styles$7 = {
827
917
  link: {}
@@ -831,30 +921,32 @@ function Input(props) {
831
921
  var handlePress = function handlePress() {
832
922
  reactNative.Linking.openURL('https://reactnative.dev/');
833
923
  };
834
- return /*#__PURE__*/React.createElement(reactNative.TouchableOpacity, {
835
- onPress: handlePress
836
- }, /*#__PURE__*/React.createElement(reactNative.Text, {
837
- style: styles$8.link
838
- }, "Clique aqui para acessar o React Native"));
924
+ return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
925
+ onPress: handlePress,
926
+ children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
927
+ style: styles$8.link,
928
+ children: "Clique aqui para acessar o React Native"
929
+ })
930
+ });
839
931
  }
840
932
  var styles$8 = {
841
933
  link: {}
842
934
  };
843
935
 
844
936
  function UIElement(props) {
845
- var _useState = React$1.useState(reactCrudUtils.ScopeUtils.create(props)),
937
+ var _useState = React.useState(reactCrudUtils.ScopeUtils.create(props)),
846
938
  scope = _useState[0];
847
- var _useState2 = React$1.useState(0),
939
+ var _useState2 = React.useState(0),
848
940
  index = _useState2[0],
849
941
  setIndex = _useState2[1];
850
- var _useState3 = React$1.useState(null),
942
+ var _useState3 = React.useState(null),
851
943
  error = _useState3[0],
852
944
  setError = _useState3[1];
853
945
  var options = scope.getOptions();
854
946
  var crud = reactCrudUtils.Utils.nvl(props.crud, scope.crud);
855
947
  var original = scope.original;
856
948
  var type = original.type;
857
- var ref = React$1.useRef(null);
949
+ var ref = React.useRef(null);
858
950
  scope.update = function () {
859
951
  setIndex(++index);
860
952
  };
@@ -870,19 +962,19 @@ function UIElement(props) {
870
962
  var CurrentRouter = function CurrentRouter() {
871
963
  if (router[type]) {
872
964
  var Aux = router[type];
873
- return /*#__PURE__*/React$1__default.createElement(Aux, _extends({
965
+ return /*#__PURE__*/jsxRuntime.jsx(Aux, _extends({
874
966
  crud: crud
875
967
  }, props, {
876
968
  scope: scope
877
969
  }));
878
970
  }
879
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
971
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
880
972
  };
881
973
  var Custom = function Custom() {
882
974
  var c = original.custom;
883
975
  if (c) {
884
976
  if (typeof c === 'string') {
885
- return /*#__PURE__*/React$1__default.createElement(UIElement, {
977
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, {
886
978
  element: {
887
979
  value: c,
888
980
  type: 'dummy'
@@ -890,17 +982,19 @@ function UIElement(props) {
890
982
  crud: crud
891
983
  });
892
984
  }
893
- return /*#__PURE__*/React$1__default.createElement(UIElement, _extends({
985
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({
894
986
  type: c.type,
895
987
  tag: c.type
896
988
  }, c.props, {
897
989
  crud: crud
898
990
  }));
899
991
  }
900
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
992
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
901
993
  };
902
994
  if (scope.is('type', 'dummy')) {
903
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, scope.getDisplayValue());
995
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
996
+ children: scope.getDisplayValue()
997
+ });
904
998
  }
905
999
  var onCheck = function onCheck() {
906
1000
  var v = scope.getValue();
@@ -953,13 +1047,13 @@ function UIElement(props) {
953
1047
  return !reactCrudUtils.Utils.isEmpty(props.children) || !reactCrudUtils.Utils.isEmpty(props.elements);
954
1048
  };
955
1049
  if (!scope.isRendered() || scope.is('type', 'define')) {
956
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
1050
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
957
1051
  }
958
1052
  scope.error = function (msg) {
959
1053
  error = msg;
960
1054
  setError(msg);
961
1055
  };
962
- React$1.useEffect(function () {
1056
+ React.useEffect(function () {
963
1057
  if (!scope.ready) {
964
1058
  scope.ready = true;
965
1059
  scope.call('load');
@@ -973,9 +1067,13 @@ function UIElement(props) {
973
1067
  });
974
1068
  var CustomIcon = function CustomIcon() {
975
1069
  if (typeof original.icon === 'string') {
976
- return /*#__PURE__*/React$1__default.createElement(Icon, null, scope.getIcon());
1070
+ return /*#__PURE__*/jsxRuntime.jsx(Icon, {
1071
+ children: scope.getIcon()
1072
+ });
977
1073
  }
978
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, original.icon);
1074
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
1075
+ children: original.icon
1076
+ });
979
1077
  };
980
1078
  var getLabelClass = function getLabelClass(type) {
981
1079
  var clss = "ui-text ui-" + type + "-text";
@@ -999,16 +1097,16 @@ function UIElement(props) {
999
1097
  config: _extends({}, original)
1000
1098
  };
1001
1099
  dlg.component = function (args) {
1002
- return /*#__PURE__*/React$1__default.createElement(UIChildren, _extends({}, props, {
1100
+ return /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
1003
1101
  scope: scope,
1004
1102
  crud: crud
1005
1103
  }));
1006
1104
  };
1007
1105
  crud.dialogs[name] = dlg;
1008
1106
  }
1009
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null);
1107
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
1010
1108
  }
1011
- React$1.useLayoutEffect(function () {
1109
+ React.useLayoutEffect(function () {
1012
1110
  if (ref != null && ref.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {
1013
1111
  var el = ref == null ? void 0 : ref.current;
1014
1112
  if (el) {
@@ -1027,230 +1125,250 @@ function UIElement(props) {
1027
1125
  }
1028
1126
  return true;
1029
1127
  };
1030
- return /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, /*#__PURE__*/React$1__default.createElement("div", {
1031
- className: 'ui-el ' + scope.getStyleClass(),
1032
- ref: ref,
1033
- style: scope.getStyle()
1034
- }, isShowInner() && /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, /*#__PURE__*/React$1__default.createElement("div", {
1035
- className: scope.getStyleClass('inner'),
1036
- style: scope.getStyle('inner')
1037
- }, scope.is('type', 'button') && /*#__PURE__*/React$1__default.createElement(Button, _extends({}, defaultsUI, {
1038
- onClick: onClick,
1039
- variant: scope.attr('variant', 'outlined')
1040
- }), original.icon && /*#__PURE__*/React$1__default.createElement(CustomIcon, null), original.label && /*#__PURE__*/React$1__default.createElement("span", {
1041
- className: getLabelClass('button')
1042
- }, scope.getLabel())), scope.is('type', 'icon') && /*#__PURE__*/React$1__default.createElement(Icon, _extends({}, defaultsUI, {
1043
- onClick: onClick,
1044
- variant: scope.attr('variant', 'outlined')
1045
- }), scope.getDisplayValue()), scope.is('type', 'link') && /*#__PURE__*/React$1__default.createElement(Link, _extends({}, defaultsUI, {
1046
- onClick: onClick,
1047
- variant: scope.attr('variant', 'outlined')
1048
- }), original.icon && /*#__PURE__*/React$1__default.createElement(CustomIcon, null), original.label && /*#__PURE__*/React$1__default.createElement("span", {
1049
- className: getLabelClass('link')
1050
- }, scope.getLabel())), scope.is('type', 'text', 'number', 'phone', 'postalCode', 'money', 'password', 'email') && /*#__PURE__*/React$1__default.createElement(Input, _extends({}, defaultsInput, defaultsUI, {
1051
- InputProps: _extends({}, original.inputProps)
1052
- })), scope.is('type', 'complete', 'autocomplete') && /*#__PURE__*/React$1__default.createElement(UIComplete, {
1053
- scope: scope,
1054
- defaultsInput: defaultsInput,
1055
- defaultsUI: defaultsUI
1056
- }), scope.is('type', 'checkbox', 'boolean', 'switch') && /*#__PURE__*/React$1__default.createElement(Switch, _extends({
1057
- checked: isChecked()
1058
- }, defaultsInput, {
1059
- onChange: onCheck
1060
- })), scope.is('type', 'select') && /*#__PURE__*/React$1__default.createElement(Select, _extends({}, defaultsInput, defaultsUI, {
1061
- value: scope.getSelectedValue()
1062
- }), /*#__PURE__*/React$1__default.createElement(Option, {
1063
- value: ''
1064
- }, "Selecione"), options.map(function (row, i) {
1065
- return /*#__PURE__*/React$1__default.createElement(Option, {
1066
- key: 'i' + i,
1067
- value: row.value
1068
- }, row.label);
1069
- })), scope.is('type', 'radio') && /*#__PURE__*/React$1__default.createElement(Radio, _extends({}, defaultsInput, defaultsUI, {
1070
- row: true
1071
- }), options.map(function (row, i) {
1072
- return /*#__PURE__*/React$1__default.createElement(Option, {
1073
- key: 'i' + i,
1074
- control: /*#__PURE__*/React$1__default.createElement(Radio, defaultsUI),
1075
- label: row.label,
1076
- value: row.value
1077
- });
1078
- })), scope.is('type', 'custom') && /*#__PURE__*/React$1__default.createElement(Custom, null), scope.is('type', 'column') && /*#__PURE__*/React$1__default.createElement(React$1__default.Fragment, null, scope.is('format', 'img') && /*#__PURE__*/React$1__default.createElement("img", {
1079
- src: scope.getDisplayValue()
1080
- }), scope.is('format', 'icon') && /*#__PURE__*/React$1__default.createElement("i", {
1081
- className: scope.getDisplayValue()
1082
- }), !scope.is('format', 'icon', 'img') && /*#__PURE__*/React$1__default.createElement("span", null, scope.getDisplayValue())), scope.is('type', 'output') && /*#__PURE__*/React$1__default.createElement("span", null, scope.getDisplayValue())), error && /*#__PURE__*/React$1__default.createElement("div", {
1083
- className: "ui-error"
1084
- }, error)), /*#__PURE__*/React$1__default.createElement(CurrentRouter, null), !scope.is('type', 'card', 'tabs', 'grid', 'list', 'define', 'repeat') && /*#__PURE__*/React$1__default.createElement(UIChildren, _extends({}, props, {
1085
- scope: scope,
1086
- crud: crud
1087
- }))));
1128
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
1129
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
1130
+ className: 'ui-el ' + scope.getStyleClass(),
1131
+ ref: ref,
1132
+ style: scope.getStyle(),
1133
+ children: [isShowInner() && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1134
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
1135
+ className: scope.getStyleClass('inner'),
1136
+ style: scope.getStyle('inner'),
1137
+ children: [scope.is('type', 'button') && /*#__PURE__*/jsxRuntime.jsxs(Button, _extends({}, defaultsUI, {
1138
+ onClick: onClick,
1139
+ variant: scope.attr('variant', 'outlined'),
1140
+ children: [original.icon && /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsxRuntime.jsx("span", {
1141
+ className: getLabelClass('button'),
1142
+ children: scope.getLabel()
1143
+ })]
1144
+ })), scope.is('type', 'icon') && /*#__PURE__*/jsxRuntime.jsx(Icon, _extends({}, defaultsUI, {
1145
+ onClick: onClick,
1146
+ variant: scope.attr('variant', 'outlined'),
1147
+ children: scope.getDisplayValue()
1148
+ })), scope.is('type', 'link') && /*#__PURE__*/jsxRuntime.jsxs(Link, _extends({}, defaultsUI, {
1149
+ onClick: onClick,
1150
+ variant: scope.attr('variant', 'outlined'),
1151
+ children: [original.icon && /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsxRuntime.jsx("span", {
1152
+ className: getLabelClass('link'),
1153
+ children: scope.getLabel()
1154
+ })]
1155
+ })), scope.is('type', 'text', 'number', 'phone', 'postalCode', 'money', 'password', 'email') && /*#__PURE__*/jsxRuntime.jsx(Input, _extends({}, defaultsInput, defaultsUI, {
1156
+ InputProps: _extends({}, original.inputProps)
1157
+ })), scope.is('type', 'complete', 'autocomplete') && /*#__PURE__*/jsxRuntime.jsx(UIComplete, {
1158
+ scope: scope,
1159
+ defaultsInput: defaultsInput,
1160
+ defaultsUI: defaultsUI
1161
+ }), scope.is('type', 'checkbox', 'boolean', 'switch') && /*#__PURE__*/jsxRuntime.jsx(Switch, _extends({
1162
+ checked: isChecked()
1163
+ }, defaultsInput, {
1164
+ onChange: onCheck
1165
+ })), scope.is('type', 'select') && /*#__PURE__*/jsxRuntime.jsxs(Select, _extends({}, defaultsInput, defaultsUI, {
1166
+ value: scope.getSelectedValue(),
1167
+ children: [/*#__PURE__*/jsxRuntime.jsx(Option, {
1168
+ value: '',
1169
+ children: "Selecione"
1170
+ }), options.map(function (row, i) {
1171
+ return /*#__PURE__*/jsxRuntime.jsx(Option, {
1172
+ value: row.value,
1173
+ children: row.label
1174
+ }, 'i' + i);
1175
+ })]
1176
+ })), scope.is('type', 'radio') && /*#__PURE__*/jsxRuntime.jsx(Radio, _extends({}, defaultsInput, defaultsUI, {
1177
+ row: true,
1178
+ children: options.map(function (row, i) {
1179
+ return /*#__PURE__*/jsxRuntime.jsx(Option, {
1180
+ control: /*#__PURE__*/jsxRuntime.jsx(Radio, _extends({}, defaultsUI)),
1181
+ label: row.label,
1182
+ value: row.value
1183
+ }, 'i' + i);
1184
+ })
1185
+ })), scope.is('type', 'custom') && /*#__PURE__*/jsxRuntime.jsx(Custom, {}), scope.is('type', 'column') && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1186
+ children: [scope.is('format', 'img') && /*#__PURE__*/jsxRuntime.jsx("img", {
1187
+ src: scope.getDisplayValue()
1188
+ }), scope.is('format', 'icon') && /*#__PURE__*/jsxRuntime.jsx("i", {
1189
+ className: scope.getDisplayValue()
1190
+ }), !scope.is('format', 'icon', 'img') && /*#__PURE__*/jsxRuntime.jsx("span", {
1191
+ children: scope.getDisplayValue()
1192
+ })]
1193
+ }), scope.is('type', 'output') && /*#__PURE__*/jsxRuntime.jsx("span", {
1194
+ children: scope.getDisplayValue()
1195
+ })]
1196
+ }), error && /*#__PURE__*/jsxRuntime.jsx("div", {
1197
+ className: "ui-error",
1198
+ children: error
1199
+ })]
1200
+ }), /*#__PURE__*/jsxRuntime.jsx(CurrentRouter, {}), !scope.is('type', 'card', 'tabs', 'grid', 'list', 'define', 'repeat') && /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
1201
+ scope: scope,
1202
+ crud: crud
1203
+ }))]
1204
+ })
1205
+ });
1088
1206
  }
1089
1207
 
1090
1208
  var _excluded = ["type"];
1091
1209
  var UI = {
1092
1210
  Grid: function Grid(props) {
1093
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1211
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1094
1212
  type: "list"
1095
1213
  }));
1096
1214
  },
1097
1215
  Repeat: function Repeat(props) {
1098
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1216
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1099
1217
  type: "repeat"
1100
1218
  }));
1101
1219
  },
1102
1220
  Define: function Define(props) {
1103
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1221
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1104
1222
  type: "define"
1105
1223
  }));
1106
1224
  },
1107
1225
  Include: function Include(props) {
1108
- return /*#__PURE__*/React.createElement(ElInclude, props);
1226
+ return /*#__PURE__*/jsxRuntime.jsx(ElInclude, _extends({}, props));
1109
1227
  },
1110
1228
  Column: function Column(_ref) {
1111
1229
  var props = _objectWithoutPropertiesLoose(_ref, _excluded);
1112
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1230
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1113
1231
  type: "column"
1114
1232
  }));
1115
1233
  },
1116
1234
  Input: function Input(props) {
1117
- return /*#__PURE__*/React.createElement(UIElement, props);
1235
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props));
1118
1236
  },
1119
1237
  Text: function Text(props) {
1120
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1238
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1121
1239
  type: "text"
1122
1240
  }));
1123
1241
  },
1124
1242
  Email: function Email(props) {
1125
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1243
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1126
1244
  type: "email"
1127
1245
  }));
1128
1246
  },
1129
1247
  Button: function Button(props) {
1130
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1248
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1131
1249
  type: "button"
1132
1250
  }));
1133
1251
  },
1134
1252
  Link: function Link(props) {
1135
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1253
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1136
1254
  type: "link"
1137
1255
  }));
1138
1256
  },
1139
1257
  Icon: function Icon(props) {
1140
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1258
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1141
1259
  type: "icon"
1142
1260
  }));
1143
1261
  },
1144
1262
  Output: function Output(props) {
1145
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1263
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1146
1264
  type: "output"
1147
1265
  }));
1148
1266
  },
1149
1267
  Form: function Form(props) {
1150
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1268
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1151
1269
  type: "form"
1152
1270
  }));
1153
1271
  },
1154
1272
  Crud: function Crud(props) {
1155
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1273
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1156
1274
  type: "crud"
1157
1275
  }));
1158
1276
  },
1159
1277
  View: function View(props) {
1160
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1278
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1161
1279
  type: "view",
1162
1280
  "transient": true
1163
1281
  }));
1164
1282
  },
1165
1283
  Bottom: function Bottom(props) {
1166
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1284
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1167
1285
  type: "bottom"
1168
1286
  }));
1169
1287
  },
1170
1288
  Dialog: function Dialog(props) {
1171
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1289
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1172
1290
  type: "dialog"
1173
1291
  }));
1174
1292
  },
1175
1293
  Content: function Content(props) {
1176
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1294
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1177
1295
  type: "content"
1178
1296
  }));
1179
1297
  },
1180
1298
  Top: function Top(props) {
1181
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1299
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1182
1300
  type: "top"
1183
1301
  }));
1184
1302
  },
1185
1303
  Card: function Card(props) {
1186
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1304
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1187
1305
  type: "card"
1188
1306
  }));
1189
1307
  },
1190
1308
  Tab: function Tab(props) {
1191
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1309
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1192
1310
  type: "tab"
1193
1311
  }));
1194
1312
  },
1195
1313
  Tabs: function Tabs(props) {
1196
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1314
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1197
1315
  type: "tabs"
1198
1316
  }));
1199
1317
  },
1200
1318
  Step: function Step(props) {
1201
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1319
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1202
1320
  type: "tab",
1203
1321
  layout: "step"
1204
1322
  }));
1205
1323
  },
1206
1324
  Stepper: function Stepper(props) {
1207
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1325
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1208
1326
  type: "tabs",
1209
1327
  layout: "stepper"
1210
1328
  }));
1211
1329
  },
1212
1330
  Money: function Money(props) {
1213
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1331
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1214
1332
  type: "money"
1215
1333
  }));
1216
1334
  },
1217
1335
  Chart: function Chart(props) {
1218
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1336
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1219
1337
  type: "chart"
1220
1338
  }));
1221
1339
  },
1222
1340
  Password: function Password(props) {
1223
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1341
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1224
1342
  type: "password"
1225
1343
  }));
1226
1344
  },
1227
1345
  Complete: function Complete(props) {
1228
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1346
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1229
1347
  type: "complete"
1230
1348
  }));
1231
1349
  },
1232
1350
  Checkbox: function Checkbox(props) {
1233
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1351
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1234
1352
  type: "checkbox"
1235
1353
  }));
1236
1354
  },
1237
1355
  Radio: function Radio(props) {
1238
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1356
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1239
1357
  type: "radio"
1240
1358
  }));
1241
1359
  },
1242
1360
  Select: function Select(props) {
1243
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1361
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1244
1362
  type: "select"
1245
1363
  }));
1246
1364
  },
1247
1365
  Entity: function Entity(props) {
1248
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1366
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1249
1367
  type: "entity"
1250
1368
  }));
1251
1369
  },
1252
1370
  Element: function Element(props) {
1253
- return /*#__PURE__*/React.createElement(UIElement, _extends({}, props, {
1371
+ return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
1254
1372
  type: "element"
1255
1373
  }));
1256
1374
  }