@tecsinapse/react-core 1.21.0 → 1.21.1-beta.1
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.
|
@@ -35,86 +35,84 @@ const getStyledIcon = (Component, size) => styled__default["default"](Component)
|
|
|
35
35
|
const getIconComponent = (type, size) => {
|
|
36
36
|
switch (type) {
|
|
37
37
|
case "zocial":
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
size
|
|
38
|
+
const Zocial = React.lazy(
|
|
39
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Zocial')); })
|
|
41
40
|
);
|
|
41
|
+
return getStyledIcon(Zocial, size);
|
|
42
42
|
case "octicon":
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
size
|
|
43
|
+
const Octicons = React.lazy(
|
|
44
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Octicons')); })
|
|
46
45
|
);
|
|
46
|
+
return getStyledIcon(Octicons, size);
|
|
47
47
|
case "material":
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
size
|
|
48
|
+
const Material = React.lazy(
|
|
49
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
|
|
51
50
|
);
|
|
51
|
+
return getStyledIcon(Material, size);
|
|
52
52
|
case "material-community":
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialCommunityIcons')); })
|
|
56
|
-
),
|
|
57
|
-
size
|
|
53
|
+
const MaterialCommunity = React.lazy(
|
|
54
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialCommunityIcons')); })
|
|
58
55
|
);
|
|
56
|
+
return getStyledIcon(MaterialCommunity, size);
|
|
59
57
|
case "ionicon":
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
size
|
|
58
|
+
const Ionicons = React.lazy(
|
|
59
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Ionicons')); })
|
|
63
60
|
);
|
|
61
|
+
return getStyledIcon(Ionicons, size);
|
|
64
62
|
case "foundation":
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
size
|
|
63
|
+
const Foundation = React.lazy(
|
|
64
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Foundation')); })
|
|
68
65
|
);
|
|
66
|
+
return getStyledIcon(Foundation, size);
|
|
69
67
|
case "evilicon":
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
size
|
|
68
|
+
const EvilIcons = React.lazy(
|
|
69
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/EvilIcons')); })
|
|
73
70
|
);
|
|
71
|
+
return getStyledIcon(EvilIcons, size);
|
|
74
72
|
case "entypo":
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
size
|
|
73
|
+
const Entypo = React.lazy(
|
|
74
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Entypo')); })
|
|
78
75
|
);
|
|
76
|
+
return getStyledIcon(Entypo, size);
|
|
79
77
|
case "font-awesome":
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
size
|
|
78
|
+
const FontAwesome = React.lazy(
|
|
79
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome')); })
|
|
83
80
|
);
|
|
81
|
+
return getStyledIcon(FontAwesome, size);
|
|
84
82
|
case "font-awesome-5":
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
size
|
|
83
|
+
const FontAwesome5 = React.lazy(
|
|
84
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome5')); })
|
|
88
85
|
);
|
|
86
|
+
return getStyledIcon(FontAwesome5, size);
|
|
89
87
|
case "simple-line-icon":
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
size
|
|
88
|
+
const SimpleLineIcons = React.lazy(
|
|
89
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/SimpleLineIcons')); })
|
|
93
90
|
);
|
|
91
|
+
return getStyledIcon(SimpleLineIcons, size);
|
|
94
92
|
case "feather":
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
size
|
|
93
|
+
const Feather = React.lazy(
|
|
94
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Feather')); })
|
|
98
95
|
);
|
|
96
|
+
return getStyledIcon(Feather, size);
|
|
99
97
|
case "antdesign":
|
|
100
98
|
case "ant-design":
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
size
|
|
99
|
+
const AntDesign = React.lazy(
|
|
100
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/AntDesign')); })
|
|
104
101
|
);
|
|
102
|
+
return getStyledIcon(AntDesign, size);
|
|
105
103
|
case "fontisto":
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
size
|
|
104
|
+
const Fontisto = React.lazy(
|
|
105
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Fontisto')); })
|
|
109
106
|
);
|
|
107
|
+
return getStyledIcon(Fontisto, size);
|
|
110
108
|
default:
|
|
111
109
|
if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
|
|
112
110
|
return getStyledIcon(customIcons[type], size);
|
|
113
111
|
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
size
|
|
112
|
+
const MaterialIcons = React.lazy(
|
|
113
|
+
async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
|
|
117
114
|
);
|
|
115
|
+
return getStyledIcon(MaterialIcons, size);
|
|
118
116
|
}
|
|
119
117
|
};
|
|
120
118
|
const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n IconType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n font-size: ${({ theme }) => theme.iconSize[size]};\n text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n switch (type) {\n case 'zocial':\n
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n IconType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n font-size: ${({ theme }) => theme.iconSize[size]};\n text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n switch (type) {\n case 'zocial':\n const Zocial = lazy(\n async () => await import('react-native-vector-icons/dist/Zocial')\n );\n return getStyledIcon(Zocial, size);\n case 'octicon':\n const Octicons = lazy(\n async () => await import('react-native-vector-icons/dist/Octicons')\n );\n return getStyledIcon(Octicons, size);\n case 'material':\n const Material = lazy(\n async () => await import('react-native-vector-icons/dist/MaterialIcons')\n );\n return getStyledIcon(Material, size);\n case 'material-community':\n const MaterialCommunity = lazy(\n async () =>\n await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n );\n return getStyledIcon(MaterialCommunity, size);\n case 'ionicon':\n const Ionicons = lazy(\n async () => await import('react-native-vector-icons/dist/Ionicons')\n );\n return getStyledIcon(Ionicons, size);\n case 'foundation':\n const Foundation = lazy(\n async () => await import('react-native-vector-icons/dist/Foundation')\n );\n return getStyledIcon(Foundation, size);\n case 'evilicon':\n const EvilIcons = lazy(\n async () => await import('react-native-vector-icons/dist/EvilIcons')\n );\n return getStyledIcon(EvilIcons, size);\n case 'entypo':\n const Entypo = lazy(\n async () => await import('react-native-vector-icons/dist/Entypo')\n );\n return getStyledIcon(Entypo, size);\n case 'font-awesome':\n const FontAwesome = lazy(\n async () => await import('react-native-vector-icons/dist/FontAwesome')\n );\n return getStyledIcon(FontAwesome, size);\n case 'font-awesome-5':\n const FontAwesome5 = lazy(\n async () => await import('react-native-vector-icons/dist/FontAwesome5')\n );\n return getStyledIcon(FontAwesome5, size);\n case 'simple-line-icon':\n const SimpleLineIcons = lazy(\n async () =>\n await import('react-native-vector-icons/dist/SimpleLineIcons')\n );\n return getStyledIcon(SimpleLineIcons, size);\n case 'feather':\n const Feather = lazy(\n async () => await import('react-native-vector-icons/dist/Feather')\n );\n return getStyledIcon(Feather, size);\n case 'antdesign':\n case 'ant-design':\n const AntDesign = lazy(\n async () => await import('react-native-vector-icons/dist/AntDesign')\n );\n return getStyledIcon(AntDesign, size);\n case 'fontisto':\n const Fontisto = lazy(\n async () => await import('react-native-vector-icons/dist/Fontisto')\n );\n return getStyledIcon(Fontisto, size);\n default:\n if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n return getStyledIcon(customIcons[type], size);\n }\n const MaterialIcons = lazy(\n async () => await import('react-native-vector-icons/dist/MaterialIcons')\n );\n return getStyledIcon(MaterialIcons, size);\n }\n};\n/* eslint-enable */\nexport const getIconColor = (\n colorVariant: ColorType | undefined,\n colorGradation: ColorGradationType | undefined,\n fontColor: FontColorType,\n theme: ThemeProp\n): string => {\n if (colorVariant && colorGradation) {\n return theme.color[colorVariant][colorGradation];\n }\n return theme.font.color[fontColor];\n};\n"],"names":["styled","lazy"],"mappings":"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"}
|
|
@@ -9,86 +9,84 @@ const getStyledIcon = (Component, size) => styled(Component)`
|
|
|
9
9
|
const getIconComponent = (type, size) => {
|
|
10
10
|
switch (type) {
|
|
11
11
|
case "zocial":
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
size
|
|
12
|
+
const Zocial = lazy(
|
|
13
|
+
async () => await import('react-native-vector-icons/dist/Zocial')
|
|
15
14
|
);
|
|
15
|
+
return getStyledIcon(Zocial, size);
|
|
16
16
|
case "octicon":
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
size
|
|
17
|
+
const Octicons = lazy(
|
|
18
|
+
async () => await import('react-native-vector-icons/dist/Octicons')
|
|
20
19
|
);
|
|
20
|
+
return getStyledIcon(Octicons, size);
|
|
21
21
|
case "material":
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
size
|
|
22
|
+
const Material = lazy(
|
|
23
|
+
async () => await import('react-native-vector-icons/dist/MaterialIcons')
|
|
25
24
|
);
|
|
25
|
+
return getStyledIcon(Material, size);
|
|
26
26
|
case "material-community":
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
() => import('react-native-vector-icons/dist/MaterialCommunityIcons')
|
|
30
|
-
),
|
|
31
|
-
size
|
|
27
|
+
const MaterialCommunity = lazy(
|
|
28
|
+
async () => await import('react-native-vector-icons/dist/MaterialCommunityIcons')
|
|
32
29
|
);
|
|
30
|
+
return getStyledIcon(MaterialCommunity, size);
|
|
33
31
|
case "ionicon":
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
size
|
|
32
|
+
const Ionicons = lazy(
|
|
33
|
+
async () => await import('react-native-vector-icons/dist/Ionicons')
|
|
37
34
|
);
|
|
35
|
+
return getStyledIcon(Ionicons, size);
|
|
38
36
|
case "foundation":
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
size
|
|
37
|
+
const Foundation = lazy(
|
|
38
|
+
async () => await import('react-native-vector-icons/dist/Foundation')
|
|
42
39
|
);
|
|
40
|
+
return getStyledIcon(Foundation, size);
|
|
43
41
|
case "evilicon":
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
size
|
|
42
|
+
const EvilIcons = lazy(
|
|
43
|
+
async () => await import('react-native-vector-icons/dist/EvilIcons')
|
|
47
44
|
);
|
|
45
|
+
return getStyledIcon(EvilIcons, size);
|
|
48
46
|
case "entypo":
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
size
|
|
47
|
+
const Entypo = lazy(
|
|
48
|
+
async () => await import('react-native-vector-icons/dist/Entypo')
|
|
52
49
|
);
|
|
50
|
+
return getStyledIcon(Entypo, size);
|
|
53
51
|
case "font-awesome":
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
size
|
|
52
|
+
const FontAwesome = lazy(
|
|
53
|
+
async () => await import('react-native-vector-icons/dist/FontAwesome')
|
|
57
54
|
);
|
|
55
|
+
return getStyledIcon(FontAwesome, size);
|
|
58
56
|
case "font-awesome-5":
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
size
|
|
57
|
+
const FontAwesome5 = lazy(
|
|
58
|
+
async () => await import('react-native-vector-icons/dist/FontAwesome5')
|
|
62
59
|
);
|
|
60
|
+
return getStyledIcon(FontAwesome5, size);
|
|
63
61
|
case "simple-line-icon":
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
size
|
|
62
|
+
const SimpleLineIcons = lazy(
|
|
63
|
+
async () => await import('react-native-vector-icons/dist/SimpleLineIcons')
|
|
67
64
|
);
|
|
65
|
+
return getStyledIcon(SimpleLineIcons, size);
|
|
68
66
|
case "feather":
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
size
|
|
67
|
+
const Feather = lazy(
|
|
68
|
+
async () => await import('react-native-vector-icons/dist/Feather')
|
|
72
69
|
);
|
|
70
|
+
return getStyledIcon(Feather, size);
|
|
73
71
|
case "antdesign":
|
|
74
72
|
case "ant-design":
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
size
|
|
73
|
+
const AntDesign = lazy(
|
|
74
|
+
async () => await import('react-native-vector-icons/dist/AntDesign')
|
|
78
75
|
);
|
|
76
|
+
return getStyledIcon(AntDesign, size);
|
|
79
77
|
case "fontisto":
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
size
|
|
78
|
+
const Fontisto = lazy(
|
|
79
|
+
async () => await import('react-native-vector-icons/dist/Fontisto')
|
|
83
80
|
);
|
|
81
|
+
return getStyledIcon(Fontisto, size);
|
|
84
82
|
default:
|
|
85
83
|
if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
|
|
86
84
|
return getStyledIcon(customIcons[type], size);
|
|
87
85
|
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
size
|
|
86
|
+
const MaterialIcons = lazy(
|
|
87
|
+
async () => await import('react-native-vector-icons/dist/MaterialIcons')
|
|
91
88
|
);
|
|
89
|
+
return getStyledIcon(MaterialIcons, size);
|
|
92
90
|
}
|
|
93
91
|
};
|
|
94
92
|
const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n IconType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n font-size: ${({ theme }) => theme.iconSize[size]};\n text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n switch (type) {\n case 'zocial':\n
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n IconType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n font-size: ${({ theme }) => theme.iconSize[size]};\n text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n switch (type) {\n case 'zocial':\n const Zocial = lazy(\n async () => await import('react-native-vector-icons/dist/Zocial')\n );\n return getStyledIcon(Zocial, size);\n case 'octicon':\n const Octicons = lazy(\n async () => await import('react-native-vector-icons/dist/Octicons')\n );\n return getStyledIcon(Octicons, size);\n case 'material':\n const Material = lazy(\n async () => await import('react-native-vector-icons/dist/MaterialIcons')\n );\n return getStyledIcon(Material, size);\n case 'material-community':\n const MaterialCommunity = lazy(\n async () =>\n await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n );\n return getStyledIcon(MaterialCommunity, size);\n case 'ionicon':\n const Ionicons = lazy(\n async () => await import('react-native-vector-icons/dist/Ionicons')\n );\n return getStyledIcon(Ionicons, size);\n case 'foundation':\n const Foundation = lazy(\n async () => await import('react-native-vector-icons/dist/Foundation')\n );\n return getStyledIcon(Foundation, size);\n case 'evilicon':\n const EvilIcons = lazy(\n async () => await import('react-native-vector-icons/dist/EvilIcons')\n );\n return getStyledIcon(EvilIcons, size);\n case 'entypo':\n const Entypo = lazy(\n async () => await import('react-native-vector-icons/dist/Entypo')\n );\n return getStyledIcon(Entypo, size);\n case 'font-awesome':\n const FontAwesome = lazy(\n async () => await import('react-native-vector-icons/dist/FontAwesome')\n );\n return getStyledIcon(FontAwesome, size);\n case 'font-awesome-5':\n const FontAwesome5 = lazy(\n async () => await import('react-native-vector-icons/dist/FontAwesome5')\n );\n return getStyledIcon(FontAwesome5, size);\n case 'simple-line-icon':\n const SimpleLineIcons = lazy(\n async () =>\n await import('react-native-vector-icons/dist/SimpleLineIcons')\n );\n return getStyledIcon(SimpleLineIcons, size);\n case 'feather':\n const Feather = lazy(\n async () => await import('react-native-vector-icons/dist/Feather')\n );\n return getStyledIcon(Feather, size);\n case 'antdesign':\n case 'ant-design':\n const AntDesign = lazy(\n async () => await import('react-native-vector-icons/dist/AntDesign')\n );\n return getStyledIcon(AntDesign, size);\n case 'fontisto':\n const Fontisto = lazy(\n async () => await import('react-native-vector-icons/dist/Fontisto')\n );\n return getStyledIcon(Fontisto, size);\n default:\n if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n return getStyledIcon(customIcons[type], size);\n }\n const MaterialIcons = lazy(\n async () => await import('react-native-vector-icons/dist/MaterialIcons')\n );\n return getStyledIcon(MaterialIcons, size);\n }\n};\n/* eslint-enable */\nexport const getIconColor = (\n colorVariant: ColorType | undefined,\n colorGradation: ColorGradationType | undefined,\n fontColor: FontColorType,\n theme: ThemeProp\n): string => {\n if (colorVariant && colorGradation) {\n return theme.color[colorVariant][colorGradation];\n }\n return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/react-core",
|
|
3
3
|
"description": "TecSinapse hybrid React components",
|
|
4
|
-
"version": "1.21.
|
|
4
|
+
"version": "1.21.1-beta.1+a77c737",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "esm/index.js",
|
|
@@ -17,10 +17,10 @@
|
|
|
17
17
|
"yalc:show": "yalc installations show $npm_package_name"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@emotion/native": "
|
|
21
|
-
"@emotion/react": "
|
|
22
|
-
"currency.js": "
|
|
23
|
-
"date-fns": "
|
|
20
|
+
"@emotion/native": "~11.10.0",
|
|
21
|
+
"@emotion/react": "~11.10.0",
|
|
22
|
+
"currency.js": "~2.0.4",
|
|
23
|
+
"date-fns": "~2.29.1"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
26
26
|
"type": "git",
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"react-native": "^0.64.0",
|
|
37
37
|
"react-native-vector-icons": "^8.1.0 || ^9.0.0"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "a77c73780d3fe6fb6a1538f79f5f58078cd2fefa"
|
|
40
40
|
}
|
|
@@ -24,86 +24,86 @@ const getStyledIcon = (Component, size) => styled(Component)`
|
|
|
24
24
|
export const getIconComponent = (type: IconType, size: IconSizeType): any => {
|
|
25
25
|
switch (type) {
|
|
26
26
|
case 'zocial':
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
size
|
|
27
|
+
const Zocial = lazy(
|
|
28
|
+
async () => await import('react-native-vector-icons/dist/Zocial')
|
|
30
29
|
);
|
|
30
|
+
return getStyledIcon(Zocial, size);
|
|
31
31
|
case 'octicon':
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
size
|
|
32
|
+
const Octicons = lazy(
|
|
33
|
+
async () => await import('react-native-vector-icons/dist/Octicons')
|
|
35
34
|
);
|
|
35
|
+
return getStyledIcon(Octicons, size);
|
|
36
36
|
case 'material':
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
size
|
|
37
|
+
const Material = lazy(
|
|
38
|
+
async () => await import('react-native-vector-icons/dist/MaterialIcons')
|
|
40
39
|
);
|
|
40
|
+
return getStyledIcon(Material, size);
|
|
41
41
|
case 'material-community':
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
),
|
|
46
|
-
size
|
|
42
|
+
const MaterialCommunity = lazy(
|
|
43
|
+
async () =>
|
|
44
|
+
await import('react-native-vector-icons/dist/MaterialCommunityIcons')
|
|
47
45
|
);
|
|
46
|
+
return getStyledIcon(MaterialCommunity, size);
|
|
48
47
|
case 'ionicon':
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
size
|
|
48
|
+
const Ionicons = lazy(
|
|
49
|
+
async () => await import('react-native-vector-icons/dist/Ionicons')
|
|
52
50
|
);
|
|
51
|
+
return getStyledIcon(Ionicons, size);
|
|
53
52
|
case 'foundation':
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
size
|
|
53
|
+
const Foundation = lazy(
|
|
54
|
+
async () => await import('react-native-vector-icons/dist/Foundation')
|
|
57
55
|
);
|
|
56
|
+
return getStyledIcon(Foundation, size);
|
|
58
57
|
case 'evilicon':
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
size
|
|
58
|
+
const EvilIcons = lazy(
|
|
59
|
+
async () => await import('react-native-vector-icons/dist/EvilIcons')
|
|
62
60
|
);
|
|
61
|
+
return getStyledIcon(EvilIcons, size);
|
|
63
62
|
case 'entypo':
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
size
|
|
63
|
+
const Entypo = lazy(
|
|
64
|
+
async () => await import('react-native-vector-icons/dist/Entypo')
|
|
67
65
|
);
|
|
66
|
+
return getStyledIcon(Entypo, size);
|
|
68
67
|
case 'font-awesome':
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
size
|
|
68
|
+
const FontAwesome = lazy(
|
|
69
|
+
async () => await import('react-native-vector-icons/dist/FontAwesome')
|
|
72
70
|
);
|
|
71
|
+
return getStyledIcon(FontAwesome, size);
|
|
73
72
|
case 'font-awesome-5':
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
size
|
|
73
|
+
const FontAwesome5 = lazy(
|
|
74
|
+
async () => await import('react-native-vector-icons/dist/FontAwesome5')
|
|
77
75
|
);
|
|
76
|
+
return getStyledIcon(FontAwesome5, size);
|
|
78
77
|
case 'simple-line-icon':
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
78
|
+
const SimpleLineIcons = lazy(
|
|
79
|
+
async () =>
|
|
80
|
+
await import('react-native-vector-icons/dist/SimpleLineIcons')
|
|
82
81
|
);
|
|
82
|
+
return getStyledIcon(SimpleLineIcons, size);
|
|
83
83
|
case 'feather':
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
size
|
|
84
|
+
const Feather = lazy(
|
|
85
|
+
async () => await import('react-native-vector-icons/dist/Feather')
|
|
87
86
|
);
|
|
87
|
+
return getStyledIcon(Feather, size);
|
|
88
88
|
case 'antdesign':
|
|
89
89
|
case 'ant-design':
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
size
|
|
90
|
+
const AntDesign = lazy(
|
|
91
|
+
async () => await import('react-native-vector-icons/dist/AntDesign')
|
|
93
92
|
);
|
|
93
|
+
return getStyledIcon(AntDesign, size);
|
|
94
94
|
case 'fontisto':
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
size
|
|
95
|
+
const Fontisto = lazy(
|
|
96
|
+
async () => await import('react-native-vector-icons/dist/Fontisto')
|
|
98
97
|
);
|
|
98
|
+
return getStyledIcon(Fontisto, size);
|
|
99
99
|
default:
|
|
100
100
|
if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
|
|
101
101
|
return getStyledIcon(customIcons[type], size);
|
|
102
102
|
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
size
|
|
103
|
+
const MaterialIcons = lazy(
|
|
104
|
+
async () => await import('react-native-vector-icons/dist/MaterialIcons')
|
|
106
105
|
);
|
|
106
|
+
return getStyledIcon(MaterialIcons, size);
|
|
107
107
|
}
|
|
108
108
|
};
|
|
109
109
|
/* eslint-enable */
|