@oxy.so/bloom 6.3.0 → 6.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/adoption-matrix.mdx +1 -1
- package/docs/page-header.mdx +18 -0
- package/lib/commonjs/page-header/EdgeScrim.js +7 -3
- package/lib/commonjs/page-header/EdgeScrim.js.map +1 -1
- package/lib/commonjs/page-header/index.js +13 -0
- package/lib/commonjs/page-header/index.js.map +1 -1
- package/lib/commonjs/sidebar/SidebarScrollArea.js +3 -5
- package/lib/commonjs/sidebar/SidebarScrollArea.js.map +1 -1
- package/lib/module/page-header/EdgeScrim.js +7 -3
- package/lib/module/page-header/EdgeScrim.js.map +1 -1
- package/lib/module/page-header/index.js +1 -0
- package/lib/module/page-header/index.js.map +1 -1
- package/lib/module/sidebar/SidebarScrollArea.js +3 -5
- package/lib/module/sidebar/SidebarScrollArea.js.map +1 -1
- package/lib/typescript/commonjs/page-header/EdgeScrim.d.ts +10 -1
- package/lib/typescript/commonjs/page-header/EdgeScrim.d.ts.map +1 -1
- package/lib/typescript/commonjs/page-header/index.d.ts +2 -0
- package/lib/typescript/commonjs/page-header/index.d.ts.map +1 -1
- package/lib/typescript/module/page-header/EdgeScrim.d.ts +10 -1
- package/lib/typescript/module/page-header/EdgeScrim.d.ts.map +1 -1
- package/lib/typescript/module/page-header/index.d.ts +2 -0
- package/lib/typescript/module/page-header/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/page-header/EdgeScrim.tsx +13 -3
- package/src/page-header/index.ts +2 -0
- package/src/sidebar/SidebarScrollArea.tsx +1 -1
package/docs/adoption-matrix.mdx
CHANGED
|
@@ -242,7 +242,7 @@ The classification is an EQUALITY in `src/__tests__/adoption-matrix.test.ts`, no
|
|
|
242
242
|
| `order-status` | `@oxy.so/bloom/order-status` + barrel | universal | `order-status.mdx` | yes | 1 | | | | |
|
|
243
243
|
| `outline-nav` | `@oxy.so/bloom/outline-nav` + barrel | universal | `outline-nav.mdx` | yes | 2 | | | | |
|
|
244
244
|
| `overlay` | `@oxy.so/bloom/overlay` + barrel | universal | `overlay.mdx` | yes | 16 | | | | |
|
|
245
|
-
| `page-header` | `@oxy.so/bloom/page-header` + barrel | universal | `page-header.mdx` | yes |
|
|
245
|
+
| `page-header` | `@oxy.so/bloom/page-header` + barrel | universal | `page-header.mdx` | yes | 5 | | | | |
|
|
246
246
|
| `pagination` | `@oxy.so/bloom/pagination` + barrel | universal | `pagination.mdx` | yes | 2 | | | | |
|
|
247
247
|
| `patient-info-card` | `@oxy.so/bloom/patient-info-card` + barrel | universal | `patient-info-card.mdx` | yes | 1 | | | | |
|
|
248
248
|
| `payment-method` | `@oxy.so/bloom/payment-method` + barrel | universal | `payment-method.mdx` | yes | 3 | reads | | | |
|
package/docs/page-header.mdx
CHANGED
|
@@ -77,6 +77,24 @@ It is an opacity ramp of one flat colour, not a blur of varying intensity. `back
|
|
|
77
77
|
|
|
78
78
|
Leaving both at their defaults over a hero photo is the one combination that reads as a bug, and it is a combination the header cannot resolve for you: it does not know what is behind it.
|
|
79
79
|
|
|
80
|
+
### The same edge at the bottom
|
|
81
|
+
|
|
82
|
+
Chrome that floats at the BOTTOM of a scroller — a pinned composer, a reply prompt — gets the same edge effect from `EdgeScrim`, exported beside the header. `edge="bottom"` mirrors the ramp: the colour is solid at the bottom and fades to nothing above. Never paint such a footer with a solid fill: a rectangle ends at its own top edge, and that edge is the line this effect exists to remove.
|
|
83
|
+
|
|
84
|
+
```tsx
|
|
85
|
+
import { EdgeScrim, SCRIM_TAIL_RATIO } from '@oxy.so/bloom/page-header';
|
|
86
|
+
import { useSurfaceFill } from '@oxy.so/bloom/styles';
|
|
87
|
+
|
|
88
|
+
const surfaceFill = useSurfaceFill();
|
|
89
|
+
|
|
90
|
+
// Inside a footer that is `position: absolute` / `sticky` at the bottom.
|
|
91
|
+
<View pointerEvents="none" style={{ position: 'absolute', left: 0, right: 0, bottom: 0, top: -footerHeight * SCRIM_TAIL_RATIO }}>
|
|
92
|
+
<EdgeScrim edge="bottom" color={surfaceFill} />
|
|
93
|
+
</View>
|
|
94
|
+
```
|
|
95
|
+
|
|
96
|
+
The scrim sizes to its parent, so the parent carries the height — extend it ABOVE the footer by `SCRIM_TAIL_RATIO` for the same reason the header extends below itself: the fade must finish past the layout, not at it. The colour follows the same rule as `scrimColor`: opaque, and the surface the content is scrolling on.
|
|
97
|
+
|
|
80
98
|
## Props
|
|
81
99
|
|
|
82
100
|
| Prop | Default | |
|
|
@@ -12,7 +12,9 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
12
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); }
|
|
13
13
|
/**
|
|
14
14
|
* The floating header's EDGE EFFECT: the page colour at the top, fading to
|
|
15
|
-
* nothing below the islands.
|
|
15
|
+
* nothing below the islands. `edge="bottom"` is the same ramp mirrored — the
|
|
16
|
+
* colour at the bottom, fading to nothing above — for chrome that floats at the
|
|
17
|
+
* bottom of a scroller (a pinned composer, a sidebar's lower edge).
|
|
16
18
|
*
|
|
17
19
|
* ── WHY IT IS A GRADIENT AND NOT A BLUR ─────────────────────────────────────
|
|
18
20
|
*
|
|
@@ -101,9 +103,11 @@ const SCRIM_STOPS = exports.SCRIM_STOPS = [{
|
|
|
101
103
|
}];
|
|
102
104
|
const EdgeScrimComponent = ({
|
|
103
105
|
color,
|
|
106
|
+
edge = 'top',
|
|
104
107
|
testID
|
|
105
108
|
}) => {
|
|
106
109
|
const id = `${(0, _svgId.useSvgIdPrefix)('bloom-page-header-scrim')}gradient`;
|
|
110
|
+
const fromBottom = edge === 'bottom';
|
|
107
111
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
108
112
|
width: "100%",
|
|
109
113
|
height: "100%",
|
|
@@ -113,9 +117,9 @@ const EdgeScrimComponent = ({
|
|
|
113
117
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.LinearGradient, {
|
|
114
118
|
id: id,
|
|
115
119
|
x1: "0",
|
|
116
|
-
y1:
|
|
120
|
+
y1: fromBottom ? '1' : '0',
|
|
117
121
|
x2: "0",
|
|
118
|
-
y2:
|
|
122
|
+
y2: fromBottom ? '0' : '1',
|
|
119
123
|
children: SCRIM_STOPS.map(stop => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
|
|
120
124
|
offset: String(stop.offset),
|
|
121
125
|
stopColor: color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_svgId","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCRIM_TAIL_RATIO","exports","SCRIM_STOPS","offset","opacity","EdgeScrimComponent","color","testID","id","useSvgIdPrefix","jsxs","width","height","style","StyleSheet","absoluteFill","children","jsx","Defs","LinearGradient","x1","y1","x2","y2","map","stop","Stop","String","stopColor","stopOpacity","Rect","x","y","fill","EdgeScrim","memo","displayName"],"sourceRoot":"../../../src","sources":["page-header/EdgeScrim.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAkD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACO,MAAMkB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAI;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,WAAW,GAAAD,OAAA,CAAAC,WAAA,GAAG,CACzB;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,EACzB;EAAED,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,EAC/B;EAAED,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,EAC/B;EAAED,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,CACjB;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_svgId","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SCRIM_TAIL_RATIO","exports","SCRIM_STOPS","offset","opacity","EdgeScrimComponent","color","edge","testID","id","useSvgIdPrefix","fromBottom","jsxs","width","height","style","StyleSheet","absoluteFill","children","jsx","Defs","LinearGradient","x1","y1","x2","y2","map","stop","Stop","String","stopColor","stopOpacity","Rect","x","y","fill","EdgeScrim","memo","displayName"],"sourceRoot":"../../../src","sources":["page-header/EdgeScrim.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,11 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "EdgeScrim", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _EdgeScrim.EdgeScrim;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "PageHeader", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function () {
|
|
9
15
|
return _PageHeader.PageHeader;
|
|
10
16
|
}
|
|
11
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "SCRIM_TAIL_RATIO", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _EdgeScrim.SCRIM_TAIL_RATIO;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
12
24
|
var _PageHeader = require("./PageHeader.js");
|
|
25
|
+
var _EdgeScrim = require("./EdgeScrim.js");
|
|
13
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_PageHeader","require"],"sourceRoot":"../../../src","sources":["page-header/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_PageHeader","require","_EdgeScrim"],"sourceRoot":"../../../src","sources":["page-header/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA","ignoreList":[]}
|
|
@@ -127,13 +127,11 @@ const SidebarScrollArea = exports.SidebarScrollArea = /*#__PURE__*/(0, _react.fo
|
|
|
127
127
|
left: 0,
|
|
128
128
|
right: 0,
|
|
129
129
|
bottom: 0,
|
|
130
|
-
height: fadeHeight
|
|
131
|
-
transform: [{
|
|
132
|
-
rotate: '180deg'
|
|
133
|
-
}]
|
|
130
|
+
height: fadeHeight
|
|
134
131
|
}, bottomStyle],
|
|
135
132
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EdgeScrim.EdgeScrim, {
|
|
136
|
-
color: color
|
|
133
|
+
color: color,
|
|
134
|
+
edge: "bottom"
|
|
137
135
|
})
|
|
138
136
|
})]
|
|
139
137
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_EdgeScrim","_colorUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EDGE_THRESHOLD","SidebarScrollArea","exports","forwardRef","fadeColor","fadeHeight","style","children","testID","onLayout","onContentSizeChange","onScroll","scrollEventThrottle","props","ref","topFade","useSharedValue","bottomFade","metrics","useRef","height","content","offset","edges","setEdges","useState","top","bottom","updateEdges","useCallback","current","range","Math","max","y","min","overflow","value","previous","parsed","parseRgba","color","g","b","opacity","a","topStyle","useAnimatedStyle","bottomStyle","prefix","jsxs","View","minHeight","position","jsx","ScrollView","flexGrow","flexShrink","event","nativeEvent","layout","width","contentOffset","layoutMeasurement","contentSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","left","right","EdgeScrim","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_EdgeScrim","_colorUtils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EDGE_THRESHOLD","SidebarScrollArea","exports","forwardRef","fadeColor","fadeHeight","style","children","testID","onLayout","onContentSizeChange","onScroll","scrollEventThrottle","props","ref","topFade","useSharedValue","bottomFade","metrics","useRef","height","content","offset","edges","setEdges","useState","top","bottom","updateEdges","useCallback","current","range","Math","max","y","min","overflow","value","previous","parsed","parseRgba","color","g","b","opacity","a","topStyle","useAnimatedStyle","bottomStyle","prefix","jsxs","View","minHeight","position","jsx","ScrollView","flexGrow","flexShrink","event","nativeEvent","layout","width","contentOffset","layoutMeasurement","contentSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","left","right","EdgeScrim","edge","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarScrollArea.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,9 @@ import { useSvgIdPrefix } from "../styles/svg-id.js";
|
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* The floating header's EDGE EFFECT: the page colour at the top, fading to
|
|
10
|
-
* nothing below the islands.
|
|
10
|
+
* nothing below the islands. `edge="bottom"` is the same ramp mirrored — the
|
|
11
|
+
* colour at the bottom, fading to nothing above — for chrome that floats at the
|
|
12
|
+
* bottom of a scroller (a pinned composer, a sidebar's lower edge).
|
|
11
13
|
*
|
|
12
14
|
* ── WHY IT IS A GRADIENT AND NOT A BLUR ─────────────────────────────────────
|
|
13
15
|
*
|
|
@@ -97,9 +99,11 @@ export const SCRIM_STOPS = [{
|
|
|
97
99
|
}];
|
|
98
100
|
const EdgeScrimComponent = ({
|
|
99
101
|
color,
|
|
102
|
+
edge = 'top',
|
|
100
103
|
testID
|
|
101
104
|
}) => {
|
|
102
105
|
const id = `${useSvgIdPrefix('bloom-page-header-scrim')}gradient`;
|
|
106
|
+
const fromBottom = edge === 'bottom';
|
|
103
107
|
return /*#__PURE__*/_jsxs(Svg, {
|
|
104
108
|
width: "100%",
|
|
105
109
|
height: "100%",
|
|
@@ -109,9 +113,9 @@ const EdgeScrimComponent = ({
|
|
|
109
113
|
children: /*#__PURE__*/_jsx(LinearGradient, {
|
|
110
114
|
id: id,
|
|
111
115
|
x1: "0",
|
|
112
|
-
y1:
|
|
116
|
+
y1: fromBottom ? '1' : '0',
|
|
113
117
|
x2: "0",
|
|
114
|
-
y2:
|
|
118
|
+
y2: fromBottom ? '0' : '1',
|
|
115
119
|
children: SCRIM_STOPS.map(stop => /*#__PURE__*/_jsx(Stop, {
|
|
116
120
|
offset: String(stop.offset),
|
|
117
121
|
stopColor: color,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","StyleSheet","Svg","Defs","LinearGradient","Rect","Stop","useSvgIdPrefix","jsx","_jsx","jsxs","_jsxs","SCRIM_TAIL_RATIO","SCRIM_STOPS","offset","opacity","EdgeScrimComponent","color","testID","id","width","height","style","absoluteFill","children","x1","y1","x2","y2","map","stop","String","stopColor","stopOpacity","x","y","fill","EdgeScrim","displayName"],"sourceRoot":"../../../src","sources":["page-header/EdgeScrim.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,GAAG,IAAIC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAExE,SAASC,cAAc,QAAQ,qBAAkB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,MAAMC,gBAAgB,GAAG,IAAI;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAG,CACzB;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,EACzB;EAAED,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,EAC/B;EAAED,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,EAC/B;EAAED,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,CACjB;
|
|
1
|
+
{"version":3,"names":["React","memo","StyleSheet","Svg","Defs","LinearGradient","Rect","Stop","useSvgIdPrefix","jsx","_jsx","jsxs","_jsxs","SCRIM_TAIL_RATIO","SCRIM_STOPS","offset","opacity","EdgeScrimComponent","color","edge","testID","id","fromBottom","width","height","style","absoluteFill","children","x1","y1","x2","y2","map","stop","String","stopColor","stopOpacity","x","y","fill","EdgeScrim","displayName"],"sourceRoot":"../../../src","sources":["page-header/EdgeScrim.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,GAAG,IAAIC,IAAI,EAAEC,cAAc,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAExE,SAASC,cAAc,QAAQ,qBAAkB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,OAAO,MAAMC,gBAAgB,GAAG,IAAI;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAG,CACzB;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,EACzB;EAAED,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,EAC/B;EAAED,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,EAC/B;EAAED,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,CACjB;AAeV,MAAMC,kBAA4C,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI,GAAG,KAAK;EAAEC;AAAO,CAAC,KAAK;EACxF,MAAMC,EAAE,GAAG,GAAGb,cAAc,CAAC,yBAAyB,CAAC,UAAU;EACjE,MAAMc,UAAU,GAAGH,IAAI,KAAK,QAAQ;EACpC,oBACEP,KAAA,CAACT,GAAG;IAACoB,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEvB,UAAU,CAACwB,YAAa;IAACN,MAAM,EAAEA,MAAO;IAAAO,QAAA,gBAC7EjB,IAAA,CAACN,IAAI;MAAAuB,QAAA,eACHjB,IAAA,CAACL,cAAc;QAACgB,EAAE,EAAEA,EAAG;QAACO,EAAE,EAAC,GAAG;QAACC,EAAE,EAAEP,UAAU,GAAG,GAAG,GAAG,GAAI;QAACQ,EAAE,EAAC,GAAG;QAACC,EAAE,EAAET,UAAU,GAAG,GAAG,GAAG,GAAI;QAAAK,QAAA,EAC1Fb,WAAW,CAACkB,GAAG,CAAEC,IAAI,iBACpBvB,IAAA,CAACH,IAAI;UAEHQ,MAAM,EAAEmB,MAAM,CAACD,IAAI,CAAClB,MAAM,CAAE;UAC5BoB,SAAS,EAAEjB,KAAM;UACjBkB,WAAW,EAAEH,IAAI,CAACjB;QAAQ,GAHrBiB,IAAI,CAAClB,MAIX,CACF;MAAC,CACY;IAAC,CACb,CAAC,eACPL,IAAA,CAACJ,IAAI;MAAC+B,CAAC,EAAC,GAAG;MAACC,CAAC,EAAC,GAAG;MAACf,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACe,IAAI,EAAE,QAAQlB,EAAE;IAAI,CAAE,CAAC;EAAA,CACjE,CAAC;AAEV,CAAC;AAED,OAAO,MAAMmB,SAAS,gBAAGvC,IAAI,CAACgB,kBAAkB,CAAC;AACjDuB,SAAS,CAACC,WAAW,GAAG,qBAAqB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PageHeader"],"sourceRoot":"../../../src","sources":["page-header/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["PageHeader","EdgeScrim","SCRIM_TAIL_RATIO"],"sourceRoot":"../../../src","sources":["page-header/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,SAAS,EAAEC,gBAAgB,QAAQ,gBAAa","ignoreList":[]}
|
|
@@ -122,13 +122,11 @@ export const SidebarScrollArea = /*#__PURE__*/forwardRef(function SidebarScrollA
|
|
|
122
122
|
left: 0,
|
|
123
123
|
right: 0,
|
|
124
124
|
bottom: 0,
|
|
125
|
-
height: fadeHeight
|
|
126
|
-
transform: [{
|
|
127
|
-
rotate: '180deg'
|
|
128
|
-
}]
|
|
125
|
+
height: fadeHeight
|
|
129
126
|
}, bottomStyle],
|
|
130
127
|
children: /*#__PURE__*/_jsx(EdgeScrim, {
|
|
131
|
-
color: color
|
|
128
|
+
color: color,
|
|
129
|
+
edge: "bottom"
|
|
132
130
|
})
|
|
133
131
|
})]
|
|
134
132
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","ScrollView","View","Animated","useAnimatedStyle","useSharedValue","EdgeScrim","parseRgba","jsx","_jsx","jsxs","_jsxs","EDGE_THRESHOLD","SidebarScrollArea","fadeColor","fadeHeight","style","children","testID","onLayout","onContentSizeChange","onScroll","scrollEventThrottle","props","ref","topFade","bottomFade","metrics","height","content","offset","edges","setEdges","top","bottom","updateEdges","current","range","Math","max","y","min","overflow","value","previous","parsed","color","r","g","b","opacity","a","topStyle","bottomStyle","prefix","minHeight","position","flexGrow","flexShrink","event","nativeEvent","layout","width","contentOffset","layoutMeasurement","contentSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","left","right","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useRef","useState","ScrollView","View","Animated","useAnimatedStyle","useSharedValue","EdgeScrim","parseRgba","jsx","_jsx","jsxs","_jsxs","EDGE_THRESHOLD","SidebarScrollArea","fadeColor","fadeHeight","style","children","testID","onLayout","onContentSizeChange","onScroll","scrollEventThrottle","props","ref","topFade","bottomFade","metrics","height","content","offset","edges","setEdges","top","bottom","updateEdges","current","range","Math","max","y","min","overflow","value","previous","parsed","color","r","g","b","opacity","a","topStyle","bottomStyle","prefix","minHeight","position","flexGrow","flexShrink","event","nativeEvent","layout","width","contentOffset","layoutMeasurement","contentSize","pointerEvents","accessibilityElementsHidden","importantForAccessibility","left","right","edge","displayName"],"sourceRoot":"../../../src","sources":["sidebar/SidebarScrollArea.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* The floating header's EDGE EFFECT: the page colour at the top, fading to
|
|
4
|
-
* nothing below the islands.
|
|
4
|
+
* nothing below the islands. `edge="bottom"` is the same ramp mirrored — the
|
|
5
|
+
* colour at the bottom, fading to nothing above — for chrome that floats at the
|
|
6
|
+
* bottom of a scroller (a pinned composer, a sidebar's lower edge).
|
|
5
7
|
*
|
|
6
8
|
* ── WHY IT IS A GRADIENT AND NOT A BLUR ─────────────────────────────────────
|
|
7
9
|
*
|
|
@@ -89,6 +91,13 @@ export declare const SCRIM_STOPS: readonly [{
|
|
|
89
91
|
export interface EdgeScrimProps {
|
|
90
92
|
/** The page colour the ramp starts from — opaque, alpha travels separately. */
|
|
91
93
|
color: string;
|
|
94
|
+
/**
|
|
95
|
+
* The edge the colour is solid at. `top` (default) fades downward; `bottom`
|
|
96
|
+
* fades upward. Mirrored in the gradient's own axis rather than with a
|
|
97
|
+
* `rotate` transform on the host, so the scrim's box stays where its layout
|
|
98
|
+
* put it on every platform.
|
|
99
|
+
*/
|
|
100
|
+
edge?: 'top' | 'bottom';
|
|
92
101
|
testID?: string;
|
|
93
102
|
}
|
|
94
103
|
export declare const EdgeScrim: React.NamedExoticComponent<EdgeScrimProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeScrim.d.ts","sourceRoot":"","sources":["../../../../src/page-header/EdgeScrim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC
|
|
1
|
+
{"version":3,"file":"EdgeScrim.d.ts","sourceRoot":"","sources":["../../../../src/page-header/EdgeScrim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AAEH,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;EAKd,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAwBD,eAAO,MAAM,SAAS,4CAA2B,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export { PageHeader } from './PageHeader';
|
|
2
|
+
export { EdgeScrim, SCRIM_TAIL_RATIO } from './EdgeScrim';
|
|
3
|
+
export type { EdgeScrimProps } from './EdgeScrim';
|
|
2
4
|
export type { PageHeaderBorder, PageHeaderPlacement, PageHeaderPresentation, PageHeaderProps, PageHeaderScrim, PageHeaderTitleAlign, PageHeaderTitleReveal, } from './types';
|
|
3
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* The floating header's EDGE EFFECT: the page colour at the top, fading to
|
|
4
|
-
* nothing below the islands.
|
|
4
|
+
* nothing below the islands. `edge="bottom"` is the same ramp mirrored — the
|
|
5
|
+
* colour at the bottom, fading to nothing above — for chrome that floats at the
|
|
6
|
+
* bottom of a scroller (a pinned composer, a sidebar's lower edge).
|
|
5
7
|
*
|
|
6
8
|
* ── WHY IT IS A GRADIENT AND NOT A BLUR ─────────────────────────────────────
|
|
7
9
|
*
|
|
@@ -89,6 +91,13 @@ export declare const SCRIM_STOPS: readonly [{
|
|
|
89
91
|
export interface EdgeScrimProps {
|
|
90
92
|
/** The page colour the ramp starts from — opaque, alpha travels separately. */
|
|
91
93
|
color: string;
|
|
94
|
+
/**
|
|
95
|
+
* The edge the colour is solid at. `top` (default) fades downward; `bottom`
|
|
96
|
+
* fades upward. Mirrored in the gradient's own axis rather than with a
|
|
97
|
+
* `rotate` transform on the host, so the scrim's box stays where its layout
|
|
98
|
+
* put it on every platform.
|
|
99
|
+
*/
|
|
100
|
+
edge?: 'top' | 'bottom';
|
|
92
101
|
testID?: string;
|
|
93
102
|
}
|
|
94
103
|
export declare const EdgeScrim: React.NamedExoticComponent<EdgeScrimProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EdgeScrim.d.ts","sourceRoot":"","sources":["../../../../src/page-header/EdgeScrim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC
|
|
1
|
+
{"version":3,"file":"EdgeScrim.d.ts","sourceRoot":"","sources":["../../../../src/page-header/EdgeScrim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AAEH,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC;;;;;GAKG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;EAKd,CAAC;AAEX,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAwBD,eAAO,MAAM,SAAS,4CAA2B,CAAC"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
1
|
export { PageHeader } from './PageHeader';
|
|
2
|
+
export { EdgeScrim, SCRIM_TAIL_RATIO } from './EdgeScrim';
|
|
3
|
+
export type { EdgeScrimProps } from './EdgeScrim';
|
|
2
4
|
export type { PageHeaderBorder, PageHeaderPlacement, PageHeaderPresentation, PageHeaderProps, PageHeaderScrim, PageHeaderTitleAlign, PageHeaderTitleReveal, } from './types';
|
|
3
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
|
package/package.json
CHANGED
|
@@ -6,7 +6,9 @@ import { useSvgIdPrefix } from '../styles/svg-id';
|
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* The floating header's EDGE EFFECT: the page colour at the top, fading to
|
|
9
|
-
* nothing below the islands.
|
|
9
|
+
* nothing below the islands. `edge="bottom"` is the same ramp mirrored — the
|
|
10
|
+
* colour at the bottom, fading to nothing above — for chrome that floats at the
|
|
11
|
+
* bottom of a scroller (a pinned composer, a sidebar's lower edge).
|
|
10
12
|
*
|
|
11
13
|
* ── WHY IT IS A GRADIENT AND NOT A BLUR ─────────────────────────────────────
|
|
12
14
|
*
|
|
@@ -90,15 +92,23 @@ export const SCRIM_STOPS = [
|
|
|
90
92
|
export interface EdgeScrimProps {
|
|
91
93
|
/** The page colour the ramp starts from — opaque, alpha travels separately. */
|
|
92
94
|
color: string;
|
|
95
|
+
/**
|
|
96
|
+
* The edge the colour is solid at. `top` (default) fades downward; `bottom`
|
|
97
|
+
* fades upward. Mirrored in the gradient's own axis rather than with a
|
|
98
|
+
* `rotate` transform on the host, so the scrim's box stays where its layout
|
|
99
|
+
* put it on every platform.
|
|
100
|
+
*/
|
|
101
|
+
edge?: 'top' | 'bottom';
|
|
93
102
|
testID?: string;
|
|
94
103
|
}
|
|
95
104
|
|
|
96
|
-
const EdgeScrimComponent: React.FC<EdgeScrimProps> = ({ color, testID }) => {
|
|
105
|
+
const EdgeScrimComponent: React.FC<EdgeScrimProps> = ({ color, edge = 'top', testID }) => {
|
|
97
106
|
const id = `${useSvgIdPrefix('bloom-page-header-scrim')}gradient`;
|
|
107
|
+
const fromBottom = edge === 'bottom';
|
|
98
108
|
return (
|
|
99
109
|
<Svg width="100%" height="100%" style={StyleSheet.absoluteFill} testID={testID}>
|
|
100
110
|
<Defs>
|
|
101
|
-
<LinearGradient id={id} x1="0" y1=
|
|
111
|
+
<LinearGradient id={id} x1="0" y1={fromBottom ? '1' : '0'} x2="0" y2={fromBottom ? '0' : '1'}>
|
|
102
112
|
{SCRIM_STOPS.map((stop) => (
|
|
103
113
|
<Stop
|
|
104
114
|
key={stop.offset}
|
package/src/page-header/index.ts
CHANGED
|
@@ -48,7 +48,7 @@ export const SidebarScrollArea = forwardRef<ScrollView, SidebarScrollAreaProps>(
|
|
|
48
48
|
{children}
|
|
49
49
|
</ScrollView>
|
|
50
50
|
{edges.top && <Animated.View testID={`${prefix}-fade-top`} pointerEvents="none" aria-hidden accessibilityElementsHidden importantForAccessibility="no-hide-descendants" style={[{ position: 'absolute', left: 0, right: 0, top: 0, height: fadeHeight }, topStyle]}><EdgeScrim color={color} /></Animated.View>}
|
|
51
|
-
{edges.bottom && <Animated.View testID={`${prefix}-fade-bottom`} pointerEvents="none" aria-hidden accessibilityElementsHidden importantForAccessibility="no-hide-descendants" style={[{ position: 'absolute', left: 0, right: 0, bottom: 0, height: fadeHeight
|
|
51
|
+
{edges.bottom && <Animated.View testID={`${prefix}-fade-bottom`} pointerEvents="none" aria-hidden accessibilityElementsHidden importantForAccessibility="no-hide-descendants" style={[{ position: 'absolute', left: 0, right: 0, bottom: 0, height: fadeHeight }, bottomStyle]}><EdgeScrim color={color} edge="bottom" /></Animated.View>}
|
|
52
52
|
</View>;
|
|
53
53
|
});
|
|
54
54
|
SidebarScrollArea.displayName = 'SidebarScrollArea';
|