@evlop/native-components 1.0.166 → 1.0.168
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/Image/index.d.ts +7 -16
- package/dist/src/Image/index.d.ts.map +1 -1
- package/dist/src/Image/index.js +5 -3
- package/dist/src/Image/index.js.map +1 -1
- package/dist/src/RenderPage/RenderPageHeader.js +2 -2
- package/dist/src/RenderPage/RenderPageHeader.js.map +1 -1
- package/dist/src/Text/index.d.ts +1 -2
- package/dist/src/Text/index.d.ts.map +1 -1
- package/dist/src/Text/index.js +12 -30
- package/dist/src/Text/index.js.map +1 -1
- package/package.json +4 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Theme } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { FastImageProps } from 'react-native-fast-image';
|
|
4
4
|
import { BorderProps, SpaceProps } from 'styled-system';
|
|
5
5
|
declare const imageSizes: {
|
|
6
6
|
xxxs: number;
|
|
@@ -19,30 +19,21 @@ declare const imageSizes: {
|
|
|
19
19
|
fluid: string;
|
|
20
20
|
};
|
|
21
21
|
declare type ImageSize = keyof (typeof imageSizes);
|
|
22
|
-
declare type
|
|
22
|
+
declare type StyledImageProps = FastImageProps & BorderProps<Theme> & SpaceProps<Theme> & {
|
|
23
23
|
width?: ImageSize | number;
|
|
24
24
|
height?: ImageSize | number;
|
|
25
25
|
minHeight?: ImageSize | number;
|
|
26
26
|
minWidth?: ImageSize | number;
|
|
27
27
|
aspectRatio?: ImageSize | number;
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
declare type BaseImageProps = Partial<StyledImageProps> & {
|
|
30
30
|
src?: string;
|
|
31
31
|
placeholder?: string;
|
|
32
|
-
}
|
|
33
|
-
export declare const
|
|
32
|
+
};
|
|
33
|
+
export declare const BaseImage: React.ForwardRefExoticComponent<Partial<StyledImageProps> & {
|
|
34
34
|
src?: string;
|
|
35
35
|
placeholder?: string;
|
|
36
|
-
} & React.RefAttributes<
|
|
37
|
-
|
|
38
|
-
dataModel?: string;
|
|
39
|
-
configModel?: string;
|
|
40
|
-
action?: import("@evlop/commons").Action;
|
|
41
|
-
}>, "p" | "source" | "style" | "children" | "id" | "onLayout" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "width" | "height" | "minWidth" | "minHeight" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "key" | keyof {
|
|
42
|
-
model?: string;
|
|
43
|
-
dataModel?: string;
|
|
44
|
-
configModel?: string;
|
|
45
|
-
action?: import("@evlop/commons").Action;
|
|
46
|
-
} | "aspectRatio" | "blurRadius" | "transitionDuration" | "transition" | "onPress" | "onLongPress" | "crossOrigin" | "onLoad" | "onError" | "onLoadStart" | "onProgress" | "placeholder" | "referrerPolicy" | "alt" | "src" | "srcSet" | "Component" | "ImageComponent" | "PlaceholderContent" | "containerStyle" | "placeholderStyle" | "onLoadEnd" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "loadingIndicatorSource" | "defaultSource" | "tintColor" | "capInsets" | "onPartialLoad" | "fadeDuration"> & React.RefAttributes<any>>;
|
|
36
|
+
} & React.RefAttributes<any>>;
|
|
37
|
+
export declare const Image: React.ComponentType<BaseImageProps>;
|
|
47
38
|
export default Image;
|
|
48
39
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA6B,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAA6B,MAAM,gBAAgB,CAAC;AAElE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,EAAU,WAAW,EAA8B,UAAU,EAAU,MAAM,eAAe,CAAC;AAEpG,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;CAef,CAAC;AAEF,aAAK,SAAS,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAE3C,aAAK,gBAAgB,GAAG,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAChF,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAClC,CAAA;AA2CD,aAAK,cAAc,GAAG,OAAO,CAAC,gBAAgB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACxF,eAAO,MAAM,SAAS;UADoC,MAAM;kBAAgB,MAAM;6BAsBrF,CAAC;AAQF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAqDzC,CAAC;AAEd,eAAe,KAAK,CAAC"}
|
package/dist/src/Image/index.js
CHANGED
|
@@ -42,7 +42,7 @@ const commons_1 = require("@evlop/commons");
|
|
|
42
42
|
const lodash_1 = require("lodash");
|
|
43
43
|
const react_1 = __importStar(require("react"));
|
|
44
44
|
const react_native_1 = require("react-native");
|
|
45
|
-
const
|
|
45
|
+
const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
|
|
46
46
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
47
47
|
const styled_system_1 = require("styled-system");
|
|
48
48
|
const imageSizes = {
|
|
@@ -92,7 +92,7 @@ const imageSize = (0, styled_system_1.system)({
|
|
|
92
92
|
scale: 'imageSizes',
|
|
93
93
|
},
|
|
94
94
|
});
|
|
95
|
-
const
|
|
95
|
+
const StyledImage = (0, native_1.default)(react_native_fast_image_1.default)({ minHeight: 15, minWidth: 15, width: '100%', aspectRatio: "1" }, styled_system_1.layout, styled_system_1.border, styled_system_1.space, imageSize);
|
|
96
96
|
exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
97
97
|
var { src, placeholder, source } = _a, props = __rest(_a, ["src", "placeholder", "source"]);
|
|
98
98
|
const template = (0, commons_1.useTemplate)();
|
|
@@ -102,7 +102,9 @@ exports.BaseImage = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
102
102
|
return { uri: imageUri };
|
|
103
103
|
return source;
|
|
104
104
|
}, [imageUri, source]);
|
|
105
|
-
return (react_1.default.createElement(
|
|
105
|
+
return (react_1.default.createElement(StyledImage, Object.assign({ ref: ref, resizeMode: "contain",
|
|
106
|
+
// placeholderStyle={styles.placeholder}
|
|
107
|
+
source: imageSource }, props)));
|
|
106
108
|
});
|
|
107
109
|
const styles = react_native_1.StyleSheet.create({
|
|
108
110
|
placeholder: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAkE;AAClE,mCAAoC;AACpC,+CAAmD;AACnD,+CAA0C;AAC1C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ const RenderPageHeader = ({ page }) => {
|
|
|
46
46
|
const isDefaultHeader = !headerComponentId || headerComponentId === 'default';
|
|
47
47
|
const titleTemplated = (0, react_1.useMemo)(() => template(title), [title, template]);
|
|
48
48
|
const titleImageTemplated = (0, react_1.useMemo)(() => template(titleImage), [titleImage, template]);
|
|
49
|
-
(0, react_1.
|
|
49
|
+
(0, native_1.useFocusEffect)((0, react_1.useCallback)(() => {
|
|
50
50
|
if (isDefaultHeader) {
|
|
51
51
|
const navigationOptions = {
|
|
52
52
|
title: titleTemplated,
|
|
@@ -71,7 +71,7 @@ const RenderPageHeader = ({ page }) => {
|
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
;
|
|
74
|
-
}, [titleTemplated, navigation, isDefaultHeader, menuItems]);
|
|
74
|
+
}, [titleTemplated, navigation, isDefaultHeader, menuItems]));
|
|
75
75
|
if (isDefaultHeader)
|
|
76
76
|
return null;
|
|
77
77
|
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,4CAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/Text/index.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { ComponentWithSettings, Theme } from '@evlop/commons';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { TextProps as RNTextProps } from 'react-native';
|
|
4
|
-
import { BorderProps,
|
|
4
|
+
import { BackgroundProps, BorderProps, ColorProps, LayoutProps, SpaceProps, TypographyProps } from 'styled-system';
|
|
5
5
|
declare type NativeTextProps = RNTextProps & BorderProps<Theme> & LayoutProps<Theme> & BackgroundProps<Theme> & ColorProps<Theme> & TypographyProps<Theme> & SpaceProps<Theme> & {
|
|
6
6
|
fontScale?: number;
|
|
7
7
|
};
|
|
8
8
|
declare type BaseTextProps = NativeTextProps & {
|
|
9
|
-
isEditing?: boolean;
|
|
10
9
|
content?: string;
|
|
11
10
|
};
|
|
12
11
|
export declare const BaseText: React.ComponentType<BaseTextProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAErB,KAAK,EAEN,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAc,eAAe,EAAU,WAAW,EAAS,UAAU,EAAU,WAAW,EAAS,UAAU,EAAsB,eAAe,EAAE,MAAM,eAAe,CAAC;AAEjL,aAAK,eAAe,GAAG,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAyB9L,aAAK,aAAa,GAAG,eAAe,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAM3D,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,aAAa,CAcvD,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,aAAa,CAgC1C,CAAC;AAEb,eAAe,IAAI,CAAC"}
|
package/dist/src/Text/index.js
CHANGED
|
@@ -1,27 +1,4 @@
|
|
|
1
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
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -39,12 +16,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
17
|
exports.Text = exports.BaseText = void 0;
|
|
41
18
|
const commons_1 = require("@evlop/commons");
|
|
42
|
-
const
|
|
19
|
+
const lodash_1 = require("lodash");
|
|
20
|
+
const react_1 = __importDefault(require("react"));
|
|
43
21
|
const react_native_1 = require("react-native");
|
|
44
22
|
const native_1 = __importDefault(require("styled-components/native"));
|
|
45
23
|
const styled_system_1 = require("styled-system");
|
|
46
|
-
const
|
|
47
|
-
const NativeText = (0, native_1.default)(react_native_1.Text)((0, styled_system_1.system)({
|
|
24
|
+
const StyledText = (0, native_1.default)(react_native_1.Text)((0, styled_system_1.system)({
|
|
48
25
|
fontSize: {
|
|
49
26
|
property: 'lineHeight',
|
|
50
27
|
scale: 'lineHeights',
|
|
@@ -53,11 +30,16 @@ const NativeText = (0, native_1.default)(react_native_1.Text)((0, styled_system_
|
|
|
53
30
|
}), styled_system_1.border, styled_system_1.layout, styled_system_1.background, styled_system_1.color, styled_system_1.typography, styled_system_1.space, ({ fontSize, fontScale = 1, theme: { fontSize: baseFontSize }, }) => !fontSize && ({
|
|
54
31
|
fontSize: fontScale * baseFontSize,
|
|
55
32
|
}));
|
|
33
|
+
const handlebarTemplateRegex = /{{[^{}]+}}/;
|
|
34
|
+
const testHandlebarTemplate = (0, lodash_1.memoize)((content) => typeof content === 'string' && handlebarTemplateRegex.test(content));
|
|
56
35
|
const BaseText = (_a) => {
|
|
57
|
-
var {
|
|
58
|
-
|
|
59
|
-
let displayValue =
|
|
60
|
-
|
|
36
|
+
var { children, color = 'gray-900', fontWeight = 'Regular', content = children } = _a, props = __rest(_a, ["children", "color", "fontWeight", "content"]);
|
|
37
|
+
const isTemplate = testHandlebarTemplate(content);
|
|
38
|
+
let displayValue = content;
|
|
39
|
+
if (isTemplate) {
|
|
40
|
+
displayValue = react_1.default.createElement(commons_1.RenderTemplate, { template: content });
|
|
41
|
+
}
|
|
42
|
+
return (react_1.default.createElement(StyledText, Object.assign({}, props, { color: color, fontWeight: fontWeight }), displayValue));
|
|
61
43
|
};
|
|
62
44
|
exports.BaseText = BaseText;
|
|
63
45
|
exports.Text = (0, commons_1.withSettings)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Text/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@evlop/native-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.168",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"scripts": {
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
"react": "^16.12.0",
|
|
23
23
|
"react-native": "^0.76.1",
|
|
24
24
|
"react-native-elements": "^3.1.0",
|
|
25
|
+
"react-native-fast-image": "^8.6.3",
|
|
25
26
|
"react-native-safe-area-context": "^4.3.1",
|
|
26
27
|
"react-native-tab-view": "^4.1.0",
|
|
27
28
|
"react-native-vector-icons": "^10.0.3",
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
"styled-system": "^5.1.5"
|
|
31
32
|
},
|
|
32
33
|
"devDependencies": {
|
|
33
|
-
"@evlop/commons": "^1.0.
|
|
34
|
+
"@evlop/commons": "^1.0.314",
|
|
34
35
|
"@types/lodash": "^4.14.178",
|
|
35
36
|
"@types/react-native": "^0.73.0",
|
|
36
37
|
"@types/react-redux": "^7.1.34",
|
|
@@ -44,6 +45,7 @@
|
|
|
44
45
|
"react": "^16.12.0",
|
|
45
46
|
"react-native": "^0.76.1",
|
|
46
47
|
"react-native-elements": "^3.1.0",
|
|
48
|
+
"react-native-fast-image": "^8.6.3",
|
|
47
49
|
"react-native-safe-area-context": "^4.3.1",
|
|
48
50
|
"react-native-tab-view": "^4.1.0",
|
|
49
51
|
"react-native-vector-icons": "^10.0.3",
|