react-native-laminar 1.2.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -2
- package/lib/commonjs/hooks/use-display-units.js +1 -0
- package/lib/commonjs/hooks/use-display-units.js.map +1 -1
- package/lib/commonjs/hooks/use-inline-auto-width.js +43 -10
- package/lib/commonjs/hooks/use-inline-auto-width.js.map +1 -1
- package/lib/commonjs/hooks/use-morph-motion.js +2 -1
- package/lib/commonjs/hooks/use-morph-motion.js.map +1 -1
- package/lib/commonjs/hooks/use-morph-text-style.js +4 -0
- package/lib/commonjs/hooks/use-morph-text-style.js.map +1 -1
- package/lib/commonjs/hooks/use-numeric-lanes.js +1 -0
- package/lib/commonjs/hooks/use-numeric-lanes.js.map +1 -1
- package/lib/commonjs/hooks/use-text-glyphs.js +28 -7
- package/lib/commonjs/hooks/use-text-glyphs.js.map +1 -1
- package/lib/commonjs/index.js +54 -11
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/model/display-units.js +7 -1
- package/lib/commonjs/model/display-units.js.map +1 -1
- package/lib/commonjs/model/numeric-lanes.js +4 -0
- package/lib/commonjs/model/numeric-lanes.js.map +1 -1
- package/lib/commonjs/model/text-keys.js +4 -0
- package/lib/commonjs/model/text-keys.js.map +1 -1
- package/lib/commonjs/motion/entry-exit-builders.js +78 -1
- package/lib/commonjs/motion/entry-exit-builders.js.map +1 -1
- package/lib/commonjs/motion/preset-map.js +7 -0
- package/lib/commonjs/motion/preset-map.js.map +1 -1
- package/lib/commonjs/view/glyph-run.js +21 -2
- package/lib/commonjs/view/glyph-run.js.map +1 -1
- package/lib/commonjs/view/morph-viewport.js +4 -0
- package/lib/commonjs/view/morph-viewport.js.map +1 -1
- package/lib/commonjs/view/number-lane.js +5 -1
- package/lib/commonjs/view/number-lane.js.map +1 -1
- package/lib/commonjs/view/number-run.js +4 -0
- package/lib/commonjs/view/number-run.js.map +1 -1
- package/lib/commonjs/view/slots-run.js +258 -0
- package/lib/commonjs/view/slots-run.js.map +1 -0
- package/lib/commonjs/view/text-run.js +35 -3
- package/lib/commonjs/view/text-run.js.map +1 -1
- package/lib/module/hooks/use-display-units.js +2 -0
- package/lib/module/hooks/use-display-units.js.map +1 -1
- package/lib/module/hooks/use-inline-auto-width.js +44 -11
- package/lib/module/hooks/use-inline-auto-width.js.map +1 -1
- package/lib/module/hooks/use-morph-motion.js +2 -1
- package/lib/module/hooks/use-morph-motion.js.map +1 -1
- package/lib/module/hooks/use-morph-text-style.js +4 -0
- package/lib/module/hooks/use-morph-text-style.js.map +1 -1
- package/lib/module/hooks/use-numeric-lanes.js +1 -0
- package/lib/module/hooks/use-numeric-lanes.js.map +1 -1
- package/lib/module/hooks/use-text-glyphs.js +28 -7
- package/lib/module/hooks/use-text-glyphs.js.map +1 -1
- package/lib/module/index.js +56 -12
- package/lib/module/index.js.map +1 -1
- package/lib/module/model/display-units.js +7 -1
- package/lib/module/model/display-units.js.map +1 -1
- package/lib/module/model/numeric-lanes.js +5 -0
- package/lib/module/model/numeric-lanes.js.map +1 -1
- package/lib/module/model/text-keys.js +4 -0
- package/lib/module/model/text-keys.js.map +1 -1
- package/lib/module/motion/entry-exit-builders.js +75 -0
- package/lib/module/motion/entry-exit-builders.js.map +1 -1
- package/lib/module/motion/preset-map.js +7 -0
- package/lib/module/motion/preset-map.js.map +1 -1
- package/lib/module/view/glyph-run.js +21 -2
- package/lib/module/view/glyph-run.js.map +1 -1
- package/lib/module/view/morph-viewport.js +4 -0
- package/lib/module/view/morph-viewport.js.map +1 -1
- package/lib/module/view/number-lane.js +5 -1
- package/lib/module/view/number-lane.js.map +1 -1
- package/lib/module/view/number-run.js +4 -0
- package/lib/module/view/number-run.js.map +1 -1
- package/lib/module/view/slots-run.js +253 -0
- package/lib/module/view/slots-run.js.map +1 -0
- package/lib/module/view/text-run.js +36 -4
- package/lib/module/view/text-run.js.map +1 -1
- package/lib/typescript/commonjs/hooks/use-display-units.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/use-inline-auto-width.d.ts +3 -1
- package/lib/typescript/commonjs/hooks/use-inline-auto-width.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/use-morph-motion.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/use-morph-text-style.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/use-numeric-lanes.d.ts.map +1 -1
- package/lib/typescript/commonjs/hooks/use-text-glyphs.d.ts +2 -1
- package/lib/typescript/commonjs/hooks/use-text-glyphs.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.d.ts +1 -3
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/model/display-units.d.ts.map +1 -1
- package/lib/typescript/commonjs/model/numeric-lanes.d.ts.map +1 -1
- package/lib/typescript/commonjs/model/text-keys.d.ts.map +1 -1
- package/lib/typescript/commonjs/motion/entry-exit-builders.d.ts +13 -0
- package/lib/typescript/commonjs/motion/entry-exit-builders.d.ts.map +1 -1
- package/lib/typescript/commonjs/motion/preset-map.d.ts.map +1 -1
- package/lib/typescript/commonjs/types.d.ts +12 -2
- package/lib/typescript/commonjs/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/view/glyph-run.d.ts +5 -2
- package/lib/typescript/commonjs/view/glyph-run.d.ts.map +1 -1
- package/lib/typescript/commonjs/view/morph-viewport.d.ts.map +1 -1
- package/lib/typescript/commonjs/view/number-lane.d.ts.map +1 -1
- package/lib/typescript/commonjs/view/number-run.d.ts.map +1 -1
- package/lib/typescript/commonjs/view/slots-run.d.ts +15 -0
- package/lib/typescript/commonjs/view/slots-run.d.ts.map +1 -0
- package/lib/typescript/commonjs/view/text-run.d.ts +5 -1
- package/lib/typescript/commonjs/view/text-run.d.ts.map +1 -1
- package/lib/typescript/module/hooks/use-display-units.d.ts.map +1 -1
- package/lib/typescript/module/hooks/use-inline-auto-width.d.ts +3 -1
- package/lib/typescript/module/hooks/use-inline-auto-width.d.ts.map +1 -1
- package/lib/typescript/module/hooks/use-morph-motion.d.ts.map +1 -1
- package/lib/typescript/module/hooks/use-morph-text-style.d.ts.map +1 -1
- package/lib/typescript/module/hooks/use-numeric-lanes.d.ts.map +1 -1
- package/lib/typescript/module/hooks/use-text-glyphs.d.ts +2 -1
- package/lib/typescript/module/hooks/use-text-glyphs.d.ts.map +1 -1
- package/lib/typescript/module/index.d.ts +1 -3
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/model/display-units.d.ts.map +1 -1
- package/lib/typescript/module/model/numeric-lanes.d.ts.map +1 -1
- package/lib/typescript/module/model/text-keys.d.ts.map +1 -1
- package/lib/typescript/module/motion/entry-exit-builders.d.ts +13 -0
- package/lib/typescript/module/motion/entry-exit-builders.d.ts.map +1 -1
- package/lib/typescript/module/motion/preset-map.d.ts.map +1 -1
- package/lib/typescript/module/types.d.ts +12 -2
- package/lib/typescript/module/types.d.ts.map +1 -1
- package/lib/typescript/module/view/glyph-run.d.ts +5 -2
- package/lib/typescript/module/view/glyph-run.d.ts.map +1 -1
- package/lib/typescript/module/view/morph-viewport.d.ts.map +1 -1
- package/lib/typescript/module/view/number-lane.d.ts.map +1 -1
- package/lib/typescript/module/view/number-run.d.ts.map +1 -1
- package/lib/typescript/module/view/slots-run.d.ts +15 -0
- package/lib/typescript/module/view/slots-run.d.ts.map +1 -0
- package/lib/typescript/module/view/text-run.d.ts +5 -1
- package/lib/typescript/module/view/text-run.d.ts.map +1 -1
- package/package.json +11 -2
- package/src/hooks/use-display-units.ts +1 -0
- package/src/hooks/use-inline-auto-width.ts +55 -12
- package/src/hooks/use-morph-motion.ts +2 -1
- package/src/hooks/use-morph-text-style.ts +3 -0
- package/src/hooks/use-numeric-lanes.ts +1 -0
- package/src/hooks/use-text-glyphs.ts +48 -10
- package/src/index.tsx +98 -17
- package/src/model/display-units.ts +4 -1
- package/src/model/numeric-lanes.ts +3 -0
- package/src/model/text-keys.ts +3 -0
- package/src/motion/entry-exit-builders.ts +73 -0
- package/src/motion/preset-map.ts +4 -0
- package/src/types.ts +14 -2
- package/src/view/glyph-run.tsx +38 -13
- package/src/view/morph-viewport.tsx +3 -0
- package/src/view/number-lane.tsx +7 -2
- package/src/view/number-run.tsx +3 -0
- package/src/view/slots-run.tsx +385 -0
- package/src/view/text-run.tsx +77 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useNumericLanes","_displayUnits","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyle","flexDirection","alignItems","alignSelf","rowAlignStyles","left","center","right","slotFrameStyle","position","overflow","slotProbeStyle","opacity","slotDigitStyle","textAlign","REEL_MIN","REEL_MAX","REEL_POSITIONS","Array","from","length","_","index","mod","value","divisor","equalStyleValue","isArray","every","areSlotReelPropsEqual","previous","next","current","slotHeight","className","previousStyle","StyleSheet","flatten","textStyle","nextStyle","previousKeys","keys","nextKeys","key","SlotReel","React","memo","animatedStyle","useAnimatedStyle","transform","translateY","jsx","View","pointerEvents","style","top","children","map","Text","numberOfLines","height","lineHeight","SlotColumn","digit","direction","delayMs","animateIn","motionRecipe","spinInDistance","Math","max","initialDirection","initialValue","useSharedValue","cumulativeRef","useRef","previousDigitRef","initialRef","exitStateRef","target","previousDigit","digitDelta","useEffect","exitState","spinOutDistance","exitDirection","driveNumber","shift","trunc","jsxs","SlotsRun","exports","align","fontSize","staggerMs","units","leadLength","useNumericLanes","lastValueRef","hasAnimatedRef","useMemo","flattenedStyle","resolvedLineHeight","undefined","resolvedFontSize","ceil","digitCount","filter","isAsciiDigit","digitIndex","hasAnimated","unit","inLead","laneKey","layout","layoutTransition","exiting","exitTransition","entering","enterTransition","Number","displayName"],"sourceRoot":"../../../src","sources":["view/slots-run.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,31 +5,63 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.TextRun = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
8
9
|
var _useTextGlyphs = require("../hooks/use-text-glyphs");
|
|
10
|
+
var _entryExitBuilders = require("../motion/entry-exit-builders");
|
|
9
11
|
var _glyphRun = require("./glyph-run");
|
|
10
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
13
|
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); }
|
|
14
|
+
// connect text identity, leading transitions, and glyph layout into one run
|
|
12
15
|
const TextRun = exports.TextRun = /*#__PURE__*/_react.default.memo(({
|
|
13
16
|
value,
|
|
14
17
|
motionRecipe,
|
|
15
18
|
align,
|
|
19
|
+
leading,
|
|
20
|
+
leadingKey,
|
|
21
|
+
leadingGap = 0,
|
|
16
22
|
textStyle,
|
|
17
23
|
className
|
|
18
24
|
}) => {
|
|
19
25
|
// namespace ids per instance so repeated strings do not collide
|
|
20
26
|
const scopeId = (0, _react.useId)();
|
|
21
|
-
const glyphs = (0, _useTextGlyphs.useTextGlyphs)(value, scopeId);
|
|
22
27
|
const lastValueRef = (0, _react.useRef)(value);
|
|
28
|
+
const lastLeadingPresenceRef = (0, _react.useRef)(Boolean(leading));
|
|
29
|
+
const lastLeadingKeyRef = (0, _react.useRef)(leadingKey);
|
|
23
30
|
const hasAnimatedRef = (0, _react.useRef)(false);
|
|
24
|
-
|
|
31
|
+
const isLeadingSwap = Boolean(leading) && lastLeadingPresenceRef.current && leadingKey !== lastLeadingKeyRef.current;
|
|
32
|
+
// update the worklet flag after commit so render never writes a shared value
|
|
33
|
+
const leadingSwapProgress = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
34
|
+
(0, _react.useLayoutEffect)(() => {
|
|
35
|
+
leadingSwapProgress.value = isLeadingSwap ? 1 : 0;
|
|
36
|
+
}, [isLeadingSwap, leadingSwapProgress]);
|
|
37
|
+
const glyphs = (0, _useTextGlyphs.useTextGlyphs)(value, scopeId, leading, leadingKey);
|
|
38
|
+
const elementEnterTransition = (0, _react.useMemo)(() => (0, _entryExitBuilders.createLeadingEnterTransition)({
|
|
39
|
+
durationMs: motionRecipe.durationMs,
|
|
40
|
+
easing: motionRecipe.easing
|
|
41
|
+
}), [motionRecipe.durationMs, motionRecipe.easing]);
|
|
42
|
+
const elementExitTransition = (0, _react.useMemo)(() => (0, _entryExitBuilders.createLeadingExitTransition)({
|
|
43
|
+
durationMs: motionRecipe.durationMs,
|
|
44
|
+
easing: motionRecipe.easing,
|
|
45
|
+
leadingGap,
|
|
46
|
+
scale: leadingSwapProgress
|
|
47
|
+
}), [leadingGap, leadingSwapProgress, motionRecipe.durationMs, motionRecipe.easing]);
|
|
48
|
+
|
|
49
|
+
// mark the first value as settled and later changes as eligible for motion
|
|
50
|
+
if (value !== lastValueRef.current || Boolean(leading) !== lastLeadingPresenceRef.current || leadingKey !== lastLeadingKeyRef.current) {
|
|
25
51
|
hasAnimatedRef.current = true;
|
|
26
52
|
lastValueRef.current = value;
|
|
53
|
+
lastLeadingPresenceRef.current = Boolean(leading);
|
|
54
|
+
lastLeadingKeyRef.current = leadingKey;
|
|
27
55
|
}
|
|
56
|
+
const hasAnimated = hasAnimatedRef.current;
|
|
28
57
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_glyphRun.GlyphRun, {
|
|
29
58
|
glyphs: glyphs,
|
|
30
|
-
layoutTransition: motionRecipe.layoutTransition,
|
|
59
|
+
layoutTransition: hasAnimated ? motionRecipe.layoutTransition : undefined,
|
|
31
60
|
enterTransition: hasAnimatedRef.current ? motionRecipe.enterTransition : undefined,
|
|
61
|
+
elementEnterTransition: isLeadingSwap ? elementEnterTransition : undefined,
|
|
32
62
|
exitTransition: motionRecipe.exitTransition,
|
|
63
|
+
elementExitTransition: elementExitTransition,
|
|
64
|
+
leadingGap: leadingGap,
|
|
33
65
|
align: align,
|
|
34
66
|
textStyle: textStyle,
|
|
35
67
|
className: className
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_useTextGlyphs","_glyphRun","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TextRun","exports","React","memo","value","motionRecipe","align","textStyle","className","scopeId","useId","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_useTextGlyphs","_entryExitBuilders","_glyphRun","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TextRun","exports","React","memo","value","motionRecipe","align","leading","leadingKey","leadingGap","textStyle","className","scopeId","useId","lastValueRef","useRef","lastLeadingPresenceRef","Boolean","lastLeadingKeyRef","hasAnimatedRef","isLeadingSwap","current","leadingSwapProgress","useSharedValue","useLayoutEffect","glyphs","useTextGlyphs","elementEnterTransition","useMemo","createLeadingEnterTransition","durationMs","easing","elementExitTransition","createLeadingExitTransition","scale","hasAnimated","jsx","GlyphRun","layoutTransition","undefined","enterTransition","exitTransition","displayName"],"sourceRoot":"../../../src","sources":["view/text-run.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
import { normalizeDisplayUnit, splitDisplayUnits } from "../model/display-units.js";
|
|
5
|
+
|
|
6
|
+
// normalize the same units used by rendering before measurement reads them
|
|
5
7
|
export const useDisplayUnits = (value, enabled = true) => useMemo(() =>
|
|
6
8
|
// skip unit work when auto size is off
|
|
7
9
|
enabled ? splitDisplayUnits(value).map(normalizeDisplayUnit) : [], [enabled, value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","normalizeDisplayUnit","splitDisplayUnits","useDisplayUnits","value","enabled","map"],"sourceRoot":"../../../src","sources":["hooks/use-display-units.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,oBAAoB,EACpBC,iBAAiB,QACZ,2BAAwB
|
|
1
|
+
{"version":3,"names":["useMemo","normalizeDisplayUnit","splitDisplayUnits","useDisplayUnits","value","enabled","map"],"sourceRoot":"../../../src","sources":["hooks/use-display-units.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,oBAAoB,EACpBC,iBAAiB,QACZ,2BAAwB;;AAE/B;AACA,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,KAAa,EACbC,OAAO,GAAG,IAAI,KAEdL,OAAO,CACL;AACE;AACAK,OAAO,GACHH,iBAAiB,CAACE,KAAK,CAAC,CAACE,GAAG,CAACL,oBAAoB,CAAC,GAClD,EAAE,EACR,CAACI,OAAO,EAAED,KAAK,CACjB,CAAC","ignoreList":[]}
|
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useCallback, useRef, useState } from "react";
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
4
4
|
import { useAnimatedStyle, useSharedValue } from "react-native-reanimated";
|
|
5
|
+
const WIDTH_CACHE_LIMIT = 64;
|
|
6
|
+
|
|
7
|
+
// measure each content signature once and drive later changes through one width value
|
|
5
8
|
export const useInlineAutoWidth = ({
|
|
6
9
|
enabled,
|
|
7
|
-
driveToWidth
|
|
10
|
+
driveToWidth,
|
|
11
|
+
measurementKey
|
|
8
12
|
}) => {
|
|
9
13
|
const widthValue = useSharedValue(0);
|
|
10
14
|
const measuredWidthRef = useRef(null);
|
|
11
15
|
const bootstrappedRef = useRef(false);
|
|
16
|
+
const widthCacheRef = useRef(new Map());
|
|
12
17
|
const [hasBootstrappedWidth, setHasBootstrappedWidth] = useState(false);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
const nextWidth = Math.max(0, Math.ceil(event.nativeEvent.layout.width));
|
|
18
|
+
|
|
19
|
+
// the first measurement establishes the shell without animating from zero
|
|
20
|
+
const applyWidth = useCallback(nextWidth => {
|
|
18
21
|
if (measuredWidthRef.current === nextWidth) {
|
|
19
22
|
return;
|
|
20
23
|
}
|
|
21
24
|
measuredWidthRef.current = nextWidth;
|
|
22
|
-
|
|
23
|
-
// snap the first width so mount does not animate from zero
|
|
24
25
|
if (!bootstrappedRef.current) {
|
|
25
26
|
bootstrappedRef.current = true;
|
|
26
27
|
widthValue.value = nextWidth;
|
|
@@ -28,13 +29,45 @@ export const useInlineAutoWidth = ({
|
|
|
28
29
|
return;
|
|
29
30
|
}
|
|
30
31
|
widthValue.value = driveToWidth(nextWidth);
|
|
31
|
-
}, [driveToWidth,
|
|
32
|
+
}, [driveToWidth, widthValue]);
|
|
33
|
+
const captureLayout = useCallback(event => {
|
|
34
|
+
if (!enabled) {
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// round up so fractional native measurements cannot clip the final glyph
|
|
39
|
+
const nextWidth = Math.max(0, Math.ceil(event.nativeEvent.layout.width));
|
|
40
|
+
|
|
41
|
+
// delete before setting so a repeated key moves to the most recent position
|
|
42
|
+
widthCacheRef.current.delete(measurementKey);
|
|
43
|
+
if (widthCacheRef.current.size >= WIDTH_CACHE_LIMIT) {
|
|
44
|
+
// map insertion order gives the lru entry at the front
|
|
45
|
+
const oldestKey = widthCacheRef.current.keys().next().value;
|
|
46
|
+
if (oldestKey !== undefined) {
|
|
47
|
+
widthCacheRef.current.delete(oldestKey);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
widthCacheRef.current.set(measurementKey, nextWidth);
|
|
51
|
+
applyWidth(nextWidth);
|
|
52
|
+
}, [applyWidth, enabled, measurementKey]);
|
|
53
|
+
const cachedWidth = widthCacheRef.current.get(measurementKey);
|
|
54
|
+
|
|
55
|
+
// a cached width can restore the shell before the hidden probe renders again
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
if (enabled && cachedWidth !== undefined) {
|
|
58
|
+
// promote cache hits so active states stay available longer
|
|
59
|
+
widthCacheRef.current.delete(measurementKey);
|
|
60
|
+
widthCacheRef.current.set(measurementKey, cachedWidth);
|
|
61
|
+
applyWidth(cachedWidth);
|
|
62
|
+
}
|
|
63
|
+
}, [applyWidth, cachedWidth, enabled, measurementKey]);
|
|
32
64
|
const animatedWidthStyle = useAnimatedStyle(() => enabled && hasBootstrappedWidth ? {
|
|
33
65
|
width: widthValue.value
|
|
34
66
|
} : {}, [enabled, hasBootstrappedWidth]);
|
|
35
67
|
return {
|
|
36
68
|
captureLayout,
|
|
37
|
-
animatedWidthStyle
|
|
69
|
+
animatedWidthStyle,
|
|
70
|
+
shouldMeasure: enabled && cachedWidth === undefined
|
|
38
71
|
};
|
|
39
72
|
};
|
|
40
73
|
//# sourceMappingURL=use-inline-auto-width.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useRef","useState","useAnimatedStyle","useSharedValue","useInlineAutoWidth","enabled","driveToWidth","widthValue","measuredWidthRef","bootstrappedRef","hasBootstrappedWidth","setHasBootstrappedWidth","
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","useState","useAnimatedStyle","useSharedValue","WIDTH_CACHE_LIMIT","useInlineAutoWidth","enabled","driveToWidth","measurementKey","widthValue","measuredWidthRef","bootstrappedRef","widthCacheRef","Map","hasBootstrappedWidth","setHasBootstrappedWidth","applyWidth","nextWidth","current","value","captureLayout","event","Math","max","ceil","nativeEvent","layout","width","delete","size","oldestKey","keys","next","undefined","set","cachedWidth","get","animatedWidthStyle","shouldMeasure"],"sourceRoot":"../../../src","sources":["hooks/use-inline-auto-width.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
import { useMemo } from "react";
|
|
4
4
|
import { resolveMotionRecipe } from "../motion/preset-map.js";
|
|
5
|
+
// resolve one motion recipe and one shared stagger unit for a render tree
|
|
5
6
|
export const useMorphMotion = ({
|
|
6
7
|
variant,
|
|
7
8
|
animationPreset,
|
|
8
9
|
animationDuration,
|
|
9
10
|
stagger
|
|
10
11
|
}) => {
|
|
11
|
-
//
|
|
12
|
+
// numeric variants need a quicker default because their lanes update often
|
|
12
13
|
const resolvedPreset = animationPreset ?? (variant === "text" ? "default" : "snappy");
|
|
13
14
|
const motionRecipe = useMemo(() => resolveMotionRecipe(resolvedPreset, animationDuration), [animationDuration, resolvedPreset]);
|
|
14
15
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","resolveMotionRecipe","useMorphMotion","variant","animationPreset","animationDuration","stagger","resolvedPreset","motionRecipe","staggerMs","Math","round"],"sourceRoot":"../../../src","sources":["hooks/use-morph-motion.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,mBAAmB,QAAQ,yBAAsB;AAmB1D,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,OAAO;EACPC,eAAe;EACfC,iBAAiB;EACjBC;AACM,CAAC,KAAkB;EACzB;EACA,MAAMC,cAAc,GAClBH,eAAe,KAAKD,OAAO,KAAK,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;EAEhE,MAAMK,YAAY,GAAGR,OAAO,CAC1B,MAAMC,mBAAmB,CAACM,cAAc,EAAEF,iBAAiB,CAAC,EAC5D,CAACA,iBAAiB,EAAEE,cAAc,CACpC,CAAC;EAED,OAAO;IACLC,YAAY;IACZC,SAAS,EAAEC,IAAI,CAACC,KAAK,CAACL,OAAO,GAAG,IAAI;EACtC,CAAC;AACH,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useMemo","resolveMotionRecipe","useMorphMotion","variant","animationPreset","animationDuration","stagger","resolvedPreset","motionRecipe","staggerMs","Math","round"],"sourceRoot":"../../../src","sources":["hooks/use-morph-motion.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,mBAAmB,QAAQ,yBAAsB;AAmB1D;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAC7BC,OAAO;EACPC,eAAe;EACfC,iBAAiB;EACjBC;AACM,CAAC,KAAkB;EACzB;EACA,MAAMC,cAAc,GAClBH,eAAe,KAAKD,OAAO,KAAK,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;EAEhE,MAAMK,YAAY,GAAGR,OAAO,CAC1B,MAAMC,mBAAmB,CAACM,cAAc,EAAEF,iBAAiB,CAAC,EAC5D,CAACA,iBAAiB,EAAEE,cAAc,CACpC,CAAC;EAED,OAAO;IACLC,YAAY;IACZC,SAAS,EAAEC,IAAI,CAACC,KAAK,CAACL,OAAO,GAAG,IAAI;EACtC,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useMemo } from "react";
|
|
4
|
+
// compose the public style layers into the style passed to every glyph
|
|
4
5
|
export const useMorphTextStyle = ({
|
|
5
6
|
fontSize,
|
|
6
7
|
color,
|
|
7
8
|
fontStyle,
|
|
8
9
|
style
|
|
9
10
|
}) => {
|
|
11
|
+
// keep the base layer small so caller styles can override it predictably
|
|
10
12
|
const baseTextStyle = useMemo(() => {
|
|
11
13
|
const nextStyle = {
|
|
12
14
|
includeFontPadding: false
|
|
@@ -19,6 +21,8 @@ export const useMorphTextStyle = ({
|
|
|
19
21
|
}
|
|
20
22
|
return nextStyle;
|
|
21
23
|
}, [color, fontSize]);
|
|
24
|
+
|
|
25
|
+
// preserve the merge order used by the public style contract
|
|
22
26
|
const textStyle = useMemo(() => [baseTextStyle, fontStyle, style], [baseTextStyle, fontStyle, style]);
|
|
23
27
|
return {
|
|
24
28
|
textStyle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","useMorphTextStyle","fontSize","color","fontStyle","style","baseTextStyle","nextStyle","includeFontPadding","undefined","textStyle"],"sourceRoot":"../../../src","sources":["hooks/use-morph-text-style.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAc/B,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC;AACM,CAAC,KAAqB;EAC5B,MAAMC,aAAa,GAAGN,OAAO,CAAC,MAAM;IAClC,MAAMO,SAAoB,GAAG;MAC3BC,kBAAkB,EAAE;IACtB,CAAC;IAED,IAAIN,QAAQ,KAAKO,SAAS,EAAE;MAC1BF,SAAS,CAACL,QAAQ,GAAGA,QAAQ;IAC/B;IAEA,IAAIC,KAAK,KAAKM,SAAS,EAAE;MACvBF,SAAS,CAACJ,KAAK,GAAGA,KAAK;IACzB;IAEA,OAAOI,SAAS;EAClB,CAAC,EAAE,CAACJ,KAAK,EAAED,QAAQ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["useMemo","useMorphTextStyle","fontSize","color","fontStyle","style","baseTextStyle","nextStyle","includeFontPadding","undefined","textStyle"],"sourceRoot":"../../../src","sources":["hooks/use-morph-text-style.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAc/B;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC;AACM,CAAC,KAAqB;EAC5B;EACA,MAAMC,aAAa,GAAGN,OAAO,CAAC,MAAM;IAClC,MAAMO,SAAoB,GAAG;MAC3BC,kBAAkB,EAAE;IACtB,CAAC;IAED,IAAIN,QAAQ,KAAKO,SAAS,EAAE;MAC1BF,SAAS,CAACL,QAAQ,GAAGA,QAAQ;IAC/B;IAEA,IAAIC,KAAK,KAAKM,SAAS,EAAE;MACvBF,SAAS,CAACJ,KAAK,GAAGA,KAAK;IACzB;IAEA,OAAOI,SAAS;EAClB,CAAC,EAAE,CAACJ,KAAK,EAAED,QAAQ,CAAC,CAAC;;EAErB;EACA,MAAMQ,SAAS,GAAGV,OAAO,CACvB,MAAM,CAACM,aAAa,EAAEF,SAAS,EAAEC,KAAK,CAAC,EACvC,CAACC,aAAa,EAAEF,SAAS,EAAEC,KAAK,CAClC,CAAC;EAED,OAAO;IACLK;EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import { useMemo, useRef } from "react";
|
|
4
4
|
import { findNumericLeadLength, splitDisplayUnits } from "../model/display-units.js";
|
|
5
5
|
import { reconcileNumericLanes } from "../model/numeric-lanes.js";
|
|
6
|
+
// retain numeric lane identity across value changes without storing it in state
|
|
6
7
|
export const useNumericLanes = value => {
|
|
7
8
|
const units = useMemo(() => splitDisplayUnits(value), [value]);
|
|
8
9
|
const ledgerRef = useRef({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","useRef","findNumericLeadLength","splitDisplayUnits","reconcileNumericLanes","useNumericLanes","value","units","ledgerRef","previousValue","laneKeys","map","_","index","nextSeed","length","direction","current","nextLedger","leadLength"],"sourceRoot":"../../../src","sources":["hooks/use-numeric-lanes.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAEvC,SACEC,qBAAqB,EACrBC,iBAAiB,QACZ,2BAAwB;AAC/B,SAASC,qBAAqB,QAAQ,2BAAwB;AAgB9D,OAAO,MAAMC,eAAe,GAAIC,KAAa,IAA0B;EACrE,MAAMC,KAAK,GAAGP,OAAO,CAAC,MAAMG,iBAAiB,CAACG,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC9D,MAAME,SAAS,GAAGP,MAAM,CAAgB;IACtCQ,aAAa,EAAEH,KAAK;IACpBI,QAAQ,EAAEH,KAAK,CAACI,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC;IACxCC,QAAQ,EAAEP,KAAK,CAACQ,MAAM;IACtBC,SAAS,EAAE;EACb,CAAC,CAAC;;EAEF;EACA,IAAIV,KAAK,KAAKE,SAAS,CAACS,OAAO,CAACR,aAAa,EAAE;IAC7C,MAAMS,UAAU,GAAGd,qBAAqB,CACtCI,SAAS,CAACS,OAAO,CAACR,aAAa,EAC/BH,KAAK,EACLE,SAAS,CAACS,OAAO,CAACP,QAAQ,EAC1BF,SAAS,CAACS,OAAO,CAACH,QACpB,CAAC;IAEDN,SAAS,CAACS,OAAO,GAAG;MAClBR,aAAa,EAAEH,KAAK;MACpBI,QAAQ,EAAEQ,UAAU,CAACR,QAAQ;MAC7BI,QAAQ,EAAEI,UAAU,CAACJ,QAAQ;MAC7BE,SAAS,EAAEE,UAAU,CAACF;IACxB,CAAC;EACH;EAEA,OAAO;IACLT,KAAK;IACLG,QAAQ,EAAEF,SAAS,CAACS,OAAO,CAACP,QAAQ;IACpCM,SAAS,EAAER,SAAS,CAACS,OAAO,CAACD,SAAS;IACtCG,UAAU,EAAEjB,qBAAqB,CAACK,KAAK;EACzC,CAAC;AACH,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useMemo","useRef","findNumericLeadLength","splitDisplayUnits","reconcileNumericLanes","useNumericLanes","value","units","ledgerRef","previousValue","laneKeys","map","_","index","nextSeed","length","direction","current","nextLedger","leadLength"],"sourceRoot":"../../../src","sources":["hooks/use-numeric-lanes.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAEvC,SACEC,qBAAqB,EACrBC,iBAAiB,QACZ,2BAAwB;AAC/B,SAASC,qBAAqB,QAAQ,2BAAwB;AAgB9D;AACA,OAAO,MAAMC,eAAe,GAAIC,KAAa,IAA0B;EACrE,MAAMC,KAAK,GAAGP,OAAO,CAAC,MAAMG,iBAAiB,CAACG,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC9D,MAAME,SAAS,GAAGP,MAAM,CAAgB;IACtCQ,aAAa,EAAEH,KAAK;IACpBI,QAAQ,EAAEH,KAAK,CAACI,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,KAAKA,KAAK,CAAC;IACxCC,QAAQ,EAAEP,KAAK,CAACQ,MAAM;IACtBC,SAAS,EAAE;EACb,CAAC,CAAC;;EAEF;EACA,IAAIV,KAAK,KAAKE,SAAS,CAACS,OAAO,CAACR,aAAa,EAAE;IAC7C,MAAMS,UAAU,GAAGd,qBAAqB,CACtCI,SAAS,CAACS,OAAO,CAACR,aAAa,EAC/BH,KAAK,EACLE,SAAS,CAACS,OAAO,CAACP,QAAQ,EAC1BF,SAAS,CAACS,OAAO,CAACH,QACpB,CAAC;IAEDN,SAAS,CAACS,OAAO,GAAG;MAClBR,aAAa,EAAEH,KAAK;MACpBI,QAAQ,EAAEQ,UAAU,CAACR,QAAQ;MAC7BI,QAAQ,EAAEI,UAAU,CAACJ,QAAQ;MAC7BE,SAAS,EAAEE,UAAU,CAACF;IACxB,CAAC;EACH;EAEA,OAAO;IACLT,KAAK;IACLG,QAAQ,EAAEF,SAAS,CAACS,OAAO,CAACP,QAAQ;IACpCM,SAAS,EAAER,SAAS,CAACS,OAAO,CAACD,SAAS;IACtCG,UAAU,EAAEjB,qBAAqB,CAACK,KAAK;EACzC,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -3,28 +3,49 @@
|
|
|
3
3
|
import { useMemo, useRef } from "react";
|
|
4
4
|
import { normalizeDisplayUnit, splitDisplayUnits } from "../model/display-units.js";
|
|
5
5
|
import { reconcileTextGlyphKeys } from "../model/text-keys.js";
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
// build the inline token stream that lets text and leading content share one ledger
|
|
7
|
+
export const useTextGlyphs = (value, namespace, leading, leadingKey) => {
|
|
8
|
+
const units = useMemo(() => [
|
|
9
|
+
// the map key becomes the identity when leading content is state keyed
|
|
10
|
+
...(leading ? [{
|
|
11
|
+
kind: "element",
|
|
12
|
+
signature: `leading:${String(leadingKey ?? "default")}`,
|
|
13
|
+
element: leading
|
|
14
|
+
}] : []), ...splitDisplayUnits(value).map(unit => ({
|
|
15
|
+
kind: "text",
|
|
16
|
+
signature: `text:${unit}`,
|
|
17
|
+
value: unit
|
|
18
|
+
}))], [leading, leadingKey, value]);
|
|
19
|
+
const signatures = units.map(unit => unit.signature);
|
|
8
20
|
const ledgerRef = useRef({
|
|
9
21
|
previousValue: value,
|
|
10
|
-
|
|
22
|
+
previousSignatures: signatures,
|
|
11
23
|
glyphKeys: units.map((_, index) => `${namespace}:c${index}`),
|
|
12
24
|
nextSeed: units.length
|
|
13
25
|
});
|
|
14
|
-
|
|
26
|
+
|
|
27
|
+
// reconcile only when a token signature changes so stable glyphs keep their views
|
|
28
|
+
if (value !== ledgerRef.current.previousValue || signatures.length !== ledgerRef.current.previousSignatures.length || signatures.some((signature, index) => signature !== ledgerRef.current.previousSignatures[index])) {
|
|
15
29
|
// keep ids stable so unchanged glyphs stay mounted between updates
|
|
16
|
-
const nextLedger = reconcileTextGlyphKeys(ledgerRef.current.
|
|
30
|
+
const nextLedger = reconcileTextGlyphKeys(ledgerRef.current.previousSignatures, signatures, ledgerRef.current.glyphKeys, ledgerRef.current.nextSeed, namespace);
|
|
17
31
|
ledgerRef.current = {
|
|
18
32
|
previousValue: value,
|
|
19
|
-
|
|
33
|
+
previousSignatures: signatures,
|
|
20
34
|
glyphKeys: nextLedger.glyphKeys,
|
|
21
35
|
nextSeed: nextLedger.nextSeed
|
|
22
36
|
};
|
|
23
37
|
}
|
|
24
38
|
const glyphKeys = ledgerRef.current.glyphKeys;
|
|
39
|
+
|
|
40
|
+
// normalize spaces at the edge where tokens become renderable glyphs
|
|
25
41
|
return useMemo(() => units.map((unit, index) => ({
|
|
26
42
|
id: glyphKeys[index],
|
|
27
|
-
|
|
43
|
+
kind: unit.kind,
|
|
44
|
+
...(unit.kind === "text" ? {
|
|
45
|
+
value: normalizeDisplayUnit(unit.value)
|
|
46
|
+
} : {
|
|
47
|
+
element: unit.element
|
|
48
|
+
})
|
|
28
49
|
})), [glyphKeys, units]);
|
|
29
50
|
};
|
|
30
51
|
//# sourceMappingURL=use-text-glyphs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","useRef","normalizeDisplayUnit","splitDisplayUnits","reconcileTextGlyphKeys","useTextGlyphs","value","namespace","units","
|
|
1
|
+
{"version":3,"names":["useMemo","useRef","normalizeDisplayUnit","splitDisplayUnits","reconcileTextGlyphKeys","useTextGlyphs","value","namespace","leading","leadingKey","units","kind","signature","String","element","map","unit","signatures","ledgerRef","previousValue","previousSignatures","glyphKeys","_","index","nextSeed","length","current","some","nextLedger","id"],"sourceRoot":"../../../src","sources":["hooks/use-text-glyphs.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,QAAwB,OAAO;AACvD,SACEC,oBAAoB,EACpBC,iBAAiB,QACZ,2BAAwB;AAC/B,SAASC,sBAAsB,QAAQ,uBAAoB;AAc3D;AACA,OAAO,MAAMC,aAAa,GAAGA,CAC3BC,KAAa,EACbC,SAAiB,EACjBC,OAAmB,EACnBC,UAA4B,KACF;EAC1B,MAAMC,KAAK,GAAGV,OAAO,CACnB,MAAM;EACJ;EACA,IAAIQ,OAAO,GACP,CACE;IACEG,IAAI,EAAE,SAAS;IACfC,SAAS,EAAE,WAAWC,MAAM,CAACJ,UAAU,IAAI,SAAS,CAAC,EAAE;IACvDK,OAAO,EAAEN;EACX,CAAC,CACF,GACD,EAAE,CAAC,EACP,GAAGL,iBAAiB,CAACG,KAAK,CAAC,CAACS,GAAG,CAAEC,IAAI,KAAM;IACzCL,IAAI,EAAE,MAAe;IACrBC,SAAS,EAAE,QAAQI,IAAI,EAAE;IACzBV,KAAK,EAAEU;EACT,CAAC,CAAC,CAAC,CACJ,EACD,CAACR,OAAO,EAAEC,UAAU,EAAEH,KAAK,CAC7B,CAAC;EACD,MAAMW,UAAU,GAAGP,KAAK,CAACK,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACJ,SAAS,CAAC;EACtD,MAAMM,SAAS,GAAGjB,MAAM,CAAkB;IACxCkB,aAAa,EAAEb,KAAK;IACpBc,kBAAkB,EAAEH,UAAU;IAC9BI,SAAS,EAAEX,KAAK,CAACK,GAAG,CAAC,CAACO,CAAC,EAAEC,KAAK,KAAK,GAAGhB,SAAS,KAAKgB,KAAK,EAAE,CAAC;IAC5DC,QAAQ,EAAEd,KAAK,CAACe;EAClB,CAAC,CAAC;;EAEF;EACA,IACEnB,KAAK,KAAKY,SAAS,CAACQ,OAAO,CAACP,aAAa,IACzCF,UAAU,CAACQ,MAAM,KAAKP,SAAS,CAACQ,OAAO,CAACN,kBAAkB,CAACK,MAAM,IACjER,UAAU,CAACU,IAAI,CACb,CAACf,SAAS,EAAEW,KAAK,KAAKX,SAAS,KAAKM,SAAS,CAACQ,OAAO,CAACN,kBAAkB,CAACG,KAAK,CAChF,CAAC,EACD;IACA;IACA,MAAMK,UAAU,GAAGxB,sBAAsB,CACvCc,SAAS,CAACQ,OAAO,CAACN,kBAAkB,EACpCH,UAAU,EACVC,SAAS,CAACQ,OAAO,CAACL,SAAS,EAC3BH,SAAS,CAACQ,OAAO,CAACF,QAAQ,EAC1BjB,SACF,CAAC;IAEDW,SAAS,CAACQ,OAAO,GAAG;MAClBP,aAAa,EAAEb,KAAK;MACpBc,kBAAkB,EAAEH,UAAU;MAC9BI,SAAS,EAAEO,UAAU,CAACP,SAAS;MAC/BG,QAAQ,EAAEI,UAAU,CAACJ;IACvB,CAAC;EACH;EAEA,MAAMH,SAAS,GAAGH,SAAS,CAACQ,OAAO,CAACL,SAAS;;EAE7C;EACA,OAAOrB,OAAO,CACZ,MACEU,KAAK,CAACK,GAAG,CAAC,CAACC,IAAI,EAAEO,KAAK,MAAM;IAC1BM,EAAE,EAAER,SAAS,CAACE,KAAK,CAAC;IACpBZ,IAAI,EAAEK,IAAI,CAACL,IAAI;IACf,IAAIK,IAAI,CAACL,IAAI,KAAK,MAAM,GACpB;MAAEL,KAAK,EAAEJ,oBAAoB,CAACc,IAAI,CAACV,KAAK;IAAE,CAAC,GAC3C;MAAEQ,OAAO,EAAEE,IAAI,CAACF;IAAQ,CAAC;EAC/B,CAAC,CAAC,CAAC,EACL,CAACO,SAAS,EAAEX,KAAK,CACnB,CAAC;AACH,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { Text } from "react-native";
|
|
4
|
+
import { StyleSheet, Text, View } from "react-native";
|
|
5
5
|
import { useInlineAutoWidth } from "./hooks/use-inline-auto-width.js";
|
|
6
6
|
import { useMorphMotion } from "./hooks/use-morph-motion.js";
|
|
7
7
|
import { useMorphTextStyle } from "./hooks/use-morph-text-style.js";
|
|
8
8
|
import { normalizeDisplayUnit, splitDisplayUnits } from "./model/display-units.js";
|
|
9
9
|
import { MorphViewport } from "./view/morph-viewport.js";
|
|
10
10
|
import { NumberRun } from "./view/number-run.js";
|
|
11
|
+
import { SlotsRun } from "./view/slots-run.js";
|
|
11
12
|
import { TextRun } from "./view/text-run.js";
|
|
12
|
-
|
|
13
|
+
|
|
14
|
+
// choose the content variant and connect it to the shared viewport and measurement flow
|
|
15
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
16
|
export const Laminar = /*#__PURE__*/React.memo(function Laminar({
|
|
14
17
|
text,
|
|
15
18
|
variant = "text",
|
|
@@ -17,6 +20,9 @@ export const Laminar = /*#__PURE__*/React.memo(function Laminar({
|
|
|
17
20
|
color,
|
|
18
21
|
align = "left",
|
|
19
22
|
className,
|
|
23
|
+
leading,
|
|
24
|
+
leadingKey,
|
|
25
|
+
leadingGap = 0,
|
|
20
26
|
style,
|
|
21
27
|
containerStyle,
|
|
22
28
|
fontStyle,
|
|
@@ -27,6 +33,10 @@ export const Laminar = /*#__PURE__*/React.memo(function Laminar({
|
|
|
27
33
|
clipToBounds = false
|
|
28
34
|
}) {
|
|
29
35
|
const resolvedValue = String(text ?? "");
|
|
36
|
+
// resolve state keyed leading content before measurement and token reconciliation
|
|
37
|
+
const leadingMap = isLeadingMap(leading) ? leading : undefined;
|
|
38
|
+
const resolvedLeading = leadingMap ? leadingMap[resolvedValue] : leading;
|
|
39
|
+
const resolvedLeadingKey = leadingMap ? resolvedValue : leadingKey;
|
|
30
40
|
const {
|
|
31
41
|
motionRecipe,
|
|
32
42
|
staggerMs
|
|
@@ -44,13 +54,22 @@ export const Laminar = /*#__PURE__*/React.memo(function Laminar({
|
|
|
44
54
|
fontStyle,
|
|
45
55
|
style
|
|
46
56
|
});
|
|
57
|
+
|
|
58
|
+
// invalidate the probe when text style, leading content, or leading spacing changes
|
|
59
|
+
const measurementKey = React.useMemo(() => {
|
|
60
|
+
const flattenedStyle = StyleSheet.flatten(textStyle);
|
|
61
|
+
return JSON.stringify([resolvedValue, flattenedStyle?.fontFamily, flattenedStyle?.fontSize, flattenedStyle?.fontStyle, flattenedStyle?.fontWeight, flattenedStyle?.fontVariant, flattenedStyle?.letterSpacing, flattenedStyle?.lineHeight, flattenedStyle?.textTransform, variant === "text" && Boolean(resolvedLeading), variant === "text" ? resolvedLeadingKey : undefined, variant === "text" ? leadingGap : 0]);
|
|
62
|
+
}, [leadingGap, resolvedLeading, resolvedLeadingKey, resolvedValue, textStyle, variant]);
|
|
47
63
|
const {
|
|
48
64
|
captureLayout,
|
|
49
|
-
animatedWidthStyle
|
|
65
|
+
animatedWidthStyle,
|
|
66
|
+
shouldMeasure
|
|
50
67
|
} = useInlineAutoWidth({
|
|
51
68
|
enabled: autoSize,
|
|
52
|
-
driveToWidth: motionRecipe.driveNumber
|
|
69
|
+
driveToWidth: motionRecipe.driveNumber,
|
|
70
|
+
measurementKey
|
|
53
71
|
});
|
|
72
|
+
// measurement uses the same normalized units as the visible text row
|
|
54
73
|
const measuredValue = React.useMemo(() => {
|
|
55
74
|
if (!autoSize) {
|
|
56
75
|
return "";
|
|
@@ -63,13 +82,33 @@ export const Laminar = /*#__PURE__*/React.memo(function Laminar({
|
|
|
63
82
|
align: align,
|
|
64
83
|
containerStyle: containerStyle,
|
|
65
84
|
animatedWidthStyle: animatedWidthStyle,
|
|
66
|
-
measurement: /*#__PURE__*/
|
|
67
|
-
numberOfLines: 1,
|
|
85
|
+
measurement: shouldMeasure ? /*#__PURE__*/_jsxs(View, {
|
|
68
86
|
onLayout: captureLayout,
|
|
69
|
-
style:
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
87
|
+
style: {
|
|
88
|
+
flexDirection: "row",
|
|
89
|
+
alignSelf: "flex-start"
|
|
90
|
+
},
|
|
91
|
+
children: [variant === "text" && resolvedLeading ? /*#__PURE__*/_jsx(View, {
|
|
92
|
+
style: {
|
|
93
|
+
alignItems: "center",
|
|
94
|
+
justifyContent: "center",
|
|
95
|
+
marginRight: leadingGap
|
|
96
|
+
},
|
|
97
|
+
children: resolvedLeading
|
|
98
|
+
}) : null, splitDisplayUnits(measuredValue).map((unit, index) => /*#__PURE__*/_jsx(Text, {
|
|
99
|
+
style: textStyle,
|
|
100
|
+
children: normalizeDisplayUnit(unit)
|
|
101
|
+
}, `${unit}-${index}`))]
|
|
102
|
+
}) : undefined,
|
|
103
|
+
children: variant === "slots" ? /*#__PURE__*/_jsx(SlotsRun, {
|
|
104
|
+
value: resolvedValue,
|
|
105
|
+
motionRecipe: motionRecipe,
|
|
106
|
+
align: align,
|
|
107
|
+
fontSize: fontSize,
|
|
108
|
+
textStyle: textStyle,
|
|
109
|
+
staggerMs: staggerMs,
|
|
110
|
+
className: className
|
|
111
|
+
}) : variant === "number" ? /*#__PURE__*/_jsx(NumberRun, {
|
|
73
112
|
value: resolvedValue,
|
|
74
113
|
motionRecipe: motionRecipe,
|
|
75
114
|
align: align,
|
|
@@ -81,11 +120,16 @@ export const Laminar = /*#__PURE__*/React.memo(function Laminar({
|
|
|
81
120
|
value: resolvedValue,
|
|
82
121
|
motionRecipe: motionRecipe,
|
|
83
122
|
align: align,
|
|
123
|
+
leading: resolvedLeading,
|
|
124
|
+
leadingKey: resolvedLeadingKey,
|
|
125
|
+
leadingGap: leadingGap,
|
|
84
126
|
textStyle: textStyle,
|
|
85
127
|
className: className
|
|
86
128
|
})
|
|
87
129
|
});
|
|
88
130
|
});
|
|
89
|
-
|
|
90
|
-
|
|
131
|
+
function isLeadingMap(value) {
|
|
132
|
+
// react elements are objects too, so exclude them before treating a value as a map
|
|
133
|
+
return typeof value === "object" && value !== null && ! /*#__PURE__*/React.isValidElement(value) && !Array.isArray(value);
|
|
134
|
+
}
|
|
91
135
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","useInlineAutoWidth","useMorphMotion","useMorphTextStyle","normalizeDisplayUnit","splitDisplayUnits","MorphViewport","NumberRun","TextRun","jsx","_jsx","Laminar","memo","text","variant","fontSize","color","align","className","style","containerStyle","fontStyle","animationDuration","animationPreset","stagger","autoSize","clipToBounds","resolvedValue","String","motionRecipe","staggerMs","textStyle","captureLayout","animatedWidthStyle","enabled","driveToWidth","driveNumber","measuredValue","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","View","useInlineAutoWidth","useMorphMotion","useMorphTextStyle","normalizeDisplayUnit","splitDisplayUnits","MorphViewport","NumberRun","SlotsRun","TextRun","jsx","_jsx","jsxs","_jsxs","Laminar","memo","text","variant","fontSize","color","align","className","leading","leadingKey","leadingGap","style","containerStyle","fontStyle","animationDuration","animationPreset","stagger","autoSize","clipToBounds","resolvedValue","String","leadingMap","isLeadingMap","undefined","resolvedLeading","resolvedLeadingKey","motionRecipe","staggerMs","textStyle","measurementKey","useMemo","flattenedStyle","flatten","JSON","stringify","fontFamily","fontWeight","fontVariant","letterSpacing","lineHeight","textTransform","Boolean","captureLayout","animatedWidthStyle","shouldMeasure","enabled","driveToWidth","driveNumber","measuredValue","map","join","measurement","onLayout","flexDirection","alignSelf","children","alignItems","justifyContent","marginRight","unit","index","value","isValidElement","Array","isArray"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,kBAAkB,QAAQ,kCAA+B;AAClE,SAASC,cAAc,QAAQ,6BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iCAA8B;AAChE,SACEC,oBAAoB,EACpBC,iBAAiB,QACZ,0BAAuB;AAE9B,SAASC,aAAa,QAAQ,0BAAuB;AACrD,SAASC,SAAS,QAAQ,sBAAmB;AAC7C,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,OAAO,QAAQ,oBAAiB;;AAEzC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,MAAMC,OAAO,gBAAGjB,KAAK,CAACkB,IAAI,CAAC,SAASD,OAAOA,CAAC;EAC/CE,IAAI;EACJC,OAAO,GAAG,MAAM;EAChBC,QAAQ;EACRC,KAAK;EACLC,KAAK,GAAG,MAAM;EACdC,SAAS;EACTC,OAAO;EACPC,UAAU;EACVC,UAAU,GAAG,CAAC;EACdC,KAAK;EACLC,cAAc;EACdC,SAAS;EACTC,iBAAiB;EACjBC,eAAe;EACfC,OAAO,GAAG,IAAI;EACdC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG;AACY,CAAC,EAAE;EAC9B,MAAMC,aAAa,GAAGC,MAAM,CAAClB,IAAI,IAAI,EAAE,CAAC;EACxC;EACA,MAAMmB,UAAU,GAAGC,YAAY,CAACd,OAAO,CAAC,GAAGA,OAAO,GAAGe,SAAS;EAC9D,MAAMC,eAAgC,GAAGH,UAAU,GAC/CA,UAAU,CAACF,aAAa,CAAC,GACxBX,OAA2B;EAChC,MAAMiB,kBAAkB,GAAGJ,UAAU,GAAGF,aAAa,GAAGV,UAAU;EAClE,MAAM;IAAEiB,YAAY;IAAEC;EAAU,CAAC,GAAGvC,cAAc,CAAC;IACjDe,OAAO;IACPY,eAAe;IACfD,iBAAiB;IACjBE;EACF,CAAC,CAAC;EACF,MAAM;IAAEY;EAAU,CAAC,GAAGvC,iBAAiB,CAAC;IACtCe,QAAQ;IACRC,KAAK;IACLQ,SAAS;IACTF;EACF,CAAC,CAAC;;EAEF;EACA,MAAMkB,cAAc,GAAG9C,KAAK,CAAC+C,OAAO,CAAC,MAAM;IACzC,MAAMC,cAAc,GAAG/C,UAAU,CAACgD,OAAO,CAACJ,SAAS,CAAC;IAEpD,OAAOK,IAAI,CAACC,SAAS,CAAC,CACpBf,aAAa,EACbY,cAAc,EAAEI,UAAU,EAC1BJ,cAAc,EAAE3B,QAAQ,EACxB2B,cAAc,EAAElB,SAAS,EACzBkB,cAAc,EAAEK,UAAU,EAC1BL,cAAc,EAAEM,WAAW,EAC3BN,cAAc,EAAEO,aAAa,EAC7BP,cAAc,EAAEQ,UAAU,EAC1BR,cAAc,EAAES,aAAa,EAC7BrC,OAAO,KAAK,MAAM,IAAIsC,OAAO,CAACjB,eAAe,CAAC,EAC9CrB,OAAO,KAAK,MAAM,GAAGsB,kBAAkB,GAAGF,SAAS,EACnDpB,OAAO,KAAK,MAAM,GAAGO,UAAU,GAAG,CAAC,CACpC,CAAC;EACJ,CAAC,EAAE,CACDA,UAAU,EACVc,eAAe,EACfC,kBAAkB,EAClBN,aAAa,EACbS,SAAS,EACTzB,OAAO,CACR,CAAC;EACF,MAAM;IAAEuC,aAAa;IAAEC,kBAAkB;IAAEC;EAAc,CAAC,GACxDzD,kBAAkB,CAAC;IACjB0D,OAAO,EAAE5B,QAAQ;IACjB6B,YAAY,EAAEpB,YAAY,CAACqB,WAAW;IACtClB;EACF,CAAC,CAAC;EACJ;EACA,MAAMmB,aAAa,GAAGjE,KAAK,CAAC+C,OAAO,CAAC,MAAM;IACxC,IAAI,CAACb,QAAQ,EAAE;MACb,OAAO,EAAE;IACX;IAEA,OAAO1B,iBAAiB,CAAC4B,aAAa,CAAC,CACpC8B,GAAG,CAAC3D,oBAAoB,CAAC,CACzB4D,IAAI,CAAC,EAAE,CAAC;EACb,CAAC,EAAE,CAACjC,QAAQ,EAAEE,aAAa,CAAC,CAAC;EAE7B,oBACEtB,IAAA,CAACL,aAAa;IACZyB,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BZ,KAAK,EAAEA,KAAM;IACbM,cAAc,EAAEA,cAAe;IAC/B+B,kBAAkB,EAAEA,kBAAmB;IACvCQ,WAAW,EACTP,aAAa,gBACX7C,KAAA,CAACb,IAAI;MACHkE,QAAQ,EAAEV,aAAc;MACxB/B,KAAK,EAAE;QAAE0C,aAAa,EAAE,KAAK;QAAEC,SAAS,EAAE;MAAa,CAAE;MAAAC,QAAA,GAExDpD,OAAO,KAAK,MAAM,IAAIqB,eAAe,gBACpC3B,IAAA,CAACX,IAAI;QACHyB,KAAK,EAAE;UACL6C,UAAU,EAAE,QAAQ;UACpBC,cAAc,EAAE,QAAQ;UACxBC,WAAW,EAAEhD;QACf,CAAE;QAAA6C,QAAA,EAED/B;MAAe,CACZ,CAAC,GACL,IAAI,EACPjC,iBAAiB,CAACyD,aAAa,CAAC,CAACC,GAAG,CAAC,CAACU,IAAI,EAAEC,KAAK,kBAChD/D,IAAA,CAACZ,IAAI;QAA0B0B,KAAK,EAAEiB,SAAU;QAAA2B,QAAA,EAC7CjE,oBAAoB,CAACqE,IAAI;MAAC,GADlB,GAAGA,IAAI,IAAIC,KAAK,EAErB,CACP,CAAC;IAAA,CACE,CAAC,GACLrC,SACL;IAAAgC,QAAA,EAEApD,OAAO,KAAK,OAAO,gBAClBN,IAAA,CAACH,QAAQ;MACPmE,KAAK,EAAE1C,aAAc;MACrBO,YAAY,EAAEA,YAAa;MAC3BpB,KAAK,EAAEA,KAAM;MACbF,QAAQ,EAAEA,QAAS;MACnBwB,SAAS,EAAEA,SAAU;MACrBD,SAAS,EAAEA,SAAU;MACrBpB,SAAS,EAAEA;IAAU,CACtB,CAAC,GACAJ,OAAO,KAAK,QAAQ,gBACtBN,IAAA,CAACJ,SAAS;MACRoE,KAAK,EAAE1C,aAAc;MACrBO,YAAY,EAAEA,YAAa;MAC3BpB,KAAK,EAAEA,KAAM;MACbF,QAAQ,EAAEA,QAAS;MACnBwB,SAAS,EAAEA,SAAU;MACrBD,SAAS,EAAEA,SAAU;MACrBpB,SAAS,EAAEA;IAAU,CACtB,CAAC,gBAEFV,IAAA,CAACF,OAAO;MACNkE,KAAK,EAAE1C,aAAc;MACrBO,YAAY,EAAEA,YAAa;MAC3BpB,KAAK,EAAEA,KAAM;MACbE,OAAO,EAAEgB,eAAgB;MACzBf,UAAU,EAAEgB,kBAAmB;MAC/Bf,UAAU,EAAEA,UAAW;MACvBkB,SAAS,EAAEA,SAAU;MACrBrB,SAAS,EAAEA;IAAU,CACtB;EACJ,CACY,CAAC;AAElB,CAAC,CAAC;AAEJ,SAASe,YAAYA,CACnBuC,KAAmC,EACP;EAC5B;EACA,OACE,OAAOA,KAAK,KAAK,QAAQ,IACzBA,KAAK,KAAK,IAAI,IACd,eAAC9E,KAAK,CAAC+E,cAAc,CAACD,KAAK,CAAC,IAC5B,CAACE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC;AAEzB","ignoreList":[]}
|
|
@@ -4,6 +4,8 @@ const NBSP = "\u00A0";
|
|
|
4
4
|
const graphemeSegmenter = typeof Intl !== "undefined" && typeof Intl.Segmenter === "function" ? new Intl.Segmenter(undefined, {
|
|
5
5
|
granularity: "grapheme"
|
|
6
6
|
}) : null;
|
|
7
|
+
|
|
8
|
+
// segment graphemes when the runtime supports them so emoji and combining marks stay whole
|
|
7
9
|
export const splitDisplayUnits = input => {
|
|
8
10
|
if (graphemeSegmenter) {
|
|
9
11
|
return Array.from(graphemeSegmenter.segment(input), part => part.segment);
|
|
@@ -11,9 +13,13 @@ export const splitDisplayUnits = input => {
|
|
|
11
13
|
return Array.from(input);
|
|
12
14
|
};
|
|
13
15
|
|
|
14
|
-
//
|
|
16
|
+
// replace plain spaces because native text measurement can collapse them
|
|
15
17
|
export const normalizeDisplayUnit = unit => unit === " " ? NBSP : unit;
|
|
18
|
+
|
|
19
|
+
// numeric lanes only treat ascii digits as place-value columns
|
|
16
20
|
export const isAsciiDigit = unit => unit >= "0" && unit <= "9";
|
|
21
|
+
|
|
22
|
+
// leading symbols and punctuation stay attached to the left side of a number
|
|
17
23
|
export const findNumericLeadLength = units => {
|
|
18
24
|
const firstDigitIndex = units.findIndex(isAsciiDigit);
|
|
19
25
|
return firstDigitIndex === -1 ? units.length : firstDigitIndex;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NBSP","graphemeSegmenter","Intl","Segmenter","undefined","granularity","splitDisplayUnits","input","Array","from","segment","part","normalizeDisplayUnit","unit","isAsciiDigit","findNumericLeadLength","units","firstDigitIndex","findIndex","length"],"sourceRoot":"../../../src","sources":["model/display-units.ts"],"mappings":";;AAAA,MAAMA,IAAI,GAAG,QAAQ;AACrB,MAAMC,iBAAiB,GACrB,OAAOC,IAAI,KAAK,WAAW,IAAI,OAAOA,IAAI,CAACC,SAAS,KAAK,UAAU,GAC/D,IAAID,IAAI,CAACC,SAAS,CAACC,SAAS,EAAE;EAAEC,WAAW,EAAE;AAAW,CAAC,CAAC,GAC1D,IAAI;
|
|
1
|
+
{"version":3,"names":["NBSP","graphemeSegmenter","Intl","Segmenter","undefined","granularity","splitDisplayUnits","input","Array","from","segment","part","normalizeDisplayUnit","unit","isAsciiDigit","findNumericLeadLength","units","firstDigitIndex","findIndex","length"],"sourceRoot":"../../../src","sources":["model/display-units.ts"],"mappings":";;AAAA,MAAMA,IAAI,GAAG,QAAQ;AACrB,MAAMC,iBAAiB,GACrB,OAAOC,IAAI,KAAK,WAAW,IAAI,OAAOA,IAAI,CAACC,SAAS,KAAK,UAAU,GAC/D,IAAID,IAAI,CAACC,SAAS,CAACC,SAAS,EAAE;EAAEC,WAAW,EAAE;AAAW,CAAC,CAAC,GAC1D,IAAI;;AAEV;AACA,OAAO,MAAMC,iBAAiB,GAAIC,KAAa,IAAe;EAC5D,IAAIN,iBAAiB,EAAE;IACrB,OAAOO,KAAK,CAACC,IAAI,CACfR,iBAAiB,CAACS,OAAO,CAACH,KAAK,CAAC,EAC/BI,IAAI,IAAKA,IAAI,CAACD,OACjB,CAAC;EACH;EAEA,OAAOF,KAAK,CAACC,IAAI,CAACF,KAAK,CAAC;AAC1B,CAAC;;AAED;AACA,OAAO,MAAMK,oBAAoB,GAAIC,IAAY,IAC/CA,IAAI,KAAK,GAAG,GAAGb,IAAI,GAAGa,IAAI;;AAE5B;AACA,OAAO,MAAMC,YAAY,GAAID,IAAY,IAAKA,IAAI,IAAI,GAAG,IAAIA,IAAI,IAAI,GAAG;;AAExE;AACA,OAAO,MAAME,qBAAqB,GAAIC,KAAwB,IAAK;EACjE,MAAMC,eAAe,GAAGD,KAAK,CAACE,SAAS,CAACJ,YAAY,CAAC;EAErD,OAAOG,eAAe,KAAK,CAAC,CAAC,GAAGD,KAAK,CAACG,MAAM,GAAGF,eAAe;AAChE,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { findNumericLeadLength, splitDisplayUnits } from "./display-units.js";
|
|
4
|
+
|
|
5
|
+
// strip formatting before comparing values so direction follows the displayed number
|
|
4
6
|
const readNumericMagnitude = input => parseFloat(input.replace(/[^0-9.-]/g, "")) || 0;
|
|
7
|
+
|
|
8
|
+
// the sign controls which side of each digit lane enters and exits
|
|
5
9
|
const deriveFlowDirection = (previousValue, nextValue) => Math.sign(readNumericMagnitude(nextValue) - readNumericMagnitude(previousValue));
|
|
10
|
+
// preserve right-aligned place values while allowing prefixes to grow or shrink
|
|
6
11
|
export const reconcileNumericLanes = (previousValue, nextValue, previousKeys, seed) => {
|
|
7
12
|
const previousUnits = splitDisplayUnits(previousValue);
|
|
8
13
|
const nextUnits = splitDisplayUnits(nextValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["findNumericLeadLength","splitDisplayUnits","readNumericMagnitude","input","parseFloat","replace","deriveFlowDirection","previousValue","nextValue","Math","sign","reconcileNumericLanes","previousKeys","seed","previousUnits","nextUnits","nextLaneKeys","Array","length","nextSeed","nextLeadLength","previousLeadLength","sharedLeadLength","min","index","previousTailUnits","slice","nextTailUnits","previousTailKeys","laneCount","max","leftPaddedPreviousUnits","fill","leftPaddedNextUnits","leftPaddedPreviousKeys","nextTailOffset","paddedIndex","nextUnit","previousUnit","previousKey","laneKeys","direction"],"sourceRoot":"../../../src","sources":["model/numeric-lanes.ts"],"mappings":";;AACA,SACEA,qBAAqB,EACrBC,iBAAiB,QACZ,oBAAiB;
|
|
1
|
+
{"version":3,"names":["findNumericLeadLength","splitDisplayUnits","readNumericMagnitude","input","parseFloat","replace","deriveFlowDirection","previousValue","nextValue","Math","sign","reconcileNumericLanes","previousKeys","seed","previousUnits","nextUnits","nextLaneKeys","Array","length","nextSeed","nextLeadLength","previousLeadLength","sharedLeadLength","min","index","previousTailUnits","slice","nextTailUnits","previousTailKeys","laneCount","max","leftPaddedPreviousUnits","fill","leftPaddedNextUnits","leftPaddedPreviousKeys","nextTailOffset","paddedIndex","nextUnit","previousUnit","previousKey","laneKeys","direction"],"sourceRoot":"../../../src","sources":["model/numeric-lanes.ts"],"mappings":"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","ignoreList":[]}
|