@evlop/native-components 1.0.102 → 1.0.104
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/Icon/index.d.ts +3 -15
- package/dist/src/Icon/index.d.ts.map +1 -1
- package/dist/src/Icon/index.js.map +1 -1
- package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js +1 -1
- package/dist/src/RenderBlocks/RenderBlocksAsVirtualizedList.js.map +1 -1
- package/dist/src/RenderPage/RenderPageHeader.d.ts.map +1 -1
- package/dist/src/RenderPage/RenderPageHeader.js +14 -3
- package/dist/src/RenderPage/RenderPageHeader.js.map +1 -1
- package/dist/src/RenderPage/_IconWithBadge.d.ts +9 -0
- package/dist/src/RenderPage/_IconWithBadge.d.ts.map +1 -0
- package/dist/src/RenderPage/_IconWithBadge.js +119 -0
- package/dist/src/RenderPage/_IconWithBadge.js.map +1 -0
- package/package.json +2 -3
package/dist/src/Icon/index.d.ts
CHANGED
|
@@ -1,25 +1,13 @@
|
|
|
1
|
-
import { Color, IconIdentifier } from '@evlop/commons';
|
|
1
|
+
import { Color, ComponentWithSettings, IconIdentifier } from '@evlop/commons';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { IconProps as RNEIconProps } from 'react-native-elements';
|
|
4
|
-
declare type BaseIconProps = RNEIconProps & {
|
|
4
|
+
declare type BaseIconProps = Partial<RNEIconProps> & {
|
|
5
5
|
icon?: IconIdentifier;
|
|
6
6
|
size?: number;
|
|
7
7
|
color?: Color;
|
|
8
8
|
flipOnRTL?: boolean;
|
|
9
9
|
};
|
|
10
10
|
export declare const BaseIcon: React.FC<BaseIconProps>;
|
|
11
|
-
declare const IconWithSettings:
|
|
12
|
-
icon?: IconIdentifier;
|
|
13
|
-
size?: number;
|
|
14
|
-
color?: Color;
|
|
15
|
-
flipOnRTL?: boolean;
|
|
16
|
-
} & {
|
|
17
|
-
model?: string;
|
|
18
|
-
dataModel?: string;
|
|
19
|
-
configModel?: string;
|
|
20
|
-
action?: any;
|
|
21
|
-
} & {
|
|
22
|
-
children?: React.ReactNode;
|
|
23
|
-
} & React.RefAttributes<any>>;
|
|
11
|
+
declare const IconWithSettings: ComponentWithSettings<BaseIconProps>;
|
|
24
12
|
export default IconWithSettings;
|
|
25
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,cAAc,EAA0B,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAA0B,MAAM,gBAAgB,CAAC;AACtG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGnF,aAAK,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,cAAc,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAC,OAAO,CAAA;CAAE,CAAA;AAWxH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA2B5C,CAAA;AAED,QAAA,MAAM,gBAAgB,EAAE,qBAAqB,CAAC,aAAa,CAiB/C,CAAC;AAMb,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Icon/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@ const viewabilityConfig = {
|
|
|
49
49
|
const AnimatedVirtualizedList = react_native_1.Animated.createAnimatedComponent(react_native_1.VirtualizedList);
|
|
50
50
|
function RenderBlocksAsVirtualizedList({ items, onEndReached, animatedScrollPostion }) {
|
|
51
51
|
const stickyHeaderIndices = (0, react_1.useMemo)(() => (0, lodash_1.reduce)(items, (indices, item, index) => {
|
|
52
|
-
if (item.
|
|
52
|
+
if (item.sticky)
|
|
53
53
|
indices.push(index);
|
|
54
54
|
return indices;
|
|
55
55
|
}, []), [items]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderBlocksAsVirtualizedList.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAsC;AACtC,+CAA4D;AAC5D,+CAAgF;AAChF,yEAAiD;AAEjD,MAAM,UAAU,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAC,EAAE;IAChC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACrE,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,MAAM,iBAAiB,GAAG;IACtB,kBAAkB,EAAE,IAAI;IACxB,2BAA2B,EAAE,EAAE;CAClC,CAAC;AAEF,MAAM,uBAAuB,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,8BAAe,CAAC,CAAC;AAElF,SAAS,6BAA6B,CAAC,EAAC,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAC;IAE/E,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAE,EAAE,CAAA,IAAA,eAAM,EAAC,KAAK,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAC,EAAE;QAC1E,IAAG,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"RenderBlocksAsVirtualizedList.js","sourceRoot":"","sources":["../../../src/RenderBlocks/RenderBlocksAsVirtualizedList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB;;iBAoCrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -30,24 +30,35 @@ const react_1 = __importStar(require("react"));
|
|
|
30
30
|
const commons_1 = require("@evlop/commons");
|
|
31
31
|
const lodash_1 = require("lodash");
|
|
32
32
|
const RenderComponent_1 = __importDefault(require("../RenderComponent"));
|
|
33
|
+
const Flexbox_1 = __importDefault(require("../Flexbox"));
|
|
34
|
+
const Actionable_1 = __importDefault(require("../Actionable"));
|
|
35
|
+
const View_1 = __importDefault(require("../View"));
|
|
36
|
+
const _IconWithBadge_1 = __importDefault(require("./_IconWithBadge"));
|
|
37
|
+
const Icon_1 = require("../Icon");
|
|
33
38
|
const RenderPageHeader = ({ page }) => {
|
|
34
39
|
const title = (0, lodash_1.get)(page, 'title') || page.name;
|
|
35
40
|
const template = (0, commons_1.useTemplate)();
|
|
36
41
|
const navigation = (0, commons_1.useNavigation)();
|
|
37
42
|
const headerComponentId = (0, lodash_1.get)(page, ['header', 'type']);
|
|
43
|
+
const menuItems = (0, lodash_1.get)(page, ['header', 'menuItems']);
|
|
38
44
|
const isDefaultHeader = !headerComponentId || headerComponentId === 'default';
|
|
39
45
|
(0, react_1.useEffect)(() => {
|
|
40
46
|
if (isDefaultHeader) {
|
|
41
|
-
|
|
47
|
+
const headerRight = (react_1.default.createElement(Flexbox_1.default, { flex: 1, flexDirection: "row", justifyContent: "flex-end" }, (0, lodash_1.map)(menuItems, menuItem => react_1.default.createElement(Actionable_1.default, { key: menuItem.id, action: menuItem.action },
|
|
48
|
+
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
|
+
const navigationOptions = {
|
|
42
50
|
title: template(title),
|
|
43
51
|
headerShown: isDefaultHeader,
|
|
44
|
-
}
|
|
52
|
+
};
|
|
53
|
+
if (!(0, lodash_1.isEmpty)(menuItems))
|
|
54
|
+
navigationOptions.headerRight = () => headerRight;
|
|
55
|
+
navigation.setOptions(navigationOptions);
|
|
45
56
|
}
|
|
46
57
|
else {
|
|
47
58
|
navigation.setOptions({ headerShown: false });
|
|
48
59
|
}
|
|
49
60
|
;
|
|
50
|
-
}, [title, template, navigation, isDefaultHeader]);
|
|
61
|
+
}, [title, template, navigation, isDefaultHeader, menuItems]);
|
|
51
62
|
if (isDefaultHeader)
|
|
52
63
|
return null;
|
|
53
64
|
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,+CAAuC;AACvC,4CAA0D;AAC1D,
|
|
1
|
+
{"version":3,"file":"RenderPageHeader.js","sourceRoot":"","sources":["../../../src/RenderPage/RenderPageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,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,WAAW,CAAC,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,CAAC,iBAAiB,IAAI,iBAAiB,KAAK,SAAS,CAAC;IAC9E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAG,eAAe,EAAE;YAElB,MAAM,WAAW,GAAG,CAClB,8BAAC,iBAAO,IAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAC,KAAK,EAAC,cAAc,EAAC,UAAU,IAC5D,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,QAAQ,CAAC,KAAK,CAAC;gBACtB,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,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9D,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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_IconWithBadge.d.ts","sourceRoot":"","sources":["../../../src/RenderPage/_IconWithBadge.tsx"],"names":[],"mappings":";AAUA,iBAAS,aAAa,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC;;;;;CAAA,eAsE1D;AAsBD,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,119 @@
|
|
|
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
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
// import { Icon, Text } from '@evlop/native-components';
|
|
30
|
+
const lodash_1 = require("lodash");
|
|
31
|
+
const react_1 = __importStar(require("react"));
|
|
32
|
+
const react_native_1 = require("react-native");
|
|
33
|
+
const react_redux_1 = require("react-redux");
|
|
34
|
+
const Icon_1 = require("../Icon");
|
|
35
|
+
const Text_1 = __importDefault(require("../Text"));
|
|
36
|
+
const AnimatedView = react_native_1.Animated.createAnimatedComponent(react_native_1.View);
|
|
37
|
+
function IconWithBadge({ icon, size: iconSize, color, badge }) {
|
|
38
|
+
const wishlist = (0, react_redux_1.useSelector)(s => s.Wishlist);
|
|
39
|
+
const checkout = (0, react_redux_1.useSelector)(s => s.shopifyCart);
|
|
40
|
+
const bubbleAnimation = (0, react_1.useMemo)(() => new react_native_1.Animated.Value(0), []);
|
|
41
|
+
const badgeText = (0, react_1.useMemo)(() => {
|
|
42
|
+
switch (badge) {
|
|
43
|
+
case 'WISHLIST_ITEMS_COUNT':
|
|
44
|
+
return (0, lodash_1.size)(wishlist);
|
|
45
|
+
case 'CART_ITEMS_COUNT': {
|
|
46
|
+
const lineItems = (0, lodash_1.get)(checkout, 'lineItems', []);
|
|
47
|
+
return (0, lodash_1.sum)((0, lodash_1.map)(lineItems, 'quantity'));
|
|
48
|
+
}
|
|
49
|
+
default:
|
|
50
|
+
return badge;
|
|
51
|
+
}
|
|
52
|
+
}, [badge, checkout, wishlist]);
|
|
53
|
+
(0, react_1.useEffect)(() => {
|
|
54
|
+
if (badgeText) {
|
|
55
|
+
react_native_1.Animated.sequence([
|
|
56
|
+
react_native_1.Animated.timing(bubbleAnimation, {
|
|
57
|
+
toValue: 1.5,
|
|
58
|
+
duration: 250,
|
|
59
|
+
easing: react_native_1.Easing.elastic(4),
|
|
60
|
+
useNativeDriver: true,
|
|
61
|
+
}),
|
|
62
|
+
react_native_1.Animated.timing(bubbleAnimation, {
|
|
63
|
+
toValue: 1,
|
|
64
|
+
duration: 200,
|
|
65
|
+
easing: react_native_1.Easing.linear,
|
|
66
|
+
useNativeDriver: true,
|
|
67
|
+
}),
|
|
68
|
+
]).start();
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
react_native_1.Animated.timing(bubbleAnimation, {
|
|
72
|
+
toValue: 0,
|
|
73
|
+
duration: 200,
|
|
74
|
+
easing: react_native_1.Easing.linear,
|
|
75
|
+
useNativeDriver: true,
|
|
76
|
+
}).start();
|
|
77
|
+
}
|
|
78
|
+
}, [bubbleAnimation, badgeText]);
|
|
79
|
+
const badgeWrapperStyle = (0, react_1.useMemo)(() => {
|
|
80
|
+
return [
|
|
81
|
+
styles.badgeWrapper,
|
|
82
|
+
{
|
|
83
|
+
transform: [
|
|
84
|
+
{
|
|
85
|
+
scale: bubbleAnimation
|
|
86
|
+
},
|
|
87
|
+
],
|
|
88
|
+
opacity: bubbleAnimation.interpolate({
|
|
89
|
+
inputRange: [0, 1, 2],
|
|
90
|
+
outputRange: [0.5, 1, 0.5],
|
|
91
|
+
extrapolate: 'clamp',
|
|
92
|
+
}),
|
|
93
|
+
}
|
|
94
|
+
];
|
|
95
|
+
}, [bubbleAnimation]);
|
|
96
|
+
return (react_1.default.createElement(react_native_1.View, { style: styles.iconWrapper },
|
|
97
|
+
react_1.default.createElement(Icon_1.BaseIcon, { size: iconSize, icon: icon, color: color }),
|
|
98
|
+
react_1.default.createElement(AnimatedView, { style: badgeWrapperStyle },
|
|
99
|
+
react_1.default.createElement(Text_1.default, { textAlign: "center", numberOfLines: 1, fontSize: "4xs", fontWeight: "Medium", color: "white", content: badgeText }))));
|
|
100
|
+
}
|
|
101
|
+
const styles = react_native_1.StyleSheet.create({
|
|
102
|
+
iconWrapper: {
|
|
103
|
+
position: 'relative',
|
|
104
|
+
},
|
|
105
|
+
badgeWrapper: {
|
|
106
|
+
position: 'absolute',
|
|
107
|
+
top: -6,
|
|
108
|
+
right: -6,
|
|
109
|
+
minWidth: 16,
|
|
110
|
+
height: 16,
|
|
111
|
+
borderRadius: 10,
|
|
112
|
+
backgroundColor: '#FF6347',
|
|
113
|
+
display: 'flex',
|
|
114
|
+
alignItems: 'center',
|
|
115
|
+
justifyContent: 'center',
|
|
116
|
+
},
|
|
117
|
+
});
|
|
118
|
+
exports.default = IconWithBadge;
|
|
119
|
+
//# sourceMappingURL=_IconWithBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_IconWithBadge.js","sourceRoot":"","sources":["../../../src/RenderPage/_IconWithBadge.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.104",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/main.js",
|
|
6
6
|
"scripts": {
|
|
@@ -13,7 +13,6 @@
|
|
|
13
13
|
],
|
|
14
14
|
"author": "",
|
|
15
15
|
"license": "ISC",
|
|
16
|
-
"dependencies": {},
|
|
17
16
|
"peerDependencies": {
|
|
18
17
|
"@evlop/commons": "^1.0.137",
|
|
19
18
|
"i18next": "^21.8.9",
|
|
@@ -30,7 +29,7 @@
|
|
|
30
29
|
"styled-system": "^5.1.5"
|
|
31
30
|
},
|
|
32
31
|
"devDependencies": {
|
|
33
|
-
"@evlop/commons": "^1.0.
|
|
32
|
+
"@evlop/commons": "^1.0.203",
|
|
34
33
|
"@types/lodash": "^4.14.178",
|
|
35
34
|
"@types/react-native": "^0.63.42",
|
|
36
35
|
"@types/recompose": "^0.30.10",
|