@oxyhq/bloom 0.1.6 → 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.
- package/lib/commonjs/avatar/Avatar.js +12 -3
- package/lib/commonjs/avatar/Avatar.js.map +1 -1
- package/lib/commonjs/button/Button.js +53 -19
- package/lib/commonjs/button/Button.js.map +1 -1
- package/lib/commonjs/collapsible/Collapsible.js +42 -3
- package/lib/commonjs/collapsible/Collapsible.js.map +1 -1
- package/lib/commonjs/image-resolver/context.js +20 -0
- package/lib/commonjs/image-resolver/context.js.map +1 -0
- package/lib/commonjs/image-resolver/index.js +19 -0
- package/lib/commonjs/image-resolver/index.js.map +1 -0
- package/lib/commonjs/loading/Loading.js +2 -1
- package/lib/commonjs/loading/Loading.js.map +1 -1
- package/lib/commonjs/skeleton/index.js +31 -8
- package/lib/commonjs/skeleton/index.js.map +1 -1
- package/lib/commonjs/styles/tokens.js +31 -1
- package/lib/commonjs/styles/tokens.js.map +1 -1
- package/lib/commonjs/switch/Switch.js +10 -7
- package/lib/commonjs/switch/Switch.js.map +1 -1
- package/lib/module/avatar/Avatar.js +12 -3
- package/lib/module/avatar/Avatar.js.map +1 -1
- package/lib/module/button/Button.js +55 -21
- package/lib/module/button/Button.js.map +1 -1
- package/lib/module/collapsible/Collapsible.js +44 -5
- package/lib/module/collapsible/Collapsible.js.map +1 -1
- package/lib/module/image-resolver/context.js +16 -0
- package/lib/module/image-resolver/context.js.map +1 -0
- package/lib/module/image-resolver/index.js +4 -0
- package/lib/module/image-resolver/index.js.map +1 -0
- package/lib/module/loading/Loading.js +2 -1
- package/lib/module/loading/Loading.js.map +1 -1
- package/lib/module/skeleton/index.js +31 -8
- package/lib/module/skeleton/index.js.map +1 -1
- package/lib/module/styles/tokens.js +30 -0
- package/lib/module/styles/tokens.js.map +1 -1
- package/lib/module/switch/Switch.js +10 -7
- package/lib/module/switch/Switch.js.map +1 -1
- package/lib/typescript/commonjs/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/commonjs/button/Button.d.ts.map +1 -1
- package/lib/typescript/commonjs/collapsible/Collapsible.d.ts.map +1 -1
- package/lib/typescript/commonjs/image-resolver/context.d.ts +8 -0
- package/lib/typescript/commonjs/image-resolver/context.d.ts.map +1 -0
- package/lib/typescript/commonjs/image-resolver/index.d.ts +2 -0
- package/lib/typescript/commonjs/image-resolver/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/loading/Loading.d.ts.map +1 -1
- package/lib/typescript/commonjs/skeleton/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/styles/tokens.d.ts +29 -0
- package/lib/typescript/commonjs/styles/tokens.d.ts.map +1 -1
- package/lib/typescript/commonjs/switch/Switch.d.ts.map +1 -1
- package/lib/typescript/module/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/module/button/Button.d.ts.map +1 -1
- package/lib/typescript/module/collapsible/Collapsible.d.ts.map +1 -1
- package/lib/typescript/module/image-resolver/context.d.ts +8 -0
- package/lib/typescript/module/image-resolver/context.d.ts.map +1 -0
- package/lib/typescript/module/image-resolver/index.d.ts +2 -0
- package/lib/typescript/module/image-resolver/index.d.ts.map +1 -0
- package/lib/typescript/module/loading/Loading.d.ts.map +1 -1
- package/lib/typescript/module/skeleton/index.d.ts.map +1 -1
- package/lib/typescript/module/styles/tokens.d.ts +29 -0
- package/lib/typescript/module/styles/tokens.d.ts.map +1 -1
- package/lib/typescript/module/switch/Switch.d.ts.map +1 -1
- package/package.json +12 -1
- package/src/avatar/Avatar.tsx +13 -3
- package/src/button/Button.tsx +53 -20
- package/src/collapsible/Collapsible.tsx +40 -6
- package/src/image-resolver/context.ts +16 -0
- package/src/image-resolver/index.ts +1 -0
- package/src/loading/Loading.tsx +2 -1
- package/src/skeleton/index.tsx +42 -12
- package/src/styles/tokens.ts +21 -0
- package/src/switch/Switch.tsx +5 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["space","exports","_2xs","xs","sm","md","lg","xl","_2xl","_3xl","_4xl","_5xl","fontSize","lineHeight","tight","snug","normal","relaxed","borderRadius","full","gradients","primary","values","hover_value","sky"],"sourceRoot":"../../../src","sources":["styles/tokens.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACO,MAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,IAAI,EAAE,CAAC;EACPC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACO,MAAMC,QAAQ,GAAAX,OAAA,CAAAW,QAAA,GAAG;EACtBV,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACO,MAAME,UAAU,GAAAZ,OAAA,CAAAY,UAAA,GAAG;EACxBC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,GAAG;EACTC,MAAM,EAAE,GAAG;EACXC,OAAO,EAAE;AACX,CAAU;;AAEV;AACA;AACA;AACO,MAAMC,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG;EAC1BhB,IAAI,EAAE,CAAC;EACPC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRW,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACO,MAAMC,SAAS,GAAAnB,OAAA,CAAAmB,SAAA,GAAG;EACvBC,OAAO,EAAE;IACPC,MAAM,EAAE,CACN,CAAC,CAAC,EAAE,SAAS,CAAC,EACd,CAAC,GAAG,EAAE,SAAS,CAAC,EAChB,CAAC,GAAG,EAAE,SAAS,CAAC,EAChB,CAAC,CAAC,EAAE,SAAS,CAAC,CACY;IAC5BC,WAAW,EAAE;EACf,CAAC;EACDC,GAAG,EAAE;IACHF,MAAM,EAAE,CACN,CAAC,CAAC,EAAE,SAAS,CAAC,EACd,CAAC,CAAC,EAAE,SAAS,CAAC,CACY;IAC5BC,WAAW,EAAE;EACf;AACF,CAAU","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["space","exports","_2xs","xs","sm","md","lg","xl","_2xl","_3xl","_4xl","_5xl","fontSize","lineHeight","tight","snug","normal","relaxed","borderRadius","full","animation","duration","instant","fast","slow","spring","snappy","friction","tension","gentle","bouncy","gradients","primary","values","hover_value","sky"],"sourceRoot":"../../../src","sources":["styles/tokens.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACO,MAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,IAAI,EAAE,CAAC;EACPC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACO,MAAMC,QAAQ,GAAAX,OAAA,CAAAW,QAAA,GAAG;EACtBV,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACO,MAAME,UAAU,GAAAZ,OAAA,CAAAY,UAAA,GAAG;EACxBC,KAAK,EAAE,IAAI;EACXC,IAAI,EAAE,GAAG;EACTC,MAAM,EAAE,GAAG;EACXC,OAAO,EAAE;AACX,CAAU;;AAEV;AACA;AACA;AACO,MAAMC,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG;EAC1BhB,IAAI,EAAE,CAAC;EACPC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRW,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,GAAAnB,OAAA,CAAAmB,SAAA,GAAG;EACvBC,QAAQ,EAAE;IACRC,OAAO,EAAE,GAAG;IACZC,IAAI,EAAE,GAAG;IACTP,MAAM,EAAE,GAAG;IACXQ,IAAI,EAAE;EACR,CAAC;EACDC,MAAM,EAAE;IACNC,MAAM,EAAE;MAAEC,QAAQ,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAI,CAAC;IACrCC,MAAM,EAAE;MAAEF,QAAQ,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAG,CAAC;IACpCE,MAAM,EAAE;MAAEH,QAAQ,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAI;EACtC;AACF,CAAU;;AAEV;AACA;AACA;AACO,MAAMG,SAAS,GAAA9B,OAAA,CAAA8B,SAAA,GAAG;EACvBC,OAAO,EAAE;IACPC,MAAM,EAAE,CACN,CAAC,CAAC,EAAE,SAAS,CAAC,EACd,CAAC,GAAG,EAAE,SAAS,CAAC,EAChB,CAAC,GAAG,EAAE,SAAS,CAAC,EAChB,CAAC,CAAC,EAAE,SAAS,CAAC,CACY;IAC5BC,WAAW,EAAE;EACf,CAAC;EACDC,GAAG,EAAE;IACHF,MAAM,EAAE,CACN,CAAC,CAAC,EAAE,SAAS,CAAC,EACd,CAAC,CAAC,EAAE,SAAS,CAAC,CACY;IAC5BC,WAAW,EAAE;EACf;AACF,CAAU","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ exports.Switch = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _useTheme = require("../theme/use-theme.js");
|
|
10
|
+
var _tokens = require("../styles/tokens.js");
|
|
10
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
12
|
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); }
|
|
12
13
|
const TRACK = {
|
|
@@ -41,8 +42,7 @@ const SwitchComponent = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
41
42
|
_reactNative.Animated.spring(anim, {
|
|
42
43
|
toValue: value ? 1 : 0,
|
|
43
44
|
useNativeDriver: false,
|
|
44
|
-
|
|
45
|
-
tension: 60
|
|
45
|
+
..._tokens.animation.spring.gentle
|
|
46
46
|
}).start();
|
|
47
47
|
}, [value, anim]);
|
|
48
48
|
const onPressIn = () => {
|
|
@@ -50,16 +50,14 @@ const SwitchComponent = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
50
50
|
_reactNative.Animated.spring(pressAnim, {
|
|
51
51
|
toValue: 1,
|
|
52
52
|
useNativeDriver: false,
|
|
53
|
-
|
|
54
|
-
tension: 100
|
|
53
|
+
..._tokens.animation.spring.snappy
|
|
55
54
|
}).start();
|
|
56
55
|
};
|
|
57
56
|
const onPressOut = () => {
|
|
58
57
|
_reactNative.Animated.spring(pressAnim, {
|
|
59
58
|
toValue: 0,
|
|
60
59
|
useNativeDriver: false,
|
|
61
|
-
|
|
62
|
-
tension: 60
|
|
60
|
+
..._tokens.animation.spring.gentle
|
|
63
61
|
}).start();
|
|
64
62
|
};
|
|
65
63
|
const track = TRACK[size];
|
|
@@ -96,7 +94,12 @@ const SwitchComponent = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
96
94
|
style: [{
|
|
97
95
|
opacity: disabled ? 0.4 : 1
|
|
98
96
|
}, style],
|
|
99
|
-
hitSlop:
|
|
97
|
+
hitSlop: {
|
|
98
|
+
top: 8,
|
|
99
|
+
bottom: 8,
|
|
100
|
+
left: 8,
|
|
101
|
+
right: 8
|
|
102
|
+
},
|
|
100
103
|
testID: testID,
|
|
101
104
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
102
105
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TRACK","w","h","sm","THUMB","PADDING","SQUEEZE_RATIO","SwitchComponent","React","forwardRef","value","onValueChange","disabled","style","size","testID","ref","theme","useTheme","anim","useRef","Animated","Value","current","pressAnim","useEffect","spring","toValue","useNativeDriver","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useTheme","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TRACK","w","h","sm","THUMB","PADDING","SQUEEZE_RATIO","SwitchComponent","React","forwardRef","value","onValueChange","disabled","style","size","testID","ref","theme","useTheme","anim","useRef","Animated","Value","current","pressAnim","useEffect","spring","toValue","useNativeDriver","animation","gentle","start","onPressIn","snappy","onPressOut","track","thumb","travel","trackBg","interpolate","inputRange","outputRange","colors","border","primary","thumbX","squeezedHeight","thumbHeight","thumbRadius","jsx","Pressable","role","accessibilityState","checked","onPress","opacity","hitSlop","top","bottom","left","right","children","View","width","height","borderRadius","backgroundColor","justifyContent","alignItems","transform","translateX","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","displayName","Switch","exports","memo"],"sourceRoot":"../../../src","sources":["switch/Switch.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { memo, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { View, Image, StyleSheet, TouchableOpacity } from 'react-native';
|
|
5
5
|
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { useImageResolver } from "../image-resolver/context.js";
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
8
|
// Squircle clip path normalized to 0–1 coordinate space (viewBox="0 0 1 1").
|
|
8
9
|
const SQUIRCLE_PATH = 'M0 0.5 L0.00122 0.31674 L0.00489 0.25123 L0.01103 0.20331 L0.01969 0.16478 L0.03097 0.13257 L0.04495 0.10518 L0.0618 0.08177 L0.08177 0.0618 L0.10518 0.04495 L0.13257 0.03097 L0.16478 0.01969 L0.20331 0.01103 L0.25123 0.00489 L0.31674 0.00122 L0.5 0' + ' L0.68895 0.0014 L0.7564 0.00561 L0.80559 0.01267 L0.84499 0.02264 L0.87771 0.03564 L0.9053 0.05181 L0.92862 0.07138 L0.94819 0.0947 L0.96436 0.12228 L0.97736 0.15501 L0.98733 0.19441 L0.99439 0.2436 L0.9986 0.31105 L1 0.5' + ' L0.9986 0.68895 L0.99439 0.7564 L0.98733 0.80559 L0.97736 0.84499 L0.96436 0.87771 L0.94819 0.9053 L0.92862 0.92862 L0.9053 0.94819 L0.87771 0.96436 L0.84499 0.97736 L0.80559 0.98733 L0.7564 0.99439 L0.68895 0.9986 L0.5 1' + ' L0.31105 0.9986 L0.2436 0.99439 L0.19441 0.98733 L0.15501 0.97736 L0.12228 0.96436 L0.0947 0.94819 L0.07138 0.92862 L0.05181 0.9053 L0.03564 0.87771 L0.02264 0.84499 L0.01267 0.80559 L0.00561 0.7564 L0.0014 0.68895 L0 0.5Z';
|
|
@@ -128,12 +129,20 @@ const AvatarComponent = ({
|
|
|
128
129
|
setErrored(false);
|
|
129
130
|
}
|
|
130
131
|
}
|
|
132
|
+
const imageResolver = useImageResolver();
|
|
131
133
|
|
|
132
|
-
// Resolve source prop: string → uri, object → ImageSourcePropType
|
|
134
|
+
// Resolve source prop: string → uri, object → ImageSourcePropType.
|
|
135
|
+
// HTTP/data URLs pass through directly. Non-URL strings (e.g. file
|
|
136
|
+
// IDs) are resolved via the app-provided ImageResolver if available.
|
|
133
137
|
const resolvedUri = useMemo(() => {
|
|
134
|
-
if (typeof source === 'string')
|
|
138
|
+
if (typeof source === 'string') {
|
|
139
|
+
if (source.startsWith('http://') || source.startsWith('https://') || source.startsWith('data:')) {
|
|
140
|
+
return source;
|
|
141
|
+
}
|
|
142
|
+
return imageResolver?.(source);
|
|
143
|
+
}
|
|
135
144
|
return uri;
|
|
136
|
-
}, [source, uri]);
|
|
145
|
+
}, [source, uri, imageResolver]);
|
|
137
146
|
const resolvedImageSource = useMemo(() => {
|
|
138
147
|
if (source != null && typeof source !== 'string') return source;
|
|
139
148
|
return undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useMemo","useRef","useState","View","Image","StyleSheet","TouchableOpacity","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SQUIRCLE_PATH","clipIdCounter","svgModule","svgModuleResolved","getSvgModule","require","SquircleImage","uri","fallbackSource","size","fallbackColor","onError","svg","CircleFallback","default","Svg","Defs","ClipPath","Path","SvgImage","clipId","href","children","source","style","styles","errorDetector","width","height","viewBox","id","d","preserveAspectRatio","clipPath","radius","borderRadius","backgroundColor","AvatarComponent","verified","verifiedIcon","shape","imageStyle","onPress","testID","errored","setErrored","theme","colors","backgroundTertiary","prevSourceRef","prevUriRef","current","resolvedUri","resolvedImageSource","undefined","effectiveUri","imageSource","content","container","imageContainer","resizeMode","absoluteFillObject","verifiedBadge","create","position","overflow","justifyContent","alignItems","bottom","right","zIndex","opacity","Avatar","displayName"],"sourceRoot":"../../../src","sources":["avatar/Avatar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,SAASC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAExE,SAASC,QAAQ,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;
|
|
1
|
+
{"version":3,"names":["React","memo","useMemo","useRef","useState","View","Image","StyleSheet","TouchableOpacity","useTheme","useImageResolver","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SQUIRCLE_PATH","clipIdCounter","svgModule","svgModuleResolved","getSvgModule","require","SquircleImage","uri","fallbackSource","size","fallbackColor","onError","svg","CircleFallback","default","Svg","Defs","ClipPath","Path","SvgImage","clipId","href","children","source","style","styles","errorDetector","width","height","viewBox","id","d","preserveAspectRatio","clipPath","radius","borderRadius","backgroundColor","AvatarComponent","verified","verifiedIcon","shape","imageStyle","onPress","testID","errored","setErrored","theme","colors","backgroundTertiary","prevSourceRef","prevUriRef","current","imageResolver","resolvedUri","startsWith","resolvedImageSource","undefined","effectiveUri","imageSource","content","container","imageContainer","resizeMode","absoluteFillObject","verifiedBadge","create","position","overflow","justifyContent","alignItems","bottom","right","zIndex","opacity","Avatar","displayName"],"sourceRoot":"../../../src","sources":["avatar/Avatar.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,SAASC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAExE,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,gBAAgB,QAAQ,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAG7D;AACA,MAAMC,aAAa,GACjB,2PAA2P,GAC3P,gOAAgO,GAChO,gOAAgO,GAChO,iOAAiO;AAEnO,IAAIC,aAAa,GAAG,CAAC;;AAErB;AACA;;AAEA,IAAIC,SAA+B,GAAG,IAAI;AAC1C,IAAIC,iBAAiB,GAAG,KAAK;AAE7B,SAASC,YAAYA,CAAA,EAAyB;EAC5C,IAAI,CAACD,iBAAiB,EAAE;IACtBA,iBAAiB,GAAG,IAAI;IACxB,IAAI;MACFD,SAAS,GAAGG,OAAO,CAAC,kBAAkB,CAAC;IACzC,CAAC,CAAC,MAAM;MACNH,SAAS,GAAG,IAAI;IAClB;EACF;EACA,OAAOA,SAAS;AAClB;AAEA,SAASI,aAAaA,CAAC;EACrBC,GAAG;EACHC,cAAc;EACdC,IAAI;EACJC,aAAa;EACbC;AAOF,CAAC,EAAE;EACD,MAAMC,GAAG,GAAGR,YAAY,CAAC,CAAC;EAC1B,IAAI,CAACQ,GAAG,EAAE;IACR;IACA,oBAAOjB,IAAA,CAACkB,cAAc;MAACJ,IAAI,EAAEA,IAAK;MAACC,aAAa,EAAEA;IAAc,CAAE,CAAC;EACrE;EAEA,MAAM;IAAEI,OAAO,EAAEC,GAAG;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,IAAI;IAAE7B,KAAK,EAAE8B;EAAS,CAAC,GAAGP,GAAG;EACnE,MAAMQ,MAAM,GAAGnC,OAAO,CAAC,MAAM,YAAYgB,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC;EAE/D,MAAMoB,IAAI,GAAGd,GAAG,GAAG;IAAEA;EAAI,CAAC,GAAGC,cAAc;EAC3C,IAAI,CAACa,IAAI,EAAE;IACT,oBAAO1B,IAAA,CAACkB,cAAc;MAACJ,IAAI,EAAEA,IAAK;MAACC,aAAa,EAAEA;IAAc,CAAE,CAAC;EACrE;EAEA,oBACEb,KAAA,CAAAE,SAAA;IAAAuB,QAAA,GAEGf,GAAG,iBACFZ,IAAA,CAACN,KAAK;MACJkC,MAAM,EAAE;QAAEhB;MAAI,CAAE;MAChBiB,KAAK,EAAEC,MAAM,CAACC,aAAc;MAC5Bf,OAAO,EAAEA;IAAQ,CAClB,CACF,eACDd,KAAA,CAACkB,GAAG;MAACY,KAAK,EAAElB,IAAK;MAACmB,MAAM,EAAEnB,IAAK;MAACoB,OAAO,EAAC,SAAS;MAAAP,QAAA,gBAC/C3B,IAAA,CAACqB,IAAI;QAAAM,QAAA,eACH3B,IAAA,CAACsB,QAAQ;UAACa,EAAE,EAAEV,MAAO;UAAAE,QAAA,eACnB3B,IAAA,CAACuB,IAAI;YAACa,CAAC,EAAE/B;UAAc,CAAE;QAAC,CAClB;MAAC,CACP,CAAC,eACPL,IAAA,CAACwB,QAAQ;QACPE,IAAI,EAAEA,IAAK;QACXM,KAAK,EAAE,CAAE;QACTC,MAAM,EAAE,CAAE;QACVI,mBAAmB,EAAC,gBAAgB;QACpCC,QAAQ,EAAE,QAAQb,MAAM;MAAI,CAC7B,CAAC;IAAA,CACC,CAAC;EAAA,CACN,CAAC;AAEP;AAEA,SAASP,cAAcA,CAAC;EAAEJ,IAAI;EAAEC;AAAuD,CAAC,EAAE;EACxF,MAAMwB,MAAM,GAAGzB,IAAI,GAAG,CAAC;EACvB,oBACEd,IAAA,CAACP,IAAI;IACHoC,KAAK,EAAE;MACLG,KAAK,EAAElB,IAAI;MACXmB,MAAM,EAAEnB,IAAI;MACZ0B,YAAY,EAAED,MAAM;MACpBE,eAAe,EAAE1B;IACnB;EAAE,CACH,CAAC;AAEN;AAEA,MAAM2B,eAAsC,GAAGA,CAAC;EAC9Cd,MAAM;EACNhB,GAAG;EACHC,cAAc;EACdC,IAAI,GAAG,EAAE;EACT6B,QAAQ,GAAG,KAAK;EAChBC,YAAY;EACZC,KAAK,GAAG,QAAQ;EAChBhB,KAAK;EACLiB,UAAU;EACVC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG1D,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAM2D,KAAK,GAAGtD,QAAQ,CAAC,CAAC;EACxB,MAAM0C,MAAM,GAAGzB,IAAI,GAAG,CAAC;EACvB,MAAMC,aAAa,GAAGoC,KAAK,CAACC,MAAM,CAACC,kBAAkB;;EAErD;EACA;EACA;EACA,MAAMC,aAAa,GAAG/D,MAAM,CAACqC,MAAM,CAAC;EACpC,MAAM2B,UAAU,GAAGhE,MAAM,CAACqB,GAAG,CAAC;EAC9B,IAAI0C,aAAa,CAACE,OAAO,KAAK5B,MAAM,IAAI2B,UAAU,CAACC,OAAO,KAAK5C,GAAG,EAAE;IAClE0C,aAAa,CAACE,OAAO,GAAG5B,MAAM;IAC9B2B,UAAU,CAACC,OAAO,GAAG5C,GAAG;IACxB,IAAIqC,OAAO,EAAE;MACXC,UAAU,CAAC,KAAK,CAAC;IACnB;EACF;EAEA,MAAMO,aAAa,GAAG3D,gBAAgB,CAAC,CAAC;;EAExC;EACA;EACA;EACA,MAAM4D,WAAW,GAAGpE,OAAO,CAAC,MAAM;IAChC,IAAI,OAAOsC,MAAM,KAAK,QAAQ,EAAE;MAC9B,IAAIA,MAAM,CAAC+B,UAAU,CAAC,SAAS,CAAC,IAAI/B,MAAM,CAAC+B,UAAU,CAAC,UAAU,CAAC,IAAI/B,MAAM,CAAC+B,UAAU,CAAC,OAAO,CAAC,EAAE;QAC/F,OAAO/B,MAAM;MACf;MACA,OAAO6B,aAAa,GAAG7B,MAAM,CAAC;IAChC;IACA,OAAOhB,GAAG;EACZ,CAAC,EAAE,CAACgB,MAAM,EAAEhB,GAAG,EAAE6C,aAAa,CAAC,CAAC;EAEhC,MAAMG,mBAAmB,GAAGtE,OAAO,CAAC,MAAM;IACxC,IAAIsC,MAAM,IAAI,IAAI,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE,OAAOA,MAAM;IAC/D,OAAOiC,SAAS;EAClB,CAAC,EAAE,CAACjC,MAAM,CAAC,CAAC;EAEZ,MAAMkC,YAAY,GAAGb,OAAO,GAAGY,SAAS,GAAGH,WAAW;EAEtD,MAAMK,WAAW,GAAGzE,OAAO,CAAC,MAAM;IAChC,IAAIwE,YAAY,EAAE,OAAO;MAAElD,GAAG,EAAEkD;IAAa,CAAC;IAC9C,IAAIF,mBAAmB,EAAE,OAAOA,mBAAmB;IACnD,OAAO/C,cAAc;EACvB,CAAC,EAAE,CAACiD,YAAY,EAAEF,mBAAmB,EAAE/C,cAAc,CAAC,CAAC;EAEvD,MAAMmD,OAAO,gBACX9D,KAAA,CAACT,IAAI;IAACoC,KAAK,EAAE,CAACC,MAAM,CAACmC,SAAS,EAAE;MAAEjC,KAAK,EAAElB,IAAI;MAAEmB,MAAM,EAAEnB;IAAK,CAAC,EAAEe,KAAK,CAAE;IAACmB,MAAM,EAAEA,MAAO;IAAArB,QAAA,GACnFkB,KAAK,KAAK,UAAU,gBACnB7C,IAAA,CAACW,aAAa;MACZC,GAAG,EAAEkD,YAAa;MAClBjD,cAAc,EAAEA,cAAe;MAC/BC,IAAI,EAAEA,IAAK;MACXC,aAAa,EAAEA,aAAc;MAC7BC,OAAO,EAAEA,CAAA,KAAMkC,UAAU,CAAC,IAAI;IAAE,CACjC,CAAC,gBAEFlD,IAAA,CAACP,IAAI;MAACoC,KAAK,EAAE,CAACC,MAAM,CAACoC,cAAc,EAAE;QAAElC,KAAK,EAAElB,IAAI;QAAEmB,MAAM,EAAEnB,IAAI;QAAE0B,YAAY,EAAED;MAAO,CAAC,CAAE;MAAAZ,QAAA,EACvFoC,WAAW,gBACV/D,IAAA,CAACN,KAAK;QACJkC,MAAM,EAAEmC,WAAY;QACpB/C,OAAO,EAAEA,CAAA,KAAMkC,UAAU,CAAC,IAAI,CAAE;QAChCiB,UAAU,EAAC,OAAO;QAClBtC,KAAK,EAAE,CAAClC,UAAU,CAACyE,kBAAkB,EAAE;UAAE5B,YAAY,EAAED;QAAO,CAAC,EAAEO,UAAU;MAAE,CAC9E,CAAC,gBAEF9C,IAAA,CAACkB,cAAc;QAACJ,IAAI,EAAEA,IAAK;QAACC,aAAa,EAAEA;MAAc,CAAE;IAC5D,CACG,CACP,EAEA4B,QAAQ,IAAIC,YAAY,iBACvB5C,IAAA,CAACP,IAAI;MACHoC,KAAK,EAAE,CACLC,MAAM,CAACuC,aAAa,EACpB;QACErC,KAAK,EAAElB,IAAI,GAAG,IAAI;QAClBmB,MAAM,EAAEnB,IAAI,GAAG;MACjB,CAAC,CACD;MAAAa,QAAA,EAEDiB;IAAY,CACT,CACP;EAAA,CACG,CACP;EAED,IAAIG,OAAO,EAAE;IACX,oBAAO/C,IAAA,CAACJ,gBAAgB;MAACmD,OAAO,EAAEA,OAAQ;MAAApB,QAAA,EAAEqC;IAAO,CAAmB,CAAC;EACzE;EAEA,OAAOA,OAAO;AAChB,CAAC;AAED,MAAMlC,MAAM,GAAGnC,UAAU,CAAC2E,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE,SAAS;IACnBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDR,cAAc,EAAE;IACdM,QAAQ,EAAE,QAAQ;IAClBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDL,aAAa,EAAE;IACbE,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,CAAC,CAAC;IACVC,KAAK,EAAE,CAAC,CAAC;IACTH,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBG,MAAM,EAAE;EACV,CAAC;EACD9C,aAAa,EAAE;IACbwC,QAAQ,EAAE,UAAU;IACpBvC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACT6C,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,MAAM,gBAAG1F,IAAI,CAACqD,eAAe,CAAC;AAC3CqC,MAAM,CAACC,WAAW,GAAG,QAAQ","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useMemo, memo } from 'react';
|
|
4
|
-
import {
|
|
3
|
+
import React, { useCallback, useMemo, useRef, memo } from 'react';
|
|
4
|
+
import { Pressable, Text, Platform, Animated } from 'react-native';
|
|
5
5
|
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { animation } from "../styles/tokens.js";
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
8
|
const SIZE_CONFIG = {
|
|
8
9
|
small: {
|
|
@@ -30,6 +31,8 @@ const ICON_HIT_SLOP = {
|
|
|
30
31
|
left: 10,
|
|
31
32
|
right: 10
|
|
32
33
|
};
|
|
34
|
+
const PRESS_SCALE = 0.97;
|
|
35
|
+
const SCALE_VARIANTS = new Set(['primary', 'secondary']);
|
|
33
36
|
const ButtonComponent = ({
|
|
34
37
|
onPress,
|
|
35
38
|
children,
|
|
@@ -47,6 +50,24 @@ const ButtonComponent = ({
|
|
|
47
50
|
testID
|
|
48
51
|
}) => {
|
|
49
52
|
const theme = useTheme();
|
|
53
|
+
const scaleAnim = useRef(new Animated.Value(1)).current;
|
|
54
|
+
const hasScaleFeedback = SCALE_VARIANTS.has(variant);
|
|
55
|
+
const onPressIn = useCallback(() => {
|
|
56
|
+
if (!hasScaleFeedback) return;
|
|
57
|
+
Animated.spring(scaleAnim, {
|
|
58
|
+
toValue: PRESS_SCALE,
|
|
59
|
+
useNativeDriver: true,
|
|
60
|
+
...animation.spring.snappy
|
|
61
|
+
}).start();
|
|
62
|
+
}, [scaleAnim, hasScaleFeedback]);
|
|
63
|
+
const onPressOut = useCallback(() => {
|
|
64
|
+
if (!hasScaleFeedback) return;
|
|
65
|
+
Animated.spring(scaleAnim, {
|
|
66
|
+
toValue: 1,
|
|
67
|
+
useNativeDriver: true,
|
|
68
|
+
...animation.spring.gentle
|
|
69
|
+
}).start();
|
|
70
|
+
}, [scaleAnim, hasScaleFeedback]);
|
|
50
71
|
const baseStyles = useMemo(() => {
|
|
51
72
|
const sizeConfig = SIZE_CONFIG[size];
|
|
52
73
|
const styles = {
|
|
@@ -113,25 +134,38 @@ const ButtonComponent = ({
|
|
|
113
134
|
return styles;
|
|
114
135
|
}, [variant, size, theme]);
|
|
115
136
|
const defaultHitSlop = variant === 'icon' ? ICON_HIT_SLOP : undefined;
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
137
|
+
const resolvedActiveOpacity = activeOpacity ?? (variant === 'icon' ? 0.7 : 0.8);
|
|
138
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
139
|
+
style: hasScaleFeedback ? {
|
|
140
|
+
transform: [{
|
|
141
|
+
scale: scaleAnim
|
|
142
|
+
}]
|
|
143
|
+
} : undefined,
|
|
144
|
+
children: /*#__PURE__*/_jsxs(Pressable, {
|
|
145
|
+
style: ({
|
|
146
|
+
pressed
|
|
147
|
+
}) => [baseStyles, disabled && {
|
|
148
|
+
opacity: 0.5
|
|
149
|
+
}, pressed && !hasScaleFeedback && {
|
|
150
|
+
opacity: resolvedActiveOpacity
|
|
151
|
+
}, style],
|
|
152
|
+
onPress: onPress,
|
|
153
|
+
onPressIn: onPressIn,
|
|
154
|
+
onPressOut: onPressOut,
|
|
155
|
+
disabled: disabled,
|
|
156
|
+
hitSlop: hitSlop ?? defaultHitSlop,
|
|
157
|
+
accessibilityLabel: accessibilityLabel,
|
|
158
|
+
accessibilityHint: accessibilityHint,
|
|
159
|
+
accessibilityRole: "button",
|
|
160
|
+
accessibilityState: {
|
|
161
|
+
disabled
|
|
162
|
+
},
|
|
163
|
+
testID: testID,
|
|
164
|
+
children: [iconPosition === 'left' && icon, children != null && /*#__PURE__*/_jsx(Text, {
|
|
165
|
+
style: [computedTextStyle, textStyle],
|
|
166
|
+
children: children
|
|
167
|
+
}), iconPosition === 'right' && icon]
|
|
168
|
+
})
|
|
135
169
|
});
|
|
136
170
|
};
|
|
137
171
|
export const Button = /*#__PURE__*/memo(ButtonComponent);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","memo","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useRef","memo","Pressable","Text","Platform","Animated","useTheme","animation","jsx","_jsx","jsxs","_jsxs","SIZE_CONFIG","small","paddingVertical","paddingHorizontal","fontSize","minHeight","medium","large","ICON_HIT_SLOP","top","bottom","left","right","PRESS_SCALE","SCALE_VARIANTS","Set","ButtonComponent","onPress","children","disabled","variant","size","style","textStyle","icon","iconPosition","accessibilityLabel","accessibilityHint","hitSlop","activeOpacity","testID","theme","scaleAnim","Value","current","hasScaleFeedback","has","onPressIn","spring","toValue","useNativeDriver","snappy","start","onPressOut","gentle","baseStyles","sizeConfig","styles","alignItems","justifyContent","flexDirection","overflow","backgroundColor","colors","primary","borderRadius","borderWidth","borderColor","border","background","padding","width","height","computedTextStyle","fontWeight","OS","color","card","text","defaultHitSlop","undefined","resolvedActiveOpacity","View","transform","scale","pressed","opacity","accessibilityRole","accessibilityState","Button","displayName","PrimaryButton","props","SecondaryButton","IconButton","GhostButton","TextButton"],"sourceRoot":"../../../src","sources":["button/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { memo, useState } from 'react';
|
|
4
|
-
import { View, Text, TouchableOpacity } from 'react-native';
|
|
3
|
+
import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { View, Text, TouchableOpacity, Animated, LayoutAnimation, Platform, UIManager } from 'react-native';
|
|
5
5
|
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { animation } from "../styles/tokens.js";
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
|
|
9
|
+
UIManager.setLayoutAnimationEnabledExperimental(true);
|
|
10
|
+
}
|
|
11
|
+
const CHEVRON_CLOSED = '0deg';
|
|
12
|
+
const CHEVRON_OPEN = '90deg';
|
|
7
13
|
const CollapsibleComponent = ({
|
|
8
14
|
title,
|
|
9
15
|
children,
|
|
@@ -15,24 +21,57 @@ const CollapsibleComponent = ({
|
|
|
15
21
|
}) => {
|
|
16
22
|
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
17
23
|
const theme = useTheme();
|
|
24
|
+
const chevronAnim = useRef(new Animated.Value(defaultOpen ? 1 : 0)).current;
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
Animated.spring(chevronAnim, {
|
|
27
|
+
toValue: isOpen ? 1 : 0,
|
|
28
|
+
useNativeDriver: true,
|
|
29
|
+
...animation.spring.gentle
|
|
30
|
+
}).start();
|
|
31
|
+
}, [isOpen, chevronAnim]);
|
|
32
|
+
const handleToggle = useCallback(() => {
|
|
33
|
+
LayoutAnimation.configureNext({
|
|
34
|
+
duration: animation.duration.normal,
|
|
35
|
+
update: {
|
|
36
|
+
type: LayoutAnimation.Types.easeInEaseOut
|
|
37
|
+
},
|
|
38
|
+
create: {
|
|
39
|
+
type: LayoutAnimation.Types.easeInEaseOut,
|
|
40
|
+
property: LayoutAnimation.Properties.opacity
|
|
41
|
+
},
|
|
42
|
+
delete: {
|
|
43
|
+
type: LayoutAnimation.Types.easeInEaseOut,
|
|
44
|
+
property: LayoutAnimation.Properties.opacity
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
setIsOpen(prev => !prev);
|
|
48
|
+
}, []);
|
|
49
|
+
const chevronRotation = chevronAnim.interpolate({
|
|
50
|
+
inputRange: [0, 1],
|
|
51
|
+
outputRange: [CHEVRON_CLOSED, CHEVRON_OPEN]
|
|
52
|
+
});
|
|
18
53
|
return /*#__PURE__*/_jsxs(View, {
|
|
19
54
|
style: style,
|
|
20
55
|
testID: testID,
|
|
21
56
|
children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
22
|
-
onPress:
|
|
57
|
+
onPress: handleToggle,
|
|
23
58
|
activeOpacity: 0.7,
|
|
59
|
+
accessibilityRole: "button",
|
|
60
|
+
accessibilityState: {
|
|
61
|
+
expanded: isOpen
|
|
62
|
+
},
|
|
24
63
|
style: {
|
|
25
64
|
flexDirection: 'row',
|
|
26
65
|
alignItems: 'center',
|
|
27
66
|
paddingVertical: 12,
|
|
28
67
|
gap: 8
|
|
29
68
|
},
|
|
30
|
-
children: [chevronIcon ?? /*#__PURE__*/_jsx(Text, {
|
|
69
|
+
children: [chevronIcon ?? /*#__PURE__*/_jsx(Animated.Text, {
|
|
31
70
|
style: {
|
|
32
71
|
fontSize: 16,
|
|
33
72
|
color: theme.colors.textSecondary,
|
|
34
73
|
transform: [{
|
|
35
|
-
rotate:
|
|
74
|
+
rotate: chevronRotation
|
|
36
75
|
}]
|
|
37
76
|
},
|
|
38
77
|
children: "\u203A"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useState","View","Text","TouchableOpacity","useTheme","jsx","_jsx","jsxs","_jsxs","CollapsibleComponent","title","children","defaultOpen","chevronIcon","style","titleStyle","testID","isOpen","setIsOpen","theme","
|
|
1
|
+
{"version":3,"names":["React","memo","useCallback","useEffect","useRef","useState","View","Text","TouchableOpacity","Animated","LayoutAnimation","Platform","UIManager","useTheme","animation","jsx","_jsx","jsxs","_jsxs","OS","setLayoutAnimationEnabledExperimental","CHEVRON_CLOSED","CHEVRON_OPEN","CollapsibleComponent","title","children","defaultOpen","chevronIcon","style","titleStyle","testID","isOpen","setIsOpen","theme","chevronAnim","Value","current","spring","toValue","useNativeDriver","gentle","start","handleToggle","configureNext","duration","normal","update","type","Types","easeInEaseOut","create","property","Properties","opacity","delete","prev","chevronRotation","interpolate","inputRange","outputRange","onPress","activeOpacity","accessibilityRole","accessibilityState","expanded","flexDirection","alignItems","paddingVertical","gap","fontSize","color","colors","textSecondary","transform","rotate","fontWeight","text","flex","Collapsible","displayName"],"sourceRoot":"../../../src","sources":["collapsible/Collapsible.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* A function that resolves opaque identifiers (e.g. file IDs) to
|
|
7
|
+
* loadable image URLs. Returns `undefined` when no URL is available yet.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
const ImageResolverContext = /*#__PURE__*/createContext(null);
|
|
11
|
+
ImageResolverContext.displayName = 'BloomImageResolverContext';
|
|
12
|
+
export const ImageResolverProvider = ImageResolverContext.Provider;
|
|
13
|
+
export function useImageResolver() {
|
|
14
|
+
return useContext(ImageResolverContext);
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","ImageResolverContext","displayName","ImageResolverProvider","Provider","useImageResolver"],"sourceRoot":"../../../src","sources":["image-resolver/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;;AAEjD;AACA;AACA;AACA;;AAGA,MAAMC,oBAAoB,gBAAGF,aAAa,CAAuB,IAAI,CAAC;AACtEE,oBAAoB,CAACC,WAAW,GAAG,2BAA2B;AAE9D,OAAO,MAAMC,qBAAqB,GAAGF,oBAAoB,CAACG,QAAQ;AAElE,OAAO,SAASC,gBAAgBA,CAAA,EAAyB;EACvD,OAAOL,UAAU,CAACC,oBAAoB,CAAC;AACzC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ImageResolverProvider","useImageResolver"],"sourceRoot":"../../../src","sources":["image-resolver/index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,EAAEC,gBAAgB,QAA4B,cAAW","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { memo, useEffect, useMemo } from 'react';
|
|
4
4
|
import { View, Text, StyleSheet } from 'react-native';
|
|
5
5
|
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { animation } from "../styles/tokens.js";
|
|
6
7
|
import { SpinnerIcon } from "./SpinnerIcon.js";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
const SIZE_CONFIG = {
|
|
@@ -118,7 +119,7 @@ const TopLoading = ({
|
|
|
118
119
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
119
120
|
const translateY = useSharedValue(showLoading ? 0 : -targetHeight);
|
|
120
121
|
const timingConfig = {
|
|
121
|
-
duration:
|
|
122
|
+
duration: animation.duration.slow,
|
|
122
123
|
easing: Easing.out(Easing.cubic)
|
|
123
124
|
};
|
|
124
125
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","useEffect","useMemo","View","Text","StyleSheet","useTheme","SpinnerIcon","jsx","_jsx","jsxs","_jsxs","SIZE_CONFIG","small","spinner","text","medium","large","reanimatedModule","reanimatedResolved","getReanimated","require","SpinnerLoading","size","color","textStyle","style","showText","iconSize","spinnerIcon","testID","theme","sizeConfig","effectiveIconSize","spinnerColor","colors","primary","textColor","textSecondary","styles","container","children","fontSize","marginTop","TopLoading","showLoading","heightOffset","targetHeight","Math","max","reanimated","topContainer","height","topLoadingView","default","Animated","useAnimatedStyle","useSharedValue","withTiming","Easing","opacity","translateY","timingConfig","duration","easing","out","cubic","value","containerAnimated","innerAnimated","transform","SkeletonLoading","lines","width","lineHeight","skeletonColor","backgroundSecondary","skeletonLines","Array","from","length","_","index","skeletonLine","backgroundColor","marginBottom","skeletonContainer","InlineLoading","inlineContainer","marginLeft","LoadingComponent","props","variant","Loading","displayName","create","flex","alignItems","justifyContent","textAlign","position","overflow","top","left","borderRadius","flexDirection"],"sourceRoot":"../../../src","sources":["loading/Loading.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACvD,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAA6B,cAAc;AAE1E,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS5C,MAAMC,WAAW,GAAG;EAClBC,KAAK,EAAE;IAAEC,OAAO,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC;EAChCC,MAAM,EAAE;IAAEF,OAAO,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAG,CAAC;EACjCE,KAAK,EAAE;IAAEH,OAAO,EAAE,EAAE;IAAEC,IAAI,EAAE;EAAG;AACjC,CAAU;;AAEV;;AAEA,IAAIG,gBAAuC,GAAG,IAAI;AAClD,IAAIC,kBAAkB,GAAG,KAAK;AAE9B,SAASC,aAAaA,CAAA,EAA0B;EAC9C,IAAI,CAACD,kBAAkB,EAAE;IACvBA,kBAAkB,GAAG,IAAI;IACzB,IAAI;MACFD,gBAAgB,GAAGG,OAAO,CAAC,yBAAyB,CAAC;IACvD,CAAC,CAAC,MAAM;MACNH,gBAAgB,GAAG,IAAI;IACzB;EACF;EACA,OAAOA,gBAAgB;AACzB;AAEA,MAAMI,cAA6C,GAAGA,CAAC;EACrDC,IAAI,GAAG,QAAQ;EACfC,KAAK;EACLT,IAAI;EACJU,SAAS;EACTC,KAAK;EACLC,QAAQ,GAAG,IAAI;EACfC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,
|
|
1
|
+
{"version":3,"names":["React","memo","useEffect","useMemo","View","Text","StyleSheet","useTheme","animation","SpinnerIcon","jsx","_jsx","jsxs","_jsxs","SIZE_CONFIG","small","spinner","text","medium","large","reanimatedModule","reanimatedResolved","getReanimated","require","SpinnerLoading","size","color","textStyle","style","showText","iconSize","spinnerIcon","testID","theme","sizeConfig","effectiveIconSize","spinnerColor","colors","primary","textColor","textSecondary","styles","container","children","fontSize","marginTop","TopLoading","showLoading","heightOffset","targetHeight","Math","max","reanimated","topContainer","height","topLoadingView","default","Animated","useAnimatedStyle","useSharedValue","withTiming","Easing","opacity","translateY","timingConfig","duration","slow","easing","out","cubic","value","containerAnimated","innerAnimated","transform","SkeletonLoading","lines","width","lineHeight","skeletonColor","backgroundSecondary","skeletonLines","Array","from","length","_","index","skeletonLine","backgroundColor","marginBottom","skeletonContainer","InlineLoading","inlineContainer","marginLeft","LoadingComponent","props","variant","Loading","displayName","create","flex","alignItems","justifyContent","textAlign","position","overflow","top","left","borderRadius","flexDirection"],"sourceRoot":"../../../src","sources":["loading/Loading.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
import React, { useEffect, useRef } from 'react';
|
|
4
|
+
import { Animated, View, StyleSheet } from 'react-native';
|
|
5
5
|
import { useTheme } from "../theme/use-theme.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const SHIMMER_DURATION = 1500;
|
|
8
|
+
const SHIMMER_MIN_OPACITY = 0.4;
|
|
9
|
+
const SHIMMER_MAX_OPACITY = 1;
|
|
10
|
+
function useShimmer() {
|
|
11
|
+
const opacity = useRef(new Animated.Value(SHIMMER_MAX_OPACITY)).current;
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
const loop = Animated.loop(Animated.sequence([Animated.timing(opacity, {
|
|
14
|
+
toValue: SHIMMER_MIN_OPACITY,
|
|
15
|
+
duration: SHIMMER_DURATION / 2,
|
|
16
|
+
useNativeDriver: true
|
|
17
|
+
}), Animated.timing(opacity, {
|
|
18
|
+
toValue: SHIMMER_MAX_OPACITY,
|
|
19
|
+
duration: SHIMMER_DURATION / 2,
|
|
20
|
+
useNativeDriver: true
|
|
21
|
+
})]));
|
|
22
|
+
loop.start();
|
|
23
|
+
return () => loop.stop();
|
|
24
|
+
}, [opacity]);
|
|
25
|
+
return opacity;
|
|
26
|
+
}
|
|
7
27
|
export function Text({
|
|
8
28
|
blend,
|
|
9
29
|
style
|
|
@@ -11,6 +31,7 @@ export function Text({
|
|
|
11
31
|
const {
|
|
12
32
|
colors
|
|
13
33
|
} = useTheme();
|
|
34
|
+
const shimmer = useShimmer();
|
|
14
35
|
const flattened = StyleSheet.flatten(style);
|
|
15
36
|
const width = flattened?.width;
|
|
16
37
|
const lineHeight = flattened?.lineHeight || 14;
|
|
@@ -20,11 +41,11 @@ export function Text({
|
|
|
20
41
|
}, {
|
|
21
42
|
paddingVertical: lineHeight * 0.15
|
|
22
43
|
}],
|
|
23
|
-
children: /*#__PURE__*/_jsx(View, {
|
|
44
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
24
45
|
style: [styles.textInner, {
|
|
25
46
|
backgroundColor: colors.contrast50,
|
|
26
47
|
height: lineHeight * 0.7,
|
|
27
|
-
opacity: blend ? 0.6 : 1
|
|
48
|
+
opacity: Animated.multiply(shimmer, blend ? 0.6 : 1)
|
|
28
49
|
}]
|
|
29
50
|
})
|
|
30
51
|
});
|
|
@@ -38,12 +59,13 @@ export function Circle({
|
|
|
38
59
|
const {
|
|
39
60
|
colors
|
|
40
61
|
} = useTheme();
|
|
41
|
-
|
|
62
|
+
const shimmer = useShimmer();
|
|
63
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
42
64
|
style: [styles.circle, {
|
|
43
65
|
backgroundColor: colors.contrast50,
|
|
44
66
|
width: size,
|
|
45
67
|
height: size,
|
|
46
|
-
opacity: blend ? 0.6 : 1
|
|
68
|
+
opacity: Animated.multiply(shimmer, blend ? 0.6 : 1)
|
|
47
69
|
}, style],
|
|
48
70
|
children: children
|
|
49
71
|
});
|
|
@@ -56,12 +78,13 @@ export function Pill({
|
|
|
56
78
|
const {
|
|
57
79
|
colors
|
|
58
80
|
} = useTheme();
|
|
59
|
-
|
|
81
|
+
const shimmer = useShimmer();
|
|
82
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
60
83
|
style: [styles.pill, {
|
|
61
84
|
backgroundColor: colors.contrast50,
|
|
62
85
|
width: size * 1.618,
|
|
63
86
|
height: size,
|
|
64
|
-
opacity: blend ? 0.6 : 1
|
|
87
|
+
opacity: Animated.multiply(shimmer, blend ? 0.6 : 1)
|
|
65
88
|
}, style]
|
|
66
89
|
});
|
|
67
90
|
}
|