react95-native-rabbl 0.1.6 → 0.1.7

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.
Files changed (13) hide show
  1. package/dist/commonjs/assets/images/check10x11.png +0 -0
  2. package/dist/commonjs/assets/images/check10x11disabled.png +0 -0
  3. package/dist/commonjs/components/Icons/CheckmarkIcon.js +49 -14
  4. package/dist/commonjs/components/Icons/CheckmarkIcon.js.map +1 -1
  5. package/dist/module/assets/images/check10x11.png +0 -0
  6. package/dist/module/assets/images/check10x11disabled.png +0 -0
  7. package/dist/module/components/Icons/CheckmarkIcon.js +49 -14
  8. package/dist/module/components/Icons/CheckmarkIcon.js.map +1 -1
  9. package/dist/typescript/src/components/Icons/CheckmarkIcon.d.ts.map +1 -1
  10. package/package.json +1 -1
  11. package/src/assets/images/check10x11.png +0 -0
  12. package/src/assets/images/check10x11disabled.png +0 -0
  13. package/src/components/Icons/CheckmarkIcon.tsx +26 -1
package/dist/commonjs/components/Icons/CheckmarkIcon.js CHANGED
@@ -9,34 +9,69 @@ var _reactNative = require("react-native");
9
9
  var _theming = require("../../core/theming");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ /*
12
13
  const pixelSize = 1.5;
13
14
  const segmentSize = 3 * pixelSize;
15
+
14
16
  const CheckmarkIcon = ({
15
17
  disabled = false,
16
18
  style = {},
17
19
  theme,
18
20
  ...rest
19
- }) => {
21
+ }: Props) => {
20
22
  const segmentOffsets = [2, 3, 4, 3, 2, 1, 0];
21
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
22
- style: [styles.wrapper, style],
23
- ...rest,
24
- children: segmentOffsets.map((offset, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
25
- style: [styles.segment, {
26
- marginTop: offset * pixelSize,
27
- backgroundColor: disabled ? theme.checkmarkDisabled : theme.checkmark
28
- }]
29
- }, i))
30
- });
23
+
24
+ return (
25
+ <View style={[styles.wrapper, style]} {...rest}>
26
+ {segmentOffsets.map((offset, i) => (
27
+ <View
28
+ key={i}
29
+ style={[
30
+ styles.segment,
31
+ {
32
+ marginTop: offset * pixelSize,
33
+ backgroundColor: disabled
34
+ ? theme.checkmarkDisabled
35
+ : theme.checkmark,
36
+ },
37
+ ]}
38
+ />
39
+ ))}
40
+ </View>
41
+ );
31
42
  };
32
- const styles = _reactNative.StyleSheet.create({
43
+
44
+ const styles = StyleSheet.create({
33
45
  wrapper: {
34
46
  position: 'relative',
35
- flexDirection: 'row'
47
+ flexDirection: 'row',
36
48
  },
37
49
  segment: {
38
50
  width: pixelSize,
39
- height: segmentSize
51
+ height: segmentSize,
52
+ },
53
+ });
54
+ */
55
+
56
+ const CheckmarkIcon = ({
57
+ disabled = false,
58
+ style = {},
59
+ theme,
60
+ ...rest
61
+ }) => {
62
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
63
+ style: style,
64
+ ...rest,
65
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
66
+ source: !disabled ? require('../../assets/images/check10x11.png') : require('../../assets/images/check10x11disabled.png'),
67
+ style: styles.image
68
+ })
69
+ });
70
+ };
71
+ const styles = _reactNative.StyleSheet.create({
72
+ image: {
73
+ width: 10,
74
+ height: 11
40
75
  }
41
76
  });
42
77
  var _default = exports.default = (0, _theming.withTheme)(CheckmarkIcon);
