react-crud-mobile 1.0.72 → 1.0.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/UIChildren.d.ts +2 -2
- package/dist/react-crud-mobile.cjs.development.js +43 -65
- package/dist/react-crud-mobile.cjs.development.js.map +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js +1 -1
- package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
- package/dist/react-crud-mobile.esm.js +43 -65
- package/dist/react-crud-mobile.esm.js.map +1 -1
- package/package.json +66 -66
- package/src/elements/UI.tsx +57 -57
- package/src/elements/UIChildren.tsx +114 -117
- package/src/elements/UIComplete.tsx +14 -14
- package/src/elements/UIElement.tsx +406 -408
- package/src/elements/UITag.tsx +13 -13
- package/src/elements/charts/ElChart.tsx +10 -10
- package/src/elements/core/Input.tsx +40 -40
- package/src/elements/grid/ElGrid.tsx +48 -48
- package/src/elements/grid/ElGridBotom.tsx +21 -21
- package/src/elements/grid/ElGridCheck.tsx +67 -67
- package/src/elements/grid/ElGridColumn.tsx +32 -32
- package/src/elements/grid/ElGridFilter.tsx +5 -5
- package/src/elements/grid/ElGridPaginator.tsx +82 -82
- package/src/elements/grid/ElGridRow.tsx +123 -123
- package/src/elements/grid/ElGridTop.tsx +44 -44
- package/src/elements/grid/ElInclude.tsx +40 -40
- package/src/elements/grid/ElLabel.tsx +50 -50
- package/src/elements/grid/ElRepeat.tsx +24 -24
- package/src/elements/grid/ElRepeatRow.tsx +40 -40
- package/src/elements/index.ts +1 -1
- package/src/elements/tabs/ElTabs.tsx +178 -178
- package/src/index.ts +1 -1
- package/dist/elements/card/ElCard.d.ts +0 -3
- package/src/elements/card/ElCard.tsx +0 -25
|
@@ -7,9 +7,9 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var React__default = _interopDefault(React);
|
|
9
9
|
var reactCrudUtils = require('react-crud-utils');
|
|
10
|
+
var reactNative = require('react-native');
|
|
10
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
11
12
|
var Ionicons = _interopDefault(require('@expo/vector-icons/Ionicons'));
|
|
12
|
-
var reactNative = require('react-native');
|
|
13
13
|
var vectorIcons = require('@expo/vector-icons');
|
|
14
14
|
|
|
15
15
|
function _extends() {
|
|
@@ -35,8 +35,8 @@ function UIChildren(props) {
|
|
|
35
35
|
var _useState = React.useState(reactCrudUtils.Utils.nvl(props.scope, reactCrudUtils.ScopeUtils.create(props))),
|
|
36
36
|
scope = _useState[0];
|
|
37
37
|
var crud = reactCrudUtils.Utils.nvl(props.crud, scope.crud);
|
|
38
|
-
var validateScope = reactCrudUtils.Utils.nvl(props.validateScope,
|
|
39
|
-
var name = reactCrudUtils.Utils.nvl(props.part,
|
|
38
|
+
var validateScope = reactCrudUtils.Utils.nvl(props.validateScope, 'global');
|
|
39
|
+
var name = reactCrudUtils.Utils.nvl(props.part, 'child');
|
|
40
40
|
if (scope.isInput()) {
|
|
41
41
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
42
42
|
}
|
|
@@ -45,7 +45,7 @@ function UIChildren(props) {
|
|
|
45
45
|
if (!child) {
|
|
46
46
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
47
47
|
}
|
|
48
|
-
if (typeof child ===
|
|
48
|
+
if (typeof child === 'string') {
|
|
49
49
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
50
50
|
children: child
|
|
51
51
|
});
|
|
@@ -53,7 +53,7 @@ function UIChildren(props) {
|
|
|
53
53
|
var Custom = child.type;
|
|
54
54
|
var pps = _extends({}, child.props);
|
|
55
55
|
delete pps.children;
|
|
56
|
-
if (typeof Custom ===
|
|
56
|
+
if (typeof Custom === 'string') {
|
|
57
57
|
if (reactCrudUtils.Utils.isEmpty(child.props.children)) {
|
|
58
58
|
return /*#__PURE__*/jsxRuntime.jsx(Custom, _extends({}, pps));
|
|
59
59
|
}
|
|
@@ -66,7 +66,7 @@ function UIChildren(props) {
|
|
|
66
66
|
crud: crud
|
|
67
67
|
}))
|
|
68
68
|
}));
|
|
69
|
-
} else if (typeof Custom ===
|
|
69
|
+
} else if (typeof Custom === 'function') {
|
|
70
70
|
return /*#__PURE__*/jsxRuntime.jsx(Custom, _extends({
|
|
71
71
|
validateScope: validateScope
|
|
72
72
|
}, child.props, {
|
|
@@ -110,8 +110,7 @@ function UIChildren(props) {
|
|
|
110
110
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
111
111
|
}
|
|
112
112
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
113
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
114
|
-
className: scope.getStyleClass(name),
|
|
113
|
+
children: /*#__PURE__*/jsxRuntime.jsx(reactNative.View, _extends({
|
|
115
114
|
style: scope.getStyle(name)
|
|
116
115
|
}, props.childProps, {
|
|
117
116
|
children: /*#__PURE__*/jsxRuntime.jsx(Draw, {})
|
|
@@ -526,62 +525,6 @@ function ElGrid(props) {
|
|
|
526
525
|
});
|
|
527
526
|
}
|
|
528
527
|
|
|
529
|
-
function ElInclude(props) {
|
|
530
|
-
if (props.rendered === false) {
|
|
531
|
-
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
532
|
-
}
|
|
533
|
-
var includes = reactCrudUtils.ComponentUtils.getDefine(props, props.name, props.position);
|
|
534
|
-
if (reactCrudUtils.Utils.isEmpty(includes)) {
|
|
535
|
-
includes = props["default"];
|
|
536
|
-
}
|
|
537
|
-
if (!reactCrudUtils.Utils.isEmpty(includes)) {
|
|
538
|
-
var Aux = function Aux(tagProp) {
|
|
539
|
-
var Tag = props.tag;
|
|
540
|
-
if (!reactCrudUtils.Utils.isEmpty(Tag)) {
|
|
541
|
-
return /*#__PURE__*/jsxRuntime.jsx(Tag, _extends({}, tagProp, {
|
|
542
|
-
children: tagProp.children
|
|
543
|
-
}));
|
|
544
|
-
}
|
|
545
|
-
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
546
|
-
children: tagProp.children
|
|
547
|
-
});
|
|
548
|
-
};
|
|
549
|
-
return /*#__PURE__*/jsxRuntime.jsx(Aux, _extends({}, props.tagProps, {
|
|
550
|
-
children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({
|
|
551
|
-
"transient": true
|
|
552
|
-
}, props, {
|
|
553
|
-
scope: props.scope,
|
|
554
|
-
crud: props.crud,
|
|
555
|
-
part: props.name,
|
|
556
|
-
children: includes
|
|
557
|
-
}))
|
|
558
|
-
}));
|
|
559
|
-
}
|
|
560
|
-
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
561
|
-
children: includes
|
|
562
|
-
});
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
function ElCard(props) {
|
|
566
|
-
var scope = props.scope;
|
|
567
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
568
|
-
className: scope.getStyleClass('inner'),
|
|
569
|
-
style: scope.getStyle('inner'),
|
|
570
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(ElLabel, _extends({}, props, {
|
|
571
|
-
scope: scope
|
|
572
|
-
})), /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({}, props, {
|
|
573
|
-
scope: scope
|
|
574
|
-
})), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
575
|
-
className: scope.getStyleClass('bottom'),
|
|
576
|
-
style: scope.getStyle('bottom'),
|
|
577
|
-
children: /*#__PURE__*/jsxRuntime.jsx(ElInclude, _extends({}, props, {
|
|
578
|
-
scope: scope,
|
|
579
|
-
name: "bottom"
|
|
580
|
-
}))
|
|
581
|
-
})]
|
|
582
|
-
});
|
|
583
|
-
}
|
|
584
|
-
|
|
585
528
|
function ElTabs(props) {
|
|
586
529
|
var scope = props.scope;
|
|
587
530
|
var _useState = React.useState(0),
|
|
@@ -1021,7 +964,6 @@ function UIElement(props) {
|
|
|
1021
964
|
list: ElGrid,
|
|
1022
965
|
grid: ElGrid,
|
|
1023
966
|
label: ElLabel,
|
|
1024
|
-
card: ElCard,
|
|
1025
967
|
repeat: ElRepeat,
|
|
1026
968
|
tabs: ElTabs,
|
|
1027
969
|
chart: ElChart
|
|
@@ -1298,6 +1240,42 @@ var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
|
|
|
1298
1240
|
}
|
|
1299
1241
|
});
|
|
1300
1242
|
|
|
1243
|
+
function ElInclude(props) {
|
|
1244
|
+
if (props.rendered === false) {
|
|
1245
|
+
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
1246
|
+
}
|
|
1247
|
+
var includes = reactCrudUtils.ComponentUtils.getDefine(props, props.name, props.position);
|
|
1248
|
+
if (reactCrudUtils.Utils.isEmpty(includes)) {
|
|
1249
|
+
includes = props["default"];
|
|
1250
|
+
}
|
|
1251
|
+
if (!reactCrudUtils.Utils.isEmpty(includes)) {
|
|
1252
|
+
var Aux = function Aux(tagProp) {
|
|
1253
|
+
var Tag = props.tag;
|
|
1254
|
+
if (!reactCrudUtils.Utils.isEmpty(Tag)) {
|
|
1255
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tag, _extends({}, tagProp, {
|
|
1256
|
+
children: tagProp.children
|
|
1257
|
+
}));
|
|
1258
|
+
}
|
|
1259
|
+
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
1260
|
+
children: tagProp.children
|
|
1261
|
+
});
|
|
1262
|
+
};
|
|
1263
|
+
return /*#__PURE__*/jsxRuntime.jsx(Aux, _extends({}, props.tagProps, {
|
|
1264
|
+
children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, _extends({
|
|
1265
|
+
"transient": true
|
|
1266
|
+
}, props, {
|
|
1267
|
+
scope: props.scope,
|
|
1268
|
+
crud: props.crud,
|
|
1269
|
+
part: props.name,
|
|
1270
|
+
children: includes
|
|
1271
|
+
}))
|
|
1272
|
+
}));
|
|
1273
|
+
}
|
|
1274
|
+
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
1275
|
+
children: includes
|
|
1276
|
+
});
|
|
1277
|
+
}
|
|
1278
|
+
|
|
1301
1279
|
var _excluded = ["type"];
|
|
1302
1280
|
var UI = {
|
|
1303
1281
|
Grid: function Grid(props) {
|