fluent-styles 1.62.5 → 1.62.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.
- package/lib/commonjs/badge/index.js +8 -13
- package/lib/commonjs/badge/index.js.map +1 -1
- package/lib/commonjs/button/index.js +3 -4
- package/lib/commonjs/button/index.js.map +1 -1
- package/lib/commonjs/card/index.js +15 -23
- package/lib/commonjs/card/index.js.map +1 -1
- package/lib/commonjs/checkBox/index.js +3 -5
- package/lib/commonjs/checkBox/index.js.map +1 -1
- package/lib/commonjs/circularProgress/index.js +83 -102
- package/lib/commonjs/circularProgress/index.js.map +1 -1
- package/lib/commonjs/dropdown/index.js +6 -10
- package/lib/commonjs/dropdown/index.js.map +1 -1
- package/lib/commonjs/header/index.js +55 -59
- package/lib/commonjs/header/index.js.map +1 -1
- package/lib/commonjs/image/index.js +3 -5
- package/lib/commonjs/image/index.js.map +1 -1
- package/lib/commonjs/index.js +0 -7
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/index.js +3 -5
- package/lib/commonjs/input/index.js.map +1 -1
- package/lib/commonjs/page/index.js +4 -20
- package/lib/commonjs/page/index.js.map +1 -1
- package/lib/commonjs/safeAreaView/index.js +0 -4
- package/lib/commonjs/safeAreaView/index.js.map +1 -1
- package/lib/commonjs/seperator/index.js +3 -5
- package/lib/commonjs/seperator/index.js.map +1 -1
- package/lib/commonjs/shape/cycle.js +3 -5
- package/lib/commonjs/shape/cycle.js.map +1 -1
- package/lib/commonjs/shape/index.js +3 -6
- package/lib/commonjs/shape/index.js.map +1 -1
- package/lib/commonjs/slider/index.js +22 -72
- package/lib/commonjs/slider/index.js.map +1 -1
- package/lib/commonjs/spinner/index.js +11 -17
- package/lib/commonjs/spinner/index.js.map +1 -1
- package/lib/commonjs/tabBar/TabBar.js +139 -87
- package/lib/commonjs/tabBar/TabBar.js.map +1 -1
- package/lib/commonjs/utiles/styled.js +11 -14
- package/lib/commonjs/utiles/styled.js.map +1 -1
- package/lib/module/badge/index.js +8 -10
- package/lib/module/badge/index.js.map +1 -1
- package/lib/module/button/index.js +3 -4
- package/lib/module/button/index.js.map +1 -1
- package/lib/module/card/index.js +15 -20
- package/lib/module/card/index.js.map +1 -1
- package/lib/module/checkBox/index.js +4 -5
- package/lib/module/checkBox/index.js.map +1 -1
- package/lib/module/circularProgress/index.js +84 -103
- package/lib/module/circularProgress/index.js.map +1 -1
- package/lib/module/dropdown/index.js +7 -9
- package/lib/module/dropdown/index.js.map +1 -1
- package/lib/module/header/index.js +48 -52
- package/lib/module/header/index.js.map +1 -1
- package/lib/module/image/index.js +3 -4
- package/lib/module/image/index.js.map +1 -1
- package/lib/module/index.js +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/index.js +4 -5
- package/lib/module/input/index.js.map +1 -1
- package/lib/module/page/index.js +4 -21
- package/lib/module/page/index.js.map +1 -1
- package/lib/module/safeAreaView/index.js +0 -4
- package/lib/module/safeAreaView/index.js.map +1 -1
- package/lib/module/seperator/index.js +3 -4
- package/lib/module/seperator/index.js.map +1 -1
- package/lib/module/shape/cycle.js +3 -4
- package/lib/module/shape/cycle.js.map +1 -1
- package/lib/module/shape/index.js +3 -6
- package/lib/module/shape/index.js.map +1 -1
- package/lib/module/slider/index.js +22 -72
- package/lib/module/slider/index.js.map +1 -1
- package/lib/module/spinner/index.js +10 -13
- package/lib/module/spinner/index.js.map +1 -1
- package/lib/module/tabBar/TabBar.js +140 -88
- package/lib/module/tabBar/TabBar.js.map +1 -1
- package/lib/module/utiles/styled.js +10 -13
- package/lib/module/utiles/styled.js.map +1 -1
- package/lib/typescript/badge/index.d.ts +4 -13
- package/lib/typescript/badge/index.d.ts.map +1 -1
- package/lib/typescript/button/index.d.ts +4 -12
- package/lib/typescript/button/index.d.ts.map +1 -1
- package/lib/typescript/card/index.d.ts +8 -37
- package/lib/typescript/card/index.d.ts.map +1 -1
- package/lib/typescript/checkBox/index.d.ts +1 -12
- package/lib/typescript/checkBox/index.d.ts.map +1 -1
- package/lib/typescript/circularProgress/index.d.ts +5 -4
- package/lib/typescript/circularProgress/index.d.ts.map +1 -1
- package/lib/typescript/dialog/index.d.ts +1 -6
- package/lib/typescript/dialog/index.d.ts.map +1 -1
- package/lib/typescript/divider/index.d.ts +1 -6
- package/lib/typescript/divider/index.d.ts.map +1 -1
- package/lib/typescript/dropdown/index.d.ts +2 -12
- package/lib/typescript/dropdown/index.d.ts.map +1 -1
- package/lib/typescript/header/index.d.ts +6 -6
- package/lib/typescript/header/index.d.ts.map +1 -1
- package/lib/typescript/image/index.d.ts +2 -9
- package/lib/typescript/image/index.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/index.d.ts +1 -12
- package/lib/typescript/input/index.d.ts.map +1 -1
- package/lib/typescript/page/index.d.ts +7 -17
- package/lib/typescript/page/index.d.ts.map +1 -1
- package/lib/typescript/pressable/index.d.ts +1 -6
- package/lib/typescript/pressable/index.d.ts.map +1 -1
- package/lib/typescript/safeAreaProvider/index.d.ts +1 -6
- package/lib/typescript/safeAreaProvider/index.d.ts.map +1 -1
- package/lib/typescript/safeAreaView/index.d.ts +1 -6
- package/lib/typescript/safeAreaView/index.d.ts.map +1 -1
- package/lib/typescript/scrollView/index.d.ts +1 -6
- package/lib/typescript/scrollView/index.d.ts.map +1 -1
- package/lib/typescript/seperator/index.d.ts +2 -7
- package/lib/typescript/seperator/index.d.ts.map +1 -1
- package/lib/typescript/shape/cycle.d.ts +2 -12
- package/lib/typescript/shape/cycle.d.ts.map +1 -1
- package/lib/typescript/shape/index.d.ts +2 -7
- package/lib/typescript/shape/index.d.ts.map +1 -1
- package/lib/typescript/slider/index.d.ts +5 -27
- package/lib/typescript/slider/index.d.ts.map +1 -1
- package/lib/typescript/spacer/index.d.ts +1 -6
- package/lib/typescript/spacer/index.d.ts.map +1 -1
- package/lib/typescript/spinner/index.d.ts +3 -18
- package/lib/typescript/spinner/index.d.ts.map +1 -1
- package/lib/typescript/stack/index.d.ts +3 -18
- package/lib/typescript/stack/index.d.ts.map +1 -1
- package/lib/typescript/tabBar/TabBar.d.ts.map +1 -1
- package/lib/typescript/text/index.d.ts +1 -6
- package/lib/typescript/text/index.d.ts.map +1 -1
- package/lib/typescript/utiles/styled.d.ts +1 -6
- package/lib/typescript/utiles/styled.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/header/index.tsx +1 -1
- package/src/slider/index.tsx +77 -29
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styled","Component","base","variants","forwardRef","props","ref","styles","options","keys","forEach","category","variantSelected","variantValue","style","assign","value","jsx","exports"],"sourceRoot":"../../../src","sources":["utiles/styled.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAyD,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAczD,MAAMkB,MAAM,GAAGA,CACXC,SAA2B,EAC3B;EAAEC,IAAI;EAAEC;AAAwB,CAAC,GAAG,CAAC,CAAC,KACrC;EACD,oBAAO,IAAAC,iBAAU,EAAS,CAACC,KAAK,EAAEC,GAAG,KAAK;IACtC,MAAMC,MAAa,GAAG;MAAE,IAAIL,IAAI,IAAI,CAAC,CAAC;IAAE,CAAC;IACzC,MAAMM,OAAO,GAAGH,KAA4B;IAE5C,IAAIF,QAAQ,EAAE;MACVN,MAAM,CAACY,IAAI,CAACN,QAAQ,CAAC,CAACO,OAAO,CAAEC,QAAQ,IAAK;QACxC,MAAMC,eAAe,GAAGJ,OAAO,CAACG,QAAQ,CAAC;QACzC,MAAME,YAAY,GAAGV,QAAQ,CAACQ,QAAQ,CAAC;QAEvC,IAAI,OAAOE,YAAY,KAAK,UAAU,EAAE;UACpC,MAAMC,KAAK,GAAGD,YAAY,CAACD,eAAe,EAAEJ,OAAO,CAAC;UACpD,IAAIM,KAAK,EAAE;YACPjB,MAAM,CAACkB,MAAM,CAACR,MAAM,EAAEO,KAAK,CAAC;UAChC;QACJ,CAAC,MAAM,IAAID,YAAY,IAAIA,YAAY,CAACD,eAAe,CAAC,EAAE;UACtD,MAAMI,KAAK,GAAGH,YAAY,CAACD,eAAe,CAAC;UAC3Cf,MAAM,CAACkB,MAAM,CACTR,MAAM,EACN,OAAOS,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACJ,eAAe,EAAEJ,OAAO,CAAC,GAAGQ,KACpE,CAAC;QACL;MACJ,CAAC,CAAC;IACN;IAEA,oBAAO,IAAApC,WAAA,CAAAqC,GAAA,EAAChB,SAAS;MAAA,GAAMI,KAAK;MAAUS,KAAK,EAAEP,MAAO;MAACD,GAAG,EAAEA;IAAI,CAAE,CAAC;EACrE,CAAC,CAAC;AACN,CAAC;AAACY,OAAA,CAAAlB,MAAA,GAAAA,MAAA","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { Text } from "react-native";
|
|
4
4
|
import { styled } from "../utiles/styled.js";
|
|
5
5
|
import { theme } from "../utiles/theme.js";
|
|
6
|
-
import
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
7
|
import { Stack } from "../stack/index.js";
|
|
8
8
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
const StyledBadge = styled(Text, {
|
|
@@ -55,13 +55,12 @@ const StyledBadge = styled(Text, {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
|
-
const BadgeWithIcon = ({
|
|
58
|
+
const BadgeWithIcon = /*#__PURE__*/forwardRef(({
|
|
59
59
|
title,
|
|
60
60
|
iconLeft,
|
|
61
61
|
iconRight,
|
|
62
|
-
ref,
|
|
63
62
|
...rest
|
|
64
|
-
}) => {
|
|
63
|
+
}, ref) => {
|
|
65
64
|
const {
|
|
66
65
|
color,
|
|
67
66
|
fontSize,
|
|
@@ -100,8 +99,8 @@ const BadgeWithIcon = ({
|
|
|
100
99
|
children: iconRight
|
|
101
100
|
})]
|
|
102
101
|
});
|
|
103
|
-
};
|
|
104
|
-
const BadgeIcon = ({
|
|
102
|
+
});
|
|
103
|
+
const BadgeIcon = /*#__PURE__*/forwardRef(({
|
|
105
104
|
icon,
|
|
106
105
|
char,
|
|
107
106
|
top = -6,
|
|
@@ -111,9 +110,8 @@ const BadgeIcon = ({
|
|
|
111
110
|
color,
|
|
112
111
|
bottom,
|
|
113
112
|
left,
|
|
114
|
-
size = 16
|
|
115
|
-
|
|
116
|
-
}) => {
|
|
113
|
+
size = 16
|
|
114
|
+
}, ref) => {
|
|
117
115
|
return /*#__PURE__*/_jsxs(Stack, {
|
|
118
116
|
flex: 1,
|
|
119
117
|
horizontal: true,
|
|
@@ -142,7 +140,7 @@ const BadgeIcon = ({
|
|
|
142
140
|
})
|
|
143
141
|
})]
|
|
144
142
|
});
|
|
145
|
-
};
|
|
143
|
+
});
|
|
146
144
|
export { BadgeIcon };
|
|
147
145
|
export { BadgeWithIcon };
|
|
148
146
|
export { StyledBadge };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","styled","theme","
|
|
1
|
+
{"version":3,"names":["Text","styled","theme","forwardRef","Stack","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","StyledBadge","base","fontSize","normal","color","colors","gray","fontWeight","variants","selected","size","Number","weight","colorValue","textAlign","align","validAlignments","includes","fontFamily","link","true","blue","textDecorationLine","BadgeWithIcon","title","iconLeft","iconRight","rest","ref","gap","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","justifyContent","alignItems","horizontal","alignSelf","children","marginLeft","marginRight","BadgeIcon","icon","char","top","right","bottom","left","flex","rose","borderWidth","height","width"],"sourceRoot":"../../../src","sources":["badge/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -186,15 +186,14 @@ function spinnerColor(props) {
|
|
|
186
186
|
|
|
187
187
|
// ─── Button ──────────────────────────────────────────────────────────────────
|
|
188
188
|
|
|
189
|
-
const Button = ({
|
|
189
|
+
const Button = /*#__PURE__*/React.forwardRef(({
|
|
190
190
|
children,
|
|
191
191
|
loading,
|
|
192
192
|
leftIcon,
|
|
193
193
|
rightIcon,
|
|
194
194
|
disabled,
|
|
195
|
-
ref,
|
|
196
195
|
...rest
|
|
197
|
-
}) => {
|
|
196
|
+
}, ref) => {
|
|
198
197
|
const isDisabled = disabled || loading;
|
|
199
198
|
return /*#__PURE__*/_jsxs(ButtonBase, {
|
|
200
199
|
ref: ref,
|
|
@@ -212,7 +211,7 @@ const Button = ({
|
|
|
212
211
|
children: children
|
|
213
212
|
}) : children, !loading && rightIcon ? rightIcon : null]
|
|
214
213
|
});
|
|
215
|
-
};
|
|
214
|
+
});
|
|
216
215
|
Button.displayName = 'StyledButton';
|
|
217
216
|
const StyledButton = Button;
|
|
218
217
|
StyledButton.Text = StyledText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TouchableOpacity","ActivityIndicator","styled","viewStyleStringVariants","viewStyleVariants","StyledText","theme","jsx","_jsx","jsxs","_jsxs","ButtonBase","base","position","alignItems","justifyContent","flexDirection","gap","borderRadius","paddingHorizontal","paddingVertical","borderWidth","variants","primary","true","backgroundColor","colors","cyan","secondary","indigo","outline","transparent","borderColor","gray","ghost","link","danger","red","success","green","warning","amber","dropdown","white","borderLeftWidth","borderTopWidth","borderRightWidth","borderBottomWidth","disabled","opacity","pill","rounded","square","xs","sm","md","lg","xl","compact","flex","alignSelf","block","icon","width","height","padding","spinnerColor","props","Button","children","loading","leftIcon","rightIcon","
|
|
1
|
+
{"version":3,"names":["React","TouchableOpacity","ActivityIndicator","styled","viewStyleStringVariants","viewStyleVariants","StyledText","theme","jsx","_jsx","jsxs","_jsxs","ButtonBase","base","position","alignItems","justifyContent","flexDirection","gap","borderRadius","paddingHorizontal","paddingVertical","borderWidth","variants","primary","true","backgroundColor","colors","cyan","secondary","indigo","outline","transparent","borderColor","gray","ghost","link","danger","red","success","green","warning","amber","dropdown","white","borderLeftWidth","borderTopWidth","borderRightWidth","borderBottomWidth","disabled","opacity","pill","rounded","square","xs","sm","md","lg","xl","compact","flex","alignSelf","block","icon","width","height","padding","spinnerColor","props","Button","forwardRef","children","loading","leftIcon","rightIcon","rest","ref","isDisabled","undefined","activeOpacity","size","color","style","marginRight","displayName","StyledButton","Text"],"sourceRoot":"../../../src","sources":["button/index.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/card/index.js
CHANGED
|
@@ -121,13 +121,12 @@ const CardBase = styled(View, {
|
|
|
121
121
|
* Flexible layout container with shadow variants
|
|
122
122
|
* Can be wrapped in Pressable for interactive behavior
|
|
123
123
|
*/
|
|
124
|
-
const CardComponent = ({
|
|
124
|
+
const CardComponent = /*#__PURE__*/React.forwardRef(({
|
|
125
125
|
children,
|
|
126
126
|
pressable = false,
|
|
127
127
|
pressableProps,
|
|
128
|
-
ref,
|
|
129
128
|
...rest
|
|
130
|
-
}) => {
|
|
129
|
+
}, ref) => {
|
|
131
130
|
const cardContent = /*#__PURE__*/_jsx(CardBase, {
|
|
132
131
|
ref: ref,
|
|
133
132
|
...rest,
|
|
@@ -140,12 +139,11 @@ const CardComponent = ({
|
|
|
140
139
|
});
|
|
141
140
|
}
|
|
142
141
|
return cardContent;
|
|
143
|
-
};
|
|
144
|
-
const StyledHeader = ({
|
|
142
|
+
});
|
|
143
|
+
const StyledHeader = /*#__PURE__*/React.forwardRef(({
|
|
145
144
|
children,
|
|
146
|
-
ref,
|
|
147
145
|
...rest
|
|
148
|
-
}) => {
|
|
146
|
+
}, ref) => {
|
|
149
147
|
return /*#__PURE__*/_jsx(Stack, {
|
|
150
148
|
borderBottomWidth: 1,
|
|
151
149
|
borderBottomColor: theme.colors.gray[100],
|
|
@@ -153,37 +151,34 @@ const StyledHeader = ({
|
|
|
153
151
|
...rest,
|
|
154
152
|
children: children
|
|
155
153
|
});
|
|
156
|
-
};
|
|
154
|
+
});
|
|
157
155
|
StyledHeader.displayName = 'StyledHeader';
|
|
158
|
-
const StyledImage = ({
|
|
156
|
+
const StyledImage = /*#__PURE__*/React.forwardRef(({
|
|
159
157
|
children,
|
|
160
|
-
ref,
|
|
161
158
|
...rest
|
|
162
|
-
}) => {
|
|
159
|
+
}, ref) => {
|
|
163
160
|
return /*#__PURE__*/_jsx(StyledImageBackground, {
|
|
164
161
|
ref: ref,
|
|
165
162
|
...rest,
|
|
166
163
|
children: children
|
|
167
164
|
});
|
|
168
|
-
};
|
|
165
|
+
});
|
|
169
166
|
StyledImage.displayName = 'StyledImage';
|
|
170
|
-
const StyledContent = ({
|
|
167
|
+
const StyledContent = /*#__PURE__*/React.forwardRef(({
|
|
171
168
|
children,
|
|
172
|
-
ref,
|
|
173
169
|
...rest
|
|
174
|
-
}) => {
|
|
170
|
+
}, ref) => {
|
|
175
171
|
return /*#__PURE__*/_jsx(Stack, {
|
|
176
172
|
ref: ref,
|
|
177
173
|
...rest,
|
|
178
174
|
children: children
|
|
179
175
|
});
|
|
180
|
-
};
|
|
176
|
+
});
|
|
181
177
|
StyledContent.displayName = 'StyledContent';
|
|
182
|
-
const StyledFooter = ({
|
|
178
|
+
const StyledFooter = /*#__PURE__*/React.forwardRef(({
|
|
183
179
|
children,
|
|
184
|
-
ref,
|
|
185
180
|
...rest
|
|
186
|
-
}) => {
|
|
181
|
+
}, ref) => {
|
|
187
182
|
return /*#__PURE__*/_jsx(Stack, {
|
|
188
183
|
borderTopWidth: 1,
|
|
189
184
|
borderTopColor: theme.colors.gray[100],
|
|
@@ -191,7 +186,7 @@ const StyledFooter = ({
|
|
|
191
186
|
...rest,
|
|
192
187
|
children: children
|
|
193
188
|
});
|
|
194
|
-
};
|
|
189
|
+
});
|
|
195
190
|
StyledFooter.displayName = 'StyledFooter';
|
|
196
191
|
const StyledCard = CardComponent;
|
|
197
192
|
StyledCard.Header = StyledHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","Pressable","View","styled","React","theme","Stack","StyledImageBackground","viewStyleVariants","jsx","_jsx","shadow","light","select","ios","shadowColor","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","CardBase","base","flexDirection","borderRadius","variants","CardComponent","children","pressable","pressableProps","
|
|
1
|
+
{"version":3,"names":["Platform","Pressable","View","styled","React","theme","Stack","StyledImageBackground","viewStyleVariants","jsx","_jsx","shadow","light","select","ios","shadowColor","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius","android","elevation","lightMedium","medium","mediumDark","dark","veryDark","CardBase","base","flexDirection","borderRadius","variants","CardComponent","forwardRef","children","pressable","pressableProps","rest","ref","cardContent","StyledHeader","borderBottomWidth","borderBottomColor","displayName","StyledImage","StyledContent","StyledFooter","borderTopWidth","borderTopColor","StyledCard","Header","Footer","Image","Content"],"sourceRoot":"../../../src","sources":["card/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useState, useEffect } from "react";
|
|
3
|
+
import React, { forwardRef, useState, useEffect } from "react";
|
|
4
4
|
import { TouchableOpacity } from "react-native";
|
|
5
5
|
import { theme } from "../utiles/theme.js";
|
|
6
6
|
import { styled } from "../utiles/styled.js";
|
|
@@ -43,7 +43,7 @@ const CheckBoxBase = styled(TouchableOpacity, {
|
|
|
43
43
|
})
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
const StyledCheckBox = ({
|
|
46
|
+
const StyledCheckBox = /*#__PURE__*/forwardRef(({
|
|
47
47
|
checked = false,
|
|
48
48
|
onCheck,
|
|
49
49
|
checkedColor,
|
|
@@ -53,9 +53,8 @@ const StyledCheckBox = ({
|
|
|
53
53
|
disabled = false,
|
|
54
54
|
iconProps,
|
|
55
55
|
iconSize = size * 0.6,
|
|
56
|
-
ref,
|
|
57
56
|
...rest
|
|
58
|
-
}) => {
|
|
57
|
+
}, ref) => {
|
|
59
58
|
const [internalChecked, setInternalChecked] = useState(checked);
|
|
60
59
|
useEffect(() => {
|
|
61
60
|
setInternalChecked(checked);
|
|
@@ -81,7 +80,7 @@ const StyledCheckBox = ({
|
|
|
81
80
|
...iconProps
|
|
82
81
|
})
|
|
83
82
|
});
|
|
84
|
-
};
|
|
83
|
+
});
|
|
85
84
|
StyledCheckBox.displayName = "StyledCheckBox";
|
|
86
85
|
export { StyledCheckBox };
|
|
87
86
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","TouchableOpacity","theme","styled","viewStyleVariants","Checkmark","jsx","_jsx","CheckBoxBase","base","justifyContent","alignItems","flexDirection","variants","disabled","true","opacity","backgroundColor","colors","gray","borderColor","false","checkedColor","color","width","height","borderWidth","borderRadius","size","StyledCheckBox","checked","onCheck","uncheckedColor","checkMarkColor","iconProps","iconSize","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useState","useEffect","TouchableOpacity","theme","styled","viewStyleVariants","Checkmark","jsx","_jsx","CheckBoxBase","base","justifyContent","alignItems","flexDirection","variants","disabled","true","opacity","backgroundColor","colors","gray","borderColor","false","checkedColor","color","width","height","borderWidth","borderRadius","size","StyledCheckBox","checked","onCheck","uncheckedColor","checkMarkColor","iconProps","iconSize","rest","ref","internalChecked","setInternalChecked","handlePress","newChecked","onPress","children","displayName"],"sourceRoot":"../../../src","sources":["checkBox/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useEffect, useMemo, useRef } from 'react';
|
|
4
|
-
import { Animated, Easing } from 'react-native';
|
|
4
|
+
import { Animated, Easing, StyleSheet } from 'react-native';
|
|
5
5
|
import Svg, { Circle, Defs, LinearGradient, Stop } from 'react-native-svg';
|
|
6
6
|
import { Stack } from "../stack/index.js";
|
|
7
7
|
import { StyledText } from "../text/index.js";
|
|
@@ -9,8 +9,6 @@ import { theme } from "../utiles/theme.js";
|
|
|
9
9
|
|
|
10
10
|
// ─── Types ────────────────────────────────────────────────────────────────────
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
-
// ─── Size presets ─────────────────────────────────────────────────────────────
|
|
13
|
-
|
|
14
12
|
const SIZE_MAP = {
|
|
15
13
|
xs: {
|
|
16
14
|
diameter: 48,
|
|
@@ -52,9 +50,6 @@ const DEFAULT_COLORS = {
|
|
|
52
50
|
gradientTo: theme.colors.cyan?.[400] ?? '#22d3ee'
|
|
53
51
|
};
|
|
54
52
|
const AnimatedCircle = Animated.createAnimatedComponent(Circle);
|
|
55
|
-
|
|
56
|
-
// ─── Component ────────────────────────────────────────────────────────────────
|
|
57
|
-
|
|
58
53
|
export const StyledCircularProgress = ({
|
|
59
54
|
value,
|
|
60
55
|
total = 100,
|
|
@@ -69,7 +64,7 @@ export const StyledCircularProgress = ({
|
|
|
69
64
|
animated = true,
|
|
70
65
|
duration = 900,
|
|
71
66
|
colors: colorOverrides,
|
|
72
|
-
contentPosition = '
|
|
67
|
+
contentPosition = 'stacked',
|
|
73
68
|
children
|
|
74
69
|
}) => {
|
|
75
70
|
const preset = SIZE_MAP[size];
|
|
@@ -123,32 +118,19 @@ export const StyledCircularProgress = ({
|
|
|
123
118
|
const arcStroke = variant === 'gradient' ? `url(#${gradientId})` : colors.arc;
|
|
124
119
|
const trackOpacity = variant === 'ghost' ? 0 : 1;
|
|
125
120
|
const trackDash = isDashboard ? [arcLength, circumference - arcLength] : undefined;
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
const renderInsideText = () => {
|
|
136
|
-
if (children) return null; // custom children take over
|
|
137
|
-
|
|
138
|
-
return /*#__PURE__*/_jsx(Stack, {
|
|
139
|
-
position: "absolute",
|
|
140
|
-
top: 0,
|
|
141
|
-
left: 0,
|
|
142
|
-
width: diameter,
|
|
143
|
-
height: containerH,
|
|
144
|
-
alignItems: "center",
|
|
145
|
-
justifyContent: "center",
|
|
146
|
-
pointerEvents: "none",
|
|
147
|
-
children: /*#__PURE__*/_jsxs(Stack, {
|
|
121
|
+
const dashboardTextOffset = isDashboard ? -(diameter / 4) : 0;
|
|
122
|
+
const renderTextBlock = () => {
|
|
123
|
+
if (contentPosition === 'center') {
|
|
124
|
+
return /*#__PURE__*/_jsxs(Stack, {
|
|
125
|
+
position: "absolute",
|
|
126
|
+
left: strokeWidth + 6,
|
|
127
|
+
right: strokeWidth + 6,
|
|
128
|
+
top: 0,
|
|
129
|
+
bottom: 0,
|
|
148
130
|
alignItems: "center",
|
|
149
131
|
justifyContent: "center",
|
|
150
|
-
gap:
|
|
151
|
-
|
|
132
|
+
gap: 1,
|
|
133
|
+
pointerEvents: "none",
|
|
152
134
|
children: [centreText !== null && centreText !== '' && /*#__PURE__*/_jsx(StyledText, {
|
|
153
135
|
fontSize: preset.primaryFont,
|
|
154
136
|
fontWeight: theme.fontWeight.bold,
|
|
@@ -156,7 +138,7 @@ export const StyledCircularProgress = ({
|
|
|
156
138
|
lineHeight: preset.primaryFont + 3,
|
|
157
139
|
textAlign: "center",
|
|
158
140
|
children: centreText
|
|
159
|
-
}),
|
|
141
|
+
}), !!label && /*#__PURE__*/_jsx(StyledText, {
|
|
160
142
|
fontSize: preset.secondaryFont,
|
|
161
143
|
color: colors.sublabel,
|
|
162
144
|
lineHeight: preset.secondaryFont + 2,
|
|
@@ -169,20 +151,15 @@ export const StyledCircularProgress = ({
|
|
|
169
151
|
textAlign: "center",
|
|
170
152
|
children: sublabel
|
|
171
153
|
})]
|
|
172
|
-
})
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
// ── Text block rendered below the ring ────────────────────────────────────
|
|
177
|
-
const renderStackedText = () => {
|
|
178
|
-
if (children) return null;
|
|
179
|
-
const showLabel = display !== 'label' && display !== 'none' && !!label;
|
|
180
|
-
const showSublabel = !!sublabel;
|
|
154
|
+
});
|
|
155
|
+
}
|
|
156
|
+
const showSecondLine = display !== 'label' && display !== 'none' && !!label;
|
|
157
|
+
const showSubLabel = !!sublabel;
|
|
181
158
|
return /*#__PURE__*/_jsxs(Stack, {
|
|
182
159
|
alignItems: "center",
|
|
183
160
|
justifyContent: "center",
|
|
184
161
|
gap: 1,
|
|
185
|
-
marginTop:
|
|
162
|
+
marginTop: dashboardTextOffset,
|
|
186
163
|
paddingHorizontal: strokeWidth + 4,
|
|
187
164
|
children: [centreText !== null && centreText !== '' && /*#__PURE__*/_jsx(StyledText, {
|
|
188
165
|
fontSize: preset.primaryFont,
|
|
@@ -191,88 +168,92 @@ export const StyledCircularProgress = ({
|
|
|
191
168
|
lineHeight: preset.primaryFont + 3,
|
|
192
169
|
textAlign: "center",
|
|
193
170
|
children: centreText
|
|
194
|
-
}),
|
|
171
|
+
}), showSecondLine && /*#__PURE__*/_jsx(StyledText, {
|
|
195
172
|
fontSize: preset.secondaryFont,
|
|
196
173
|
color: colors.sublabel,
|
|
197
174
|
lineHeight: preset.secondaryFont + 2,
|
|
198
175
|
textAlign: "center",
|
|
199
176
|
children: label
|
|
200
|
-
}),
|
|
201
|
-
fontSize:
|
|
177
|
+
}), showSubLabel && !showSecondLine && /*#__PURE__*/_jsx(StyledText, {
|
|
178
|
+
fontSize: preset.secondaryFont,
|
|
202
179
|
color: colors.sublabel,
|
|
203
180
|
lineHeight: preset.secondaryFont + 2,
|
|
204
181
|
textAlign: "center",
|
|
205
182
|
children: sublabel
|
|
183
|
+
}), showSubLabel && showSecondLine && /*#__PURE__*/_jsx(StyledText, {
|
|
184
|
+
fontSize: Math.max(preset.secondaryFont - 1, 8),
|
|
185
|
+
color: colors.sublabel,
|
|
186
|
+
lineHeight: preset.secondaryFont + 1,
|
|
187
|
+
textAlign: "center",
|
|
188
|
+
children: sublabel
|
|
206
189
|
})]
|
|
207
190
|
});
|
|
208
191
|
};
|
|
209
|
-
|
|
210
|
-
// ─────────────────────────────────────────────────────────────────────────
|
|
211
|
-
|
|
212
192
|
return /*#__PURE__*/_jsxs(Stack, {
|
|
213
193
|
width: diameter,
|
|
214
|
-
height:
|
|
194
|
+
height: isDashboard ? diameter / 2 + strokeWidth : diameter,
|
|
215
195
|
alignItems: "center",
|
|
216
196
|
justifyContent: "center",
|
|
217
197
|
position: "relative",
|
|
218
|
-
children: [/*#__PURE__*/
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
198
|
+
children: [/*#__PURE__*/_jsx(Stack, {
|
|
199
|
+
style: S.svg_wrap,
|
|
200
|
+
children: /*#__PURE__*/_jsxs(Svg, {
|
|
201
|
+
width: diameter,
|
|
202
|
+
height: diameter,
|
|
203
|
+
style: isDashboard ? {
|
|
204
|
+
marginTop: -(diameter / 2)
|
|
205
|
+
} : undefined,
|
|
206
|
+
children: [variant === 'gradient' && /*#__PURE__*/_jsx(Defs, {
|
|
207
|
+
children: /*#__PURE__*/_jsxs(LinearGradient, {
|
|
208
|
+
id: gradientId,
|
|
209
|
+
x1: "0%",
|
|
210
|
+
y1: "0%",
|
|
211
|
+
x2: "100%",
|
|
212
|
+
y2: "0%",
|
|
213
|
+
children: [/*#__PURE__*/_jsx(Stop, {
|
|
214
|
+
offset: "0%",
|
|
215
|
+
stopColor: colors.gradientFrom
|
|
216
|
+
}), /*#__PURE__*/_jsx(Stop, {
|
|
217
|
+
offset: "100%",
|
|
218
|
+
stopColor: colors.gradientTo
|
|
219
|
+
})]
|
|
220
|
+
})
|
|
221
|
+
}), /*#__PURE__*/_jsx(Circle, {
|
|
222
|
+
cx: center,
|
|
223
|
+
cy: center,
|
|
224
|
+
r: radius,
|
|
225
|
+
stroke: colors.track,
|
|
226
|
+
strokeWidth: strokeWidth,
|
|
227
|
+
strokeDasharray: trackDash,
|
|
228
|
+
strokeLinecap: "butt",
|
|
229
|
+
fill: "none",
|
|
230
|
+
opacity: trackOpacity,
|
|
231
|
+
rotation: isDashboard ? 90 : 0,
|
|
232
|
+
origin: `${center}, ${center}`
|
|
233
|
+
}), /*#__PURE__*/_jsx(AnimatedCircle, {
|
|
234
|
+
cx: center,
|
|
235
|
+
cy: center,
|
|
236
|
+
r: radius,
|
|
237
|
+
stroke: arcStroke,
|
|
238
|
+
strokeWidth: strokeWidth,
|
|
239
|
+
fill: "none",
|
|
240
|
+
strokeDasharray: arcLength,
|
|
241
|
+
strokeDashoffset: strokeDashoffset,
|
|
242
|
+
strokeLinecap: lineCap,
|
|
243
|
+
rotation: isDashboard ? 90 : -90,
|
|
244
|
+
origin: `${center}, ${center}`
|
|
245
|
+
})]
|
|
246
|
+
})
|
|
264
247
|
}), children ? /*#__PURE__*/_jsx(Stack, {
|
|
265
|
-
position: "absolute",
|
|
266
|
-
top: 0,
|
|
267
|
-
left: 0,
|
|
268
|
-
width: diameter,
|
|
269
|
-
height: containerH,
|
|
270
248
|
alignItems: "center",
|
|
271
249
|
justifyContent: "center",
|
|
272
|
-
pointerEvents: "none",
|
|
273
|
-
gap: 2,
|
|
274
250
|
children: children
|
|
275
|
-
}) :
|
|
251
|
+
}) : renderTextBlock()]
|
|
276
252
|
});
|
|
277
253
|
};
|
|
254
|
+
const S = StyleSheet.create({
|
|
255
|
+
svg_wrap: {
|
|
256
|
+
position: 'absolute'
|
|
257
|
+
}
|
|
258
|
+
});
|
|
278
259
|
//# sourceMappingURL=index.js.map
|