package/dist/commonjs/components/Icons/CheckmarkIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_jsxRuntime","e","__esModule","default","pixelSize","segmentSize","CheckmarkIcon","disabled","style","theme","rest","segmentOffsets","jsx","View","styles","wrapper","children","map","offset","i","segment","marginTop","backgroundColor","checkmarkDisabled","checkmark","StyleSheet","create","position","flexDirection","width","height","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ/C,MAAMG,SAAS,GAAG,GAAG;AACrB,MAAMC,WAAW,GAAG,CAAC,GAAGD,SAAS;AAEjC,MAAME,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAE5C,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACL,KAAK,EAAE,CAACM,MAAM,CAACC,OAAO,EAAEP,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAM,QAAA,EAC3CL,cAAc,CAACM,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBAC5B,IAAAnB,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,IAAI;MAEHL,KAAK,EAAE,CACLM,MAAM,CAACM,OAAO,EACd;QACEC,SAAS,EAAEH,MAAM,GAAGd,SAAS;QAC7BkB,eAAe,EAAEf,QAAQ,GACrBE,KAAK,CAACc,iBAAiB,GACvBd,KAAK,CAACe;MACZ,CAAC;IACD,GATGL,CAUN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,OAAO,EAAE;IACPY,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDR,OAAO,EAAE;IACPS,KAAK,EAAEzB,SAAS;IAChB0B,MAAM,EAAEzB;EACV;AACF,CAAC,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEY,IAAA8B,kBAAS,EAAC3B,aAAa,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_jsxRuntime","e","__esModule","default","CheckmarkIcon","disabled","style","theme","rest","jsx","View","children","Image","source","styles","image","StyleSheet","create","width","height","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMG,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,IAAI;IAACJ,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAG,QAAA,eAC1B,IAAAX,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAc,KAAK;MACJC,MAAM,EAAE,CAACR,QAAQ,GAAGR,OAAO,CAAC,oCAAoC,CAAC,GAAGA,OAAO,CAAC,4CAA4C,CAAE;MAC1HS,KAAK,EAAEQ,MAAM,CAACC;IAAM,CACrB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BF,KAAK,EAAE;IACLG,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEY,IAAAmB,kBAAS,EAAClB,aAAa,CAAC","ignoreList":[]}
package/dist/module/components/Icons/CheckmarkIcon.js CHANGED
@@ -1,37 +1,72 @@
1
1
  "use strict";
2
2
 
3
3
  import React from 'react';
4
- import { StyleSheet, View } from 'react-native';
4
+ import { Image, StyleSheet, View } from 'react-native';
5
5
  import { withTheme } from '../../core/theming';
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
+ /*
7
8
  const pixelSize = 1.5;
8
9
  const segmentSize = 3 * pixelSize;
10
+
9
11
  const CheckmarkIcon = ({
10
12
  disabled = false,
11
13
  style = {},
12
14
  theme,
13
15
  ...rest
14
- }) => {
16
+ }: Props) => {
15
17
  const segmentOffsets = [2, 3, 4, 3, 2, 1, 0];
16
- return /*#__PURE__*/_jsx(View, {
17
- style: [styles.wrapper, style],
18
- ...rest,
19
- children: segmentOffsets.map((offset, i) => /*#__PURE__*/_jsx(View, {
20
- style: [styles.segment, {
21
- marginTop: offset * pixelSize,
22
- backgroundColor: disabled ? theme.checkmarkDisabled : theme.checkmark
23
- }]
24
- }, i))
25
- });
18
+
19
+ return (
20
+ <View style={[styles.wrapper, style]} {...rest}>
21
+ {segmentOffsets.map((offset, i) => (
22
+ <View
23
+ key={i}
24
+ style={[
25
+ styles.segment,
26
+ {
27
+ marginTop: offset * pixelSize,
28
+ backgroundColor: disabled
29
+ ? theme.checkmarkDisabled
30
+ : theme.checkmark,
31
+ },
32
+ ]}
33
+ />
34
+ ))}
35
+ </View>
36
+ );
26
37
  };
38
+
27
39
  const styles = StyleSheet.create({
28
40
  wrapper: {
29
41
  position: 'relative',
30
- flexDirection: 'row'
42
+ flexDirection: 'row',
31
43
  },
32
44
  segment: {
33
45
  width: pixelSize,
34
- height: segmentSize
46
+ height: segmentSize,
47
+ },
48
+ });
49
+ */
50
+
51
+ const CheckmarkIcon = ({
52
+ disabled = false,
53
+ style = {},
54
+ theme,
55
+ ...rest
56
+ }) => {
57
+ return /*#__PURE__*/_jsx(View, {
58
+ style: style,
59
+ ...rest,
60
+ children: /*#__PURE__*/_jsx(Image, {
61
+ source: !disabled ? require('../../assets/images/check10x11.png') : require('../../assets/images/check10x11disabled.png'),
62
+ style: styles.image
63
+ })
64
+ });
65
+ };
66
+ const styles = StyleSheet.create({
67
+ image: {
68
+ width: 10,
69
+ height: 11
35
70
  }
36
71
  });
