react-native-mantine 0.3.0 → 0.4.0
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/README.md +10 -0
- package/lib/commonjs/components/Button/index.js +4 -1
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/UnstyledButton/UnstyledButton.js +1 -4
- package/lib/commonjs/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/lib/module/components/Button/index.js +4 -1
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/UnstyledButton/UnstyledButton.js +1 -4
- package/lib/module/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/lib/typescript/commonjs/src/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/UnstyledButton/UnstyledButton.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/module/src/components/UnstyledButton/UnstyledButton.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/index.tsx +8 -3
- package/src/components/UnstyledButton/UnstyledButton.tsx +1 -2
package/README.md
CHANGED
|
@@ -31,6 +31,16 @@ A comprehensive React Native component library inspired by [Mantine](https://man
|
|
|
31
31
|
|
|
32
32
|
---
|
|
33
33
|
|
|
34
|
+
## Quick Start
|
|
35
|
+
|
|
36
|
+
### 🚀 Use the Template
|
|
37
|
+
|
|
38
|
+
The fastest way to get started is by using our GitHub template:
|
|
39
|
+
|
|
40
|
+
**[→ Use React Native Mantine Template](https://github.com/auronsan/react-native-mantine-template)**
|
|
41
|
+
|
|
42
|
+
This template includes all dependencies configured, TypeScript setup, and example components ready to use.
|
|
43
|
+
|
|
34
44
|
## Installation
|
|
35
45
|
|
|
36
46
|
```bash
|
|
@@ -10,6 +10,7 @@ var _reactNative = require("react-native");
|
|
|
10
10
|
var _themeProvider = require("../../theme/theme-provider.js");
|
|
11
11
|
var _ButtonStyles = _interopRequireDefault(require("./Button.styles.js"));
|
|
12
12
|
var _index2 = require("../BoxView/index.js");
|
|
13
|
+
var _index3 = require("../Text/index.js");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
@@ -96,7 +97,9 @@ const _Button = exports._Button = /*#__PURE__*/(0, _react.forwardRef)((props, re
|
|
|
96
97
|
style: styles.label
|
|
97
98
|
// style={{ textTransform: uppercase ? 'uppercase' : undefined }}
|
|
98
99
|
,
|
|
99
|
-
children: children
|
|
100
|
+
children: typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
|
|
101
|
+
children: children
|
|
102
|
+
}) : children
|
|
100
103
|
}), (rightIcon || loading && loaderPosition === 'right') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
|
|
101
104
|
style: sx(styles.icon, styles.rightIcon),
|
|
102
105
|
children: loading && loaderPosition === 'right' ? loader : rightIcon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_reactNative","_themeProvider","_ButtonStyles","_interopRequireDefault","_index2","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultProps","size","type","variant","loaderPosition","_Button","exports","forwardRef","props","ref","color","disabled","children","leftIcon","rightIcon","fullWidth","radius","uppercase","compact","loading","loaderProps","gradient","style","others","useComponentDefaultProps","styles","sx","useStyles","withLeftIcon","withRightIcon","name","loader","jsx","ActivityIndicator","UnstyledButton","root","undefined","jsxs","BoxView","inner","icon","centerLoader","label","Button"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAUA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_reactNative","_themeProvider","_ButtonStyles","_interopRequireDefault","_index2","_index3","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultProps","size","type","variant","loaderPosition","_Button","exports","forwardRef","props","ref","color","disabled","children","leftIcon","rightIcon","fullWidth","radius","uppercase","compact","loading","loaderProps","gradient","style","others","useComponentDefaultProps","styles","sx","useStyles","withLeftIcon","withRightIcon","name","loader","jsx","ActivityIndicator","UnstyledButton","root","undefined","jsxs","BoxView","inner","icon","centerLoader","label","Text","Button"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,6 @@ var _index = require("../BoxView/index.js");
|
|
|
9
9
|
var _UnstyledButtonStyles = _interopRequireDefault(require("./UnstyledButton.styles.js"));
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _themeProvider = require("../../theme/theme-provider.js");
|
|
12
|
-
var _index2 = require("../Text/index.js");
|
|
13
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
14
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
@@ -32,9 +31,7 @@ const UnstyledButton = exports.UnstyledButton = /*#__PURE__*/(0, _react.forwardR
|
|
|
32
31
|
ref: ref,
|
|
33
32
|
style: [styles.root, style],
|
|
34
33
|
...others,
|
|
35
|
-
children:
|
|
36
|
-
children: children
|
|
37
|
-
})
|
|
34
|
+
children: children
|
|
38
35
|
})
|
|
39
36
|
});
|
|
40
37
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_UnstyledButtonStyles","_interopRequireDefault","_reactNative","_themeProvider","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_UnstyledButtonStyles","_interopRequireDefault","_reactNative","_themeProvider","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UnstyledButton","exports","forwardRef","props","ref","variant","style","children","onPress","others","useComponentDefaultProps","styles","useStyles","jsx","TouchableOpacity","BoxView","root"],"sourceRoot":"../../../../src","sources":["components/UnstyledButton/UnstyledButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAsE,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAQ/D,MAAMgB,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAG,IAAAE,iBAAU,EAGtC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;EAAO,CAAC,GACpD,IAAAC,uCAAwB,EAAC,gBAAgB,EAAE,CAAC,CAAC,EAAEP,KAAK,CAAC;EAEvD,MAAM;IAAEQ;EAAO,CAAC,GAAG,IAAAC,6BAAS,EAAC;IAC3BP;EACF,CAAC,CAAC;EAEF,oBACE,IAAAzB,WAAA,CAAAiC,GAAA,EAACnC,YAAA,CAAAoC,gBAAgB;IACfN,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAAAD,QAAA,eAE5D,IAAA3B,WAAA,CAAAiC,GAAA,EAACtC,MAAA,CAAAwC,OAAO;MAACX,GAAG,EAAEA,GAAI;MAACE,KAAK,EAAE,CAACK,MAAM,CAACK,IAAI,EAAEV,KAAK,CAAE;MAAA,GAAKG,MAAM;MAAAF,QAAA,EACvDA;IAAQ,CACF;EAAC,CACM,CAAC;AAEvB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { ActivityIndicator } from 'react-native';
|
|
|
6
6
|
import { useComponentDefaultProps } from "../../theme/theme-provider.js";
|
|
7
7
|
import useStyles from "./Button.styles.js";
|
|
8
8
|
import { BoxView } from "../BoxView/index.js";
|
|
9
|
+
import { Text } from "../Text/index.js";
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
11
|
const defaultProps = {
|
|
11
12
|
size: 'sm',
|
|
@@ -90,7 +91,9 @@ export const _Button = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
90
91
|
style: styles.label
|
|
91
92
|
// style={{ textTransform: uppercase ? 'uppercase' : undefined }}
|
|
92
93
|
,
|
|
93
|
-
children: children
|
|
94
|
+
children: typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/_jsx(Text, {
|
|
95
|
+
children: children
|
|
96
|
+
}) : children
|
|
94
97
|
}), (rightIcon || loading && loaderPosition === 'right') && /*#__PURE__*/_jsx(BoxView, {
|
|
95
98
|
style: sx(styles.icon, styles.rightIcon),
|
|
96
99
|
children: loading && loaderPosition === 'right' ? loader : rightIcon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","UnstyledButton","ActivityIndicator","useComponentDefaultProps","useStyles","BoxView","jsx","_jsx","jsxs","_jsxs","defaultProps","size","type","variant","loaderPosition","_Button","props","ref","color","disabled","children","leftIcon","rightIcon","fullWidth","radius","uppercase","compact","loading","loaderProps","gradient","style","others","styles","sx","withLeftIcon","withRightIcon","name","loader","root","undefined","inner","icon","centerLoader","label","Button"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,4BAAmB;AAUlD,SAASC,iBAAiB,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","UnstyledButton","ActivityIndicator","useComponentDefaultProps","useStyles","BoxView","Text","jsx","_jsx","jsxs","_jsxs","defaultProps","size","type","variant","loaderPosition","_Button","props","ref","color","disabled","children","leftIcon","rightIcon","fullWidth","radius","uppercase","compact","loading","loaderProps","gradient","style","others","styles","sx","withLeftIcon","withRightIcon","name","loader","root","undefined","inner","icon","centerLoader","label","Button"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,6 @@ import { BoxView } from "../BoxView/index.js";
|
|
|
5
5
|
import useStyles from "./UnstyledButton.styles.js";
|
|
6
6
|
import { TouchableOpacity } from 'react-native';
|
|
7
7
|
import { useComponentDefaultProps } from "../../theme/theme-provider.js";
|
|
8
|
-
import { Text } from "../Text/index.js";
|
|
9
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
9
|
export const UnstyledButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
11
10
|
const {
|
|
@@ -26,9 +25,7 @@ export const UnstyledButton = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
26
25
|
ref: ref,
|
|
27
26
|
style: [styles.root, style],
|
|
28
27
|
...others,
|
|
29
|
-
children:
|
|
30
|
-
children: children
|
|
31
|
-
})
|
|
28
|
+
children: children
|
|
32
29
|
})
|
|
33
30
|
});
|
|
34
31
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","BoxView","useStyles","TouchableOpacity","useComponentDefaultProps","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","BoxView","useStyles","TouchableOpacity","useComponentDefaultProps","jsx","_jsx","UnstyledButton","props","ref","variant","style","children","onPress","others","styles","root"],"sourceRoot":"../../../../src","sources":["components/UnstyledButton/UnstyledButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,OAAO,QAAQ,qBAAY;AACpC,OAAOC,SAAS,MAAM,4BAAyB;AAC/C,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,wBAAwB,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtE,OAAO,MAAMC,cAAc,gBAAGP,UAAU,CAGtC,CAACQ,KAAK,EAAEC,GAAG,KAAK;EAChB,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;EAAO,CAAC,GACpDV,wBAAwB,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAEI,KAAK,CAAC;EAEvD,MAAM;IAAEO;EAAO,CAAC,GAAGb,SAAS,CAAC;IAC3BQ;EACF,CAAC,CAAC;EAEF,oBACEJ,IAAA,CAACH,gBAAgB;IACfU,OAAO,EAAE,OAAOA,OAAO,KAAK,UAAU,GAAGA,OAAO,GAAG,MAAM,CAAC,CAAE;IAAAD,QAAA,eAE5DN,IAAA,CAACL,OAAO;MAACQ,GAAG,EAAEA,GAAI;MAACE,KAAK,EAAE,CAACI,MAAM,CAACC,IAAI,EAAEL,KAAK,CAAE;MAAA,GAAKG,MAAM;MAAAF,QAAA,EACvDA;IAAQ,CACF;EAAC,CACM,CAAC;AAEvB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAO7C,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sGAAsG;IACtG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAChB,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC7E,CAAC;IAEF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE7C,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AASD,eAAO,MAAM,OAAO,EAmGf,GAAG,CAAC;AAET,eAAO,MAAM,MAAM,KAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UnstyledButton/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UnstyledButton/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,cAAc;YAEO,GAAG;6BAkBnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAO7C,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,WAAY,SAAQ,YAAY;IAC/C,6BAA6B;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,sGAAsG;IACtG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,iCAAiC;IACjC,OAAO,CAAC,EAAE,QAAQ,CAChB,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC7E,CAAC;IAEF,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE7C,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AASD,eAAO,MAAM,OAAO,EAmGf,GAAG,CAAC;AAET,eAAO,MAAM,MAAM,KAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UnstyledButton/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/UnstyledButton/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,cAAc;YAEO,GAAG;6BAkBnC,CAAC"}
|
package/package.json
CHANGED
|
@@ -9,10 +9,11 @@ import type {
|
|
|
9
9
|
} from '../../theme/types';
|
|
10
10
|
import type { MantineGradient } from '../../theme/theme';
|
|
11
11
|
import type { LoaderProps } from '../Loader';
|
|
12
|
-
import { ActivityIndicator } from 'react-native';
|
|
12
|
+
import { ActivityIndicator, View } from 'react-native';
|
|
13
13
|
import { useComponentDefaultProps } from '../../theme/theme-provider';
|
|
14
14
|
import useStyles from './Button.styles';
|
|
15
15
|
import { BoxView } from '../BoxView';
|
|
16
|
+
import { Text } from '../Text';
|
|
16
17
|
|
|
17
18
|
export type ButtonStylesNames = any;
|
|
18
19
|
|
|
@@ -77,7 +78,7 @@ const defaultProps: Partial<ButtonProps> = {
|
|
|
77
78
|
loaderPosition: 'left',
|
|
78
79
|
};
|
|
79
80
|
|
|
80
|
-
export const _Button = forwardRef<
|
|
81
|
+
export const _Button = forwardRef<View, ButtonProps>(
|
|
81
82
|
(props, ref) => {
|
|
82
83
|
const {
|
|
83
84
|
// className,
|
|
@@ -160,7 +161,11 @@ export const _Button = forwardRef<HTMLButtonElement, ButtonProps>(
|
|
|
160
161
|
style={styles.label}
|
|
161
162
|
// style={{ textTransform: uppercase ? 'uppercase' : undefined }}
|
|
162
163
|
>
|
|
163
|
-
{children
|
|
164
|
+
{typeof children === 'string' || typeof children === 'number' ? (
|
|
165
|
+
<Text>{children}</Text>
|
|
166
|
+
) : (
|
|
167
|
+
children
|
|
168
|
+
)}
|
|
164
169
|
</BoxView>
|
|
165
170
|
|
|
166
171
|
{(rightIcon || (loading && loaderPosition === 'right')) && (
|
|
@@ -3,7 +3,6 @@ import { BoxView } from '../BoxView';
|
|
|
3
3
|
import useStyles from './UnstyledButton.styles';
|
|
4
4
|
import { TouchableOpacity } from 'react-native';
|
|
5
5
|
import { useComponentDefaultProps } from '../../theme/theme-provider';
|
|
6
|
-
import { Text } from '../Text';
|
|
7
6
|
|
|
8
7
|
export interface UnstyledButtonProps {
|
|
9
8
|
variant?: string;
|
|
@@ -27,7 +26,7 @@ export const UnstyledButton = forwardRef<
|
|
|
27
26
|
onPress={typeof onPress === 'function' ? onPress : () => {}}
|
|
28
27
|
>
|
|
29
28
|
<BoxView ref={ref} style={[styles.root, style]} {...others}>
|
|
30
|
-
|
|
29
|
+
{children}
|
|
31
30
|
</BoxView>
|
|
32
31
|
</TouchableOpacity>
|
|
33
32
|
);
|