@space-uy/pulsar-ui 0.6.0 → 0.7.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/lib/module/components/Button.js +16 -1
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/ButtonContainer.js +1 -0
- package/lib/module/components/ButtonContainer.js.map +1 -1
- package/lib/module/components/IconButton.js +15 -4
- package/lib/module/components/IconButton.js.map +1 -1
- package/lib/module/theme/meassures.js +2 -1
- package/lib/module/theme/meassures.js.map +1 -1
- package/lib/typescript/src/components/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/ButtonContainer.d.ts +2 -1
- package/lib/typescript/src/components/ButtonContainer.d.ts.map +1 -1
- package/lib/typescript/src/components/IconButton.d.ts.map +1 -1
- package/lib/typescript/src/theme/meassures.d.ts +1 -0
- package/lib/typescript/src/theme/meassures.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button.tsx +17 -1
- package/src/components/ButtonContainer.tsx +1 -0
- package/src/components/IconButton.tsx +15 -8
- package/src/theme/meassures.ts +1 -0
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { useMemo } from 'react';
|
|
3
4
|
import { StyleSheet } from 'react-native';
|
|
4
5
|
import ButtonContainer from "./ButtonContainer.js";
|
|
5
6
|
import LoadingIndicator from "./LoadingIndicator.js";
|
|
@@ -16,12 +17,26 @@ export default function Button({
|
|
|
16
17
|
onPress,
|
|
17
18
|
iconName
|
|
18
19
|
}) {
|
|
20
|
+
const iconSize = useMemo(() => {
|
|
21
|
+
switch (size) {
|
|
22
|
+
case 'small':
|
|
23
|
+
return 16;
|
|
24
|
+
case 'medium':
|
|
25
|
+
return 18;
|
|
26
|
+
case 'large':
|
|
27
|
+
return 20;
|
|
28
|
+
case 'xlarge':
|
|
29
|
+
return 22;
|
|
30
|
+
default:
|
|
31
|
+
return 16;
|
|
32
|
+
}
|
|
33
|
+
}, [size]);
|
|
19
34
|
const renderIconOrLoader = colors => {
|
|
20
35
|
if (loading) {
|
|
21
36
|
return /*#__PURE__*/_jsx(LoadingIndicator, {
|
|
22
37
|
style: styles.icon,
|
|
23
38
|
color: colors.textColor,
|
|
24
|
-
size:
|
|
39
|
+
size: iconSize
|
|
25
40
|
});
|
|
26
41
|
}
|
|
27
42
|
return iconName ? /*#__PURE__*/_jsx(Icon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","renderIconOrLoader","colors","styles","icon","color","textColor","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAa7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAMC,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,
|
|
1
|
+
{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","iconSize","renderIconOrLoader","colors","styles","icon","color","textColor","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAa7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC;AACK,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGrB,OAAO,CAAC,MAAM;IAC7B,QAAQgB,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMM,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,IAAIN,OAAO,EAAE;MACX,oBACEV,IAAA,CAACJ,gBAAgB;QACfW,KAAK,EAAEU,MAAM,CAACC,IAAK;QACnBC,KAAK,EAAEH,MAAM,CAACI,SAAU;QACxBX,IAAI,EAAEK;MAAS,CAChB,CAAC;IAEN;IACA,OAAOD,QAAQ,gBACbb,IAAA,CAACF,IAAI;MACHS,KAAK,EAAEU,MAAM,CAACC,IAAK;MACnBG,IAAI,EAAER,QAAS;MACfJ,IAAI,EAAE,EAAG;MACTU,KAAK,EAAEH,MAAM,CAACI;IAAU,CACzB,CAAC,GACA,IAAI;EACV,CAAC;EAED,oBACEpB,IAAA,CAACL,eAAe;IACdY,KAAK,EAAEA,KAAM;IACbe,qBAAqB,EAAEL,MAAM,CAACM,OAAQ;IACtCf,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBY,aAAa,EAAGR,MAAoB,iBAClCZ,KAAA,CAAAF,SAAA;MAAAuB,QAAA,GACGV,kBAAkB,CAACC,MAAM,CAAC,eAC3BhB,IAAA,CAACH,IAAI;QACHU,KAAK,EAAE;UAAEY,KAAK,EAAEH,MAAM,CAACI;QAAU,CAAE;QACnCZ,OAAO,EAAEC,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAK;QAAAgB,QAAA,EAEvCnB;MAAI,CACD,CAAC;IAAA,CACP;EACF,CACH,CAAC;AAEN;AAEA,MAAMW,MAAM,GAAGvB,UAAU,CAACgC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,IAAI,EAAE;IAAEa,SAAS,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -18,6 +18,7 @@ export let ButtonSize = /*#__PURE__*/function (ButtonSize) {
|
|
|
18
18
|
ButtonSize["small"] = "small";
|
|
19
19
|
ButtonSize["medium"] = "medium";
|
|
20
20
|
ButtonSize["large"] = "large";
|
|
21
|
+
ButtonSize["xlarge"] = "xlarge";
|
|
21
22
|
return ButtonSize;
|
|
22
23
|
}({});
|
|
23
24
|
export default function ButtonContainer({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","rest","theme","colors","pressed","enabled","height","button","buttonColors","outline","backgroundColor","borderColor","border","textColor","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SACEC,QAAQ,EACRC,SAAS,EACTC,UAAU,QAKL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QAEL,yBAAyB;AAEhC,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AACnD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAOzB,WAAYC,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;
|
|
1
|
+
{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","rest","theme","colors","pressed","enabled","height","button","buttonColors","outline","backgroundColor","borderColor","border","textColor","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,7 +18,20 @@ export default function IconButton({
|
|
|
18
18
|
style,
|
|
19
19
|
...rest
|
|
20
20
|
}) {
|
|
21
|
-
const iconSize = useMemo(() =>
|
|
21
|
+
const iconSize = useMemo(() => {
|
|
22
|
+
switch (size) {
|
|
23
|
+
case 'small':
|
|
24
|
+
return 12;
|
|
25
|
+
case 'medium':
|
|
26
|
+
return 16;
|
|
27
|
+
case 'large':
|
|
28
|
+
return 20;
|
|
29
|
+
case 'xlarge':
|
|
30
|
+
return 24;
|
|
31
|
+
default:
|
|
32
|
+
return 12;
|
|
33
|
+
}
|
|
34
|
+
}, [size]);
|
|
22
35
|
return /*#__PURE__*/_jsx(ButtonContainer, {
|
|
23
36
|
...rest,
|
|
24
37
|
variant: variant,
|
|
@@ -35,9 +48,7 @@ export default function IconButton({
|
|
|
35
48
|
style: [style, {
|
|
36
49
|
width: meassures.button[size]
|
|
37
50
|
}],
|
|
38
|
-
contentContainerStyle:
|
|
39
|
-
padding: size === 'small' ? PADDING / 2 : PADDING
|
|
40
|
-
}],
|
|
51
|
+
contentContainerStyle: styles.container,
|
|
41
52
|
renderContent: colors => loading ? /*#__PURE__*/_jsx(LoadingIndicator, {
|
|
42
53
|
size: iconSize,
|
|
43
54
|
color: colors.textColor
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","rest","iconSize","
|
|
1
|
+
{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","rest","iconSize","hitSlop","top","left","right","bottom","width","button","contentContainerStyle","styles","container","renderContent","colors","color","textColor","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU3C,MAAMC,OAAO,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,MAAM;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACL,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGlB,OAAO,CAAC,MAAM;IAC7B,QAAQY,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEL,IAAA,CAACL,eAAe;IAAA,GACVe,IAAI;IACRH,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnBF,OAAO,EAAEA,OAAQ;IACjBQ,OAAO,EAAE;MAAEC,GAAG,EAAEZ,OAAO;MAAEa,IAAI,EAAEb,OAAO;MAAEc,KAAK,EAAEd,OAAO;MAAEe,MAAM,EAAEf;IAAQ,CAAE;IAC1EQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEQ,KAAK,EAAEnB,SAAS,CAACoB,MAAM,CAACb,IAAI;IAAE,CAAC,CAAE;IAClDc,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCC,aAAa,EAAGC,MAAoB,IAClCf,OAAO,gBACLR,IAAA,CAACH,gBAAgB;MAACQ,IAAI,EAAEM,QAAS;MAACa,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE,CAAC,gBAE7DzB,IAAA,CAACJ,IAAI;MAAC8B,IAAI,EAAEvB,QAAS;MAACE,IAAI,EAAEM,QAAS;MAACa,KAAK,EAAED,MAAM,CAACE;IAAU,CAAE;EAEnE,CACF,CAAC;AAEN;AAEA,MAAML,MAAM,GAAG1B,UAAU,CAACiC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IAAEO,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AAC9D,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["button","small","medium","large"],"sourceRoot":"../../../src","sources":["theme/meassures.ts"],"mappings":";;AAAA,eAAe;EACbA,MAAM,EAAE;IACNC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"names":["button","small","medium","large","xlarge"],"sourceRoot":"../../../src","sources":["theme/meassures.ts"],"mappings":";;AAAA,eAAe;EACbA,MAAM,EAAE;IACNC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAG3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,2CA0DP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;
|
|
1
|
+
{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,GAAG,IAAI,EACR,EAAE,KAAK,2CA8FP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,IAAe,EACf,QAAgB,EAChB,OAAgB,EAChB,OAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,IAAe,EACf,QAAgB,EAChB,OAAgB,EAChB,OAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,2CAoCP"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meassures.d.ts","sourceRoot":"","sources":["../../../../src/theme/meassures.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"meassures.d.ts","sourceRoot":"","sources":["../../../../src/theme/meassures.ts"],"names":[],"mappings":";;;;;;;;AAAA,wBAOE"}
|
package/package.json
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { useMemo } from 'react';
|
|
1
2
|
import { StyleSheet, type ViewStyle, type StyleProp } from 'react-native';
|
|
2
3
|
|
|
3
4
|
import ButtonContainer, {
|
|
@@ -30,13 +31,28 @@ export default function Button({
|
|
|
30
31
|
onPress,
|
|
31
32
|
iconName,
|
|
32
33
|
}: Props) {
|
|
34
|
+
const iconSize = useMemo(() => {
|
|
35
|
+
switch (size) {
|
|
36
|
+
case 'small':
|
|
37
|
+
return 16;
|
|
38
|
+
case 'medium':
|
|
39
|
+
return 18;
|
|
40
|
+
case 'large':
|
|
41
|
+
return 20;
|
|
42
|
+
case 'xlarge':
|
|
43
|
+
return 22;
|
|
44
|
+
default:
|
|
45
|
+
return 16;
|
|
46
|
+
}
|
|
47
|
+
}, [size]);
|
|
48
|
+
|
|
33
49
|
const renderIconOrLoader = (colors: ButtonColors) => {
|
|
34
50
|
if (loading) {
|
|
35
51
|
return (
|
|
36
52
|
<LoadingIndicator
|
|
37
53
|
style={styles.icon}
|
|
38
54
|
color={colors.textColor}
|
|
39
|
-
size={
|
|
55
|
+
size={iconSize}
|
|
40
56
|
/>
|
|
41
57
|
);
|
|
42
58
|
}
|
|
@@ -36,10 +36,20 @@ export default function IconButton({
|
|
|
36
36
|
style,
|
|
37
37
|
...rest
|
|
38
38
|
}: Props) {
|
|
39
|
-
const iconSize = useMemo(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
const iconSize = useMemo(() => {
|
|
40
|
+
switch (size) {
|
|
41
|
+
case 'small':
|
|
42
|
+
return 12;
|
|
43
|
+
case 'medium':
|
|
44
|
+
return 16;
|
|
45
|
+
case 'large':
|
|
46
|
+
return 20;
|
|
47
|
+
case 'xlarge':
|
|
48
|
+
return 24;
|
|
49
|
+
default:
|
|
50
|
+
return 12;
|
|
51
|
+
}
|
|
52
|
+
}, [size]);
|
|
43
53
|
|
|
44
54
|
return (
|
|
45
55
|
<ButtonContainer
|
|
@@ -51,10 +61,7 @@ export default function IconButton({
|
|
|
51
61
|
onPress={onPress}
|
|
52
62
|
hitSlop={{ top: PADDING, left: PADDING, right: PADDING, bottom: PADDING }}
|
|
53
63
|
style={[style, { width: meassures.button[size] }]}
|
|
54
|
-
contentContainerStyle={
|
|
55
|
-
styles.container,
|
|
56
|
-
{ padding: size === 'small' ? PADDING / 2 : PADDING },
|
|
57
|
-
]}
|
|
64
|
+
contentContainerStyle={styles.container}
|
|
58
65
|
renderContent={(colors: ButtonColors) =>
|
|
59
66
|
loading ? (
|
|
60
67
|
<LoadingIndicator size={iconSize} color={colors.textColor} />
|