@grupalia/rn-ui-kit 0.58.0 → 0.60.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/lib/commonjs/components/AppView.js +4 -4
- package/lib/commonjs/components/AppView.js.map +1 -1
- package/lib/commonjs/components/WizardWithHeaderSteps.js +15 -24
- package/lib/commonjs/components/WizardWithHeaderSteps.js.map +1 -1
- package/lib/module/components/AppView.js +4 -4
- package/lib/module/components/AppView.js.map +1 -1
- package/lib/module/components/WizardWithHeaderSteps.js +15 -24
- package/lib/module/components/WizardWithHeaderSteps.js.map +1 -1
- package/lib/typescript/commonjs/components/AppView.d.ts +1 -1
- package/lib/typescript/commonjs/components/AppView.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/WizardWithHeaderSteps.d.ts +5 -3
- package/lib/typescript/commonjs/components/WizardWithHeaderSteps.d.ts.map +1 -1
- package/lib/typescript/module/components/AppView.d.ts +1 -1
- package/lib/typescript/module/components/AppView.d.ts.map +1 -1
- package/lib/typescript/module/components/WizardWithHeaderSteps.d.ts +5 -3
- package/lib/typescript/module/components/WizardWithHeaderSteps.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -15,7 +15,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
15
15
|
function AppView({
|
|
16
16
|
children,
|
|
17
17
|
scrollable = true,
|
|
18
|
-
background = '
|
|
18
|
+
background = 'primary',
|
|
19
19
|
stickyFooterChildren = null,
|
|
20
20
|
customNetworkBanner = null,
|
|
21
21
|
banner = null,
|
|
@@ -24,11 +24,11 @@ function AppView({
|
|
|
24
24
|
const isAboveXs = (0, _hooks.useIsAboveBreakpoint)('xs');
|
|
25
25
|
const backgroundColor = backgroundProp => {
|
|
26
26
|
switch (backgroundProp) {
|
|
27
|
-
case '
|
|
27
|
+
case 'primary':
|
|
28
28
|
return 'bg-primary';
|
|
29
|
-
case '
|
|
29
|
+
case 'secondary':
|
|
30
30
|
default:
|
|
31
|
-
return 'bg-
|
|
31
|
+
return 'bg-secondary';
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
const paddingBottom = stickyFooterChildren ? 148 : 40;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_BaseStickyFooter","_hocComponents","_NetworkBanner","_hooks","_jsxRuntime","e","__esModule","default","AppView","children","scrollable","background","stickyFooterChildren","customNetworkBanner","banner","props","isAboveXs","useIsAboveBreakpoint","backgroundColor","backgroundProp","paddingBottom","jsxs","View","className","clsx","ScrollView","contentContainerStyle","flexGrow","automaticallyAdjustKeyboardInsets","jsx","style","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/AppView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAgD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAwBhD,SAASG,OAAOA,CAAC;EACfC,QAAQ;EACRC,UAAU,GAAG,IAAI;EACjBC,UAAU,GAAG,
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_nativewind","_BaseStickyFooter","_hocComponents","_NetworkBanner","_hooks","_jsxRuntime","e","__esModule","default","AppView","children","scrollable","background","stickyFooterChildren","customNetworkBanner","banner","props","isAboveXs","useIsAboveBreakpoint","backgroundColor","backgroundProp","paddingBottom","jsxs","View","className","clsx","ScrollView","contentContainerStyle","flexGrow","automaticallyAdjustKeyboardInsets","jsx","style","_default","exports","styled"],"sourceRoot":"../../../src","sources":["components/AppView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,36 +4,38 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = WizardWithHeaderSteps;
|
|
7
|
-
var _native = require("@react-navigation/native");
|
|
8
7
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
-
var _react = require("react");
|
|
10
8
|
var _reactUseWizard = require("react-use-wizard");
|
|
11
|
-
var _AppView = _interopRequireDefault(require("./AppView"));
|
|
12
9
|
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
13
10
|
var _BaseText = _interopRequireDefault(require("./BaseText"));
|
|
14
11
|
var _line = require("./icons/untitledui/line");
|
|
15
12
|
var _PressableOpacity = _interopRequireDefault(require("./PressableOpacity"));
|
|
16
13
|
var _hocComponents = require("../hoc-components");
|
|
14
|
+
var _hooks = require("../hooks");
|
|
17
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
17
|
function WizardHeader({
|
|
20
|
-
onPop
|
|
18
|
+
onPop,
|
|
19
|
+
hideBackButton = false,
|
|
20
|
+
background = 'primary'
|
|
21
21
|
}) {
|
|
22
22
|
const {
|
|
23
23
|
activeStep,
|
|
24
24
|
previousStep,
|
|
25
25
|
stepCount
|
|
26
26
|
} = (0, _reactUseWizard.useWizard)();
|
|
27
|
+
const isAboveXs = (0, _hooks.useIsAboveBreakpoint)('xs');
|
|
28
|
+
const canGoBack = activeStep > 0 || Boolean(onPop);
|
|
27
29
|
function goBack() {
|
|
28
30
|
if (activeStep === 0) {
|
|
29
|
-
onPop();
|
|
31
|
+
onPop?.();
|
|
30
32
|
} else {
|
|
31
33
|
previousStep();
|
|
32
34
|
}
|
|
33
35
|
}
|
|
34
36
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
35
|
-
className:
|
|
36
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_PressableOpacity.default, {
|
|
37
|
+
className: (0, _clsx.default)('flex flex-row items-center space-x-4 pt-4', isAboveXs ? 'px-6' : 'px-4', background === 'primary' ? 'bg-primary' : 'bg-secondary'),
|
|
38
|
+
children: [canGoBack && !hideBackButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PressableOpacity.default, {
|
|
37
39
|
className: "flex-row items-center space-x-2",
|
|
38
40
|
onPress: () => goBack(),
|
|
39
41
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseIcon.default, {
|
|
@@ -59,24 +61,13 @@ function WizardHeader({
|
|
|
59
61
|
}
|
|
60
62
|
function WizardWithHeaderSteps({
|
|
61
63
|
children,
|
|
62
|
-
|
|
64
|
+
headerOptions
|
|
63
65
|
}) {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
return () => navigation.setOptions({
|
|
70
|
-
headerShown: true
|
|
71
|
-
});
|
|
72
|
-
}, [navigation]);
|
|
73
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppView.default, {
|
|
74
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactUseWizard.Wizard, {
|
|
75
|
-
header: /*#__PURE__*/(0, _jsxRuntime.jsx)(WizardHeader, {
|
|
76
|
-
onPop: onPop
|
|
77
|
-
}),
|
|
78
|
-
children: children
|
|
79
|
-
})
|
|
66
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactUseWizard.Wizard, {
|
|
67
|
+
header: /*#__PURE__*/(0, _jsxRuntime.jsx)(WizardHeader, {
|
|
68
|
+
...headerOptions
|
|
69
|
+
}),
|
|
70
|
+
children: children
|
|
80
71
|
});
|
|
81
72
|
}
|
|
82
73
|
//# sourceMappingURL=WizardWithHeaderSteps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_clsx","_interopRequireDefault","require","_reactUseWizard","_BaseIcon","_BaseText","_line","_PressableOpacity","_hocComponents","_hooks","_jsxRuntime","e","__esModule","default","WizardHeader","onPop","hideBackButton","background","activeStep","previousStep","stepCount","useWizard","isAboveXs","useIsAboveBreakpoint","canGoBack","Boolean","goBack","jsxs","View","className","clsx","children","onPress","jsx","icon","ArrowLeft","size","color","Array","from","length","_","index","id","map","step","WizardWithHeaderSteps","headerOptions","Wizard","header"],"sourceRoot":"../../../src","sources":["components/WizardWithHeaderSteps.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
10
10
|
function AppView({
|
|
11
11
|
children,
|
|
12
12
|
scrollable = true,
|
|
13
|
-
background = '
|
|
13
|
+
background = 'primary',
|
|
14
14
|
stickyFooterChildren = null,
|
|
15
15
|
customNetworkBanner = null,
|
|
16
16
|
banner = null,
|
|
@@ -19,11 +19,11 @@ function AppView({
|
|
|
19
19
|
const isAboveXs = useIsAboveBreakpoint('xs');
|
|
20
20
|
const backgroundColor = backgroundProp => {
|
|
21
21
|
switch (backgroundProp) {
|
|
22
|
-
case '
|
|
22
|
+
case 'primary':
|
|
23
23
|
return 'bg-primary';
|
|
24
|
-
case '
|
|
24
|
+
case 'secondary':
|
|
25
25
|
default:
|
|
26
|
-
return 'bg-
|
|
26
|
+
return 'bg-secondary';
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
const paddingBottom = stickyFooterChildren ? 148 : 40;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","styled","StickyFooter","ScrollView","View","NetworkBanner","useIsAboveBreakpoint","jsx","_jsx","jsxs","_jsxs","AppView","children","scrollable","background","stickyFooterChildren","customNetworkBanner","banner","props","isAboveXs","backgroundColor","backgroundProp","paddingBottom","className","contentContainerStyle","flexGrow","automaticallyAdjustKeyboardInsets","style"],"sourceRoot":"../../../src","sources":["components/AppView.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,MAAM,QAAQ,YAAY;AAGnC,OAAOC,YAAY,MAAM,uBAAoB;AAC7C,SAASC,UAAU,EAAEC,IAAI,QAAQ,sBAAmB;AACpD,OAAOC,aAAa,MAAM,oBAAiB;AAC3C,SAASC,oBAAoB,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBhD,SAASC,OAAOA,CAAC;EACfC,QAAQ;EACRC,UAAU,GAAG,IAAI;EACjBC,UAAU,GAAG,
|
|
1
|
+
{"version":3,"names":["clsx","styled","StickyFooter","ScrollView","View","NetworkBanner","useIsAboveBreakpoint","jsx","_jsx","jsxs","_jsxs","AppView","children","scrollable","background","stickyFooterChildren","customNetworkBanner","banner","props","isAboveXs","backgroundColor","backgroundProp","paddingBottom","className","contentContainerStyle","flexGrow","automaticallyAdjustKeyboardInsets","style"],"sourceRoot":"../../../src","sources":["components/AppView.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,MAAM,QAAQ,YAAY;AAGnC,OAAOC,YAAY,MAAM,uBAAoB;AAC7C,SAASC,UAAU,EAAEC,IAAI,QAAQ,sBAAmB;AACpD,OAAOC,aAAa,MAAM,oBAAiB;AAC3C,SAASC,oBAAoB,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAwBhD,SAASC,OAAOA,CAAC;EACfC,QAAQ;EACRC,UAAU,GAAG,IAAI;EACjBC,UAAU,GAAG,SAAS;EACtBC,oBAAoB,GAAG,IAAI;EAC3BC,mBAAmB,GAAG,IAAI;EAC1BC,MAAM,GAAG,IAAI;EACb,GAAGC;AACS,CAAC,EAAE;EACf,MAAMC,SAAS,GAAGb,oBAAoB,CAAC,IAAI,CAAC;EAE5C,MAAMc,eAAe,GAAIC,cAAsB,IAAK;IAClD,QAAQA,cAAc;MACpB,KAAK,SAAS;QACZ,OAAO,YAAY;MACrB,KAAK,WAAW;MAChB;QACE,OAAO,cAAc;IACzB;EACF,CAAC;EAED,MAAMC,aAAa,GAAGP,oBAAoB,GAAG,GAAG,GAAG,EAAE;EAErD,oBACEL,KAAA,CAACN,IAAI;IAACmB,SAAS,EAAEvB,IAAI,CAAC,QAAQ,EAAEoB,eAAe,CAACN,UAAU,CAAC,CAAE;IAAAF,QAAA,GAC1DC,UAAU,gBACTH,KAAA,CAACP,UAAU;MACTqB,qBAAqB,EAAE;QACrBC,QAAQ,EAAE,CAAC;QACXH;MACF,CAAE;MACFI,iCAAiC;MAAA,GAC7BR,KAAK;MAAAN,QAAA,gBAETF,KAAA,CAACN,IAAI;QAAAQ,QAAA,GACFK,MAAM,EACND,mBAAmB,iBAAIR,IAAA,CAACH,aAAa,IAAE,CAAC;MAAA,CACrC,CAAC,eACPG,IAAA,CAACJ,IAAI;QAACmB,SAAS,EAAEvB,IAAI,CACnB,aAAa,EACbmB,SAAS,GAAG,MAAM,GAAG,MACvB,CAAE;QAAAP,QAAA,EAECA;MAAQ,CACL,CAAC;IAAA,CACG,CAAC,gBAEbF,KAAA,CAACN,IAAI;MACHmB,SAAS,EAAEvB,IAAI,CACb,aAAa,EACbmB,SAAS,GAAG,MAAM,GAAG,MACvB,CAAE;MACFQ,KAAK,EAAE;QAAEL;MAAc,CAAE;MAAA,GACrBJ,KAAK;MAAAN,QAAA,gBAETF,KAAA,CAACN,IAAI;QAAAQ,QAAA,GACFK,MAAM,EACND,mBAAmB,iBAAIR,IAAA,CAACH,aAAa,IAAE,CAAC;MAAA,CACrC,CAAC,eACPG,IAAA,CAACJ,IAAI;QAACmB,SAAS,EAAC,aAAa;QAAAX,QAAA,EAC1BA;MAAQ,CACL,CAAC;IAAA,CACH,CACP,EACAG,oBAAoB,iBACnBP,IAAA,CAACN,YAAY;MAAAU,QAAA,EACVG;IAAoB,CACT,CACf;EAAA,CACG,CAAC;AAEX;AAEA,eAAed,MAAM,CAACU,OAAO,CAAC","ignoreList":[]}
|
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useNavigation } from '@react-navigation/native';
|
|
4
3
|
import clsx from 'clsx';
|
|
5
|
-
import { useEffect } from 'react';
|
|
6
4
|
import { useWizard, Wizard } from 'react-use-wizard';
|
|
7
|
-
import AppView from "./AppView.js";
|
|
8
5
|
import BaseIcon from "./BaseIcon.js";
|
|
9
6
|
import BaseText from "./BaseText.js";
|
|
10
7
|
import { ArrowLeft } from "./icons/untitledui/line/index.js";
|
|
11
8
|
import PressableOpacity from "./PressableOpacity.js";
|
|
12
9
|
import { View } from "../hoc-components.js";
|
|
10
|
+
import { useIsAboveBreakpoint } from "../hooks/index.js";
|
|
13
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
12
|
function WizardHeader({
|
|
15
|
-
onPop
|
|
13
|
+
onPop,
|
|
14
|
+
hideBackButton = false,
|
|
15
|
+
background = 'primary'
|
|
16
16
|
}) {
|
|
17
17
|
const {
|
|
18
18
|
activeStep,
|
|
19
19
|
previousStep,
|
|
20
20
|
stepCount
|
|
21
21
|
} = useWizard();
|
|
22
|
+
const isAboveXs = useIsAboveBreakpoint('xs');
|
|
23
|
+
const canGoBack = activeStep > 0 || Boolean(onPop);
|
|
22
24
|
function goBack() {
|
|
23
25
|
if (activeStep === 0) {
|
|
24
|
-
onPop();
|
|
26
|
+
onPop?.();
|
|
25
27
|
} else {
|
|
26
28
|
previousStep();
|
|
27
29
|
}
|
|
28
30
|
}
|
|
29
31
|
return /*#__PURE__*/_jsxs(View, {
|
|
30
|
-
className:
|
|
31
|
-
children: [/*#__PURE__*/_jsxs(PressableOpacity, {
|
|
32
|
+
className: clsx('flex flex-row items-center space-x-4 pt-4', isAboveXs ? 'px-6' : 'px-4', background === 'primary' ? 'bg-primary' : 'bg-secondary'),
|
|
33
|
+
children: [canGoBack && !hideBackButton && /*#__PURE__*/_jsxs(PressableOpacity, {
|
|
32
34
|
className: "flex-row items-center space-x-2",
|
|
33
35
|
onPress: () => goBack(),
|
|
34
36
|
children: [/*#__PURE__*/_jsx(BaseIcon, {
|
|
@@ -54,24 +56,13 @@ function WizardHeader({
|
|
|
54
56
|
}
|
|
55
57
|
export default function WizardWithHeaderSteps({
|
|
56
58
|
children,
|
|
57
|
-
|
|
59
|
+
headerOptions
|
|
58
60
|
}) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
return () => navigation.setOptions({
|
|
65
|
-
headerShown: true
|
|
66
|
-
});
|
|
67
|
-
}, [navigation]);
|
|
68
|
-
return /*#__PURE__*/_jsx(AppView, {
|
|
69
|
-
children: /*#__PURE__*/_jsx(Wizard, {
|
|
70
|
-
header: /*#__PURE__*/_jsx(WizardHeader, {
|
|
71
|
-
onPop: onPop
|
|
72
|
-
}),
|
|
73
|
-
children: children
|
|
74
|
-
})
|
|
61
|
+
return /*#__PURE__*/_jsx(Wizard, {
|
|
62
|
+
header: /*#__PURE__*/_jsx(WizardHeader, {
|
|
63
|
+
...headerOptions
|
|
64
|
+
}),
|
|
65
|
+
children: children
|
|
75
66
|
});
|
|
76
67
|
}
|
|
77
68
|
//# sourceMappingURL=WizardWithHeaderSteps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["clsx","useWizard","Wizard","BaseIcon","BaseText","ArrowLeft","PressableOpacity","View","useIsAboveBreakpoint","jsx","_jsx","jsxs","_jsxs","WizardHeader","onPop","hideBackButton","background","activeStep","previousStep","stepCount","isAboveXs","canGoBack","Boolean","goBack","className","children","onPress","icon","size","color","Array","from","length","_","index","id","map","step","WizardWithHeaderSteps","headerOptions","header"],"sourceRoot":"../../../src","sources":["components/WizardWithHeaderSteps.tsx"],"mappings":";;AAAA,OAAOA,IAAI,MAAM,MAAM;AAEvB,SAASC,SAAS,EAAEC,MAAM,QAAQ,kBAAkB;AAEpD,OAAOC,QAAQ,MAAM,eAAY;AACjC,OAAOC,QAAQ,MAAM,eAAY;AACjC,SAASC,SAAS,QAAQ,kCAAyB;AACnD,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,SAASC,IAAI,QAAQ,sBAAmB;AACxC,SAASC,oBAAoB,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOhD,SAASC,YAAYA,CAAC;EAAEC,KAAK;EAAEC,cAAc,GAAG,KAAK;EAAEC,UAAU,GAAG;AAA6B,CAAC,EAAE;EAClG,MAAM;IAAEC,UAAU;IAAEC,YAAY;IAAEC;EAAU,CAAC,GAAGlB,SAAS,CAAC,CAAC;EAC3D,MAAMmB,SAAS,GAAGZ,oBAAoB,CAAC,IAAI,CAAC;EAC5C,MAAMa,SAAS,GAAGJ,UAAU,GAAG,CAAC,IAAIK,OAAO,CAACR,KAAK,CAAC;EAElD,SAASS,MAAMA,CAAA,EAAG;IAChB,IAAIN,UAAU,KAAK,CAAC,EAAE;MACpBH,KAAK,GAAG,CAAC;IACX,CAAC,MAAM;MACLI,YAAY,CAAC,CAAC;IAChB;EACF;EAEA,oBACEN,KAAA,CAACL,IAAI;IACHiB,SAAS,EAAExB,IAAI,CACb,2CAA2C,EAC3CoB,SAAS,GAAG,MAAM,GAAG,MAAM,EAC3BJ,UAAU,KAAK,SAAS,GAAG,YAAY,GAAG,cAC5C,CAAE;IAAAS,QAAA,GAEDJ,SAAS,IAAI,CAACN,cAAc,iBAC3BH,KAAA,CAACN,gBAAgB;MACfkB,SAAS,EAAC,iCAAiC;MAC3CE,OAAO,EAAEA,CAAA,KAAMH,MAAM,CAAC,CAAE;MAAAE,QAAA,gBAExBf,IAAA,CAACP,QAAQ;QACPwB,IAAI,EAAEtB,SAAU;QAChBuB,IAAI,EAAE,EAAG;QACTC,KAAK,EAAC;MAAe,CACtB,CAAC,eACFnB,IAAA,CAACN,QAAQ;QAACoB,SAAS,EAAC,qCAAqC;QAAAC,QAAA,EAAC;MAE1D,CAAU,CAAC;IAAA,CACK,CACnB,eACDf,IAAA,CAACH,IAAI;MAACiB,SAAS,EAAC,8CAA8C;MAAAC,QAAA,EAC3DK,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAEb;MAAU,CAAC,EAAE,CAACc,CAAC,EAAEC,KAAK,MAAM;QAChDC,EAAE,EAAE,QAAQhB,SAAS,IAAIe,KAAK,EAAE;QAChCA;MACF,CAAC,CAAC,CAAC,CAACE,GAAG,CAAEC,IAAI,iBACX3B,IAAA,CAACH,IAAI;QAEHiB,SAAS,EAAExB,IAAI,CACb,yBAAyB,EACzBqC,IAAI,CAACH,KAAK,KAAKjB,UAAU,GAAG,gBAAgB,GAAG,aACjD;MAAE,GAJGoB,IAAI,CAACF,EAKX,CACF;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX;AAOA,eAAe,SAASG,qBAAqBA,CAAC;EAC5Cb,QAAQ;EACRc;AAC0B,CAAC,EAAE;EAC7B,oBACE7B,IAAA,CAACR,MAAM;IAACsC,MAAM,eACZ9B,IAAA,CAACG,YAAY;MAAA,GAAK0B;IAAa,CAAG,CAClC;IAAAd,QAAA,EAECA;EAAQ,CACH,CAAC;AAEb","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ import { ReactNode, ComponentProps } from 'react';
|
|
|
2
2
|
import { ScrollView, View } from '../hoc-components';
|
|
3
3
|
interface AppViewBaseProps {
|
|
4
4
|
children: ReactNode;
|
|
5
|
-
background?: '
|
|
5
|
+
background?: 'primary' | 'secondary';
|
|
6
6
|
stickyFooterChildren?: ReactNode;
|
|
7
7
|
customNetworkBanner?: ReactNode;
|
|
8
8
|
banner?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppView.d.ts","sourceRoot":"","sources":["../../../../src/components/AppView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"AppView.d.ts","sourceRoot":"","sources":["../../../../src/components/AppView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACrC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,sBACR,SAAQ,gBAAgB,EACxB,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC;IACnD,UAAU,EAAE,IAAI,CAAC;CAClB;AAED,UAAU,yBACR,SAAQ,gBAAgB,EACxB,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;;;;;;;;;;;;AA6ED,wBAA+B"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
interface WizardHeaderProps {
|
|
3
|
-
onPop
|
|
3
|
+
onPop?: () => void;
|
|
4
|
+
hideBackButton?: boolean;
|
|
5
|
+
background?: 'primary' | 'secondary';
|
|
4
6
|
}
|
|
5
7
|
interface WizardWithHeaderStepsProps {
|
|
6
8
|
children: ReactNode;
|
|
7
|
-
|
|
9
|
+
headerOptions?: WizardHeaderProps;
|
|
8
10
|
}
|
|
9
|
-
export default function WizardWithHeaderSteps({ children,
|
|
11
|
+
export default function WizardWithHeaderSteps({ children, headerOptions, }: WizardWithHeaderStepsProps): import("react").JSX.Element;
|
|
10
12
|
export {};
|
|
11
13
|
//# sourceMappingURL=WizardWithHeaderSteps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardWithHeaderSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/WizardWithHeaderSteps.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WizardWithHeaderSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/WizardWithHeaderSteps.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACtC;AAuDD,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,aAAa,GACd,EAAE,0BAA0B,+BAS5B"}
|
|
@@ -2,7 +2,7 @@ import { ReactNode, ComponentProps } from 'react';
|
|
|
2
2
|
import { ScrollView, View } from '../hoc-components';
|
|
3
3
|
interface AppViewBaseProps {
|
|
4
4
|
children: ReactNode;
|
|
5
|
-
background?: '
|
|
5
|
+
background?: 'primary' | 'secondary';
|
|
6
6
|
stickyFooterChildren?: ReactNode;
|
|
7
7
|
customNetworkBanner?: ReactNode;
|
|
8
8
|
banner?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppView.d.ts","sourceRoot":"","sources":["../../../../src/components/AppView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"AppView.d.ts","sourceRoot":"","sources":["../../../../src/components/AppView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IACrC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,sBACR,SAAQ,gBAAgB,EACxB,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC;IACnD,UAAU,EAAE,IAAI,CAAC;CAClB;AAED,UAAU,yBACR,SAAQ,gBAAgB,EACxB,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,UAAU,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;;;;;;;;;;;;AA6ED,wBAA+B"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
interface WizardHeaderProps {
|
|
3
|
-
onPop
|
|
3
|
+
onPop?: () => void;
|
|
4
|
+
hideBackButton?: boolean;
|
|
5
|
+
background?: 'primary' | 'secondary';
|
|
4
6
|
}
|
|
5
7
|
interface WizardWithHeaderStepsProps {
|
|
6
8
|
children: ReactNode;
|
|
7
|
-
|
|
9
|
+
headerOptions?: WizardHeaderProps;
|
|
8
10
|
}
|
|
9
|
-
export default function WizardWithHeaderSteps({ children,
|
|
11
|
+
export default function WizardWithHeaderSteps({ children, headerOptions, }: WizardWithHeaderStepsProps): import("react").JSX.Element;
|
|
10
12
|
export {};
|
|
11
13
|
//# sourceMappingURL=WizardWithHeaderSteps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WizardWithHeaderSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/WizardWithHeaderSteps.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"WizardWithHeaderSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/WizardWithHeaderSteps.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACtC;AAuDD,UAAU,0BAA0B;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,aAAa,GACd,EAAE,0BAA0B,+BAS5B"}
|