@kiosinc/commons-rn 0.1.80 → 0.1.81
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/lib/commonjs/components/FirebaseMedia.js +11 -4
- package/lib/commonjs/components/FirebaseMedia.js.map +1 -1
- package/lib/module/components/FirebaseMedia.js +11 -4
- package/lib/module/components/FirebaseMedia.js.map +1 -1
- package/lib/typescript/src/components/FirebaseMedia.d.ts +2 -1
- package/lib/typescript/src/components/FirebaseMedia.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/FirebaseMedia.tsx +13 -3
|
@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.FirebaseMedia = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
|
|
9
|
-
var
|
|
9
|
+
var _reactNativePaper = require("react-native-paper");
|
|
10
10
|
var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
|
|
11
|
+
var _reactNative = require("react-native");
|
|
12
|
+
var _placeholderImage = _interopRequireDefault(require("../assets/icons/placeholderImage.svg"));
|
|
11
13
|
var _AssetManager = require("../helpers/AssetManager");
|
|
12
14
|
var _View = require("./View");
|
|
13
15
|
var _IconButton = require("./IconButton");
|
|
14
16
|
var _ContentLoaderList = require("./ContentLoaderList");
|
|
15
|
-
var _reactNative = require("react-native");
|
|
16
17
|
var _Card = require("./Card");
|
|
17
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
@@ -23,6 +24,7 @@ const FirebaseMedia = exports.FirebaseMedia = /*#__PURE__*/_react.default.memo((
|
|
|
23
24
|
borderRadius = '10',
|
|
24
25
|
borderWidth = 1,
|
|
25
26
|
borderColor = 'onBackground',
|
|
27
|
+
placeholderIcon,
|
|
26
28
|
onPress,
|
|
27
29
|
...rest
|
|
28
30
|
}) => {
|
|
@@ -103,7 +105,10 @@ const FirebaseMedia = exports.FirebaseMedia = /*#__PURE__*/_react.default.memo((
|
|
|
103
105
|
style: styles.placeholder,
|
|
104
106
|
height: "100%",
|
|
105
107
|
width: "100%"
|
|
106
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
108
|
+
}, placeholderIcon ? /*#__PURE__*/_react.default.createElement(_reactNativePaper.Icon, {
|
|
109
|
+
source: placeholderIcon,
|
|
110
|
+
size: 24
|
|
111
|
+
}) : /*#__PURE__*/_react.default.createElement(_placeholderImage.default, {
|
|
107
112
|
height: "100%",
|
|
108
113
|
width: "100%"
|
|
109
114
|
}))))));
|
|
@@ -114,7 +119,9 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
114
119
|
width: '100%'
|
|
115
120
|
},
|
|
116
121
|
placeholder: {
|
|
117
|
-
backgroundColor: '#DBDCDF'
|
|
122
|
+
backgroundColor: '#DBDCDF',
|
|
123
|
+
alignItems: 'center',
|
|
124
|
+
justifyContent: 'center'
|
|
118
125
|
}
|
|
119
126
|
});
|
|
120
127
|
//# sourceMappingURL=FirebaseMedia.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeFastImage","_interopRequireDefault","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeFastImage","_interopRequireDefault","_reactNativePaper","_reactNativeVideo","_reactNative","_placeholderImage","_AssetManager","_View","_IconButton","_ContentLoaderList","_Card","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","FirebaseMedia","exports","React","memo","uri","borderRadius","borderWidth","borderColor","placeholderIcon","onPress","rest","status","setStatus","useState","firebaseURI","type","setFirebaseURI","useEffect","AssetManager","getAssetURL","then","assetDetails","catch","createElement","Card","bg","mode","View","overflow","height","width","style","styles","fullWidthHeight","onLoad","onError","top","bottom","right","left","position","alignItems","justifyContent","ContentLoaderList","count","radius","IconButton","icon","placeholder","Icon","size","StyleSheet","create","backgroundColor"],"sourceRoot":"../../../src","sources":["components/FirebaseMedia.tsx"],"mappings":"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"}
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import FastImage from 'react-native-fast-image';
|
|
4
|
-
import
|
|
4
|
+
import { Icon } from 'react-native-paper';
|
|
5
5
|
import VideoOriginal from 'react-native-video';
|
|
6
|
+
import { StyleSheet } from 'react-native';
|
|
7
|
+
import PlaceHolderImage from '../assets/icons/placeholderImage.svg';
|
|
6
8
|
import { AssetManager } from '../helpers/AssetManager';
|
|
7
9
|
import { View } from './View';
|
|
8
10
|
import { IconButton } from './IconButton';
|
|
9
11
|
import { ContentLoaderList } from './ContentLoaderList';
|
|
10
|
-
import { StyleSheet } from 'react-native';
|
|
11
12
|
import { Card } from './Card';
|
|
12
13
|
export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
13
14
|
uri,
|
|
14
15
|
borderRadius = '10',
|
|
15
16
|
borderWidth = 1,
|
|
16
17
|
borderColor = 'onBackground',
|
|
18
|
+
placeholderIcon,
|
|
17
19
|
onPress,
|
|
18
20
|
...rest
|
|
19
21
|
}) => {
|
|
@@ -94,7 +96,10 @@ export const FirebaseMedia = /*#__PURE__*/React.memo(({
|
|
|
94
96
|
style: styles.placeholder,
|
|
95
97
|
height: "100%",
|
|
96
98
|
width: "100%"
|
|
97
|
-
}, /*#__PURE__*/React.createElement(
|
|
99
|
+
}, placeholderIcon ? /*#__PURE__*/React.createElement(Icon, {
|
|
100
|
+
source: placeholderIcon,
|
|
101
|
+
size: 24
|
|
102
|
+
}) : /*#__PURE__*/React.createElement(PlaceHolderImage, {
|
|
98
103
|
height: "100%",
|
|
99
104
|
width: "100%"
|
|
100
105
|
}))))));
|
|
@@ -105,7 +110,9 @@ const styles = StyleSheet.create({
|
|
|
105
110
|
width: '100%'
|
|
106
111
|
},
|
|
107
112
|
placeholder: {
|
|
108
|
-
backgroundColor: '#DBDCDF'
|
|
113
|
+
backgroundColor: '#DBDCDF',
|
|
114
|
+
alignItems: 'center',
|
|
115
|
+
justifyContent: 'center'
|
|
109
116
|
}
|
|
110
117
|
});
|
|
111
118
|
//# sourceMappingURL=FirebaseMedia.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useState","FastImage","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","FastImage","Icon","VideoOriginal","StyleSheet","PlaceHolderImage","AssetManager","View","IconButton","ContentLoaderList","Card","FirebaseMedia","memo","uri","borderRadius","borderWidth","borderColor","placeholderIcon","onPress","rest","status","setStatus","firebaseURI","type","setFirebaseURI","getAssetURL","then","assetDetails","catch","createElement","_extends","bg","mode","overflow","height","width","style","styles","fullWidthHeight","source","onLoad","onError","top","bottom","right","left","position","alignItems","justifyContent","count","radius","icon","placeholder","size","create","backgroundColor"],"sourceRoot":"../../../src","sources":["components/FirebaseMedia.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAA0B,yBAAyB;AAWnE,SAASC,IAAI,QAAQ,oBAAoB;AACzC,OAAOC,aAAa,MAAM,oBAAoB;AAC9C,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAOC,gBAAgB,MAAM,sCAAsC;AAEnE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,IAAI,QAAQ,QAAQ;AAqB7B,OAAO,MAAMC,aAAa,gBAAGb,KAAK,CAACc,IAAI,CACrC,CAAC;EACCC,GAAG;EACHC,YAAY,GAAG,IAAI;EACnBC,WAAW,GAAG,CAAC;EACfC,WAAW,GAAG,cAAc;EAC5BC,eAAe;EACfC,OAAO;EACP,GAAGC;AACE,CAAC,KAAK;EACX,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGrB,QAAQ,CAClC,SACF,CAAC;EACD,MAAM,CAAC;IAAEa,GAAG,EAAES,WAAW;IAAEC;EAAK,CAAC,EAAEC,cAAc,CAAC,GAAGxB,QAAQ,CAAC;IAC5Da,GAAG,EAAE,IAAI;IACTU,IAAI,EAAE;EACR,CAAC,CAAC;EAEFxB,SAAS,CAAC,MAAM;IACd,IAAIc,GAAG,EAAE;MACPQ,SAAS,CAAC,SAAS,CAAC;MACpBf,YAAY,CAACmB,WAAW,CAACZ,GAAG,CAAC,CAC1Ba,IAAI,CAAEC,YAAY,IAAK;QACtB,IAAIA,YAAY,EAAE;UAChBH,cAAc,CAACG,YAAY,CAAC;QAC9B,CAAC,MAAM;UACLN,SAAS,CAAC,QAAQ,CAAC;QACrB;MACF,CAAC,CAAC,CACDO,KAAK,CAAC,MAAM;QACXP,SAAS,CAAC,QAAQ,CAAC;MACrB,CAAC,CAAC;IACN,CAAC,MAAM;MACLA,SAAS,CAAC,QAAQ,CAAC;IACrB;EACF,CAAC,EAAE,CAACR,GAAG,CAAC,CAAC;EAET,oBACEf,KAAA,CAAA+B,aAAA,CAACnB,IAAI,EAAAoB,QAAA;IACHC,EAAE,EAAE,aAAc;IAClBC,IAAI,EAAC;EAAW,GACXd,OAAO,GACR;IACEA;EACF,CAAC,GACD,CAAC,CAAC,gBAENpB,KAAA,CAAA+B,aAAA,CAACtB,IAAI,EAAAuB,QAAA;IACHG,QAAQ,EAAE;EAAS,GACfd,IAAI;IACRL,YAAY,EAAEA,YAAa;IAC3BE,WAAW,EAAEA,WAAY;IACzBD,WAAW,EAAEA,WAAY;IACzBmB,MAAM,EAAEf,IAAI,CAACe,MAAM,GAAGf,IAAI,CAACe,MAAM,GAAG,MAAO;IAC3CC,KAAK,EAAEhB,IAAI,CAACgB,KAAK,GAAGhB,IAAI,CAACgB,KAAK,GAAG;EAAO,IAEvC,CAAC,CAACb,WAAW,IAAIC,IAAI,KAAK,OAAO,iBAChCzB,KAAA,CAAA+B,aAAA,CAAC5B,SAAS;IACRmC,KAAK,EAAEC,MAAM,CAACC,eAAgB;IAC9BC,MAAM,EAAE;MAAE1B,GAAG,EAAES;IAAY,CAAE;IAC7BkB,MAAM,EAAEA,CAAA,KAAM;MACZnB,SAAS,CAAC,SAAS,CAAC;IACtB,CAAE;IACFoB,OAAO,EAAEA,CAAA,KAAM;MACbpB,SAAS,CAAC,QAAQ,CAAC;IACrB;EAAE,CACH,CACF,EAEA,CAAC,CAACC,WAAW,IAAIC,IAAI,KAAK,OAAO,iBAChCzB,KAAA,CAAA+B,aAAA,CAAC1B,aAAa,EAAA2B,QAAA,KACRX,IAAI;IACRiB,KAAK,EAAEC,MAAM,CAACC,eAAgB;IAC9BC,MAAM,EAAE;MAAE1B,GAAG,EAAES;IAAY,CAAE;IAC7BkB,MAAM,EAAEA,CAAA,KAAM;MACZnB,SAAS,CAAC,SAAS,CAAC;IACtB,CAAE;IACFoB,OAAO,EAAEA,CAAA,KAAM;MACbpB,SAAS,CAAC,QAAQ,CAAC;IACrB;EAAE,EACH,CACF,eACDvB,KAAA,CAAA+B,aAAA,CAACtB,IAAI;IACHmC,GAAG,EAAE,CAAE;IACPC,MAAM,EAAE,CAAE;IACVC,KAAK,EAAE,CAAE;IACTC,IAAI,EAAE,CAAE;IACRC,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC;EAAQ,GAEtB5B,MAAM,KAAK,SAAS,iBACnBtB,KAAA,CAAA+B,aAAA,CAACpB,iBAAiB;IAACwC,KAAK,EAAE,CAAE;IAACC,MAAM,EAAE,EAAG;IAAChB,MAAM,EAAC;EAAM,CAAE,CACzD,EACAd,MAAM,KAAK,QAAQ,KACjBP,GAAG,gBACFf,KAAA,CAAA+B,aAAA,CAACrB,UAAU;IAAC2C,IAAI,EAAC;EAAsB,CAAE,CAAC,gBAE1CrD,KAAA,CAAA+B,aAAA,CAACtB,IAAI;IAAC6B,KAAK,EAAEC,MAAM,CAACe,WAAY;IAAClB,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC;EAAM,GACxDlB,eAAe,gBACdnB,KAAA,CAAA+B,aAAA,CAAC3B,IAAI;IAACqC,MAAM,EAAEtB,eAAgB;IAACoC,IAAI,EAAE;EAAG,CAAE,CAAC,gBAE3CvD,KAAA,CAAA+B,aAAA,CAACxB,gBAAgB;IAAC6B,MAAM,EAAC,MAAM;IAACC,KAAK,EAAC;EAAM,CAAE,CAE5C,CACP,CACC,CACF,CACF,CAAC;AAEX,CACF,CAAC;AAED,MAAME,MAAM,GAAGjC,UAAU,CAACkD,MAAM,CAAC;EAC/BhB,eAAe,EAAE;IACfJ,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDiB,WAAW,EAAE;IACXG,eAAe,EAAE,SAAS;IAC1BR,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
|
|
@@ -6,9 +6,10 @@ import { ThemeType } from '../theme';
|
|
|
6
6
|
type RestyleProps = SpacingProps<ThemeType> & SpacingShorthandProps<ThemeType> & LayoutProps<ThemeType> & PositionProps<ThemeType> & BorderProps<ThemeType> & BackgroundColorProps<ThemeType> & BackgroundColorShorthandProps<ThemeType>;
|
|
7
7
|
type TFirebaseMedia = {
|
|
8
8
|
uri: string;
|
|
9
|
+
placeholderIcon?: string;
|
|
9
10
|
onPress?: () => void;
|
|
10
11
|
};
|
|
11
12
|
type Props = Omit<RestyleProps & FastImageProps & TFirebaseMedia & VideoProperties, 'source'>;
|
|
12
|
-
export declare const FirebaseMedia: React.MemoExoticComponent<({ uri, borderRadius, borderWidth, borderColor, onPress, ...rest }: Props) => JSX.Element>;
|
|
13
|
+
export declare const FirebaseMedia: React.MemoExoticComponent<({ uri, borderRadius, borderWidth, borderColor, placeholderIcon, onPress, ...rest }: Props) => JSX.Element>;
|
|
13
14
|
export {};
|
|
14
15
|
//# sourceMappingURL=FirebaseMedia.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FirebaseMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/FirebaseMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,6BAA6B,EAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"FirebaseMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/FirebaseMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAkB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EACL,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,WAAW,EACX,aAAa,EACb,6BAA6B,EAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAMrD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAOrC,KAAK,YAAY,GAAG,YAAY,CAAC,SAAS,CAAC,GACzC,qBAAqB,CAAC,SAAS,CAAC,GAChC,WAAW,CAAC,SAAS,CAAC,GACtB,aAAa,CAAC,SAAS,CAAC,GACxB,WAAW,CAAC,SAAS,CAAC,GACtB,oBAAoB,CAAC,SAAS,CAAC,GAC/B,6BAA6B,CAAC,SAAS,CAAC,CAAC;AAE3C,KAAK,cAAc,GAAG;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CACf,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,EAChE,QAAQ,CACT,CAAC;AAEF,eAAO,MAAM,aAAa,iHASrB,KAAK,iBAsGT,CAAC"}
|
package/package.json
CHANGED
|
@@ -10,14 +10,16 @@ import {
|
|
|
10
10
|
BackgroundColorShorthandProps,
|
|
11
11
|
} from '@shopify/restyle';
|
|
12
12
|
import { VideoProperties } from 'react-native-video';
|
|
13
|
-
import
|
|
13
|
+
import { Icon } from 'react-native-paper';
|
|
14
14
|
import VideoOriginal from 'react-native-video';
|
|
15
|
+
import { StyleSheet } from 'react-native';
|
|
16
|
+
|
|
17
|
+
import PlaceHolderImage from '../assets/icons/placeholderImage.svg';
|
|
15
18
|
import { ThemeType } from '../theme';
|
|
16
19
|
import { AssetManager } from '../helpers/AssetManager';
|
|
17
20
|
import { View } from './View';
|
|
18
21
|
import { IconButton } from './IconButton';
|
|
19
22
|
import { ContentLoaderList } from './ContentLoaderList';
|
|
20
|
-
import { StyleSheet } from 'react-native';
|
|
21
23
|
import { Card } from './Card';
|
|
22
24
|
|
|
23
25
|
type RestyleProps = SpacingProps<ThemeType> &
|
|
@@ -30,6 +32,7 @@ type RestyleProps = SpacingProps<ThemeType> &
|
|
|
30
32
|
|
|
31
33
|
type TFirebaseMedia = {
|
|
32
34
|
uri: string;
|
|
35
|
+
placeholderIcon?: string;
|
|
33
36
|
onPress?: () => void;
|
|
34
37
|
};
|
|
35
38
|
|
|
@@ -44,6 +47,7 @@ export const FirebaseMedia = React.memo(
|
|
|
44
47
|
borderRadius = '10',
|
|
45
48
|
borderWidth = 1,
|
|
46
49
|
borderColor = 'onBackground',
|
|
50
|
+
placeholderIcon,
|
|
47
51
|
onPress,
|
|
48
52
|
...rest
|
|
49
53
|
}: Props) => {
|
|
@@ -136,7 +140,11 @@ export const FirebaseMedia = React.memo(
|
|
|
136
140
|
<IconButton icon="image-broken-variant" />
|
|
137
141
|
) : (
|
|
138
142
|
<View style={styles.placeholder} height="100%" width="100%">
|
|
139
|
-
|
|
143
|
+
{placeholderIcon ? (
|
|
144
|
+
<Icon source={placeholderIcon} size={24} />
|
|
145
|
+
) : (
|
|
146
|
+
<PlaceHolderImage height="100%" width="100%" />
|
|
147
|
+
)}
|
|
140
148
|
</View>
|
|
141
149
|
))}
|
|
142
150
|
</View>
|
|
@@ -153,5 +161,7 @@ const styles = StyleSheet.create({
|
|
|
153
161
|
},
|
|
154
162
|
placeholder: {
|
|
155
163
|
backgroundColor: '#DBDCDF',
|
|
164
|
+
alignItems: 'center',
|
|
165
|
+
justifyContent: 'center',
|
|
156
166
|
},
|
|
157
167
|
});
|