@evlop/native-components 1.0.112 → 1.0.114
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/Actionable.d.ts.map +1 -1
- package/dist/src/Actionable.js +0 -4
- package/dist/src/Actionable.js.map +1 -1
- package/dist/src/Button.d.ts +3 -1
- package/dist/src/Button.d.ts.map +1 -1
- package/dist/src/Button.js +3 -2
- package/dist/src/Button.js.map +1 -1
- package/dist/src/NativeButton/index.d.ts +2 -1
- package/dist/src/NativeButton/index.d.ts.map +1 -1
- package/dist/src/NativeButton/index.js +3 -2
- package/dist/src/NativeButton/index.js.map +1 -1
- package/dist/src/RenderPage/RenderPageHeader.d.ts.map +1 -1
- package/dist/src/RenderPage/RenderPageHeader.js +3 -2
- package/dist/src/RenderPage/RenderPageHeader.js.map +1 -1
- package/dist/src/RenderPage/index.d.ts.map +1 -1
- package/dist/src/RenderPage/index.js +8 -7
- package/dist/src/RenderPage/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Actionable.d.ts","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,cAAc,yBAAwB,GAAG,gBAIrD,CAAA;;AAED,wBAMqB"}
|
package/dist/src/Actionable.js
CHANGED
|
@@ -20,14 +20,10 @@ const react_1 = __importDefault(require("react"));
|
|
|
20
20
|
const react_native_1 = require("react-native");
|
|
21
21
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
22
22
|
const styled_system_1 = require("styled-system");
|
|
23
|
-
const View_1 = __importDefault(require("./View"));
|
|
24
23
|
const StyledPressable = (0, native_1.default)(react_native_1.Pressable)(styled_system_1.border, styled_system_1.background, styled_system_1.layout, styled_system_1.space);
|
|
25
24
|
const BaseActionable = (_a) => {
|
|
26
25
|
var { action } = _a, props = __rest(_a, ["action"]);
|
|
27
|
-
const isEditing = (0, commons_1.useEditable)();
|
|
28
26
|
const onPress = (0, commons_1.useAction)(action);
|
|
29
|
-
if (isEditing)
|
|
30
|
-
return react_1.default.createElement(View_1.default, Object.assign({}, props));
|
|
31
27
|
return react_1.default.createElement(StyledPressable, Object.assign({ onPress: onPress, android_ripple: true }, props));
|
|
32
28
|
};
|
|
33
29
|
exports.BaseActionable = BaseActionable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Actionable.js","sourceRoot":"","sources":["../../src/Actionable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,4CAAyD;AACzD,kDAA0B;AAC1B,+CAAyC;AACzC,sEAA8C;AAC9C,iDAAkE;AAElE,MAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,wBAAS,CAAC,CACrC,sBAAM,EACN,0BAAU,EACV,sBAAM,EACN,qBAAK,CACR,CAAA;AAEM,MAAM,cAAc,GAAG,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAC,MAAM,OAAgB,EAAX,KAAK,cAAjB,UAAkB,CAAD;IAC5C,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,MAAM,CAAC,CAAC;IAElC,OAAO,8BAAC,eAAe,kBAAC,OAAO,EAAE,OAAO,EAAE,cAAc,UAAK,KAAK,EAAI,CAAE;AAC5E,CAAC,CAAA;AAJY,QAAA,cAAc,kBAI1B;AAED,kBAAe,IAAA,sBAAY,EAAC;IACxB,IAAI,EAAE,YAAY;IAClB,oBAAoB,EAAE,EAAE;IACxB,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACxD;CACF,CAAC,CAAC,sBAAc,CAAC,CAAC"}
|
package/dist/src/Button.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const BaseButton: ({ color, ...props }: {
|
|
2
|
+
export declare const BaseButton: ({ color, action, ...props }: {
|
|
3
3
|
[x: string]: any;
|
|
4
4
|
color: any;
|
|
5
|
+
action: any;
|
|
5
6
|
}) => JSX.Element;
|
|
6
7
|
declare const ButtonWithSettings: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<{
|
|
7
8
|
[x: string]: any;
|
|
8
9
|
color: any;
|
|
10
|
+
action: any;
|
|
9
11
|
} & {
|
|
10
12
|
model?: string;
|
|
11
13
|
dataModel?: string;
|
package/dist/src/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,eAAO,MAAM,UAAU;;;;iBAQtB,CAAA;AAED,QAAA,MAAM,kBAAkB;;;;;;;;;gDAqBV,CAAC;AAMf,eAAe,kBAAkB,CAAC"}
|
package/dist/src/Button.js
CHANGED
|
@@ -40,14 +40,15 @@ const commons_1 = require("@evlop/commons");
|
|
|
40
40
|
const native_1 = require("styled-components/native");
|
|
41
41
|
const react_native_elements_1 = require("react-native-elements");
|
|
42
42
|
const BaseButton = (_a) => {
|
|
43
|
-
var { color } = _a, props = __rest(_a, ["color"]);
|
|
43
|
+
var { color, action } = _a, props = __rest(_a, ["color", "action"]);
|
|
44
44
|
const theme = react_1.default.useContext(native_1.ThemeContext);
|
|
45
45
|
const { colors: { [color]: colorCode } = {} } = theme;
|
|
46
|
+
const onPress = (0, commons_1.useAction)(action);
|
|
46
47
|
const buttonTheme = (0, react_1.useMemo)(() => {
|
|
47
48
|
return { colors: { primary: colorCode || color } };
|
|
48
49
|
}, [color, colorCode]);
|
|
49
50
|
return react_1.default.createElement(react_native_elements_1.ThemeProvider, { theme: buttonTheme },
|
|
50
|
-
react_1.default.createElement(react_native_elements_1.Button, Object.assign({}, props)));
|
|
51
|
+
react_1.default.createElement(react_native_elements_1.Button, Object.assign({ onPress: onPress }, props)));
|
|
51
52
|
};
|
|
52
53
|
exports.BaseButton = BaseButton;
|
|
53
54
|
const ButtonWithSettings = (0, commons_1.withSettings)({
|
package/dist/src/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAAyD;AACzD,qDAAwD;AACxD,iEAA2E;AAEpE,MAAM,UAAU,GAAG,CAAC,EAA0B,EAAE,EAAE;QAA9B,EAAE,KAAK,EAAE,MAAM,OAAW,EAAN,KAAK,cAAzB,mBAA0B,CAAD;IAChD,MAAM,KAAK,GAAQ,eAAK,CAAC,UAAU,CAAC,qBAAY,CAAC,CAAC;IAClD,MAAM,EAAC,MAAM,EAAE,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,GAAG,EAAE,EAAC,GAAG,KAAK,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,MAAM,CAAC,CAAC;IAClC,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAE,EAAE;QAC9B,OAAO,EAAC,MAAM,EAAE,EAAC,OAAO,EAAE,SAAS,IAAI,KAAK,EAAC,EAAC,CAAC;IACjD,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IACvB,OAAO,8BAAC,qCAAa,IAAC,KAAK,EAAE,WAAW;QAAE,8BAAC,8BAAS,kBAAC,OAAO,EAAE,OAAO,IAAM,KAAK,EAAI,CAAgB,CAAE;AAC1G,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAED,MAAM,kBAAkB,GAAG,IAAA,sBAAY,EAAC;IACpC,IAAI,EAAE,QAAQ;IACd,YAAY,EAAE;QACV,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;QAC7C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;QAC9C,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAC;QAC3C;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,OAAO,EAAE;gBACP,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAC;gBAC/B,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;gBAChC,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAC;gBACrC,EAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;aACjC;SACF;KACF;CACN,CAAC,CAAC,kBAAU,CAAC,CAAC;AAEf,kBAAkB,CAAC,YAAY,GAAG;IAChC,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,kBAAe,kBAAkB,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { Color } from '@evlop/commons';
|
|
1
|
+
import { Color, Action } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ButtonProps as RNButtonProps } from 'react-native';
|
|
4
4
|
export declare const NativeButton: React.ForwardRefExoticComponent<RNButtonProps & {
|
|
5
5
|
color: Color;
|
|
6
|
+
action: Action;
|
|
6
7
|
} & {
|
|
7
8
|
model?: string;
|
|
8
9
|
dataModel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NativeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/NativeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,EAAa,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAsB,WAAW,IAAI,aAAa,EAAE,MAAM,cAAc,CAAC;AA4BhF,eAAO,MAAM,YAAY;WAzBsB,KAAK;YAAU,MAAM;;;;;;;;6BAkCtD,CAAC;AAMf,eAAe,YAAY,CAAC"}
|
|
@@ -40,11 +40,12 @@ const react_1 = __importStar(require("react"));
|
|
|
40
40
|
const react_native_1 = require("react-native");
|
|
41
41
|
const native_1 = require("styled-components/native");
|
|
42
42
|
const BaseButton = (_a) => {
|
|
43
|
-
var { title = 'Button Label', color,
|
|
43
|
+
var { title = 'Button Label', color, action } = _a, otherProps = __rest(_a, ["title", "color", "action"]);
|
|
44
44
|
const templatedLabel = (0, commons_1.useTemplate)(title);
|
|
45
|
+
const onPress = (0, commons_1.useAction)(action);
|
|
45
46
|
const theme = (0, react_1.useContext)(native_1.ThemeContext);
|
|
46
47
|
const { colors: { [color]: colorCode } } = theme;
|
|
47
|
-
return (react_1.default.createElement(react_native_1.Button, Object.assign({ title: templatedLabel, onPress: onPress
|
|
48
|
+
return (react_1.default.createElement(react_native_1.Button, Object.assign({ title: templatedLabel, onPress: onPress, color: colorCode }, otherProps)));
|
|
48
49
|
};
|
|
49
50
|
exports.NativeButton = (0, commons_1.withSettings)({
|
|
50
51
|
name: 'Native Button',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/NativeButton/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAqF;AACrF,+CAA0C;AAC1C,+CAAgF;AAChF,qDAA8D;AAI9D,MAAM,UAAU,GAA6C,CAAC,EAK7D,EAAE,EAAE;QALyD,EAC5D,KAAK,GAAG,cAAc,EACtB,KAAK,EACL,MAAM,OAEP,EADI,UAAU,cAJ+C,4BAK7D,CADc;IAGb,MAAM,cAAc,GAAG,IAAA,qBAAW,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,IAAA,mBAAS,EAAC,MAAM,CAAC,CAAC;IAElC,MAAM,KAAK,GAAQ,IAAA,kBAAU,EAAC,qBAAY,CAAC,CAAC;IAC5C,MAAM,EAAC,MAAM,EAAE,EAAC,CAAC,KAAK,CAAC,EAAE,SAAS,EAAC,EAAC,GAAG,KAAK,CAAC;IAE7C,OAAO,CACL,8BAAC,qBAAQ,kBACP,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,IACZ,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,sBAAY,EAAC;IACvC,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE;QACZ,EAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC;QAC7C,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAC;KACtD;IACD,oBAAoB,EAAE;QACpB,EAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAC;KAC/C;CACF,CAAC,CAAC,UAAU,CAAC,CAAC;AAEf,oBAAY,CAAC,YAAY,GAAG;IAC1B,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,kBAAe,oBAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB;;
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB;;iBAuCrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -42,12 +42,13 @@ const RenderPageHeader = ({ page }) => {
|
|
|
42
42
|
const headerComponentId = (0, lodash_1.get)(page, ['header', 'type']);
|
|
43
43
|
const menuItems = (0, lodash_1.get)(page, ['header', 'data', 'menuItems']);
|
|
44
44
|
const isDefaultHeader = !headerComponentId || headerComponentId === 'default';
|
|
45
|
+
const titleTemplated = (0, react_1.useMemo)(() => template(title), [title, template]);
|
|
45
46
|
(0, react_1.useEffect)(() => {
|
|
46
47
|
if (isDefaultHeader) {
|
|
47
48
|
const headerRight = (react_1.default.createElement(Flexbox_1.default, { paddingRight: "4xs", flex: 1, flexDirection: "row", alignItems: "center", justifyContent: "flex-end" }, (0, lodash_1.map)(menuItems, menuItem => react_1.default.createElement(Actionable_1.default, { key: menuItem.id, action: menuItem.action },
|
|
48
49
|
react_1.default.createElement(View_1.default, { px: "4xs" }, menuItem.badge ? react_1.default.createElement(_IconWithBadge_1.default, { size: 24, icon: menuItem.icon, color: "header-tint", badge: menuItem.badge }) : react_1.default.createElement(Icon_1.BaseIcon, { size: 24, icon: menuItem.icon, color: "header-tint" }))))));
|
|
49
50
|
const navigationOptions = {
|
|
50
|
-
title:
|
|
51
|
+
title: titleTemplated,
|
|
51
52
|
headerShown: isDefaultHeader,
|
|
52
53
|
};
|
|
53
54
|
if (!(0, lodash_1.isEmpty)(menuItems))
|
|
@@ -58,7 +59,7 @@ const RenderPageHeader = ({ page }) => {
|
|
|
58
59
|
navigation.setOptions({ headerShown: false });
|
|
59
60
|
}
|
|
60
61
|
;
|
|
61
|
-
}, [
|
|
62
|
+
}, [titleTemplated, navigation, isDefaultHeader, menuItems]);
|
|
62
63
|
if (isDefaultHeader)
|
|
63
64
|
return null;
|
|
64
65
|
return react_1.default.createElement(RenderComponent_1.default, { componentId: headerComponentId, data: (0, lodash_1.get)(page, ['header', 'data']) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,4CAA0D;AAC1D,mCAAyC;AACzC,yEAAiD;AACjD,yDAAiC;AACjC,+DAAuC;AACvC,mDAA2B;AAC3B,sEAA6C;AAC7C,kCAAmC;AAEnC,MAAM,gBAAgB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClC,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;IAC9C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAG,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,SAAS,CAAC;IAE9E,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,eAAe,EAAE;YAElB,MAAM,WAAW,GAAG,CAClB,8BAAC,iBAAO,IAAC,YAAY,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,UAAU,IACnG,IAAA,YAAG,EAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC,8BAAC,oBAAU,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM;gBAC/E,8BAAC,cAAI,IAAC,EAAE,EAAC,KAAK,IACX,QAAQ,CAAC,KAAK,CAAA,CAAC,CAAC,8BAAC,wBAAa,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,8BAAC,eAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,GAAI,CAC7K,CACI,CAAC,CACN,CACX,CAAA;YAED,MAAM,iBAAiB,GAAQ;gBAC7B,KAAK,EAAE,cAAc;gBACrB,WAAW,EAAE,eAAe;aAC7B,CAAC;YACF,IAAG,CAAC,IAAA,gBAAO,EAAC,SAAS,CAAC;gBAAE,iBAAiB,CAAC,WAAW,GAAG,GAAG,EAAE,CAAC,WAAW,CAAC;YAE1E,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;SAC1C;aAAM;YACL,UAAU,CAAC,UAAU,CAAC,EAAC,WAAW,EAAE,KAAK,EAAC,CAAC,CAAC;SAC7C;QAAA,CAAC;IAEJ,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7D,IAAG,eAAe;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAQ,8BAAC,yBAAe,IAAC,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAI,CAAA;AAClG,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUrC,eAAO,MAAM,UAAU;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAUrC,eAAO,MAAM,UAAU;;iBAuEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;mDAAyD,CAAC;AAE3F,eAAe,UAAU,CAAC"}
|
|
@@ -34,19 +34,20 @@ const react_native_1 = require("react-native");
|
|
|
34
34
|
const react_redux_1 = require("react-redux");
|
|
35
35
|
const recompose_1 = require("recompose");
|
|
36
36
|
const RenderBlocks_1 = __importDefault(require("../RenderBlocks"));
|
|
37
|
+
const contexts_1 = require("../contexts");
|
|
37
38
|
const DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
|
|
38
39
|
const RenderPageFooter_1 = __importDefault(require("./RenderPageFooter"));
|
|
39
40
|
const RenderPageHeader_1 = __importDefault(require("./RenderPageHeader"));
|
|
40
|
-
const contexts_1 = require("../contexts");
|
|
41
41
|
const RenderPage = ({ id }) => {
|
|
42
|
-
const context = (0, react_redux_1.useSelector)(s => s.context);
|
|
43
42
|
const pages = (0, react_redux_1.useSelector)(s => s.pages.records.data);
|
|
44
|
-
const user = (0, commons_1.useUser)();
|
|
45
43
|
const params = (0, commons_1.useParams)();
|
|
46
|
-
const
|
|
47
|
-
const page = pages.find(p => p.id === id);
|
|
44
|
+
const page = (0, react_1.useMemo)(() => (0, lodash_1.find)(pages, { id }), [pages, id]);
|
|
48
45
|
const animatedPageScrollPosition = (0, react_1.useMemo)(() => new react_native_1.Animated.Value(0), []);
|
|
49
|
-
const
|
|
46
|
+
const pageScopes = (0, react_1.useMemo)(() => ({
|
|
47
|
+
page,
|
|
48
|
+
params: params,
|
|
49
|
+
animatedPageScrollPosition,
|
|
50
|
+
}), [page, params]);
|
|
50
51
|
const pageContainerContext = (0, contexts_1.useCreatePageContainerContext)();
|
|
51
52
|
const pageTypes = (0, react_redux_1.useSelector)(s => s.routes.pageTypes);
|
|
52
53
|
const pageTypeComponents = (0, react_1.useMemo)(() => {
|
|
@@ -69,7 +70,7 @@ const RenderPage = ({ id }) => {
|
|
|
69
70
|
}, [pageContent, layout]);
|
|
70
71
|
return (react_1.default.createElement(contexts_1.PageContainerContext.Provider, { value: pageContainerContext },
|
|
71
72
|
react_1.default.createElement(commons_1.PageProvider, { value: page },
|
|
72
|
-
react_1.default.createElement(commons_1.ScopesProvider, { values:
|
|
73
|
+
react_1.default.createElement(commons_1.ScopesProvider, { values: pageScopes }, pageContent))));
|
|
73
74
|
};
|
|
74
75
|
exports.RenderPage = RenderPage;
|
|
75
76
|
exports.getPageComponentById = (0, lodash_1.memoize)(pageId => (0, recompose_1.withProps)({ id: pageId })(exports.RenderPage));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":"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"}
|