react95-native-rabbl 0.1.7 → 0.1.8

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 (14) hide show
  1. package/README.md +3 -0
  2. package/dist/commonjs/assets/images/close-icon10x11.png +0 -0
  3. package/dist/commonjs/assets/images/close-icon10x11disabled.png +0 -0
  4. package/dist/commonjs/components/Icons/CloseIcon.js +44 -21
  5. package/dist/commonjs/components/Icons/CloseIcon.js.map +1 -1
  6. package/dist/module/assets/images/close-icon10x11.png +0 -0
  7. package/dist/module/assets/images/close-icon10x11disabled.png +0 -0
  8. package/dist/module/components/Icons/CloseIcon.js +45 -23
  9. package/dist/module/components/Icons/CloseIcon.js.map +1 -1
  10. package/dist/typescript/src/components/Icons/CloseIcon.d.ts.map +1 -1
  11. package/package.json +1 -1
  12. package/src/assets/images/close-icon10x11.png +0 -0
  13. package/src/assets/images/close-icon10x11disabled.png +0 -0
  14. package/src/components/Icons/CloseIcon.tsx +27 -3
package/README.md CHANGED
@@ -33,4 +33,7 @@
33
33
  npm run build
34
34
  npm login
35
35
  npm publish
36
+
37
+ # Then
38
+ npm install react95-native-rabbl@latest
36
39
  ```
package/dist/commonjs/components/Icons/CloseIcon.js CHANGED
@@ -7,9 +7,43 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactNative = require("react-native");
9
9
  var _theming = require("../../core/theming");
10
- var _ = require("../..");
11
10
  var _jsxRuntime = require("react/jsx-runtime");
12
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ //import { ChevronIcon } from '../..';
13
+
14
+ /*const CloseIcon = ({
15
+ disabled = false,
16
+ segments = 4,
17
+ style,
18
+ theme,
19
+ ...rest
20
+ }: Props) => {
21
+ return (
22
+ <View style={[styles.wrapper, style]} {...rest}>
23
+ <ChevronIcon
24
+ theme={theme}
25
+ disabled={disabled}
26
+ segments={segments}
27
+ direction='right'
28
+ />
29
+ <ChevronIcon
30
+ theme={theme}
31
+ disabled={disabled}
32
+ segments={segments}
33
+ direction='left'
34
+ style={{ marginLeft: -2, marginRight: 2 }}
35
+ />
36
+ </View>
37
+ );
38
+ };
39
+
40
+ const styles = StyleSheet.create({
41
+ wrapper: {
42
+ alignItems: 'center',
43
+ flexDirection: 'row',
44
+ },
45
+ });*/
46
+
13
47
  const CloseIcon = ({
14
48
  disabled = false,
15
49
  segments = 4,
@@ -17,30 +51,19 @@ const CloseIcon = ({
17
51
  theme,
18
52
  ...rest
19
53
  }) => {
20
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
21
- style: [styles.wrapper, style],
54
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
55
+ style: style,
22
56
  ...rest,
23
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.ChevronIcon, {
24
- theme: theme,
25
- disabled: disabled,
26
- segments: segments,
27
- direction: "right"
28
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ChevronIcon, {
29
- theme: theme,
30
- disabled: disabled,
31
- segments: segments,
32
- direction: "left",
33
- style: {
34
- marginLeft: -2,
35
- marginRight: 2
36
- }
37
- })]
57
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
58
+ source: !disabled ? require('../../assets/images/close-icon10x11.png') : require('../../assets/images/close-icon10x11disabled.png'),
59
+ style: styles.image
60
+ })
38
61
  });
39
62
  };
40
63
  const styles = _reactNative.StyleSheet.create({
41
- wrapper: {
42
- alignItems: 'center',
43
- flexDirection: 'row'
64
+ image: {
65
+ width: 10,
66
+ height: 11
44
67
  }
45
68
  });
46
69
  var _default = exports.default = (0, _theming.withTheme)(CloseIcon);
package/dist/commonjs/components/Icons/CloseIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_","_jsxRuntime","e","__esModule","default","CloseIcon","disabled","segments","style","theme","rest","jsxs","View","styles","wrapper","children","jsx","ChevronIcon","direction","marginLeft","marginRight","StyleSheet","create","alignItems","flexDirection","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,CAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASpC,MAAMG,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACb,YAAA,CAAAc,IAAI;IAACJ,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAEN,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAK,QAAA,gBAC5C,IAAAd,WAAA,CAAAe,GAAA,EAAChB,CAAA,CAAAiB,WAAW;MACVR,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBW,SAAS,EAAC;IAAO,CAClB,CAAC,eACF,IAAAjB,WAAA,CAAAe,GAAA,EAAChB,CAAA,CAAAiB,WAAW;MACVR,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBW,SAAS,EAAC,MAAM;MAChBV,KAAK,EAAE;QAAEW,UAAU,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE;MAAE;IAAE,CAC3C,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMP,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEY,IAAAuB,kBAAS,EAACtB,SAAS,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theming","_jsxRuntime","e","__esModule","default","CloseIcon","disabled","segments","style","theme","rest","jsx","View","children","Image","source","styles","image","StyleSheet","create","width","height","_default","exports","withTheme"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.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;AAC/C;;AASA;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,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACJ,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAG,QAAA,eAC1B,IAAAZ,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAe,KAAK;MACJC,MAAM,EAAE,CAACT,QAAQ,GAAGR,OAAO,CAAC,yCAAyC,CAAC,GAAGA,OAAO,CAAC,iDAAiD,CAAE;MACpIU,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,CAAAnB,OAAA,GAEY,IAAAoB,kBAAS,EAACnB,SAAS,CAAC","ignoreList":[]}
package/dist/module/components/Icons/CloseIcon.js CHANGED
@@ -1,10 +1,43 @@
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
- import { ChevronIcon } from '../..';
7
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
+ //import { ChevronIcon } from '../..';
7
+ import { jsx as _jsx } from "react/jsx-runtime";
8
+ /*const CloseIcon = ({
9
+ disabled = false,
10
+ segments = 4,
11
+ style,
12
+ theme,
13
+ ...rest
14
+ }: Props) => {
15
+ return (
16
+ <View style={[styles.wrapper, style]} {...rest}>
17
+ <ChevronIcon
18
+ theme={theme}
19
+ disabled={disabled}
20
+ segments={segments}
21
+ direction='right'
22
+ />
23
+ <ChevronIcon
24
+ theme={theme}
25
+ disabled={disabled}
26
+ segments={segments}
27
+ direction='left'
28
+ style={{ marginLeft: -2, marginRight: 2 }}
29
+ />
30
+ </View>
31
+ );
32
+ };
33
+
34
+ const styles = StyleSheet.create({
35
+ wrapper: {
36
+ alignItems: 'center',
37
+ flexDirection: 'row',
38
+ },
39
+ });*/
40
+
8
41
  const CloseIcon = ({
9
42
  disabled = false,
10
43
  segments = 4,
@@ -12,30 +45,19 @@ const CloseIcon = ({
12
45
  theme,
13
46
  ...rest
14
47
  }) => {
15
- return /*#__PURE__*/_jsxs(View, {
16
- style: [styles.wrapper, style],
48
+ return /*#__PURE__*/_jsx(View, {
49
+ style: style,
17
50
  ...rest,
18
- children: [/*#__PURE__*/_jsx(ChevronIcon, {
19
- theme: theme,
20
- disabled: disabled,
21
- segments: segments,
22
- direction: "right"
23
- }), /*#__PURE__*/_jsx(ChevronIcon, {
24
- theme: theme,
25
- disabled: disabled,
26
- segments: segments,
27
- direction: "left",
28
- style: {
29
- marginLeft: -2,
30
- marginRight: 2
31
- }
32
- })]
51
+ children: /*#__PURE__*/_jsx(Image, {
52
+ source: !disabled ? require('../../assets/images/close-icon10x11.png') : require('../../assets/images/close-icon10x11disabled.png'),
53
+ style: styles.image
54
+ })
33
55
  });
34
56
  };
35
57
  const styles = StyleSheet.create({
36
- wrapper: {
37
- alignItems: 'center',
38
- flexDirection: 'row'
58
+ image: {
59
+ width: 10,
60
+ height: 11
39
61
  }
40
62
  });
41
63
  export default withTheme(CloseIcon);
package/dist/module/components/Icons/CloseIcon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","StyleSheet","View","withTheme","ChevronIcon","jsx","_jsx","jsxs","_jsxs","CloseIcon","disabled","segments","style","theme","rest","styles","wrapper","children","direction","marginLeft","marginRight","create","alignItems","flexDirection"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAGrE,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASpC,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACEN,KAAA,CAACN,IAAI;IAACU,KAAK,EAAE,CAACG,MAAM,CAACC,OAAO,EAAEJ,KAAK,CAAE;IAAA,GAAKE,IAAI;IAAAG,QAAA,gBAC5CX,IAAA,CAACF,WAAW;MACVS,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBO,SAAS,EAAC;IAAO,CAClB,CAAC,eACFZ,IAAA,CAACF,WAAW;MACVS,KAAK,EAAEA,KAAM;MACbH,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBO,SAAS,EAAC,MAAM;MAChBN,KAAK,EAAE;QAAEO,UAAU,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE;MAAE;IAAE,CAC3C,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGd,UAAU,CAACoB,MAAM,CAAC;EAC/BL,OAAO,EAAE;IACPM,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAepB,SAAS,CAACM,SAAS,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["React","Image","StyleSheet","View","withTheme","jsx","_jsx","CloseIcon","disabled","segments","style","theme","rest","children","source","require","styles","image","create","width","height"],"sourceRoot":"../../../../src","sources":["components/Icons/CloseIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAaC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAG5E,SAASC,SAAS,QAAQ,oBAAoB;AAC9C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AASA;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,SAAS,GAAGA,CAAC;EACjBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,CAAC;EACZC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,oBACEN,IAAA,CAACH,IAAI;IAACO,KAAK,EAAEA,KAAM;IAAA,GAAKE,IAAI;IAAAC,QAAA,eAC1BP,IAAA,CAACL,KAAK;MACJa,MAAM,EAAE,CAACN,QAAQ,GAAGO,OAAO,CAAC,yCAAyC,CAAC,GAAGA,OAAO,CAAC,iDAAiD,CAAE;MACpIL,KAAK,EAAEM,MAAM,CAACC;IAAM,CACrB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMD,MAAM,GAAGd,UAAU,CAACgB,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAehB,SAAS,CAACG,SAAS,CAAC","ignoreList":[]}
package/dist/typescript/src/components/Icons/CloseIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CloseIcon.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;AAIzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;6KAQC,KAAK;AA2BR,wBAAoC"}
1
+ {"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/CloseIcon.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;AAIzC,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;;;6KAyCC,KAAK;AAkBR,wBAAoC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react95-native-rabbl",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "Refreshed Windows 95 style UI components for your React Native app",
5
5
  "funding": [
6
6
  {
package/src/components/Icons/CloseIcon.tsx CHANGED
@@ -1,9 +1,9 @@
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';
6
- import { ChevronIcon } from '../..';
6
+ //import { ChevronIcon } from '../..';
7
7
 
8
8
  type Props = {
9
9
  disabled?: boolean;
@@ -12,7 +12,7 @@ type Props = {
12
12
  theme: Theme;
13
13
  };
14
14
 
15
- const CloseIcon = ({
15
+ /*const CloseIcon = ({
16
16
  disabled = false,
17
17
  segments = 4,
18
18
  style,
@@ -43,6 +43,30 @@ const styles = StyleSheet.create({
43
43
  alignItems: 'center',
44
44
  flexDirection: 'row',
45
45
  },
46
+ });*/
47
+
48
+ const CloseIcon = ({
49
+ disabled = false,
50
+ segments = 4,
51
+ style,
52
+ theme,
53
+ ...rest
54
+ }: Props) => {
55
+ return (
56
+ <View style={style} {...rest}>
57
+ <Image
58
+ source={!disabled ? require('../../assets/images/close-icon10x11.png') : require('../../assets/images/close-icon10x11disabled.png')}
59
+ style={styles.image}
60
+ />
61
+ </View>
62
+ );
63
+ };
64
+
65
+ const styles = StyleSheet.create({
66
+ image: {
67
+ width: 10,
68
+ height: 11,
69
+ },
46
70
  });
47
71
 
48
72
  export default withTheme(CloseIcon);