react-native-boxes 1.3.14 → 1.3.15
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/package.json +1 -1
- package/src/Image.d.ts +8 -0
- package/src/Image.js +42 -1
- package/src/Image.js.map +1 -1
- package/src/Image.tsx +40 -0
package/package.json
CHANGED
package/src/Image.d.ts
CHANGED
|
@@ -21,3 +21,11 @@ export declare function Avatar(props: ViewProps & {
|
|
|
21
21
|
}): import("react").JSX.Element;
|
|
22
22
|
export declare function getIcon(Input: any, wrap?: boolean): any;
|
|
23
23
|
export declare function Spinner(props: ActivityIndicatorProps): import("react").JSX.Element;
|
|
24
|
+
export declare function StatusIcon(props: {
|
|
25
|
+
status: string | any;
|
|
26
|
+
colorMap?: {
|
|
27
|
+
status: string | any;
|
|
28
|
+
icon: string;
|
|
29
|
+
color: string;
|
|
30
|
+
}[];
|
|
31
|
+
} & ViewProps): import("react").JSX.Element;
|
package/src/Image.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Spinner = exports.getIcon = exports.Avatar = exports.Icon = void 0;
|
|
6
|
+
exports.StatusIcon = exports.Spinner = exports.getIcon = exports.Avatar = exports.Icon = void 0;
|
|
7
7
|
const react_native_1 = require("react-native");
|
|
8
8
|
const FontAwesome_1 = __importDefault(require("@expo/vector-icons/FontAwesome"));
|
|
9
9
|
const react_1 = require("react");
|
|
@@ -85,4 +85,45 @@ function Spinner(props) {
|
|
|
85
85
|
return (<react_native_1.ActivityIndicator size={theme.dimens.icon.md} color={theme.colors.accent} {...props}/>);
|
|
86
86
|
}
|
|
87
87
|
exports.Spinner = Spinner;
|
|
88
|
+
function StatusIcon(props) {
|
|
89
|
+
const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
|
|
90
|
+
let color = theme.colors.info;
|
|
91
|
+
let icon = 'check';
|
|
92
|
+
let fromColorMap = undefined;
|
|
93
|
+
if (props.colorMap) {
|
|
94
|
+
fromColorMap = props.colorMap.find(mp => mp.status == props.status);
|
|
95
|
+
}
|
|
96
|
+
if (fromColorMap) {
|
|
97
|
+
color = fromColorMap.color;
|
|
98
|
+
icon = fromColorMap.icon;
|
|
99
|
+
}
|
|
100
|
+
else if (props.status == 'SUCCESS') {
|
|
101
|
+
icon = 'check';
|
|
102
|
+
color = theme.colors.success;
|
|
103
|
+
}
|
|
104
|
+
else if (props.status == 'FAILED') {
|
|
105
|
+
icon = 'close';
|
|
106
|
+
color = theme.colors.critical;
|
|
107
|
+
}
|
|
108
|
+
else if (props.status == 'PARTIAL_SUCCESS') {
|
|
109
|
+
icon = 'warning';
|
|
110
|
+
color = theme.colors.warning;
|
|
111
|
+
}
|
|
112
|
+
else if (props.status == 'IN_PROGRESS') {
|
|
113
|
+
icon = 'play';
|
|
114
|
+
color = theme.colors.accent;
|
|
115
|
+
}
|
|
116
|
+
else if (props.status == 'PAUSED') {
|
|
117
|
+
icon = 'pause';
|
|
118
|
+
color = theme.colors.text;
|
|
119
|
+
}
|
|
120
|
+
else {
|
|
121
|
+
icon = 'info';
|
|
122
|
+
color = theme.colors.text;
|
|
123
|
+
}
|
|
124
|
+
return (<Icon {...props} name={icon} color={color} style={[{
|
|
125
|
+
paddingRight: theme.dimens.space.md
|
|
126
|
+
}, props.style]}/>);
|
|
127
|
+
}
|
|
128
|
+
exports.StatusIcon = StatusIcon;
|
|
88
129
|
//# sourceMappingURL=Image.js.map
|
package/src/Image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.tsx"],"names":[],"mappings":"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"}
|
package/src/Image.tsx
CHANGED
|
@@ -122,4 +122,44 @@ export function Spinner(props: ActivityIndicatorProps) {
|
|
|
122
122
|
{...props}
|
|
123
123
|
/>
|
|
124
124
|
)
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
export function StatusIcon(props: { status: string | any, colorMap?: { status: string | any, icon: string, color: string }[] } & ViewProps) {
|
|
129
|
+
const theme = useContext(ThemeContext)
|
|
130
|
+
let color = theme.colors.info
|
|
131
|
+
let icon = 'check'
|
|
132
|
+
let fromColorMap = undefined
|
|
133
|
+
if (props.colorMap) {
|
|
134
|
+
fromColorMap = props.colorMap.find(mp => mp.status == props.status)
|
|
135
|
+
}
|
|
136
|
+
if (fromColorMap) {
|
|
137
|
+
color = fromColorMap.color
|
|
138
|
+
icon = fromColorMap.icon
|
|
139
|
+
}
|
|
140
|
+
else if (props.status == 'SUCCESS') {
|
|
141
|
+
icon = 'check'
|
|
142
|
+
color = theme.colors.success
|
|
143
|
+
} else if (props.status == 'FAILED') {
|
|
144
|
+
icon = 'close'
|
|
145
|
+
color = theme.colors.critical
|
|
146
|
+
} else if (props.status == 'PARTIAL_SUCCESS') {
|
|
147
|
+
icon = 'warning'
|
|
148
|
+
color = theme.colors.warning
|
|
149
|
+
} else if (props.status == 'IN_PROGRESS') {
|
|
150
|
+
icon = 'play'
|
|
151
|
+
color = theme.colors.accent
|
|
152
|
+
} else if (props.status == 'PAUSED') {
|
|
153
|
+
icon = 'pause'
|
|
154
|
+
color = theme.colors.text
|
|
155
|
+
} else {
|
|
156
|
+
icon = 'info'
|
|
157
|
+
color = theme.colors.text
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
return (
|
|
161
|
+
<Icon {...props} name={icon} color={color} style={[{
|
|
162
|
+
paddingRight: theme.dimens.space.md
|
|
163
|
+
}, props.style]} />
|
|
164
|
+
)
|
|
125
165
|
}
|