@evlop/native-components 1.0.88 → 1.0.89

package/dist/src/Layouts/VerticalLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalLayout.d.ts","sourceRoot":"","sources":["../../../src/Layouts/VerticalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,cAAc,EAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAc3D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"VerticalLayout.d.ts","sourceRoot":"","sources":["../../../src/Layouts/VerticalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,eAAO,MAAM,cAAc,EAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAa3D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/Layouts/VerticalLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/Layouts/VerticalLayout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,yEAAiD;AAE1C,MAAM,cAAc,GAAqC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;IAG3E,OAAO,CACH,MAAM,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,8BAAC,yBAAe,IACd,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB;AAEF,kBAAe,sBAAc,CAAC"}
+{"version":3,"file":"VerticalLayout.js","sourceRoot":"","sources":["../../../src/Layouts/VerticalLayout.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,yEAAiD;AAE1C,MAAM,cAAc,GAAqC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;IAE3E,OAAO,CACH,MAAM,CAAC,GAAG,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,8BAAC,yBAAe,IACd,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB;AAEF,kBAAe,sBAAc,CAAC"}

package/dist/src/RenderBlocks/RenderBlocksAsScrollView.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function RenderBlocksAsScrollview({ items }: {
+    items: any;
+}): JSX.Element;
+export default RenderBlocksAsScrollview;
+//# sourceMappingURL=RenderBlocksAsScrollView.d.ts.map

package/dist/src/RenderBlocks/RenderBlocksAsScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBlocksAsScrollView.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsScrollView.tsx"],"names":[],"mappings":";AAcA,iBAAS,wBAAwB,CAAC,EAAC,KAAK,EAAC;;CAAA,eASxC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/src/RenderBlocks/RenderBlocksAsScrollView.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = require("lodash");
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const PageScrollViewContext_1 = __importDefault(require("../contexts/PageScrollViewContext"));
+const RenderComponent_1 = __importDefault(require("../RenderComponent"));
+const renderItem = ({ item: { uuid, type: componentId, data, key, render, content }, index }) => {
+    if (content)
+        return react_1.default.createElement(react_1.default.Fragment, { key: key }, content);
+    if (render)
+        return render();
+    if (componentId)
+        return react_1.default.createElement(RenderComponent_1.default, { key: key, index: index, componentId: componentId, uuid: uuid, data: data });
+    return null;
+};
+function RenderBlocksAsScrollview({ items }) {
+    const scrollViewContainerRef = (0, react_1.useRef)();
+    return (react_1.default.createElement(PageScrollViewContext_1.default.Provider, { value: scrollViewContainerRef },
+        react_1.default.createElement(react_native_1.ScrollView, { bounces: false, showsVerticalScrollIndicator: false, showsHorizontalScrollIndicator: false, ref: scrollViewContainerRef }, (0, lodash_1.map)(items, (item, index) => renderItem({ item, index })))));
+}
+exports.default = RenderBlocksAsScrollview;
+//# sourceMappingURL=RenderBlocksAsScrollView.js.map

package/dist/src/RenderBlocks/RenderBlocksAsScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBlocksAsScrollView.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsScrollView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAA6B;AAC7B,+CAAsC;AACtC,+CAA0C;AAC1C,8FAAsE;AACtE,yEAAiD;AAEjD,MAAM,UAAU,GAAG,CAAC,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,KAAK,EAAC,EAAC,EAAE;IACzF,IAAG,OAAO;QAAE,OAAO,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,IAAG,OAAO,CAAkB,CAAC;IACxE,IAAG,MAAM;QAAE,OAAO,MAAM,EAAE,CAAC;IAC3B,IAAG,WAAW;QAAE,OAAO,8BAAC,yBAAe,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;IACpH,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAGF,SAAS,wBAAwB,CAAC,EAAC,KAAK,EAAC;IAErC,MAAM,sBAAsB,GAAG,IAAA,cAAM,GAAc,CAAC;IAEpD,OAAO,CAAC,8BAAC,+BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,sBAAsB;QACjE,8BAAC,yBAAU,IAAC,OAAO,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,8BAA8B,EAAE,KAAK,EAAE,GAAG,EAAE,sBAAsB,IAChI,IAAA,YAAG,EAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAY,EAAC,EAAE,CAAA,UAAU,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,CACjD,CACkB,CAAC,CAAC;AACzC,CAAC;AAED,kBAAe,wBAAwB,CAAC"}

package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare function RenderBlocksAsVirtualizedList({ items, onEndReached }: {
+    items: any;
+    onEndReached: any;
+}): JSX.Element;
+export default RenderBlocksAsVirtualizedList;
+//# sourceMappingURL=RenderBlocksAsVirtualizedList.d.ts.map

package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBlocksAsVirtualizedList.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":";AAeA,iBAAS,6BAA6B,CAAC,EAAC,KAAK,EAAE,YAAY,EAAC;;;CAAA,eAY3D;AAMD,eAAe,6BAA6B,CAAC"}

package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = require("lodash");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const RenderComponent_1 = __importDefault(require("../RenderComponent"));
+const renderItem = ({ item: { uuid, type: componentId, data, content, render, key }, index }) => {
+    if (content)
+        return content;
+    if (render)
+        return render();
+    if (componentId)
+        return react_1.default.createElement(RenderComponent_1.default, { index: index, componentId: componentId, uuid: uuid, data: data });
+    return null;
+};
+const getItemCount = (data) => (0, lodash_1.size)(data);
+const getItem = (data, index) => data[index];
+function RenderBlocksAsVirtualizedList({ items, onEndReached }) {
+    return (react_1.default.createElement(react_native_1.VirtualizedList, { onEndReachedThreshold: 0.5, onEndReached: onEndReached, decelerationRate: "fast", data: items, renderItem: renderItem, getItemCount: getItemCount, getItem: getItem, contentContainerStyle: styles.contentContainer }));
+}
+const styles = react_native_1.StyleSheet.create({
+    contentContainer: { flexGrow: 1 }
+});
+exports.default = RenderBlocksAsVirtualizedList;
+//# sourceMappingURL=RenderBlocksAsVirtualizedList.js.map

package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderBlocksAsVirtualizedList.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":";;;;;AAAA,mCAA8B;AAC9B,kDAA0B;AAC1B,+CAA2D;AAC3D,yEAAiD;AAEjD,MAAM,UAAU,GAAG,CAAC,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,KAAK,EAAC,EAAC,EAAE;IACzF,IAAG,OAAO;QAAE,OAAO,OAAO,CAAC;IAC3B,IAAG,MAAM;QAAE,OAAO,MAAM,EAAE,CAAC;IAC3B,IAAG,WAAW;QAAE,OAAO,8BAAC,yBAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;IAC1G,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,IAAW,EAAE,EAAE,CAAC,IAAA,aAAI,EAAC,IAAI,CAAC,CAAC;AACjD,MAAM,OAAO,GAAG,CAAC,IAAW,EAAE,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAE5D,SAAS,6BAA6B,CAAC,EAAC,KAAK,EAAE,YAAY,EAAC;IACxD,OAAO,CACP,8BAAC,8BAAe,IACZ,qBAAqB,EAAE,GAAG,EAC1B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAC,MAAM,EACvB,IAAI,EAAE,KAAK,EACX,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,MAAM,CAAC,gBAAgB,GAChD,CAAC,CAAC;AACR,CAAC;AAED,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC7B,gBAAgB,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC;CAC/B,CAAC,CAAA;AAEJ,kBAAe,6BAA6B,CAAC"}

package/dist/src/RenderBlocks/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-export declare const RenderBlocks: ({ blocks }: {
+export declare const RenderBlocks: ({ blocks, disableScrollview }: {
     blocks: any;
+    disableScrollview?: boolean;
 }) => JSX.Element;
 export default RenderBlocks;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/RenderBlocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":";AAWA,eAAO,MAAM,YAAY;;iBAgBxB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":";AAoBA,eAAO,MAAM,YAAY;;;iBA+ExB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/src/RenderBlocks/index.js

@@ -29,26 +29,73 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderBlocks = void 0;
 const lodash_1 = require("lodash");
 const react_1 = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const PageScrollViewContext_1 = __importDefault(require("../contexts/PageScrollViewContext"));
-const Layouts_1 = require("../Layouts");
+const react_redux_1 = require("react-redux");
 const RenderComponent_1 = __importDefault(require("../RenderComponent"));
-// flat list static props
-const renderItem = ({ item: { uuid, type, data }, index }) => (react_1.default.createElement(RenderComponent_1.default, { index: index, type: type, uuid: uuid, data: data }));
-const keyExtractor = (item) => item.uuid;
-const RenderBlocks = ({ blocks }) => {
-    const scrollViewContainerRef = (0, react_1.useRef)();
-    if ((0, lodash_1.size)(blocks) <= 1) {
-        return react_1.default.createElement(Layouts_1.VerticalLayout, { blocks: blocks });
-    }
-    else if (react_native_1.Platform.OS === 'web') {
-        return (react_1.default.createElement(PageScrollViewContext_1.default.Provider, { value: scrollViewContainerRef },
-            react_1.default.createElement(react_native_1.ScrollView, { bounces: false, showsVerticalScrollIndicator: false, showsHorizontalScrollIndicator: false, ref: scrollViewContainerRef }, (0, lodash_1.map)(blocks, ({ uuid, type, data }, index) => (react_1.default.createElement(RenderComponent_1.default, { key: uuid, insideScrollview: true, index: index, type: type, uuid: uuid, data: data }))))));
-    }
-    else {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_native_1.FlatList, { decelerationRate: "fast", data: blocks, keyExtractor: keyExtractor, renderItem: renderItem })));
+const RenderBlocksAsVirtualizedList_1 = __importDefault(require("./RenderBlocksAsVirtualizedList"));
+const Layouts_1 = require("../Layouts");
+const RenderServiceBlock = ({ block, setListItemsById, setCallbackById }) => {
+    const { uuid, type: componentId, data } = block;
+    (0, react_1.useEffect)(() => () => {
+        setListItemsById(uuid, undefined);
+        setCallbackById(uuid, '*', undefined);
+    }, [uuid]);
+    const componentData = (0, lodash_1.assign)({}, data, {
+        setVirtualizedListItems: (items) => setListItemsById(uuid, items),
+        setVirtualizedListCallback: (callbackName, callbackFunction) => setCallbackById(uuid, callbackName, callbackFunction)
+    });
+    return react_1.default.createElement(RenderComponent_1.default, { uuid: uuid, componentId: componentId, data: componentData });
+};
+const RenderBlocks = ({ blocks, disableScrollview = false }) => {
+    const { components } = (0, react_redux_1.useSelector)((s) => s.components);
+    // state which stores component array, if 1 component is divided into multiple flatlist items, type: {[id: string]: Array<ReactNode>}
+    const [subListItems, setSubListItems] = (0, react_1.useState)({});
+    const [subListCallbacks, setSubListCallback] = (0, react_1.useState)({});
+    const setListItemsById = (0, react_1.useCallback)((id, blockListItems) => setSubListItems(subListItems => {
+        if (blockListItems === undefined)
+            return (0, lodash_1.omit)(subListItems, id);
+        return Object.assign(Object.assign({}, subListItems), { [id]: blockListItems });
+    }), [setSubListItems]);
+    const setCallbackById = (0, react_1.useCallback)((blockId, callbackName, callbackFunction) => setSubListCallback(subListCallbacks => {
+        const callbackFunctionId = [blockId, callbackName].join('_');
+        if (!callbackFunction) {
+            let callbackFunctionIds = [callbackFunctionId];
+            if (callbackName === '*' || !callbackName) {
+                callbackFunctionIds = (0, lodash_1.map)(subListCallbacks[blockId], String);
+            }
+            return Object.assign(Object.assign({}, (0, lodash_1.omit)(subListCallbacks, callbackFunctionIds)), { [callbackName]: (0, lodash_1.without)(subListCallbacks[callbackName], callbackFunctionId), [blockId]: (0, lodash_1.without)(subListCallbacks[blockId], callbackFunctionId) });
+        }
+        ;
+        return Object.assign(Object.assign({}, subListCallbacks), { [callbackFunctionId]: callbackFunction, [callbackName]: (0, lodash_1.union)(subListCallbacks[callbackName], [callbackFunctionId]), [blockId]: (0, lodash_1.union)(subListCallbacks[blockId], [callbackFunctionId]) });
+    }), [setSubListCallback]);
+    const serviceBlocks = (0, react_1.useMemo)(() => {
+        // get the components which use service to inject list item to flatlist insted of rendering single JSX component; used to improve performance if component has sub list
+        const _serviceBlocks = (0, lodash_1.filter)(blocks, ({ type: componentId }) => (0, lodash_1.get)(components, [componentId, 'virtualizedListExtention']));
+        return (0, lodash_1.keyBy)(_serviceBlocks, 'uuid');
+    }, [blocks, components]);
+    const listItems = (0, react_1.useMemo)(() => {
+        return (0, lodash_1.flatMap)(blocks, block => {
+            if (!serviceBlocks[block.uuid])
+                return (0, lodash_1.assign)({}, block, { key: block.id || block.uuid });
+            if (subListItems[block.uuid])
+                return subListItems[block.uuid];
+            return [];
+        });
+    }, [blocks, serviceBlocks, subListItems]);
+    const virtualizedListServices = (0, react_1.useMemo)(() => (0, lodash_1.map)(serviceBlocks, (block) => react_1.default.createElement(RenderServiceBlock, { key: block.uuid, block: block, setCallbackById: setCallbackById, setListItemsById: setListItemsById })), [serviceBlocks]);
+    const onEndReached = (0, react_1.useCallback)((event) => {
+        (0, lodash_1.forEach)(subListCallbacks.onEndReached, (functionId) => {
+            const fn = subListCallbacks[functionId];
+            if (typeof fn === 'function') {
+                fn(event);
+            }
+        });
+    }, [subListCallbacks]);
+    if (disableScrollview) {
+        return react_1.default.createElement(Layouts_1.VerticalLayout, { key: "plain-list", blocks: blocks });
     }
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        virtualizedListServices,
+        react_1.default.createElement(RenderBlocksAsVirtualizedList_1.default, { key: "flatlist-list", onEndReached: onEndReached, items: listItems }));
 };
 exports.RenderBlocks = RenderBlocks;
 exports.default = exports.RenderBlocks;

package/dist/src/RenderBlocks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAmC;AACnC,+CAAsC;AACtC,+CAA8D;AAC9D,8FAAsE;AACtE,wCAA4C;AAC5C,yEAAiD;AAEjD,yBAAyB;AACzB,MAAM,UAAU,GAAG,CAAC,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,KAAK,EAAC,EAAC,EAAE,CAAA,CAAC,8BAAC,yBAAe,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC;AAClI,MAAM,YAAY,GAAG,CAAC,IAAQ,EAAC,EAAE,CAAA,IAAI,CAAC,IAAI,CAAC;AAEpC,MAAM,YAAY,GAAG,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;IACvC,MAAM,sBAAsB,GAAG,IAAA,cAAM,GAAc,CAAC;IAEpD,IAAG,IAAA,aAAI,EAAC,MAAM,CAAC,IAAI,CAAC,EAAC;QACnB,OAAO,8BAAC,wBAAc,IAAC,MAAM,EAAE,MAAM,GAAI,CAAA;KAC1C;SAAM,IAAG,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAC;QAC9B,OAAO,CAAC,8BAAC,+BAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,sBAAsB;YACrE,8BAAC,yBAAU,IAAC,OAAO,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,8BAA8B,EAAE,KAAK,EAAE,GAAG,EAAE,sBAAsB,IAChI,IAAA,YAAG,EAAC,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,KAAY,EAAC,EAAE,CAAA,CAAC,8BAAC,yBAAe,IAAC,GAAG,EAAE,IAAI,EAAE,gBAAgB,QAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAC5I,CACkB,CAAC,CAAA;KACjC;SAAM;QACL,OAAO,CAAC;YACN,8BAAC,uBAAQ,IAAC,gBAAgB,EAAC,MAAM,EAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,GAAI,CACrG,CAAC,CAAC;KACN;AACH,CAAC,CAAC;AAhBW,QAAA,YAAY,gBAgBvB;AAEF,kBAAe,oBAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderBlocks/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/RenderComponent/index.d.ts

@@ -1,21 +1,23 @@
 /// <reference types="react" />
-export declare const RenderComponent: ({ index, insideScrollview, dataModel, model, type: componentId, uuid, data: layoutComponentData, children }: {
+export declare const RenderComponent: ({ index, insideScrollview, dataModel, model, type, componentId, uuid, data: layoutComponentData, children }: {
     index?: number;
     insideScrollview?: boolean;
     dataModel?: any;
     model?: any;
-    type: any;
-    uuid: any;
+    type?: any;
+    componentId?: any;
+    uuid?: any;
     data: any;
     children?: any;
 }) => JSX.Element;
-export declare const Component: ({ index, insideScrollview, dataModel, model, type: componentId, uuid, data: layoutComponentData, children }: {
+export declare const Component: ({ index, insideScrollview, dataModel, model, type, componentId, uuid, data: layoutComponentData, children }: {
     index?: number;
     insideScrollview?: boolean;
     dataModel?: any;
     model?: any;
-    type: any;
-    uuid: any;
+    type?: any;
+    componentId?: any;
+    uuid?: any;
     data: any;
     children?: any;
 }) => JSX.Element;

package/dist/src/RenderComponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,eAAe;;;;;;;;;iBAmH3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;iBAAkB,CAAC;AAEzC,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,eAAe;;;;;;;;;;iBAmH3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;iBAAkB,CAAC;AAEzC,eAAe,eAAe,CAAC"}

package/dist/src/RenderComponent/index.js

@@ -35,7 +35,7 @@ const react_redux_1 = require("react-redux");
 const PageScrollViewContext_1 = __importDefault(require("../contexts/PageScrollViewContext"));
 const ErrorBoundry_1 = __importDefault(require("../ErrorBoundry"));
 const View_1 = __importStar(require("../View"));
-const RenderComponent = ({ index = -1, insideScrollview = false, dataModel = null, model = dataModel, type: componentId, uuid, data: layoutComponentData, children = null }) => {
+const RenderComponent = ({ index = -1, insideScrollview = false, dataModel = null, model = dataModel, type = null, componentId = type, uuid = null, data: layoutComponentData, children = null }) => {
     const { updateIndex } = (0, react_1.useContext)(commons_1.LayoutContext);
     const { data: parentComponentData, updateData: updateParentComponentData } = (0, commons_1.useComponentData)();
     const data = (0, react_1.useMemo)(() => model ? lodash_1.default.get(parentComponentData, model) : layoutComponentData, [model, parentComponentData, layoutComponentData]);

package/dist/src/RenderComponent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderComponent/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/RenderPage/RenderPageFooter.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function RenderPageFooter({ page }: {
+    page: any;
+}): JSX.Element;
+export default RenderPageFooter;
+//# sourceMappingURL=RenderPageFooter.d.ts.map

package/dist/src/RenderPage/RenderPageFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPageFooter.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageFooter.tsx"],"names":[],"mappings":";AAIA,iBAAS,gBAAgB,CAAC,EAAC,IAAI,EAAC;;CAAA,eAM/B;AAED,eAAe,gBAAgB,CAAC"}

package/dist/src/RenderPage/RenderPageFooter.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const lodash_1 = require("lodash");
+const react_1 = __importDefault(require("react"));
+const RenderComponent_1 = __importDefault(require("../RenderComponent"));
+function RenderPageFooter({ page }) {
+    const footerComponentId = (0, lodash_1.get)(page, ['footer', 'type']);
+    if (!footerComponentId)
+        return null;
+    return react_1.default.createElement(RenderComponent_1.default, { componentId: footerComponentId, data: (0, lodash_1.get)(page, ['footer', 'data']) });
+}
+exports.default = RenderPageFooter;
+//# sourceMappingURL=RenderPageFooter.js.map

package/dist/src/RenderPage/RenderPageFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPageFooter.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageFooter.tsx"],"names":[],"mappings":";;;;;AAAA,mCAA6B;AAC7B,kDAA0B;AAC1B,yEAAiD;AAEjD,SAAS,gBAAgB,CAAC,EAAC,IAAI,EAAC;IAC5B,MAAM,iBAAiB,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAExD,IAAG,CAAC,iBAAiB;QAAE,OAAO,IAAI,CAAC;IAEnC,OAAQ,8BAAC,yBAAe,IAAC,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAA,YAAG,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAI,CAAA;AACpG,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/src/RenderPage/RenderPageHeader.d.ts

@@ -0,0 +1,5 @@
+declare const RenderPageHeader: ({ page }: {
+    page: any;
+}) => any;
+export default RenderPageHeader;
+//# sourceMappingURL=RenderPageHeader.d.ts.map

package/dist/src/RenderPage/RenderPageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,gBAAgB;;SAUrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/src/RenderPage/{PageHeaderUpdater.js → RenderPageHeader.js}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const commons_1 = require("@evlop/commons");
 const lodash_1 = require("lodash");
 const react_1 = require("react");
-const PaheHeaderUpdater = ({ page }) => {
+const RenderPageHeader = ({ page }) => {
     const title = (0, lodash_1.get)(page, 'title', page.name);
     const template = (0, commons_1.useTemplate)();
     const navigation = (0, commons_1.useNavigation)();
@@ -14,5 +14,5 @@ const PaheHeaderUpdater = ({ page }) => {
     }, [title, template, navigation]);
     return null;
 };
-exports.default = PaheHeaderUpdater;
-//# sourceMappingURL=PageHeaderUpdater.js.map
+exports.default = RenderPageHeader;
+//# sourceMappingURL=RenderPageHeader.js.map

package/dist/src/RenderPage/RenderPageHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;AAAA,4CAA0D;AAC1D,mCAA2B;AAC3B,iCAAgC;AAEhC,MAAM,gBAAgB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IAClC,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,UAAU,CAAC;YACpB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/dist/src/RenderPage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAO/C,eAAO,MAAM,UAAU;;iBAuEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;mDAAyD,CAAC;AAE3F,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":";;AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQ/C,eAAO,MAAM,UAAU;;iBAuEtB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;mDAAyD,CAAC;AAE3F,eAAe,UAAU,CAAC"}

package/dist/src/RenderPage/index.js

@@ -34,9 +34,9 @@ const react_redux_1 = require("react-redux");
 const recompose_1 = require("recompose");
 const RenderBlocks_1 = __importDefault(require("../RenderBlocks"));
 const DynamicLayout_1 = __importDefault(require("./DynamicLayout"));
-const PageHeaderUpdater_1 = __importDefault(require("./PageHeaderUpdater"));
+const RenderPageHeader_1 = __importDefault(require("./RenderPageHeader"));
+const RenderPageFooter_1 = __importDefault(require("./RenderPageFooter"));
 const RenderPage = ({ id }) => {
-    const [languguage, setLanguage] = (0, react_1.useState)(commons_1.i18nInstance.language);
     const context = (0, react_redux_1.useSelector)(s => s.context);
     const pages = (0, react_redux_1.useSelector)(s => s.pages.records.data);
     const user = (0, commons_1.useUser)();
@@ -50,8 +50,9 @@ const RenderPage = ({ id }) => {
     }, [pageTypes, page.routeName]);
     const { layout, blocks, dataSources } = page || {};
     let pageContent = (0, react_1.useMemo)(() => (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(PageHeaderUpdater_1.default, { page: page }),
-        react_1.default.createElement(RenderBlocks_1.default, { key: "page-blocks", blocks: blocks }))), [page, blocks]);
+        react_1.default.createElement(RenderPageHeader_1.default, { key: "page-header", page: page }),
+        react_1.default.createElement(RenderBlocks_1.default, { disableScrollview: page.disableScrollview, key: "page-blocks", blocks: blocks }),
+        react_1.default.createElement(RenderPageFooter_1.default, { key: "page-footer", page: page }))), [page, blocks]);
     // // wrap inside page type provider
     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]);
     // wrap inside data sources provider

package/dist/src/RenderPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/RenderPage/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/SafeAreaView/index.d.ts

@@ -1,3 +1,4 @@
 import { SafeAreaView } from 'react-native';
 export { SafeAreaView };
+export default SafeAreaView;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/SafeAreaView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,eAAe,YAAY,CAAC"}

package/dist/src/SafeAreaView/index.js

@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SafeAreaView = void 0;
 const react_native_1 = require("react-native");
 Object.defineProperty(exports, "SafeAreaView", { enumerable: true, get: function () { return react_native_1.SafeAreaView; } });
+exports.default = react_native_1.SafeAreaView;
 //# sourceMappingURL=index.js.map

package/dist/src/SafeAreaView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SafeAreaView/index.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAEnC,6FAFA,2BAAY,OAEA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SafeAreaView/index.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAEnC,6FAFA,2BAAY,OAEA;AAErB,kBAAe,2BAAY,CAAC"}

package/dist/src/SafeAreaView/index.native.d.ts

@@ -1,3 +1,4 @@
 import { SafeAreaView } from 'react-native-safe-area-context';
 export { SafeAreaView };
+export default SafeAreaView;
 //# sourceMappingURL=index.native.d.ts.map

package/dist/src/SafeAreaView/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaView/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/SafeAreaView/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,eAAe,YAAY,CAAC"}

package/dist/src/SafeAreaView/index.native.js

@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SafeAreaView = void 0;
 const react_native_safe_area_context_1 = require("react-native-safe-area-context");
 Object.defineProperty(exports, "SafeAreaView", { enumerable: true, get: function () { return react_native_safe_area_context_1.SafeAreaView; } });
+exports.default = react_native_safe_area_context_1.SafeAreaView;
 //# sourceMappingURL=index.native.js.map

package/dist/src/SafeAreaView/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../../src/SafeAreaView/index.native.ts"],"names":[],"mappings":";;;AAAA,mFAA4D;AAEnD,6FAFD,6CAAY,OAEC"}
+{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../../src/SafeAreaView/index.native.ts"],"names":[],"mappings":";;;AAAA,mFAA4D;AAEnD,6FAFD,6CAAY,OAEC;AAErB,kBAAe,6CAAY,CAAC"}

package/dist/src/View/index.d.ts

@@ -1,8 +1,8 @@
 import { ComponentWithSettings, Theme } from '@evlop/commons';
 import React, { RefAttributes } from 'react';
 import { View as RNView, ViewProps as RNViewProps } from 'react-native';
-import { BackgroundProps, BorderProps, ColorProps, LayoutProps, OpacityProps, SpaceProps } from 'styled-system';
-export declare type BaseViewProps = RNViewProps & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> & {
+import { BackgroundProps, BorderProps, ColorProps, FlexProps, LayoutProps, OpacityProps, SpaceProps } from 'styled-system';
+export declare type BaseViewProps = RNViewProps & FlexProps<Theme> & BorderProps<Theme> & LayoutProps<Theme> & OpacityProps<Theme> & ColorProps<Theme> & BackgroundProps<Theme> & SpaceProps<Theme> & {
     opacity?: number;
 };
 export declare const BaseView: React.ComponentType<BaseViewProps & RefAttributes<RNView>>;

package/dist/src/View/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElF,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAU,WAAW,EAAW,YAAY,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAEnK,oBAAY,aAAa,GAAG,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAE9L,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAU7E,CAAC;AAEJ,QAAA,MAAM,IAAI,EAAE,qBAAqB,CAAC,aAAa,CAInC,CAAC;AAEb,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAgB,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAY,IAAI,IAAI,MAAM,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAElF,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAQ,SAAS,EAAU,WAAW,EAAW,YAAY,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpL,oBAAY,aAAa,GAAI,WAAW,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAElN,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,CAW7E,CAAC;AAEJ,QAAA,MAAM,IAAI,EAAE,qBAAqB,CAAC,aAAa,CAInC,CAAC;AAEb,eAAe,IAAI,CAAC"}

package/dist/src/View/index.js

@@ -8,7 +8,7 @@ const commons_1 = require("@evlop/commons");
 const react_native_1 = require("react-native");
 const native_1 = __importDefault(require("styled-components/native"));
 const styled_system_1 = require("styled-system");
-exports.BaseView = (0, native_1.default)(react_native_1.View)(styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity, {
+exports.BaseView = (0, native_1.default)(react_native_1.View)(styled_system_1.flex, styled_system_1.border, styled_system_1.layout, styled_system_1.color, styled_system_1.background, styled_system_1.space, styled_system_1.opacity, {
     zIndex: react_native_1.Platform.select({ web: 'inherit', default: 0 })
 });
 const View = (0, commons_1.withSettings)({

package/dist/src/View/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAE5E,+CAAkF;AAClF,sEAA8C;AAC9C,iDAAmK;AAItJ,QAAA,QAAQ,GAAgE,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAC/F,sBAAM,EACN,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,uBAAO,EACP;IACE,MAAM,EAAE,uBAAQ,CAAC,MAAM,CAAM,EAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,CAAC;CAC3D,CACF,CAAC;AAEJ,MAAM,IAAI,GAAyC,IAAA,sBAAY,EAAC;IAC9D,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,EAAE;IAChB,oBAAoB,EAAE,EAAE;CACzB,CAAC,CAAC,gBAAQ,CAAC,CAAC;AAEb,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/View/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4CAA4E;AAE5E,+CAAkF;AAClF,sEAA8C;AAC9C,iDAAoL;AAIvK,QAAA,QAAQ,GAAgE,IAAA,gBAAM,EAAC,mBAAM,CAAC,CAC/F,oBAAI,EACJ,sBAAM,EACN,sBAAM,EACN,qBAAK,EACL,0BAAU,EACV,qBAAK,EACL,uBAAO,EACP;IACE,MAAM,EAAE,uBAAQ,CAAC,MAAM,CAAM,EAAC,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAC,CAAC;CAC3D,CACF,CAAC;AAEJ,MAAM,IAAI,GAAyC,IAAA,sBAAY,EAAC;IAC9D,IAAI,EAAE,MAAM;IACZ,YAAY,EAAE,EAAE;IAChB,oBAAoB,EAAE,EAAE;CACzB,CAAC,CAAC,gBAAQ,CAAC,CAAC;AAEb,kBAAe,IAAI,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evlop/native-components",
-  "version": "1.0.88",
+  "version": "1.0.89",
   "description": "",
   "main": "dist/main.js",
   "scripts": {

package/dist/src/RenderPage/DefaultLayout.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare function DefaultLayout(): JSX.Element;
-export default DefaultLayout;
-//# sourceMappingURL=DefaultLayout.d.ts.map

package/dist/src/RenderPage/DefaultLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultLayout.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/DefaultLayout.tsx"],"names":[],"mappings":";AAKA,iBAAS,aAAa,gBASrB;AAED,eAAe,aAAa,CAAC"}

package/dist/src/RenderPage/DefaultLayout.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const commons_1 = require("@evlop/commons");
-const react_1 = __importDefault(require("react"));
-const RenderBlocks_1 = __importDefault(require("../RenderBlocks"));
-const PageHeaderUpdater_1 = __importDefault(require("./PageHeaderUpdater"));
-function DefaultLayout() {
-    const page = (0, commons_1.usePage)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(PageHeaderUpdater_1.default, { page: page }),
-        react_1.default.createElement(RenderBlocks_1.default, { blocks: page.blocks })));
-}
-exports.default = DefaultLayout;
-//# sourceMappingURL=DefaultLayout.js.map

package/dist/src/RenderPage/DefaultLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultLayout.js","sourceRoot":"","sources":["../../../src/RenderPage/DefaultLayout.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyC;AACzC,kDAA0B;AAC1B,mEAA2C;AAC3C,4EAAoD;AAEpD,SAAS,aAAa;IAClB,MAAM,IAAI,GAAO,IAAA,iBAAO,GAAE,CAAC;IAC3B,OAAO,CACH;QACI,8BAAC,2BAAiB,IAAC,IAAI,EAAE,IAAI,GAAI;QACjC,8BAAC,sBAAY,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACtC,CAEN,CAAC;AACN,CAAC;AAED,kBAAe,aAAa,CAAC"}

package/dist/src/RenderPage/PageHeaderUpdater.d.ts

@@ -1,5 +0,0 @@
-declare const PaheHeaderUpdater: ({ page }: {
-    page: any;
-}) => any;
-export default PaheHeaderUpdater;
-//# sourceMappingURL=PageHeaderUpdater.d.ts.map

package/dist/src/RenderPage/PageHeaderUpdater.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHeaderUpdater.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/PageHeaderUpdater.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,iBAAiB;;SAUtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/src/RenderPage/PageHeaderUpdater.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHeaderUpdater.js","sourceRoot":"","sources":["../../../src/RenderPage/PageHeaderUpdater.tsx"],"names":[],"mappings":";;AAAA,4CAA0D;AAC1D,mCAA2B;AAC3B,iCAAgC;AAEhC,MAAM,iBAAiB,GAAG,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACnC,MAAM,KAAK,GAAG,IAAA,YAAG,EAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAA,qBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,IAAA,uBAAa,GAAE,CAAC;IACnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,UAAU,CAAC;YACpB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAClC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}