@unif/react-native-chat 4.2.3 → 4.2.5
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/Composer/ComposerIconAction.js +1 -1
- package/lib/module/components/Composer/ComposerIconAction.js.map +1 -1
- package/lib/module/components/Composer/constants.js +1 -1
- package/lib/module/components/Process/ProcessCompactStep.js +4 -7
- package/lib/module/components/Process/ProcessCompactStep.js.map +1 -1
- package/lib/module/components/ProcessingProgress/ProcessingProgress.js +11 -9
- package/lib/module/components/ProcessingProgress/ProcessingProgress.js.map +1 -1
- package/lib/module/components/ProcessingProgress/constants.js +0 -3
- package/lib/module/components/ProcessingProgress/constants.js.map +1 -1
- package/lib/typescript/src/components/Composer/ComposerIconAction.d.ts.map +1 -1
- package/lib/typescript/src/components/Composer/constants.d.ts +1 -1
- package/lib/typescript/src/components/Process/ProcessCompactStep.d.ts.map +1 -1
- package/lib/typescript/src/components/ProcessingProgress/ProcessingProgress.d.ts.map +1 -1
- package/lib/typescript/src/components/ProcessingProgress/constants.d.ts +0 -3
- package/lib/typescript/src/components/ProcessingProgress/constants.d.ts.map +1 -1
- package/lib/typescript/src/components/ProcessingProgress/types.d.ts +0 -4
- package/lib/typescript/src/components/ProcessingProgress/types.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Composer/ComposerIconAction.tsx +3 -1
- package/src/components/Composer/constants.ts +1 -1
- package/src/components/Process/ProcessCompactStep.tsx +5 -10
- package/src/components/ProcessingProgress/ProcessingProgress.tsx +11 -9
- package/src/components/ProcessingProgress/constants.ts +0 -3
- package/src/components/ProcessingProgress/types.ts +0 -5
- package/lib/module/components/ProcessingProgress/ProcessingProgressPrefix.js +0 -53
- package/lib/module/components/ProcessingProgress/ProcessingProgressPrefix.js.map +0 -1
- package/lib/typescript/src/components/ProcessingProgress/ProcessingProgressPrefix.d.ts +0 -3
- package/lib/typescript/src/components/ProcessingProgress/ProcessingProgressPrefix.d.ts.map +0 -1
- package/src/components/ProcessingProgress/ProcessingProgressPrefix.tsx +0 -68
|
@@ -23,7 +23,7 @@ export function ComposerIconAction({
|
|
|
23
23
|
...mouseHandlers
|
|
24
24
|
} = useMousePress(unavailable);
|
|
25
25
|
const primary = visual === 'primary';
|
|
26
|
-
const color = primary ? disabled ? colors.foregroundSubtle : colors.onPrimary : colors.foregroundMuted;
|
|
26
|
+
const color = primary ? disabled ? colors.foregroundSubtle : colors.onPrimary : visual === 'cancel' ? colors.foregroundMuted : colors.foreground;
|
|
27
27
|
const Glyph = icon;
|
|
28
28
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
29
29
|
accessibilityRole: "button",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ActivityIndicator","Pressable","View","useColors","useThemedStyles","COMPOSER_ACTION_ICON_SIZE","COMPOSER_PRIMARY_ICON_SIZE","COMPOSER_CANCEL_ICON_SIZE","createStyles","useMousePress","jsx","_jsx","ComposerIconAction","icon","label","onPress","disabled","busy","expanded","visual","colors","styles","unavailable","mousePressed","mouseHandlers","primary","color","foregroundSubtle","onPrimary","foregroundMuted","Glyph","accessibilityRole","accessibilityLabel","accessibilityState","undefined","style","action","children","pressed","pointerEvents","actionVisual","cancel","primaryPressed","actionPressed","primaryDisabled","actionDisabled","size","transform","rotate"],"sourceRoot":"../../../../src","sources":["components/Composer/ComposerIconAction.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AACjE,SAASC,SAAS,EAAEC,eAAe,QAAQ,2BAA2B;AACtE,SACEC,yBAAyB,EACzBC,0BAA0B,EAC1BC,yBAAyB,QACpB,gBAAa;AACpB,SAASC,YAAY,QAAQ,aAAU;AACvC,SAASC,aAAa,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,KAAK;EACZC,QAAQ;EACRC,MAAM,GAAG;AACc,CAAC,EAAE;EAC1B,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B,MAAMkB,MAAM,GAAGjB,eAAe,CAACI,YAAY,CAAC;EAC5C,MAAMc,WAAW,GAAGN,QAAQ,IAAIC,IAAI;EACpC,MAAM;IAAEM,YAAY;IAAE,GAAGC;EAAc,CAAC,GAAGf,aAAa,CAACa,WAAW,CAAC;EACrE,MAAMG,OAAO,GAAGN,MAAM,KAAK,SAAS;EACpC,MAAMO,KAAK,GAAGD,OAAO,GACjBT,QAAQ,GACNI,MAAM,CAACO,gBAAgB,GACvBP,MAAM,CAACQ,SAAS,
|
|
1
|
+
{"version":3,"names":["ActivityIndicator","Pressable","View","useColors","useThemedStyles","COMPOSER_ACTION_ICON_SIZE","COMPOSER_PRIMARY_ICON_SIZE","COMPOSER_CANCEL_ICON_SIZE","createStyles","useMousePress","jsx","_jsx","ComposerIconAction","icon","label","onPress","disabled","busy","expanded","visual","colors","styles","unavailable","mousePressed","mouseHandlers","primary","color","foregroundSubtle","onPrimary","foregroundMuted","foreground","Glyph","accessibilityRole","accessibilityLabel","accessibilityState","undefined","style","action","children","pressed","pointerEvents","actionVisual","cancel","primaryPressed","actionPressed","primaryDisabled","actionDisabled","size","transform","rotate"],"sourceRoot":"../../../../src","sources":["components/Composer/ComposerIconAction.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AACjE,SAASC,SAAS,EAAEC,eAAe,QAAQ,2BAA2B;AACtE,SACEC,yBAAyB,EACzBC,0BAA0B,EAC1BC,yBAAyB,QACpB,gBAAa;AACpB,SAASC,YAAY,QAAQ,aAAU;AACvC,SAASC,aAAa,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,KAAK;EACZC,QAAQ;EACRC,MAAM,GAAG;AACc,CAAC,EAAE;EAC1B,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B,MAAMkB,MAAM,GAAGjB,eAAe,CAACI,YAAY,CAAC;EAC5C,MAAMc,WAAW,GAAGN,QAAQ,IAAIC,IAAI;EACpC,MAAM;IAAEM,YAAY;IAAE,GAAGC;EAAc,CAAC,GAAGf,aAAa,CAACa,WAAW,CAAC;EACrE,MAAMG,OAAO,GAAGN,MAAM,KAAK,SAAS;EACpC,MAAMO,KAAK,GAAGD,OAAO,GACjBT,QAAQ,GACNI,MAAM,CAACO,gBAAgB,GACvBP,MAAM,CAACQ,SAAS,GAClBT,MAAM,KAAK,QAAQ,GACjBC,MAAM,CAACS,eAAe,GACtBT,MAAM,CAACU,UAAU;EACvB,MAAMC,KAAK,GAAGlB,IAAI;EAClB,oBACEF,IAAA,CAACV,SAAS;IACR+B,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAEnB,KAAM;IAC1BoB,kBAAkB,EAAE;MAAElB,QAAQ,EAAEM,WAAW;MAAEL,IAAI;MAAEC;IAAS,CAAE;IAC9DF,QAAQ,EAAEM,WAAY;IACtBP,OAAO,EAAEO,WAAW,GAAGa,SAAS,GAAGpB,OAAQ;IAAA,GACvCS,aAAa;IACjBY,KAAK,EAAEf,MAAM,CAACgB,MAAO;IAAAC,QAAA,EAEpBA,CAAC;MAAEC;IAAQ,CAAC,kBACX5B,IAAA,CAACT,IAAI;MACHsC,aAAa,EAAC,MAAM;MACpBJ,KAAK,EAAE,CACLf,MAAM,CAACoB,YAAY,EACnBhB,OAAO,IAAIJ,MAAM,CAACI,OAAO,EACzBN,MAAM,KAAK,QAAQ,IAAIE,MAAM,CAACqB,MAAM,EACpC,CAACH,OAAO,IAAIhB,YAAY,MACrBE,OAAO,GAAGJ,MAAM,CAACsB,cAAc,GAAGtB,MAAM,CAACuB,aAAa,CAAC,EAC1D5B,QAAQ,KACLS,OAAO,GAAGJ,MAAM,CAACwB,eAAe,GAAGxB,MAAM,CAACyB,cAAc,CAAC,CAC5D;MAAAR,QAAA,EAEDrB,IAAI,gBACHN,IAAA,CAACX,iBAAiB;QAAC+C,IAAI,EAAC,OAAO;QAACrB,KAAK,EAAEA;MAAM,CAAE,CAAC,gBAEhDf,IAAA,CAACoB,KAAK;QACJgB,IAAI,EACFtB,OAAO,GACHnB,0BAA0B,GAC1Ba,MAAM,KAAK,QAAQ,GACjBZ,yBAAyB,GACzBF,yBACP;QACDqB,KAAK,EAAEA,KAAM;QACbU,KAAK,EACHlB,QAAQ,GAAG;UAAE8B,SAAS,EAAE,CAAC;YAAEC,MAAM,EAAE;UAAQ,CAAC;QAAE,CAAC,GAAGd;MACnD,CACF;IACF,CACG;EACP,CACQ,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ export const COMPOSER_INPUT_LINE_HEIGHT = Math.round(type.body * 1.4);
|
|
|
5
5
|
export const COMPOSER_INPUT_MAX_LINES = 4;
|
|
6
6
|
export const COMPOSER_PLAIN_VERTICAL_INSET = 2 * space[3];
|
|
7
7
|
export const COMPOSER_ACTION_VISUAL_SIZE = 34;
|
|
8
|
-
export const COMPOSER_ACTION_ICON_SIZE =
|
|
8
|
+
export const COMPOSER_ACTION_ICON_SIZE = 26;
|
|
9
9
|
export const COMPOSER_PRIMARY_ICON_SIZE = 18;
|
|
10
10
|
export const COMPOSER_CANCEL_ICON_SIZE = 20;
|
|
11
11
|
export const COMPOSER_VOICE_WAVE_COUNT = 5;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { ChevronDownOutlined, ChevronUpOutlined, SparkOutlined } from '@unif/react-native-icons';
|
|
4
4
|
import { Pressable, ScrollView, Text, View } from 'react-native';
|
|
5
|
-
import { Button,
|
|
5
|
+
import { Button, Reveal, ShimmerText, pressedOpacity, useColors, useThemedStyles } from '@unif/react-native-design';
|
|
6
6
|
import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from "./constants.js";
|
|
7
7
|
import { createStyles } from "./styles.js";
|
|
8
8
|
import { hasProcessDetails } from "./hasProcessDetails.js";
|
|
@@ -51,17 +51,14 @@ export function ProcessCompactStep({
|
|
|
51
51
|
children: [identity, /*#__PURE__*/_jsx(View, {
|
|
52
52
|
style: styles.spacer
|
|
53
53
|
})]
|
|
54
|
-
}) : null,
|
|
55
|
-
from: 0.4,
|
|
56
|
-
duration: motion.pulse / 2,
|
|
57
|
-
children: icon
|
|
58
|
-
}) : icon, !identity ? /*#__PURE__*/_jsx(Text, {
|
|
54
|
+
}) : null, icon, !identity ? /*#__PURE__*/_jsx(Text, {
|
|
59
55
|
style: styles.compactTitle,
|
|
60
56
|
testID: `process-step-title-${step.id}`,
|
|
61
57
|
numberOfLines: 1,
|
|
62
58
|
children: step.title
|
|
63
|
-
}) : null, statusText ? /*#__PURE__*/_jsx(
|
|
59
|
+
}) : null, statusText ? /*#__PURE__*/_jsx(ShimmerText, {
|
|
64
60
|
style: styles.compactStatus,
|
|
61
|
+
active: running,
|
|
65
62
|
children: statusText
|
|
66
63
|
}) : null, elapsed ? /*#__PURE__*/_jsx(Text, {
|
|
67
64
|
style: styles.elapsed,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronDownOutlined","ChevronUpOutlined","SparkOutlined","Pressable","ScrollView","Text","View","Button","
|
|
1
|
+
{"version":3,"names":["ChevronDownOutlined","ChevronUpOutlined","SparkOutlined","Pressable","ScrollView","Text","View","Button","Reveal","ShimmerText","pressedOpacity","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","hasProcessDetails","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ProcessCompactStep","step","identity","dense","expanded","elapsed","onToggle","styles","colors","hasDetails","details","running","status","statusText","color","primary","success","error","foregroundMuted","Glyph","icon","size","undefined","Glyph2","children","testID","id","accessible","accessibilityRole","accessibilityLabel","title","filter","Boolean","join","accessibilityState","accessibilityValue","text","disabled","hitSlop","onPress","style","pressed","compactHeader","compactHeaderDense","opacity","spacer","compactTitle","numberOfLines","compactStatus","active","foregroundSubtle","description","compactDescription","compactDetailsContainer","compactDetailsDense","compactDetails","nestedScrollEnabled","showsVerticalScrollIndicator","keyboardShouldPersistTaps","actions","length","map","action","compactAction","label","leftIcon","loading","accessibilityHint","variant"],"sourceRoot":"../../../../src","sources":["components/Process/ProcessCompactStep.tsx"],"mappings":";;AAAA,SACEA,mBAAmB,EACnBC,iBAAiB,EACjBC,aAAa,QACR,0BAA0B;AACjC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChE,SACEC,MAAM,EACNC,MAAM,EACNC,WAAW,EACXC,cAAc,EACdC,SAAS,EACTC,eAAe,QACV,2BAA2B;AAClC,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,gBAAa;AACzE,SAASC,YAAY,QAAQ,aAAU;AACvC,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxD,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,IAAI;EACJC,QAAQ;EACRC,KAAK,GAAG,KAAK;EACbC,QAAQ;EACRC,OAAO;EACPC;AACuB,CAAC,EAAE;EAC1B,MAAMC,MAAM,GAAGlB,eAAe,CAACG,YAAY,CAAC;EAC5C,MAAMgB,MAAM,GAAGpB,SAAS,CAAC,CAAC;EAC1B,MAAMqB,UAAU,GAAGhB,iBAAiB,CAACQ,IAAI,CAACS,OAAO,CAAC;EAClD,MAAMC,OAAO,GAAGV,IAAI,CAACW,MAAM,KAAK,SAAS;EACzC,MAAMC,UAAU,GAAGZ,IAAI,CAACY,UAAU,IAAItB,qBAAqB,CAACU,IAAI,CAACW,MAAM,CAAC;EACxE,MAAME,KAAK,GAAGH,OAAO,GACjBH,MAAM,CAACO,OAAO,GACdd,IAAI,CAACW,MAAM,KAAK,WAAW,GACzBJ,MAAM,CAACQ,OAAO,GACdf,IAAI,CAACW,MAAM,KAAK,QAAQ,GACtBJ,MAAM,CAACS,KAAK,GACZT,MAAM,CAACU,eAAe;EAC9B,MAAMC,KAAK,GACTlB,IAAI,CAACmB,IAAI,KACRT,OAAO,IAAIV,IAAI,CAACW,MAAM,KAAK,WAAW,GACnCjC,aAAa,GACbW,oBAAoB,CAACW,IAAI,CAACW,MAAM,CAAC,CAAC;EACxC,MAAMQ,IAAI,GACRnB,IAAI,CAACmB,IAAI,KAAK,IAAI,GAAG,IAAI,gBACvBzB,IAAA,CAACwB,KAAK;IACJE,IAAI,EAAE,EAAG;IACTP,KAAK,EAAEb,IAAI,CAACmB,IAAI,KAAKE,SAAS,GAAGR,KAAK,GAAGN,MAAM,CAACU;EAAgB,CACjE,CACF;EACH,MAAMK,MAAM,GAAGnB,QAAQ,GAAG1B,iBAAiB,GAAGD,mBAAmB;EACjE,oBACEsB,KAAA,CAAChB,IAAI;IAAAyC,QAAA,gBACHzB,KAAA,CAACnB,SAAS;MACR6C,MAAM,EAAE,gBAAgBxB,IAAI,CAACyB,EAAE,SAAU;MACzCC,UAAU;MACVC,iBAAiB,EAAEnB,UAAU,GAAG,QAAQ,GAAGa,SAAU;MACrDO,kBAAkB,EAAE,CAAC5B,IAAI,CAAC6B,KAAK,EAAEjB,UAAU,EAAER,OAAO,CAAC,CAClD0B,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG,CAAE;MACbC,kBAAkB,EAAEzB,UAAU,GAAG;QAAEL;MAAS,CAAC,GAAGkB,SAAU;MAC1Da,kBAAkB,EAChBtB,UAAU,GAAGS,SAAS,GAAG;QAAEc,IAAI,EAAE7C,qBAAqB,CAACU,IAAI,CAACW,MAAM;MAAE,CACrE;MACDyB,QAAQ,EAAE,CAAC5B,UAAW;MACtB6B,OAAO,EAAE,EAAG;MACZC,OAAO,EAAEjC,QAAS;MAClBkC,KAAK,EAAEA,CAAC;QAAEC;MAAQ,CAAC,KAAK,CACtBlC,MAAM,CAACmC,aAAa,EACpBvC,KAAK,IAAII,MAAM,CAACoC,kBAAkB,EAClCF,OAAO,IAAI;QAAEG,OAAO,EAAEzD;MAAe,CAAC,CACtC;MAAAqC,QAAA,GAEDtB,QAAQ,gBACPH,KAAA,CAAAF,SAAA;QAAA2B,QAAA,GACGtB,QAAQ,eACTP,IAAA,CAACZ,IAAI;UAACyD,KAAK,EAAEjC,MAAM,CAACsC;QAAO,CAAE,CAAC;MAAA,CAC9B,CAAC,GACD,IAAI,EACPzB,IAAI,EACJ,CAAClB,QAAQ,gBACRP,IAAA,CAACb,IAAI;QACH0D,KAAK,EAAEjC,MAAM,CAACuC,YAAa;QAC3BrB,MAAM,EAAE,sBAAsBxB,IAAI,CAACyB,EAAE,EAAG;QACxCqB,aAAa,EAAE,CAAE;QAAAvB,QAAA,EAEhBvB,IAAI,CAAC6B;MAAK,CACP,CAAC,GACL,IAAI,EACPjB,UAAU,gBACTlB,IAAA,CAACT,WAAW;QAACsD,KAAK,EAAEjC,MAAM,CAACyC,aAAc;QAACC,MAAM,EAAEtC,OAAQ;QAAAa,QAAA,EACvDX;MAAU,CACA,CAAC,GACZ,IAAI,EACPR,OAAO,gBAAGV,IAAA,CAACb,IAAI;QAAC0D,KAAK,EAAEjC,MAAM,CAACF,OAAQ;QAAAmB,QAAA,EAAEnB;MAAO,CAAO,CAAC,GAAG,IAAI,EAC9DI,UAAU,gBACTd,IAAA,CAAC4B,MAAM;QAACF,IAAI,EAAE,EAAG;QAACP,KAAK,EAAEN,MAAM,CAAC0C;MAAiB,CAAE,CAAC,GAClD,IAAI;IAAA,CACC,CAAC,EACXjD,IAAI,CAACkD,WAAW,gBACfxD,IAAA,CAACb,IAAI;MAAC0D,KAAK,EAAEjC,MAAM,CAAC6C,kBAAmB;MAAA5B,QAAA,EAAEvB,IAAI,CAACkD;IAAW,CAAO,CAAC,GAC/D,IAAI,EACP1C,UAAU,IAAIL,QAAQ,gBACrBT,IAAA,CAACV,MAAM;MACLuD,KAAK,EAAE,CACLjC,MAAM,CAAC8C,uBAAuB,EAC9BlD,KAAK,IAAII,MAAM,CAAC+C,mBAAmB,CACnC;MAAA9B,QAAA,eAEF7B,IAAA,CAACd,UAAU;QACT4C,MAAM,EAAE,gBAAgBxB,IAAI,CAACyB,EAAE,UAAW;QAC1Cc,KAAK,EAAEjC,MAAM,CAACgD,cAAe;QAC7BC,mBAAmB;QACnBC,4BAA4B,EAAE,KAAM;QACpCC,yBAAyB,EAAC,SAAS;QAAAlC,QAAA,EAElCvB,IAAI,CAACS;MAAO,CACH;IAAC,CACP,CAAC,GACP,IAAI,EACPT,IAAI,CAAC0D,OAAO,EAAEC,MAAM,gBACnBjE,IAAA,CAACZ,IAAI;MAACyD,KAAK,EAAEjC,MAAM,CAACoD,OAAQ;MAAAnC,QAAA,EACzBvB,IAAI,CAAC0D,OAAO,CAACE,GAAG,CAAEC,MAAM,iBACvBnE,IAAA,CAACX,MAAM;QAELwD,KAAK,EAAEjC,MAAM,CAACwD,aAAc;QAC5BC,KAAK,EAAEF,MAAM,CAACE,KAAM;QACpBC,QAAQ,EAAEH,MAAM,CAAC1C,IAAK;QACtBmB,OAAO,EAAEuB,MAAM,CAACvB,OAAQ;QACxBF,QAAQ,EAAEyB,MAAM,CAACzB,QAAS;QAC1B6B,OAAO,EAAEJ,MAAM,CAACI,OAAQ;QACxBC,iBAAiB,EAAEL,MAAM,CAACK,iBAAkB;QAC5C9C,IAAI,EAAC,IAAI;QACT+C,OAAO,EAAC;MAAM,GATTN,MAAM,CAACpC,EAUb,CACF;IAAC,CACE,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Text, View } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { ShimmerText, useTheme, useThemedStyles } from '@unif/react-native-design';
|
|
5
5
|
import { PROCESSING_PROGRESS_SEPARATOR } from "./constants.js";
|
|
6
|
-
import { ProcessingProgressPrefix } from "./ProcessingProgressPrefix.js";
|
|
7
6
|
import { createStyles } from "./styles.js";
|
|
8
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
8
|
export function ProcessingProgress({
|
|
10
9
|
progress
|
|
11
10
|
}) {
|
|
12
11
|
const styles = useThemedStyles(createStyles);
|
|
13
|
-
const
|
|
12
|
+
const {
|
|
13
|
+
colors,
|
|
14
|
+
scheme
|
|
15
|
+
} = useTheme();
|
|
14
16
|
const separatorIndex = progress.indexOf(PROCESSING_PROGRESS_SEPARATOR);
|
|
15
17
|
const prefix = separatorIndex === -1 ? progress : progress.slice(0, separatorIndex);
|
|
16
18
|
const suffix = separatorIndex === -1 ? '' : progress.slice(separatorIndex);
|
|
@@ -31,12 +33,12 @@ export function ProcessingProgress({
|
|
|
31
33
|
ellipsizeMode: "tail",
|
|
32
34
|
accessible: false,
|
|
33
35
|
"aria-hidden": true,
|
|
34
|
-
children: [/*#__PURE__*/_jsx(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
36
|
+
children: [/*#__PURE__*/_jsx(ShimmerText, {
|
|
37
|
+
style: {
|
|
38
|
+
color: scheme === 'dark' ? colors.foregroundMuted : colors.foreground
|
|
39
|
+
},
|
|
40
|
+
children: prefix
|
|
41
|
+
}), suffix ? /*#__PURE__*/_jsx(Text, {
|
|
40
42
|
testID: "processing-progress-suffix",
|
|
41
43
|
children: suffix
|
|
42
44
|
}) : null]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","View","
|
|
1
|
+
{"version":3,"names":["Text","View","ShimmerText","useTheme","useThemedStyles","PROCESSING_PROGRESS_SEPARATOR","createStyles","jsx","_jsx","jsxs","_jsxs","ProcessingProgress","progress","styles","colors","scheme","separatorIndex","indexOf","prefix","slice","suffix","style","root","accessible","accessibilityRole","accessibilityLabel","accessibilityState","busy","accessibilityLiveRegion","children","testID","text","numberOfLines","ellipsizeMode","color","foregroundMuted","foreground"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/ProcessingProgress.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SACEC,WAAW,EACXC,QAAQ,EACRC,eAAe,QACV,2BAA2B;AAClC,SAASC,6BAA6B,QAAQ,gBAAa;AAC3D,SAASC,YAAY,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxC,OAAO,SAASC,kBAAkBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACxE,MAAMC,MAAM,GAAGT,eAAe,CAACE,YAAY,CAAC;EAC5C,MAAM;IAAEQ,MAAM;IAAEC;EAAO,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACrC,MAAMa,cAAc,GAAGJ,QAAQ,CAACK,OAAO,CAACZ,6BAA6B,CAAC;EACtE,MAAMa,MAAM,GACVF,cAAc,KAAK,CAAC,CAAC,GAAGJ,QAAQ,GAAGA,QAAQ,CAACO,KAAK,CAAC,CAAC,EAAEH,cAAc,CAAC;EACtE,MAAMI,MAAM,GAAGJ,cAAc,KAAK,CAAC,CAAC,GAAG,EAAE,GAAGJ,QAAQ,CAACO,KAAK,CAACH,cAAc,CAAC;EAE1E,oBACER,IAAA,CAACP,IAAI;IACHoB,KAAK,EAAER,MAAM,CAACS,IAAK;IACnBC,UAAU;IACVC,iBAAiB,EAAC,MAAM;IACxBC,kBAAkB,EAAEb,QAAS;IAC7Bc,kBAAkB,EAAE;MAAEC,IAAI,EAAE;IAAK,CAAE;IACnC,iBAAS;IACTC,uBAAuB,EAAC,QAAQ;IAAAC,QAAA,eAEhCnB,KAAA,CAACV,IAAI;MACH8B,MAAM,EAAC,0BAA0B;MACjCT,KAAK,EAAER,MAAM,CAACkB,IAAK;MACnBC,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MACpBV,UAAU,EAAE,KAAM;MAClB,mBAAW;MAAAM,QAAA,gBAEXrB,IAAA,CAACN,WAAW;QACVmB,KAAK,EAAE;UACLa,KAAK,EACHnB,MAAM,KAAK,MAAM,GAAGD,MAAM,CAACqB,eAAe,GAAGrB,MAAM,CAACsB;QACxD,CAAE;QAAAP,QAAA,EAEDX;MAAM,CACI,CAAC,EACbE,MAAM,gBACLZ,IAAA,CAACR,IAAI;QAAC8B,MAAM,EAAC,4BAA4B;QAAAD,QAAA,EAAET;MAAM,CAAO,CAAC,GACvD,IAAI;IAAA,CACJ;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
export const PROCESSING_PROGRESS_SEPARATOR = '·';
|
|
4
|
-
export const PROCESSING_PROGRESS_SHINE_DURATION_MS = 1800;
|
|
5
|
-
export const PROCESSING_PROGRESS_SHINE_RADIUS = 2;
|
|
6
|
-
export const PROCESSING_PROGRESS_SHINE_PEAK = 0.85;
|
|
7
4
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PROCESSING_PROGRESS_SEPARATOR"
|
|
1
|
+
{"version":3,"names":["PROCESSING_PROGRESS_SEPARATOR"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,6BAA6B,GAAG,GAAG","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComposerIconAction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/ComposerIconAction.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,MAAe,GAChB,EAAE,uBAAuB,+
|
|
1
|
+
{"version":3,"file":"ComposerIconAction.d.ts","sourceRoot":"","sources":["../../../../../src/components/Composer/ComposerIconAction.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,IAAY,EACZ,QAAQ,EACR,MAAe,GAChB,EAAE,uBAAuB,+BA0DzB"}
|
|
@@ -2,7 +2,7 @@ export declare const COMPOSER_INPUT_LINE_HEIGHT: number;
|
|
|
2
2
|
export declare const COMPOSER_INPUT_MAX_LINES = 4;
|
|
3
3
|
export declare const COMPOSER_PLAIN_VERTICAL_INSET: number;
|
|
4
4
|
export declare const COMPOSER_ACTION_VISUAL_SIZE = 34;
|
|
5
|
-
export declare const COMPOSER_ACTION_ICON_SIZE =
|
|
5
|
+
export declare const COMPOSER_ACTION_ICON_SIZE = 26;
|
|
6
6
|
export declare const COMPOSER_PRIMARY_ICON_SIZE = 18;
|
|
7
7
|
export declare const COMPOSER_CANCEL_ICON_SIZE = 20;
|
|
8
8
|
export declare const COMPOSER_VOICE_WAVE_COUNT = 5;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProcessCompactStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/ProcessCompactStep.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProcessCompactStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/ProcessCompactStep.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,KAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,+BAmHzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProcessingProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/ProcessingProgress.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+
|
|
1
|
+
{"version":3,"file":"ProcessingProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/ProcessingProgress.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAwCvE"}
|
|
@@ -1,5 +1,2 @@
|
|
|
1
1
|
export declare const PROCESSING_PROGRESS_SEPARATOR = "\u00B7";
|
|
2
|
-
export declare const PROCESSING_PROGRESS_SHINE_DURATION_MS = 1800;
|
|
3
|
-
export declare const PROCESSING_PROGRESS_SHINE_RADIUS = 2;
|
|
4
|
-
export declare const PROCESSING_PROGRESS_SHINE_PEAK = 0.85;
|
|
5
2
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B,WAAM,CAAC
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B,WAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unif/react-native-chat",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.5",
|
|
4
4
|
"description": "Unif React Native 聊天组件:消息、输入、附件和交互展示",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@release-it/conventional-changelog": "^12.0.0",
|
|
69
69
|
"@testing-library/react-native": "13.3.3",
|
|
70
70
|
"@types/react": "^19.2.0",
|
|
71
|
-
"@unif/react-native-design": "
|
|
71
|
+
"@unif/react-native-design": "^1.4.0",
|
|
72
72
|
"@unif/react-native-icons": ">=0.1.0",
|
|
73
73
|
"commitlint": "^21.2.1",
|
|
74
74
|
"del-cli": "^7.0.0",
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
"typescript": "^6.0.3"
|
|
98
98
|
},
|
|
99
99
|
"peerDependencies": {
|
|
100
|
-
"@unif/react-native-design": "
|
|
100
|
+
"@unif/react-native-design": "^1.4.0",
|
|
101
101
|
"@unif/react-native-icons": ">=0.1.0",
|
|
102
102
|
"react": ">=19.2.3 <20.0.0",
|
|
103
103
|
"react-native": ">=0.86.0",
|
|
@@ -27,7 +27,9 @@ export function ComposerIconAction({
|
|
|
27
27
|
? disabled
|
|
28
28
|
? colors.foregroundSubtle
|
|
29
29
|
: colors.onPrimary
|
|
30
|
-
:
|
|
30
|
+
: visual === 'cancel'
|
|
31
|
+
? colors.foregroundMuted
|
|
32
|
+
: colors.foreground;
|
|
31
33
|
const Glyph = icon;
|
|
32
34
|
return (
|
|
33
35
|
<Pressable
|
|
@@ -4,7 +4,7 @@ export const COMPOSER_INPUT_LINE_HEIGHT = Math.round(type.body * 1.4);
|
|
|
4
4
|
export const COMPOSER_INPUT_MAX_LINES = 4;
|
|
5
5
|
export const COMPOSER_PLAIN_VERTICAL_INSET = 2 * space[3];
|
|
6
6
|
export const COMPOSER_ACTION_VISUAL_SIZE = 34;
|
|
7
|
-
export const COMPOSER_ACTION_ICON_SIZE =
|
|
7
|
+
export const COMPOSER_ACTION_ICON_SIZE = 26;
|
|
8
8
|
export const COMPOSER_PRIMARY_ICON_SIZE = 18;
|
|
9
9
|
export const COMPOSER_CANCEL_ICON_SIZE = 20;
|
|
10
10
|
export const COMPOSER_VOICE_WAVE_COUNT = 5;
|
|
@@ -6,9 +6,8 @@ import {
|
|
|
6
6
|
import { Pressable, ScrollView, Text, View } from 'react-native';
|
|
7
7
|
import {
|
|
8
8
|
Button,
|
|
9
|
-
Pulse,
|
|
10
9
|
Reveal,
|
|
11
|
-
|
|
10
|
+
ShimmerText,
|
|
12
11
|
pressedOpacity,
|
|
13
12
|
useColors,
|
|
14
13
|
useThemedStyles,
|
|
@@ -79,13 +78,7 @@ export function ProcessCompactStep({
|
|
|
79
78
|
<View style={styles.spacer} />
|
|
80
79
|
</>
|
|
81
80
|
) : null}
|
|
82
|
-
{
|
|
83
|
-
<Pulse from={0.4} duration={motion.pulse / 2}>
|
|
84
|
-
{icon}
|
|
85
|
-
</Pulse>
|
|
86
|
-
) : (
|
|
87
|
-
icon
|
|
88
|
-
)}
|
|
81
|
+
{icon}
|
|
89
82
|
{!identity ? (
|
|
90
83
|
<Text
|
|
91
84
|
style={styles.compactTitle}
|
|
@@ -96,7 +89,9 @@ export function ProcessCompactStep({
|
|
|
96
89
|
</Text>
|
|
97
90
|
) : null}
|
|
98
91
|
{statusText ? (
|
|
99
|
-
<
|
|
92
|
+
<ShimmerText style={styles.compactStatus} active={running}>
|
|
93
|
+
{statusText}
|
|
94
|
+
</ShimmerText>
|
|
100
95
|
) : null}
|
|
101
96
|
{elapsed ? <Text style={styles.elapsed}>{elapsed}</Text> : null}
|
|
102
97
|
{hasDetails ? (
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { Text, View } from 'react-native';
|
|
2
2
|
import {
|
|
3
|
-
|
|
3
|
+
ShimmerText,
|
|
4
|
+
useTheme,
|
|
4
5
|
useThemedStyles,
|
|
5
6
|
} from '@unif/react-native-design';
|
|
6
7
|
import { PROCESSING_PROGRESS_SEPARATOR } from './constants';
|
|
7
|
-
import { ProcessingProgressPrefix } from './ProcessingProgressPrefix';
|
|
8
8
|
import { createStyles } from './styles';
|
|
9
9
|
import type { ProcessingProgressProps } from './types';
|
|
10
10
|
|
|
11
11
|
export function ProcessingProgress({ progress }: ProcessingProgressProps) {
|
|
12
12
|
const styles = useThemedStyles(createStyles);
|
|
13
|
-
const
|
|
13
|
+
const { colors, scheme } = useTheme();
|
|
14
14
|
const separatorIndex = progress.indexOf(PROCESSING_PROGRESS_SEPARATOR);
|
|
15
15
|
const prefix =
|
|
16
16
|
separatorIndex === -1 ? progress : progress.slice(0, separatorIndex);
|
|
@@ -34,12 +34,14 @@ export function ProcessingProgress({ progress }: ProcessingProgressProps) {
|
|
|
34
34
|
accessible={false}
|
|
35
35
|
aria-hidden
|
|
36
36
|
>
|
|
37
|
-
<
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
37
|
+
<ShimmerText
|
|
38
|
+
style={{
|
|
39
|
+
color:
|
|
40
|
+
scheme === 'dark' ? colors.foregroundMuted : colors.foreground,
|
|
41
|
+
}}
|
|
42
|
+
>
|
|
43
|
+
{prefix}
|
|
44
|
+
</ShimmerText>
|
|
43
45
|
{suffix ? (
|
|
44
46
|
<Text testID="processing-progress-suffix">{suffix}</Text>
|
|
45
47
|
) : null}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { memo, useEffect, useRef } from 'react';
|
|
4
|
-
import { Animated, Easing, Platform, Text } from 'react-native';
|
|
5
|
-
import { useTheme } from '@unif/react-native-design';
|
|
6
|
-
import { PROCESSING_PROGRESS_SHINE_DURATION_MS, PROCESSING_PROGRESS_SHINE_PEAK, PROCESSING_PROGRESS_SHINE_RADIUS } from "./constants.js";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
export const ProcessingProgressPrefix = /*#__PURE__*/memo(function Prefix({
|
|
9
|
-
text,
|
|
10
|
-
reducedMotion
|
|
11
|
-
}) {
|
|
12
|
-
const {
|
|
13
|
-
colors,
|
|
14
|
-
scheme
|
|
15
|
-
} = useTheme();
|
|
16
|
-
const animation = useRef(new Animated.Value(-PROCESSING_PROGRESS_SHINE_RADIUS)).current;
|
|
17
|
-
const characters = Array.from(text);
|
|
18
|
-
useEffect(() => {
|
|
19
|
-
if (reducedMotion || !characters.length) return undefined;
|
|
20
|
-
const loop = Animated.loop(Animated.timing(animation, {
|
|
21
|
-
toValue: characters.length + PROCESSING_PROGRESS_SHINE_RADIUS,
|
|
22
|
-
duration: PROCESSING_PROGRESS_SHINE_DURATION_MS,
|
|
23
|
-
easing: Easing.linear,
|
|
24
|
-
useNativeDriver: Platform.OS !== 'web',
|
|
25
|
-
isInteraction: false
|
|
26
|
-
}));
|
|
27
|
-
loop.start();
|
|
28
|
-
return () => loop.stop();
|
|
29
|
-
}, [animation, characters.length, reducedMotion]);
|
|
30
|
-
const baseColor = scheme === 'dark' ? colors.foregroundMuted : colors.foreground;
|
|
31
|
-
if (reducedMotion) return /*#__PURE__*/_jsx(Text, {
|
|
32
|
-
style: {
|
|
33
|
-
color: baseColor
|
|
34
|
-
},
|
|
35
|
-
children: text
|
|
36
|
-
});
|
|
37
|
-
return /*#__PURE__*/_jsx(Text, {
|
|
38
|
-
children: characters.map((character, index) => /*#__PURE__*/_jsx(Animated.Text, {
|
|
39
|
-
style: {
|
|
40
|
-
color: animation.interpolate({
|
|
41
|
-
inputRange: [index - PROCESSING_PROGRESS_SHINE_RADIUS, index, index + PROCESSING_PROGRESS_SHINE_RADIUS],
|
|
42
|
-
outputRange: [0, PROCESSING_PROGRESS_SHINE_PEAK, 0],
|
|
43
|
-
extrapolate: 'clamp'
|
|
44
|
-
}).interpolate({
|
|
45
|
-
inputRange: [0, 1],
|
|
46
|
-
outputRange: [baseColor, colors.onPrimary]
|
|
47
|
-
})
|
|
48
|
-
},
|
|
49
|
-
children: character
|
|
50
|
-
}, `${index}:${character}`))
|
|
51
|
-
});
|
|
52
|
-
});
|
|
53
|
-
//# sourceMappingURL=ProcessingProgressPrefix.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useEffect","useRef","Animated","Easing","Platform","Text","useTheme","PROCESSING_PROGRESS_SHINE_DURATION_MS","PROCESSING_PROGRESS_SHINE_PEAK","PROCESSING_PROGRESS_SHINE_RADIUS","jsx","_jsx","ProcessingProgressPrefix","Prefix","text","reducedMotion","colors","scheme","animation","Value","current","characters","Array","from","length","undefined","loop","timing","toValue","duration","easing","linear","useNativeDriver","OS","isInteraction","start","stop","baseColor","foregroundMuted","foreground","style","color","children","map","character","index","interpolate","inputRange","outputRange","extrapolate","onPrimary"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/ProcessingProgressPrefix.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC/C,SAASC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC/D,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SACEC,qCAAqC,EACrCC,8BAA8B,EAC9BC,gCAAgC,QAC3B,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrB,OAAO,MAAMC,wBAAwB,gBAAGb,IAAI,CAAC,SAASc,MAAMA,CAAC;EAC3DC,IAAI;EACJC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGX,QAAQ,CAAC,CAAC;EACrC,MAAMY,SAAS,GAAGjB,MAAM,CACtB,IAAIC,QAAQ,CAACiB,KAAK,CAAC,CAACV,gCAAgC,CACtD,CAAC,CAACW,OAAO;EACT,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAACT,IAAI,CAAC;EAEnCd,SAAS,CAAC,MAAM;IACd,IAAIe,aAAa,IAAI,CAACM,UAAU,CAACG,MAAM,EAAE,OAAOC,SAAS;IACzD,MAAMC,IAAI,GAAGxB,QAAQ,CAACwB,IAAI,CACxBxB,QAAQ,CAACyB,MAAM,CAACT,SAAS,EAAE;MACzBU,OAAO,EAAEP,UAAU,CAACG,MAAM,GAAGf,gCAAgC;MAC7DoB,QAAQ,EAAEtB,qCAAqC;MAC/CuB,MAAM,EAAE3B,MAAM,CAAC4B,MAAM;MACrBC,eAAe,EAAE5B,QAAQ,CAAC6B,EAAE,KAAK,KAAK;MACtCC,aAAa,EAAE;IACjB,CAAC,CACH,CAAC;IACDR,IAAI,CAACS,KAAK,CAAC,CAAC;IACZ,OAAO,MAAMT,IAAI,CAACU,IAAI,CAAC,CAAC;EAC1B,CAAC,EAAE,CAAClB,SAAS,EAAEG,UAAU,CAACG,MAAM,EAAET,aAAa,CAAC,CAAC;EAEjD,MAAMsB,SAAS,GACbpB,MAAM,KAAK,MAAM,GAAGD,MAAM,CAACsB,eAAe,GAAGtB,MAAM,CAACuB,UAAU;EAEhE,IAAIxB,aAAa,EAAE,oBAAOJ,IAAA,CAACN,IAAI;IAACmC,KAAK,EAAE;MAAEC,KAAK,EAAEJ;IAAU,CAAE;IAAAK,QAAA,EAAE5B;EAAI,CAAO,CAAC;EAE1E,oBACEH,IAAA,CAACN,IAAI;IAAAqC,QAAA,EACFrB,UAAU,CAACsB,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,kBAC/BlC,IAAA,CAACT,QAAQ,CAACG,IAAI;MAEZmC,KAAK,EAAE;QACLC,KAAK,EAAEvB,SAAS,CACb4B,WAAW,CAAC;UACXC,UAAU,EAAE,CACVF,KAAK,GAAGpC,gCAAgC,EACxCoC,KAAK,EACLA,KAAK,GAAGpC,gCAAgC,CACzC;UACDuC,WAAW,EAAE,CAAC,CAAC,EAAExC,8BAA8B,EAAE,CAAC,CAAC;UACnDyC,WAAW,EAAE;QACf,CAAC,CAAC,CACDH,WAAW,CAAC;UACXC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAACX,SAAS,EAAErB,MAAM,CAACkC,SAAS;QAC3C,CAAC;MACL,CAAE;MAAAR,QAAA,EAEDE;IAAS,GAlBL,GAAGC,KAAK,IAAID,SAAS,EAmBb,CAChB;EAAC,CACE,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import type { ProcessingProgressPrefixProps } from './types.js';
|
|
2
|
-
export declare const ProcessingProgressPrefix: import("react").MemoExoticComponent<({ text, reducedMotion, }: ProcessingProgressPrefixProps) => import("react").JSX.Element>;
|
|
3
|
-
//# sourceMappingURL=ProcessingProgressPrefix.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ProcessingProgressPrefix.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/ProcessingProgressPrefix.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,YAAS,CAAC;AAE7D,eAAO,MAAM,wBAAwB,iEAGlC,6BAA6B,iCAsD9B,CAAC"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { memo, useEffect, useRef } from 'react';
|
|
2
|
-
import { Animated, Easing, Platform, Text } from 'react-native';
|
|
3
|
-
import { useTheme } from '@unif/react-native-design';
|
|
4
|
-
import {
|
|
5
|
-
PROCESSING_PROGRESS_SHINE_DURATION_MS,
|
|
6
|
-
PROCESSING_PROGRESS_SHINE_PEAK,
|
|
7
|
-
PROCESSING_PROGRESS_SHINE_RADIUS,
|
|
8
|
-
} from './constants';
|
|
9
|
-
import type { ProcessingProgressPrefixProps } from './types';
|
|
10
|
-
|
|
11
|
-
export const ProcessingProgressPrefix = memo(function Prefix({
|
|
12
|
-
text,
|
|
13
|
-
reducedMotion,
|
|
14
|
-
}: ProcessingProgressPrefixProps) {
|
|
15
|
-
const { colors, scheme } = useTheme();
|
|
16
|
-
const animation = useRef(
|
|
17
|
-
new Animated.Value(-PROCESSING_PROGRESS_SHINE_RADIUS)
|
|
18
|
-
).current;
|
|
19
|
-
const characters = Array.from(text);
|
|
20
|
-
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
if (reducedMotion || !characters.length) return undefined;
|
|
23
|
-
const loop = Animated.loop(
|
|
24
|
-
Animated.timing(animation, {
|
|
25
|
-
toValue: characters.length + PROCESSING_PROGRESS_SHINE_RADIUS,
|
|
26
|
-
duration: PROCESSING_PROGRESS_SHINE_DURATION_MS,
|
|
27
|
-
easing: Easing.linear,
|
|
28
|
-
useNativeDriver: Platform.OS !== 'web',
|
|
29
|
-
isInteraction: false,
|
|
30
|
-
})
|
|
31
|
-
);
|
|
32
|
-
loop.start();
|
|
33
|
-
return () => loop.stop();
|
|
34
|
-
}, [animation, characters.length, reducedMotion]);
|
|
35
|
-
|
|
36
|
-
const baseColor =
|
|
37
|
-
scheme === 'dark' ? colors.foregroundMuted : colors.foreground;
|
|
38
|
-
|
|
39
|
-
if (reducedMotion) return <Text style={{ color: baseColor }}>{text}</Text>;
|
|
40
|
-
|
|
41
|
-
return (
|
|
42
|
-
<Text>
|
|
43
|
-
{characters.map((character, index) => (
|
|
44
|
-
<Animated.Text
|
|
45
|
-
key={`${index}:${character}`}
|
|
46
|
-
style={{
|
|
47
|
-
color: animation
|
|
48
|
-
.interpolate({
|
|
49
|
-
inputRange: [
|
|
50
|
-
index - PROCESSING_PROGRESS_SHINE_RADIUS,
|
|
51
|
-
index,
|
|
52
|
-
index + PROCESSING_PROGRESS_SHINE_RADIUS,
|
|
53
|
-
],
|
|
54
|
-
outputRange: [0, PROCESSING_PROGRESS_SHINE_PEAK, 0],
|
|
55
|
-
extrapolate: 'clamp',
|
|
56
|
-
})
|
|
57
|
-
.interpolate({
|
|
58
|
-
inputRange: [0, 1],
|
|
59
|
-
outputRange: [baseColor, colors.onPrimary],
|
|
60
|
-
}),
|
|
61
|
-
}}
|
|
62
|
-
>
|
|
63
|
-
{character}
|
|
64
|
-
</Animated.Text>
|
|
65
|
-
))}
|
|
66
|
-
</Text>
|
|
67
|
-
);
|
|
68
|
-
});
|