@kiosinc/commons-rn 0.1.36 → 0.1.37
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/ContentLoaderList.js +2 -2
- package/lib/commonjs/components/ContentLoaderList.js.map +1 -1
- package/lib/module/components/ContentLoaderList.js +2 -2
- package/lib/module/components/ContentLoaderList.js.map +1 -1
- package/lib/typescript/src/components/ContentLoaderList.d.ts +1 -1
- package/lib/typescript/src/components/ContentLoaderList.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ContentLoaderList.tsx +27 -23
|
@@ -19,7 +19,7 @@ const ContentLoaderList = ({
|
|
|
19
19
|
foregroundColor
|
|
20
20
|
}) => {
|
|
21
21
|
const theme = (0, _reactNativePaper.useTheme)();
|
|
22
|
-
return new Array(count).fill(0).map((_, index) => {
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, new Array(count).fill(0).map((_, index) => {
|
|
23
23
|
return /*#__PURE__*/_react.default.createElement(_native.default, {
|
|
24
24
|
key: index,
|
|
25
25
|
speed: 1
|
|
@@ -38,7 +38,7 @@ const ContentLoaderList = ({
|
|
|
38
38
|
width: "100%",
|
|
39
39
|
height: height
|
|
40
40
|
}));
|
|
41
|
-
});
|
|
41
|
+
}));
|
|
42
42
|
};
|
|
43
43
|
exports.ContentLoaderList = ContentLoaderList;
|
|
44
44
|
const styles = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativePaper","_native","_interopRequireWildcard","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","useTheme","Array","fill","map","_","index","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativePaper","_native","_interopRequireWildcard","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","useTheme","createElement","Fragment","Array","fill","map","_","index","key","speed","width","colors","background","surfaceVariant","style","styles","loader","Rect","x","y","rx","ry","exports","StyleSheet","create","marginVertical"],"sourceRoot":"../../../src","sources":["components/ContentLoaderList.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAA0C,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAA2B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAUnC,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK,GAAG,EAAE;EACVC,MAAM,GAAG,EAAE;EACXC,MAAM;EACNC,eAAe;EACfC;AACsB,CAAC,KAAK;EAC5B,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAC;EACxB,oBACEpC,MAAA,CAAAa,OAAA,CAAAwB,aAAA,CAAArC,MAAA,CAAAa,OAAA,CAAAyB,QAAA,QACG,IAAIC,KAAK,CAACT,KAAK,CAAC,CAACU,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IAC1C,oBACE3C,MAAA,CAAAa,OAAA,CAAAwB,aAAA,CAACjC,OAAA,CAAAS,OAAa;MACZ+B,GAAG,EAAED,KAAM;MACXE,KAAK,EAAE;MACP;MAAA;MACAC,KAAK,EAAC,MAAM;MACZd,MAAM,EAAEA,MAAO;MACfC,eAAe,EAAEA,eAAe,IAAIE,KAAK,CAACY,MAAM,CAACC,UAAW;MAC5Dd,eAAe,EAAEA,eAAe,IAAIC,KAAK,CAACY,MAAM,CAACE,cAAe;MAChEC,KAAK,EAAEC,MAAM,CAACC;IAAO,gBAErBpD,MAAA,CAAAa,OAAA,CAAAwB,aAAA,CAACjC,OAAA,CAAAiD,IAAI;MACHC,CAAC,EAAC,GAAG;MACLC,CAAC,EAAC,GAAG;MACLC,EAAE,EAAEzB,MAAO;MACX0B,EAAE,EAAE1B,MAAO;MACXe,KAAK,EAAC,MAAM;MACZd,MAAM,EAAEA;IAAO,CAChB,CACY,CAAC;EAEpB,CAAC,CACD,CAAC;AAEP,CAAC;AAAC0B,OAAA,CAAA7B,iBAAA,GAAAA,iBAAA;AAEF,MAAMsB,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,MAAM,EAAE;IAAES,cAAc,EAAE;EAAE;AAC9B,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ export const ContentLoaderList = ({
|
|
|
10
10
|
foregroundColor
|
|
11
11
|
}) => {
|
|
12
12
|
const theme = useTheme();
|
|
13
|
-
return new Array(count).fill(0).map((_, index) => {
|
|
13
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, new Array(count).fill(0).map((_, index) => {
|
|
14
14
|
return /*#__PURE__*/React.createElement(ContentLoader, {
|
|
15
15
|
key: index,
|
|
16
16
|
speed: 1
|
|
@@ -29,7 +29,7 @@ export const ContentLoaderList = ({
|
|
|
29
29
|
width: "100%",
|
|
30
30
|
height: height
|
|
31
31
|
}));
|
|
32
|
-
});
|
|
32
|
+
}));
|
|
33
33
|
};
|
|
34
34
|
const styles = StyleSheet.create({
|
|
35
35
|
loader: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useTheme","ContentLoader","Rect","StyleSheet","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","Array","fill","map","_","index","
|
|
1
|
+
{"version":3,"names":["React","useTheme","ContentLoader","Rect","StyleSheet","ContentLoaderList","count","radius","height","backgroundColor","foregroundColor","theme","createElement","Fragment","Array","fill","map","_","index","key","speed","width","colors","background","surfaceVariant","style","styles","loader","x","y","rx","ry","create","marginVertical"],"sourceRoot":"../../../src","sources":["components/ContentLoaderList.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,aAAa,IAAIC,IAAI,QAAQ,6BAA6B;AACjE,SAASC,UAAU,QAAQ,cAAc;AAUzC,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,KAAK,GAAG,EAAE;EACVC,MAAM,GAAG,EAAE;EACXC,MAAM;EACNC,eAAe;EACfC;AACsB,CAAC,KAAK;EAC5B,MAAMC,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,oBACED,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QACG,IAAIC,KAAK,CAACR,KAAK,CAAC,CAACS,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAK;IAC1C,oBACElB,KAAA,CAAAY,aAAA,CAACV,aAAa;MACZiB,GAAG,EAAED,KAAM;MACXE,KAAK,EAAE;MACP;MAAA;MACAC,KAAK,EAAC,MAAM;MACZb,MAAM,EAAEA,MAAO;MACfC,eAAe,EAAEA,eAAe,IAAIE,KAAK,CAACW,MAAM,CAACC,UAAW;MAC5Db,eAAe,EAAEA,eAAe,IAAIC,KAAK,CAACW,MAAM,CAACE,cAAe;MAChEC,KAAK,EAAEC,MAAM,CAACC;IAAO,gBAErB3B,KAAA,CAAAY,aAAA,CAACT,IAAI;MACHyB,CAAC,EAAC,GAAG;MACLC,CAAC,EAAC,GAAG;MACLC,EAAE,EAAEvB,MAAO;MACXwB,EAAE,EAAExB,MAAO;MACXc,KAAK,EAAC,MAAM;MACZb,MAAM,EAAEA;IAAO,CAChB,CACY,CAAC;EAEpB,CAAC,CACD,CAAC;AAEP,CAAC;AAED,MAAMkB,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,MAAM,EAAE;IAAEM,cAAc,EAAE;EAAE;AAC9B,CAAC,CAAC"}
|
|
@@ -6,6 +6,6 @@ type ContentLoaderListProps = {
|
|
|
6
6
|
backgroundColor?: string;
|
|
7
7
|
foregroundColor?: string;
|
|
8
8
|
};
|
|
9
|
-
export declare const ContentLoaderList: ({ count, radius, height, backgroundColor, foregroundColor, }: ContentLoaderListProps) => JSX.Element
|
|
9
|
+
export declare const ContentLoaderList: ({ count, radius, height, backgroundColor, foregroundColor, }: ContentLoaderListProps) => JSX.Element;
|
|
10
10
|
export {};
|
|
11
11
|
//# sourceMappingURL=ContentLoaderList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentLoaderList.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentLoaderList.tsx"],"names":[],"mappings":";AAMA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAM3B,sBAAsB,
|
|
1
|
+
{"version":3,"file":"ContentLoaderList.d.ts","sourceRoot":"","sources":["../../../../src/components/ContentLoaderList.tsx"],"names":[],"mappings":";AAMA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,iEAM3B,sBAAsB,gBA6BxB,CAAC"}
|
package/package.json
CHANGED
|
@@ -20,29 +20,33 @@ export const ContentLoaderList = ({
|
|
|
20
20
|
foregroundColor,
|
|
21
21
|
}: ContentLoaderListProps) => {
|
|
22
22
|
const theme = useTheme();
|
|
23
|
-
return
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
23
|
+
return (
|
|
24
|
+
<>
|
|
25
|
+
{new Array(count).fill(0).map((_, index) => {
|
|
26
|
+
return (
|
|
27
|
+
<ContentLoader
|
|
28
|
+
key={index}
|
|
29
|
+
speed={1}
|
|
30
|
+
// @ts-ignore
|
|
31
|
+
width="100%"
|
|
32
|
+
height={height}
|
|
33
|
+
backgroundColor={backgroundColor ?? theme.colors.background}
|
|
34
|
+
foregroundColor={foregroundColor ?? theme.colors.surfaceVariant}
|
|
35
|
+
style={styles.loader}
|
|
36
|
+
>
|
|
37
|
+
<Rect
|
|
38
|
+
x="0"
|
|
39
|
+
y="0"
|
|
40
|
+
rx={radius}
|
|
41
|
+
ry={radius}
|
|
42
|
+
width="100%"
|
|
43
|
+
height={height}
|
|
44
|
+
/>
|
|
45
|
+
</ContentLoader>
|
|
46
|
+
);
|
|
47
|
+
})}
|
|
48
|
+
</>
|
|
49
|
+
);
|
|
46
50
|
};
|
|
47
51
|
|
|
48
52
|
const styles = StyleSheet.create({
|