@evlop/native-components 1.0.131 → 1.0.132
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/src/RenderPage/DrawerLayout.d.ts +11 -0
- package/dist/src/RenderPage/DrawerLayout.d.ts.map +1 -0
- package/dist/src/RenderPage/DrawerLayout.js +63 -0
- package/dist/src/RenderPage/DrawerLayout.js.map +1 -0
- package/dist/src/RenderPage/index.d.ts.map +1 -1
- package/dist/src/RenderPage/index.js +8 -1
- package/dist/src/RenderPage/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DrawerLayoutProps {
|
|
3
|
+
drawerComponentType?: string;
|
|
4
|
+
drawerComponentId?: string;
|
|
5
|
+
drawerComponentData: any;
|
|
6
|
+
drawerLockMode: string;
|
|
7
|
+
children: React.ReactElement;
|
|
8
|
+
}
|
|
9
|
+
declare const DrawerLayout: React.FunctionComponent<DrawerLayoutProps>;
|
|
10
|
+
export default DrawerLayout;
|
|
11
|
+
//# sourceMappingURL=DrawerLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerLayout.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/DrawerLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,UAAU,iBAAiB;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,GAAG,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAiC5D,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
const commons_1 = require("@evlop/commons");
|
|
27
|
+
const native_components_1 = require("@evlop/native-components");
|
|
28
|
+
const native_1 = require("@react-navigation/native");
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const DrawerLayout = ({ drawerComponentType, drawerComponentId = drawerComponentType, drawerComponentData, drawerLockMode, children }) => {
|
|
31
|
+
const navigation = (0, commons_1.useNavigation)();
|
|
32
|
+
const appDrawer = (0, commons_1.useScope)("appDrawer");
|
|
33
|
+
const isFocused = (0, native_1.useIsFocused)();
|
|
34
|
+
const { colors: { 'header-tint': headerTintColor } } = (0, commons_1.useTheme)();
|
|
35
|
+
(0, react_1.useEffect)(() => {
|
|
36
|
+
var _a, _b;
|
|
37
|
+
const drawerOptions = {
|
|
38
|
+
componentId: drawerComponentId,
|
|
39
|
+
data: drawerComponentData,
|
|
40
|
+
lockMode: null,
|
|
41
|
+
};
|
|
42
|
+
if (!isFocused || drawerLockMode === 'closed') {
|
|
43
|
+
drawerOptions.lockMode = 'locked-closed';
|
|
44
|
+
if ((_a = appDrawer === null || appDrawer === void 0 ? void 0 : appDrawer.isOpen) === null || _a === void 0 ? void 0 : _a.call(appDrawer))
|
|
45
|
+
appDrawer === null || appDrawer === void 0 ? void 0 : appDrawer.closeDrawer();
|
|
46
|
+
}
|
|
47
|
+
else if (drawerLockMode === 'open') {
|
|
48
|
+
drawerOptions.lockMode = 'locked-open';
|
|
49
|
+
if (!((_b = appDrawer === null || appDrawer === void 0 ? void 0 : appDrawer.isOpen) === null || _b === void 0 ? void 0 : _b.call(appDrawer)))
|
|
50
|
+
appDrawer === null || appDrawer === void 0 ? void 0 : appDrawer.openDrawer();
|
|
51
|
+
}
|
|
52
|
+
appDrawer.setOptions(drawerOptions);
|
|
53
|
+
}, [appDrawer, drawerComponentData, drawerLockMode, isFocused]);
|
|
54
|
+
(0, react_1.useEffect)(() => {
|
|
55
|
+
navigation.setOptions({
|
|
56
|
+
headerLeft: () => react_1.default.createElement(native_components_1.View, { px: "2xs" },
|
|
57
|
+
react_1.default.createElement(native_components_1.Icon, { color: headerTintColor, onPress: appDrawer.openDrawer, icon: 'ionicons:menu-outline' })),
|
|
58
|
+
});
|
|
59
|
+
}, [navigation, headerTintColor, appDrawer]);
|
|
60
|
+
return children;
|
|
61
|
+
};
|
|
62
|
+
exports.default = DrawerLayout;
|
|
63
|
+
//# sourceMappingURL=DrawerLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerLayout.js","sourceRoot":"","sources":["../../../src/RenderPage/DrawerLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAmE;AACnE,gEAAsD;AACtD,qDAAwD;AACxD,+CAAyC;AAUzC,MAAM,YAAY,GAA+C,CAAC,EAAC,mBAAmB,EAAE,iBAAiB,GAAG,mBAAmB,EAAE,mBAAmB,EAAE,cAAc,EAAE,QAAQ,EAAC,EAAE,EAAE;IACjL,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,MAAM,SAAS,GAAG,IAAA,kBAAQ,EAAC,WAAW,CAAQ,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAA,qBAAY,GAAE,CAAC;IACjC,MAAM,EACJ,MAAM,EAAE,EAAE,aAAa,EAAE,eAAe,EAAE,EAC3C,GAAG,IAAA,kBAAQ,GAAE,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAE,EAAE;;QACZ,MAAM,aAAa,GAAG;YACpB,WAAW,EAAE,iBAAiB;YAC9B,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE,IAAI;SACf,CAAC;QAEF,IAAG,CAAC,SAAS,IAAI,cAAc,KAAK,QAAQ,EAAC;YAC3C,aAAa,CAAC,QAAQ,GAAG,eAAe,CAAC;YACzC,IAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,yDAAI;gBAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,EAAE,CAAC;SACpD;aAAM,IAAG,cAAc,KAAK,MAAM,EAAC;YAClC,aAAa,CAAC,QAAQ,GAAG,aAAa,CAAC;YACvC,IAAG,CAAC,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,yDAAI,CAAA;gBAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,EAAE,CAAC;SACpD;QAED,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IACrC,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAA;IAE/D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,UAAU,CAAC;YACpB,UAAU,EAAE,GAAG,EAAE,CAAC,8BAAC,wBAAI,IAAC,EAAE,EAAC,KAAK;gBAAC,8BAAC,wBAAI,IAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE,IAAI,EAAC,uBAAuB,GAAG,CAAO;SACrI,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5C,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWrC,eAAO,MAAM,UAAU;;iBAqFtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;mDAAyD,CAAC;AAE3F,eAAe,UAAU,CAAC"}
|
|
@@ -38,6 +38,7 @@ const contexts_1 = require("../contexts");
|
|
|
38
38
|
const DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
|
|
39
39
|
const RenderPageFooter_1 = __importDefault(require("./RenderPageFooter"));
|
|
40
40
|
const RenderPageHeader_1 = __importDefault(require("./RenderPageHeader"));
|
|
41
|
+
const DrawerLayout_1 = __importDefault(require("./DrawerLayout"));
|
|
41
42
|
const RenderPage = ({ id }) => {
|
|
42
43
|
const pages = (0, react_redux_1.useSelector)((s) => s.pages.records.data);
|
|
43
44
|
const params = (0, commons_1.useParams)();
|
|
@@ -54,7 +55,7 @@ const RenderPage = ({ id }) => {
|
|
|
54
55
|
const pageTypeComponents = (0, react_1.useMemo)(() => {
|
|
55
56
|
return pageTypes.filter(p => p instanceof Function && p.routeName === page.routeName);
|
|
56
57
|
}, [pageTypes, page.routeName]);
|
|
57
|
-
const { layout, blocks: bodyBlocks, dataSources } = page || {};
|
|
58
|
+
const { layout, blocks: bodyBlocks, dataSources, drawer } = page || {};
|
|
58
59
|
const headerBlocks = appConfig === null || appConfig === void 0 ? void 0 : appConfig.headerBlocks;
|
|
59
60
|
const footerBlocks = appConfig === null || appConfig === void 0 ? void 0 : appConfig.footerBlocks;
|
|
60
61
|
const blocks = (0, react_1.useMemo)(() => {
|
|
@@ -68,6 +69,12 @@ const RenderPage = ({ id }) => {
|
|
|
68
69
|
pageContent = (0, react_1.useMemo)(() => (0, lodash_1.reduce)(pageTypeComponents, (children, PageTypeComponent, i) => (react_1.default.createElement(PageTypeComponent, { key: `page-type-component-${i}` }, children)), pageContent), [pageContent, pageTypeComponents]);
|
|
69
70
|
// wrap inside data sources provider
|
|
70
71
|
pageContent = (0, react_1.useMemo)(() => (0, lodash_1.reduce)(dataSources, (prev, { name, dataSource }) => (react_1.default.createElement(commons_1.DataSource, { key: name, name: name, dataSource: dataSource, children: prev })), pageContent), [pageContent, dataSources]);
|
|
72
|
+
pageContent = (0, react_1.useMemo)(() => {
|
|
73
|
+
const drawerComponentId = (drawer === null || drawer === void 0 ? void 0 : drawer.componentId) || (drawer === null || drawer === void 0 ? void 0 : drawer.componentType);
|
|
74
|
+
if (!drawerComponentId)
|
|
75
|
+
return pageContent;
|
|
76
|
+
return react_1.default.createElement(DrawerLayout_1.default, { drawerComponentId: drawerComponentId, drawerComponentData: drawer.componentData, drawerLockMode: drawer.lockMode, children: pageContent });
|
|
77
|
+
}, [pageContent, drawer]);
|
|
71
78
|
// wrap using page layout provider
|
|
72
79
|
pageContent = (0, react_1.useMemo)(() => {
|
|
73
80
|
if ((0, lodash_1.get)(layout, 'type', 'default') === "default")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAyG;AACzG,mCAA2D;AAC3D,+CAAuC;AACvC,+CAAwC;AACxC,6CAA0C;AAC1C,yCAAsC;AACtC,mEAA2C;AAC3C,0CAAkF;AAClF,oEAA4C;AAC5C,0EAAkD;AAClD,0EAAkD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":"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"}
|