react-native-app-onboard 0.2.0 → 0.2.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 +2 -2
- package/lib/commonjs/components/OnboardingPages.js +4 -5
- package/lib/commonjs/components/OnboardingPages.js.map +1 -1
- package/lib/commonjs/components/Pagination.js +2 -2
- package/lib/commonjs/components/Pagination.js.map +1 -1
- package/lib/commonjs/utils/color.js +308 -0
- package/lib/commonjs/utils/color.js.map +1 -0
- package/lib/module/components/OnboardingPages.js +4 -4
- package/lib/module/components/OnboardingPages.js.map +1 -1
- package/lib/module/components/Pagination.js +2 -2
- package/lib/module/components/Pagination.js.map +1 -1
- package/lib/module/utils/color.js +299 -0
- package/lib/module/utils/color.js.map +1 -0
- package/lib/typescript/src/components/Pagination.d.ts.map +1 -1
- package/lib/typescript/src/utils/color.d.ts +18 -0
- package/lib/typescript/src/utils/color.d.ts.map +1 -0
- package/package.json +1 -5
- package/src/components/OnboardingPages.tsx +7 -7
- package/src/components/Pagination.tsx +2 -6
- package/src/utils/color.ts +284 -0
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# react-native-app-onboard
|
|
2
|
-
[](https://www.npmjs.com/package/react-native-app-onboard) [](https://github.com/julekgwa/react-native-app-onboard) [](https://unpkg.com/react-native-app-onboard/dist/index.js) 
|
|
2
|
+
[](https://www.npmjs.com/package/react-native-app-onboard) [](https://github.com/julekgwa/react-native-app-onboard) [](https://unpkg.com/react-native-app-onboard/dist/index.js)  [](https://packagephobia.com/result?p=react-native-app-onboard) [](https://badge.socket.dev/npm/package/react-native-app-onboard)
|
|
3
3
|
|
|
4
4
|
React Native App Onboard is a customizable, easy-to-use, and efficient library for creating compelling onboarding experiences for your React Native applications. It provides smooth, fluid transitions and animations, with a focus on simplicity and usability.
|
|
5
5
|
|
|
@@ -24,7 +24,7 @@ React Native App Onboard is a customizable, easy-to-use, and efficient library f
|
|
|
24
24
|
- Custom footer via a render prop.
|
|
25
25
|
- Storage-agnostic persistence helpers.
|
|
26
26
|
- Optional native-driver animations.
|
|
27
|
-
- Written in TypeScript with
|
|
27
|
+
- Written in TypeScript with zero runtime dependencies.
|
|
28
28
|
|
|
29
29
|
## Installation
|
|
30
30
|
|
|
@@ -5,12 +5,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.OnboardingPages = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var _color = require("../utils/color");
|
|
9
9
|
var _reactNative = require("react-native");
|
|
10
10
|
var _Pagination = require("./Pagination");
|
|
11
11
|
var _Page = require("./Page");
|
|
12
12
|
var _button = require("./button");
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
15
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -25,9 +24,9 @@ const OnboardingPages = ({
|
|
|
25
24
|
const pageWidth = props.width || width;
|
|
26
25
|
const currentPage_ = props.pages[props.currentPage];
|
|
27
26
|
const currentBackgroundColor = (currentPage_ === null || currentPage_ === void 0 ? void 0 : currentPage_.backgroundColor) ?? 'white';
|
|
28
|
-
const isLight = (0,
|
|
29
|
-
const footerBackgroundColor = isLight ? (0,
|
|
30
|
-
const color = (0,
|
|
27
|
+
const isLight = (0, _color.getBrightness)(currentBackgroundColor) > 180;
|
|
28
|
+
const footerBackgroundColor = isLight ? (0, _color.darken)(currentBackgroundColor, 30) : (0, _color.lighten)(currentBackgroundColor, 30);
|
|
29
|
+
const color = (0, _color.getBrightness)(footerBackgroundColor) > 180 ? (0, _color.darken)(footerBackgroundColor, 60) : (0, _color.lighten)(footerBackgroundColor, 60);
|
|
31
30
|
const interpolatedBackgroundColor = (0, _react.useMemo)(() => {
|
|
32
31
|
const pages = props.pages;
|
|
33
32
|
// interpolate() requires at least 2 stops; for 0 or 1 pages there is
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_color","_reactNative","_Pagination","_Page","_button","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","width","Dimensions","OnboardingPages","showPagination","showNext","props","pageWidth","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","getBrightness","footerBackgroundColor","darken","lighten","color","interpolatedBackgroundColor","useMemo","inputRange","map","_","outputRange","p","scrollX","interpolate","extrapolate","paginationProps","onNext","nextPage","onSkip","onDone","showDone","showPrevious","animatedValue","dotsAnimatedValue","showSkip","numberOfScreens","skipLabel","nextLabel","previousLabel","hasSkipPosition","skipButtonPosition","doneLabel","paginationStyle","progressBarStyle","progressBarFillStyle","dotsAreTappable","mirror","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","skipLabelStyle","previousLabelStyle","nextLabelStyle","skipButtonContainerStyle","nextButtonContainerStyle","doneButtonContainerStyle","previousButtonContainerStyle","createElement","Animated","View","style","styles","container","SkipButton","buttonTextStyle","buttonStyle","position","label","onPress","paginationPosition","Fragment","customFooter","Pagination","FlatList","ref","node","setFlatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","undefined","keyExtractor","index","toString","renderItem","item","OnboardingPage","swap","key","onScroll","onScrollBeginDrag","scrollEventThrottle","onMomentumScrollEnd","event","pageIndex","Math","round","nativeEvent","contentOffset","x","setPage","exports","StyleSheet","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/OnboardingPages.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Pagination = Pagination;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _color = require("../utils/color");
|
|
10
10
|
var _useOnboarding = require("../hooks/useOnboarding");
|
|
11
11
|
var _button = require("./button");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -52,7 +52,7 @@ function Pagination(props) {
|
|
|
52
52
|
// Derive a faint track from the (background-aware) fill color so it
|
|
53
53
|
// stays visible on both light and dark pages.
|
|
54
54
|
{
|
|
55
|
-
backgroundColor: (0,
|
|
55
|
+
backgroundColor: (0, _color.setAlpha)(props.color, 0.25)
|
|
56
56
|
},
|
|
57
57
|
// Mirror the fill direction so it grows from the trailing edge.
|
|
58
58
|
props.mirror && styles.mirror, props.progressBarStyle]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_color","_useOnboarding","_button","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Pagination","props","isDone","currentPage","progress","scrollTo","previousPage","useOnboarding","dots","Array","from","numberOfScreens","_","i","width","showPrevious","createElement","View","style","styles","pagination","backgroundColor","paginationContainerStyle","buttons","leftButton","buttonLeftContainerStyle","Button","onPress","buttonTextStyle","previousLabelStyle","buttonStyle","previousButtonContainerStyle","label","previousLabel","showSkip","hasSkipPosition","onSkip","skipLabelStyle","skipButtonContainerStyle","skipLabel","paginationStyle","accessible","accessibilityRole","accessibilityValue","min","max","now","progressTrack","setAlpha","color","mirror","progressBarStyle","progressFill","progressBarFillStyle","dotsContainer","dotsContainerStyle","map","inputRange","dotOpacity","animatedValue","interpolate","outputRange","extrapolate","dotProps","dotsAreTappable","accessibilityLabel","accessibilityState","selected","dot","Animated","key","opacity","Pressable","hitSlop","rightButton","buttonRightContainerStyle","showNext","onNext","nextLabel","nextLabelStyle","nextButtonContainerStyle","showDone","onDone","doneLabel","doneLabelStyle","doneButtonContainerStyle","StyleSheet","create","flexDirection","justifyContent","alignItems","height","paddingVertical","paddingHorizontal","borderRadius","marginHorizontal","flex","overflow","text","fontSize","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/Pagination.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,308 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.darken = darken;
|
|
7
|
+
exports.getBrightness = getBrightness;
|
|
8
|
+
exports.lighten = lighten;
|
|
9
|
+
exports.setAlpha = setAlpha;
|
|
10
|
+
/**
|
|
11
|
+
* Minimal color helpers — a tiny, dependency-free replacement for the subset of
|
|
12
|
+
* tinycolor2 this library used: perceived brightness, HSL-based lighten/darken,
|
|
13
|
+
* and producing an `rgba()` string with a custom alpha.
|
|
14
|
+
*
|
|
15
|
+
* Accepts hex (`#rgb`, `#rgba`, `#rrggbb`, `#rrggbbaa`), `rgb()`/`rgba()`, and
|
|
16
|
+
* CSS named colors. Invalid input resolves to black, matching tinycolor's
|
|
17
|
+
* behavior of treating unparseable colors as having zero brightness.
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
// CSS extended color keywords (same set tinycolor recognizes).
|
|
21
|
+
const NAMED_COLORS = {
|
|
22
|
+
aliceblue: '#f0f8ff',
|
|
23
|
+
antiquewhite: '#faebd7',
|
|
24
|
+
aqua: '#00ffff',
|
|
25
|
+
aquamarine: '#7fffd4',
|
|
26
|
+
azure: '#f0ffff',
|
|
27
|
+
beige: '#f5f5dc',
|
|
28
|
+
bisque: '#ffe4c4',
|
|
29
|
+
black: '#000000',
|
|
30
|
+
blanchedalmond: '#ffebcd',
|
|
31
|
+
blue: '#0000ff',
|
|
32
|
+
blueviolet: '#8a2be2',
|
|
33
|
+
brown: '#a52a2a',
|
|
34
|
+
burlywood: '#deb887',
|
|
35
|
+
cadetblue: '#5f9ea0',
|
|
36
|
+
chartreuse: '#7fff00',
|
|
37
|
+
chocolate: '#d2691e',
|
|
38
|
+
coral: '#ff7f50',
|
|
39
|
+
cornflowerblue: '#6495ed',
|
|
40
|
+
cornsilk: '#fff8dc',
|
|
41
|
+
crimson: '#dc143c',
|
|
42
|
+
cyan: '#00ffff',
|
|
43
|
+
darkblue: '#00008b',
|
|
44
|
+
darkcyan: '#008b8b',
|
|
45
|
+
darkgoldenrod: '#b8860b',
|
|
46
|
+
darkgray: '#a9a9a9',
|
|
47
|
+
darkgreen: '#006400',
|
|
48
|
+
darkgrey: '#a9a9a9',
|
|
49
|
+
darkkhaki: '#bdb76b',
|
|
50
|
+
darkmagenta: '#8b008b',
|
|
51
|
+
darkolivegreen: '#556b2f',
|
|
52
|
+
darkorange: '#ff8c00',
|
|
53
|
+
darkorchid: '#9932cc',
|
|
54
|
+
darkred: '#8b0000',
|
|
55
|
+
darksalmon: '#e9967a',
|
|
56
|
+
darkseagreen: '#8fbc8f',
|
|
57
|
+
darkslateblue: '#483d8b',
|
|
58
|
+
darkslategray: '#2f4f4f',
|
|
59
|
+
darkslategrey: '#2f4f4f',
|
|
60
|
+
darkturquoise: '#00ced1',
|
|
61
|
+
darkviolet: '#9400d3',
|
|
62
|
+
deeppink: '#ff1493',
|
|
63
|
+
deepskyblue: '#00bfff',
|
|
64
|
+
dimgray: '#696969',
|
|
65
|
+
dimgrey: '#696969',
|
|
66
|
+
dodgerblue: '#1e90ff',
|
|
67
|
+
firebrick: '#b22222',
|
|
68
|
+
floralwhite: '#fffaf0',
|
|
69
|
+
forestgreen: '#228b22',
|
|
70
|
+
fuchsia: '#ff00ff',
|
|
71
|
+
gainsboro: '#dcdcdc',
|
|
72
|
+
ghostwhite: '#f8f8ff',
|
|
73
|
+
gold: '#ffd700',
|
|
74
|
+
goldenrod: '#daa520',
|
|
75
|
+
gray: '#808080',
|
|
76
|
+
green: '#008000',
|
|
77
|
+
greenyellow: '#adff2f',
|
|
78
|
+
grey: '#808080',
|
|
79
|
+
honeydew: '#f0fff0',
|
|
80
|
+
hotpink: '#ff69b4',
|
|
81
|
+
indianred: '#cd5c5c',
|
|
82
|
+
indigo: '#4b0082',
|
|
83
|
+
ivory: '#fffff0',
|
|
84
|
+
khaki: '#f0e68c',
|
|
85
|
+
lavender: '#e6e6fa',
|
|
86
|
+
lavenderblush: '#fff0f5',
|
|
87
|
+
lawngreen: '#7cfc00',
|
|
88
|
+
lemonchiffon: '#fffacd',
|
|
89
|
+
lightblue: '#add8e6',
|
|
90
|
+
lightcoral: '#f08080',
|
|
91
|
+
lightcyan: '#e0ffff',
|
|
92
|
+
lightgoldenrodyellow: '#fafad2',
|
|
93
|
+
lightgray: '#d3d3d3',
|
|
94
|
+
lightgreen: '#90ee90',
|
|
95
|
+
lightgrey: '#d3d3d3',
|
|
96
|
+
lightpink: '#ffb6c1',
|
|
97
|
+
lightsalmon: '#ffa07a',
|
|
98
|
+
lightseagreen: '#20b2aa',
|
|
99
|
+
lightskyblue: '#87cefa',
|
|
100
|
+
lightslategray: '#778899',
|
|
101
|
+
lightslategrey: '#778899',
|
|
102
|
+
lightsteelblue: '#b0c4de',
|
|
103
|
+
lightyellow: '#ffffe0',
|
|
104
|
+
lime: '#00ff00',
|
|
105
|
+
limegreen: '#32cd32',
|
|
106
|
+
linen: '#faf0e6',
|
|
107
|
+
magenta: '#ff00ff',
|
|
108
|
+
maroon: '#800000',
|
|
109
|
+
mediumaquamarine: '#66cdaa',
|
|
110
|
+
mediumblue: '#0000cd',
|
|
111
|
+
mediumorchid: '#ba55d3',
|
|
112
|
+
mediumpurple: '#9370db',
|
|
113
|
+
mediumseagreen: '#3cb371',
|
|
114
|
+
mediumslateblue: '#7b68ee',
|
|
115
|
+
mediumspringgreen: '#00fa9a',
|
|
116
|
+
mediumturquoise: '#48d1cc',
|
|
117
|
+
mediumvioletred: '#c71585',
|
|
118
|
+
midnightblue: '#191970',
|
|
119
|
+
mintcream: '#f5fffa',
|
|
120
|
+
mistyrose: '#ffe4e1',
|
|
121
|
+
moccasin: '#ffe4b5',
|
|
122
|
+
navajowhite: '#ffdead',
|
|
123
|
+
navy: '#000080',
|
|
124
|
+
oldlace: '#fdf5e6',
|
|
125
|
+
olive: '#808000',
|
|
126
|
+
olivedrab: '#6b8e23',
|
|
127
|
+
orange: '#ffa500',
|
|
128
|
+
orangered: '#ff4500',
|
|
129
|
+
orchid: '#da70d6',
|
|
130
|
+
palegoldenrod: '#eee8aa',
|
|
131
|
+
palegreen: '#98fb98',
|
|
132
|
+
paleturquoise: '#afeeee',
|
|
133
|
+
palevioletred: '#db7093',
|
|
134
|
+
papayawhip: '#ffefd5',
|
|
135
|
+
peachpuff: '#ffdab9',
|
|
136
|
+
peru: '#cd853f',
|
|
137
|
+
pink: '#ffc0cb',
|
|
138
|
+
plum: '#dda0dd',
|
|
139
|
+
powderblue: '#b0e0e6',
|
|
140
|
+
purple: '#800080',
|
|
141
|
+
rebeccapurple: '#663399',
|
|
142
|
+
red: '#ff0000',
|
|
143
|
+
rosybrown: '#bc8f8f',
|
|
144
|
+
royalblue: '#4169e1',
|
|
145
|
+
saddlebrown: '#8b4513',
|
|
146
|
+
salmon: '#fa8072',
|
|
147
|
+
sandybrown: '#f4a460',
|
|
148
|
+
seagreen: '#2e8b57',
|
|
149
|
+
seashell: '#fff5ee',
|
|
150
|
+
sienna: '#a0522d',
|
|
151
|
+
silver: '#c0c0c0',
|
|
152
|
+
skyblue: '#87ceeb',
|
|
153
|
+
slateblue: '#6a5acd',
|
|
154
|
+
slategray: '#708090',
|
|
155
|
+
slategrey: '#708090',
|
|
156
|
+
snow: '#fffafa',
|
|
157
|
+
springgreen: '#00ff7f',
|
|
158
|
+
steelblue: '#4682b4',
|
|
159
|
+
tan: '#d2b48c',
|
|
160
|
+
teal: '#008080',
|
|
161
|
+
thistle: '#d8bfd8',
|
|
162
|
+
tomato: '#ff6347',
|
|
163
|
+
turquoise: '#40e0d0',
|
|
164
|
+
violet: '#ee82ee',
|
|
165
|
+
wheat: '#f5deb3',
|
|
166
|
+
white: '#ffffff',
|
|
167
|
+
whitesmoke: '#f5f5f5',
|
|
168
|
+
yellow: '#ffff00',
|
|
169
|
+
yellowgreen: '#9acd32'
|
|
170
|
+
};
|
|
171
|
+
const clamp = (value, min, max) => Math.min(max, Math.max(min, value));
|
|
172
|
+
function parse(input) {
|
|
173
|
+
let color = (input || '').trim().toLowerCase();
|
|
174
|
+
const named = NAMED_COLORS[color];
|
|
175
|
+
if (named) color = named;
|
|
176
|
+
if (color[0] === '#') {
|
|
177
|
+
let hex = color.slice(1);
|
|
178
|
+
if (hex.length === 3 || hex.length === 4) {
|
|
179
|
+
hex = hex.split('').map(c => c + c).join('');
|
|
180
|
+
}
|
|
181
|
+
const r = parseInt(hex.slice(0, 2), 16);
|
|
182
|
+
const g = parseInt(hex.slice(2, 4), 16);
|
|
183
|
+
const b = parseInt(hex.slice(4, 6), 16);
|
|
184
|
+
const a = hex.length === 8 ? parseInt(hex.slice(6, 8), 16) / 255 : 1;
|
|
185
|
+
if (![r, g, b].some(Number.isNaN)) return {
|
|
186
|
+
r,
|
|
187
|
+
g,
|
|
188
|
+
b,
|
|
189
|
+
a
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
const rgb = color.match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*(?:,\s*([\d.]+)\s*)?\)$/);
|
|
193
|
+
if (rgb) {
|
|
194
|
+
return {
|
|
195
|
+
r: Number(rgb[1]),
|
|
196
|
+
g: Number(rgb[2]),
|
|
197
|
+
b: Number(rgb[3]),
|
|
198
|
+
a: rgb[4] !== undefined ? Number(rgb[4]) : 1
|
|
199
|
+
};
|
|
200
|
+
}
|
|
201
|
+
return {
|
|
202
|
+
r: 0,
|
|
203
|
+
g: 0,
|
|
204
|
+
b: 0,
|
|
205
|
+
a: 1
|
|
206
|
+
};
|
|
207
|
+
}
|
|
208
|
+
function rgbToHsl({
|
|
209
|
+
r,
|
|
210
|
+
g,
|
|
211
|
+
b
|
|
212
|
+
}) {
|
|
213
|
+
const rn = r / 255;
|
|
214
|
+
const gn = g / 255;
|
|
215
|
+
const bn = b / 255;
|
|
216
|
+
const max = Math.max(rn, gn, bn);
|
|
217
|
+
const min = Math.min(rn, gn, bn);
|
|
218
|
+
const l = (max + min) / 2;
|
|
219
|
+
let h = 0;
|
|
220
|
+
let s = 0;
|
|
221
|
+
if (max !== min) {
|
|
222
|
+
const d = max - min;
|
|
223
|
+
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
224
|
+
switch (max) {
|
|
225
|
+
case rn:
|
|
226
|
+
h = (gn - bn) / d + (gn < bn ? 6 : 0);
|
|
227
|
+
break;
|
|
228
|
+
case gn:
|
|
229
|
+
h = (bn - rn) / d + 2;
|
|
230
|
+
break;
|
|
231
|
+
default:
|
|
232
|
+
h = (rn - gn) / d + 4;
|
|
233
|
+
}
|
|
234
|
+
h /= 6;
|
|
235
|
+
}
|
|
236
|
+
return {
|
|
237
|
+
h,
|
|
238
|
+
s,
|
|
239
|
+
l
|
|
240
|
+
};
|
|
241
|
+
}
|
|
242
|
+
function hslToRgb(h, s, l) {
|
|
243
|
+
if (s === 0) {
|
|
244
|
+
const v = l * 255;
|
|
245
|
+
return {
|
|
246
|
+
r: v,
|
|
247
|
+
g: v,
|
|
248
|
+
b: v
|
|
249
|
+
};
|
|
250
|
+
}
|
|
251
|
+
const hue2rgb = (p, q, t) => {
|
|
252
|
+
let tt = t;
|
|
253
|
+
if (tt < 0) tt += 1;
|
|
254
|
+
if (tt > 1) tt -= 1;
|
|
255
|
+
if (tt < 1 / 6) return p + (q - p) * 6 * tt;
|
|
256
|
+
if (tt < 1 / 2) return q;
|
|
257
|
+
if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;
|
|
258
|
+
return p;
|
|
259
|
+
};
|
|
260
|
+
const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
|
|
261
|
+
const p = 2 * l - q;
|
|
262
|
+
return {
|
|
263
|
+
r: hue2rgb(p, q, h + 1 / 3) * 255,
|
|
264
|
+
g: hue2rgb(p, q, h) * 255,
|
|
265
|
+
b: hue2rgb(p, q, h - 1 / 3) * 255
|
|
266
|
+
};
|
|
267
|
+
}
|
|
268
|
+
const toHex = n => Math.round(clamp(n, 0, 255)).toString(16).padStart(2, '0');
|
|
269
|
+
|
|
270
|
+
/** Perceived brightness on a 0–255 scale (W3C formula, as tinycolor uses). */
|
|
271
|
+
function getBrightness(input) {
|
|
272
|
+
const {
|
|
273
|
+
r,
|
|
274
|
+
g,
|
|
275
|
+
b
|
|
276
|
+
} = parse(input);
|
|
277
|
+
return (r * 299 + g * 587 + b * 114) / 1000;
|
|
278
|
+
}
|
|
279
|
+
function adjustLightness(input, delta) {
|
|
280
|
+
const hsl = rgbToHsl(parse(input));
|
|
281
|
+
const {
|
|
282
|
+
r,
|
|
283
|
+
g,
|
|
284
|
+
b
|
|
285
|
+
} = hslToRgb(hsl.h, hsl.s, clamp(hsl.l + delta, 0, 1));
|
|
286
|
+
return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
/** Lighten by `amount` percent (HSL lightness), returning a hex string. */
|
|
290
|
+
function lighten(input, amount = 10) {
|
|
291
|
+
return adjustLightness(input, amount / 100);
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
/** Darken by `amount` percent (HSL lightness), returning a hex string. */
|
|
295
|
+
function darken(input, amount = 10) {
|
|
296
|
+
return adjustLightness(input, -amount / 100);
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
/** Return an `rgba()` string for `input` with the given alpha. */
|
|
300
|
+
function setAlpha(input, alpha) {
|
|
301
|
+
const {
|
|
302
|
+
r,
|
|
303
|
+
g,
|
|
304
|
+
b
|
|
305
|
+
} = parse(input);
|
|
306
|
+
return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;
|
|
307
|
+
}
|
|
308
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["NAMED_COLORS","aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkgrey","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkslategrey","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dimgrey","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","green","greenyellow","grey","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgray","lightgreen","lightgrey","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightslategrey","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","rebeccapurple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","slategrey","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen","clamp","value","min","max","Math","parse","input","color","trim","toLowerCase","named","hex","slice","length","split","map","c","join","r","parseInt","g","b","a","some","Number","isNaN","rgb","match","undefined","rgbToHsl","rn","gn","bn","l","h","s","d","hslToRgb","v","hue2rgb","p","q","t","tt","toHex","n","round","toString","padStart","getBrightness","adjustLightness","delta","hsl","lighten","amount","darken","setAlpha","alpha"],"sourceRoot":"../../../src","sources":["utils/color.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import React, { useMemo } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import { getBrightness, lighten, darken } from '../utils/color';
|
|
4
4
|
import { Animated, StyleSheet, Dimensions } from 'react-native';
|
|
5
5
|
import { Pagination } from './Pagination';
|
|
6
6
|
import { OnboardingPage } from './Page';
|
|
@@ -16,9 +16,9 @@ export const OnboardingPages = ({
|
|
|
16
16
|
const pageWidth = props.width || width;
|
|
17
17
|
const currentPage_ = props.pages[props.currentPage];
|
|
18
18
|
const currentBackgroundColor = (currentPage_ === null || currentPage_ === void 0 ? void 0 : currentPage_.backgroundColor) ?? 'white';
|
|
19
|
-
const isLight =
|
|
20
|
-
const footerBackgroundColor = isLight ?
|
|
21
|
-
const color =
|
|
19
|
+
const isLight = getBrightness(currentBackgroundColor) > 180;
|
|
20
|
+
const footerBackgroundColor = isLight ? darken(currentBackgroundColor, 30) : lighten(currentBackgroundColor, 30);
|
|
21
|
+
const color = getBrightness(footerBackgroundColor) > 180 ? darken(footerBackgroundColor, 60) : lighten(footerBackgroundColor, 60);
|
|
22
22
|
const interpolatedBackgroundColor = useMemo(() => {
|
|
23
23
|
const pages = props.pages;
|
|
24
24
|
// interpolate() requires at least 2 stops; for 0 or 1 pages there is
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","
|
|
1
|
+
{"version":3,"names":["React","useMemo","getBrightness","lighten","darken","Animated","StyleSheet","Dimensions","Pagination","OnboardingPage","SkipButton","width","get","OnboardingPages","showPagination","showNext","props","pageWidth","currentPage_","pages","currentPage","currentBackgroundColor","backgroundColor","isLight","footerBackgroundColor","color","interpolatedBackgroundColor","length","inputRange","map","_","i","outputRange","p","scrollX","interpolate","extrapolate","paginationProps","onNext","nextPage","onSkip","onDone","showDone","showPrevious","animatedValue","dotsAnimatedValue","showSkip","numberOfScreens","skipLabel","nextLabel","previousLabel","hasSkipPosition","skipButtonPosition","doneLabel","paginationStyle","progressBarStyle","progressBarFillStyle","dotsAreTappable","mirror","paginationContainerStyle","buttonRightContainerStyle","buttonLeftContainerStyle","dotsContainerStyle","doneLabelStyle","skipLabelStyle","previousLabelStyle","nextLabelStyle","skipButtonContainerStyle","nextButtonContainerStyle","doneButtonContainerStyle","previousButtonContainerStyle","createElement","View","style","styles","container","buttonTextStyle","buttonStyle","position","label","onPress","paginationPosition","Fragment","customFooter","FlatList","ref","node","setFlatListRef","data","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","undefined","keyExtractor","index","toString","renderItem","item","_extends","swap","key","onScroll","onScrollBeginDrag","scrollEventThrottle","onMomentumScrollEnd","event","pageIndex","Math","round","nativeEvent","contentOffset","x","setPage","create","flex","justifyContent","alignItems","screen","pagination","flexDirection","paddingVertical","paddingHorizontal","dot","height","borderRadius","margin","dotsContainer","transform","scaleX"],"sourceRoot":"../../../src","sources":["components/OnboardingPages.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import { View, Pressable, Animated, StyleSheet } from 'react-native';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import
|
|
4
|
+
import { setAlpha } from '../utils/color';
|
|
5
5
|
import { useOnboarding } from '../hooks/useOnboarding';
|
|
6
6
|
import { Button } from './button';
|
|
7
7
|
export function Pagination(props) {
|
|
@@ -45,7 +45,7 @@ export function Pagination(props) {
|
|
|
45
45
|
// Derive a faint track from the (background-aware) fill color so it
|
|
46
46
|
// stays visible on both light and dark pages.
|
|
47
47
|
{
|
|
48
|
-
backgroundColor:
|
|
48
|
+
backgroundColor: setAlpha(props.color, 0.25)
|
|
49
49
|
},
|
|
50
50
|
// Mirror the fill direction so it grows from the trailing edge.
|
|
51
51
|
props.mirror && styles.mirror, props.progressBarStyle]
|