37
72
  export default withTheme(CheckmarkIcon);
package/dist/module/components/Icons/CheckmarkIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","StyleSheet","View","withTheme","jsx","_jsx","pixelSize","segmentSize","CheckmarkIcon","disabled","style","theme","rest","segmentOffsets","styles","wrapper","children","map","offset","i","segment","marginTop","backgroundColor","checkmarkDisabled","checkmark","create","position","flexDirection","width","height"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAGrE,SAASC,SAAS,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C,MAAMC,SAAS,GAAG,GAAG;AACrB,MAAMC,WAAW,GAAG,CAAC,GAAGD,SAAS;AAEjC,MAAME,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;EAE5C,oBACER,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAE,CAACI,MAAM,CAACC,OAAO,EAAEL,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAI,QAAA,EAC3CH,cAAc,CAACI,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBAC5Bd,IAAA,CAACH,IAAI;MAEHQ,KAAK,EAAE,CACLI,MAAM,CAACM,OAAO,EACd;QACEC,SAAS,EAAEH,MAAM,GAAGZ,SAAS;QAC7BgB,eAAe,EAAEb,QAAQ,GACrBE,KAAK,CAACY,iBAAiB,GACvBZ,KAAK,CAACa;MACZ,CAAC;IACD,GATGL,CAUN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGb,UAAU,CAACwB,MAAM,CAAC;EAC/BV,OAAO,EAAE;IACPW,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDP,OAAO,EAAE;IACPQ,KAAK,EAAEtB,SAAS;IAChBuB,MAAM,EAAEtB;EACV;AACF,CAAC,CAAC;AAEF,eAAeJ,SAAS,CAACK,aAAa,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","Image","StyleSheet","View","withTheme","jsx","_jsx","CheckmarkIcon","disabled","style","theme","rest","children","source","require","styles","image","create","width","height"],"sourceRoot":"../../../../src","sources":["components/Icons/CheckmarkIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAG5E,SAASC,SAAS,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,aAAa,GAAGA,CAAC;EACrBC,QAAQ,GAAG,KAAK;EAChBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACEL,IAAA,CAACH,IAAI;IAACM,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAC,QAAA,eAC1BN,IAAA,CAACL,KAAK;MACJY,MAAM,EAAE,CAACL,QAAQ,GAAGM,OAAO,CAAC,oCAAoC,CAAC,GAAGA,OAAO,CAAC,4CAA4C,CAAE;MAC1HL,KAAK,EAAEM,MAAM,CAACC;IAAM,CACrB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGb,UAAU,CAACe,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAef,SAAS,CAACG,aAAa,CAAC","ignoreList":[]}
package/dist/typescript/src/components/Icons/CheckmarkIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckmarkIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CheckmarkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;mKAUC,KAAK;AAkCR,wBAAwC"}
1
+ {"version":3,"file":"CheckmarkIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CheckmarkIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;mKAmDC,KAAK;AAkBR,wBAAwC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react95-native-rabbl",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "Refreshed Windows 95 style UI components for your React Native app",
5
5
  "funding": [
6
6
  {
package/src/assets/images/check10x11.png ADDED
Binary file
package/src/components/Icons/CheckmarkIcon.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
2
+ import { Image, StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
3
3
 
4
4
  import type { Theme } from '../../types';
5
5
  import { withTheme } from '../../core/theming';
@@ -10,6 +10,7 @@ type Props = {
10
10
  theme: Theme;
11
11
  };
12
12
 
13
+ /*
13
14
  const pixelSize = 1.5;
14
15
  const segmentSize = 3 * pixelSize;
15
16
 
@@ -51,5 +52,29 @@ const styles = StyleSheet.create({
51
52
  height: segmentSize,
52
53
  },
53
54
  });
55
+ */
56
+
57
+ const CheckmarkIcon = ({
58
+ disabled = false,
59
+ style = {},
60
+ theme,
61
+ ...rest
62
+ }: Props) => {
63
+ return (
64
+ <View style={style} {...rest}>
65
+ <Image
66
+ source={!disabled ? require('../../assets/images/check10x11.png') : require('../../assets/images/check10x11disabled.png')}
67
+ style={styles.image}
68
+ />
69
+ </View>
70
+ );
71
+ };
72
+
73
+ const styles = StyleSheet.create({
74
+ image: {
75
+ width: 10,
76
+ height: 11,
77
+ },
78
+ });
54
79
 
55
80
  export default withTheme(CheckmarkIcon);