@grupalia/rn-ui-kit 0.13.0 → 0.14.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/lib/commonjs/components/BaseConfirmationModal.js +54 -0
- package/lib/commonjs/components/BaseConfirmationModal.js.map +1 -0
- package/lib/commonjs/components/BaseIconBox.js +77 -0
- package/lib/commonjs/components/BaseIconBox.js.map +1 -0
- package/lib/commonjs/components/index.js +14 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/hoc-components.js +7 -5
- package/lib/commonjs/hoc-components.js.map +1 -1
- package/lib/module/components/BaseConfirmationModal.js +49 -0
- package/lib/module/components/BaseConfirmationModal.js.map +1 -0
- package/lib/module/components/BaseIconBox.js +73 -0
- package/lib/module/components/BaseIconBox.js.map +1 -0
- package/lib/module/components/index.js +2 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/hoc-components.js +7 -6
- package/lib/module/hoc-components.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseConfirmationModal.d.ts +16 -0
- package/lib/typescript/commonjs/components/BaseConfirmationModal.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/BaseIconBox.d.ts +12 -0
- package/lib/typescript/commonjs/components/BaseIconBox.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/hoc-components.d.ts +22 -22
- package/lib/typescript/commonjs/hoc-components.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseConfirmationModal.d.ts +16 -0
- package/lib/typescript/module/components/BaseConfirmationModal.d.ts.map +1 -0
- package/lib/typescript/module/components/BaseIconBox.d.ts +12 -0
- package/lib/typescript/module/components/BaseIconBox.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +2 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/lib/typescript/module/hoc-components.d.ts +22 -22
- package/lib/typescript/module/hoc-components.d.ts.map +1 -1
- package/package.json +4 -2
- package/src/components/BaseConfirmationModal.tsx +62 -0
- package/src/components/BaseIconBox.tsx +64 -0
- package/src/components/index.ts +2 -0
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = BaseConfirmationModal;
|
|
7
|
+
var _hocComponents = require("../hoc-components");
|
|
8
|
+
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
9
|
+
var _BaseText = _interopRequireDefault(require("./BaseText"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function BaseConfirmationModal({
|
|
13
|
+
visible,
|
|
14
|
+
title,
|
|
15
|
+
body,
|
|
16
|
+
confirmText = 'Aceptar',
|
|
17
|
+
cancelText = 'Cancelar',
|
|
18
|
+
onConfirm,
|
|
19
|
+
onCancel,
|
|
20
|
+
countdownSecs = 0,
|
|
21
|
+
loading = false,
|
|
22
|
+
...props
|
|
23
|
+
}) {
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.Modal, {
|
|
25
|
+
animationType: "fade",
|
|
26
|
+
transparent: true,
|
|
27
|
+
visible: visible,
|
|
28
|
+
onRequestClose: () => onCancel(),
|
|
29
|
+
...props,
|
|
30
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
31
|
+
className: "flex-1 items-center justify-center bg-overlay",
|
|
32
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_hocComponents.View, {
|
|
33
|
+
className: "m-4 flex flex-col space-y-4 rounded-lg bg-primary p-8",
|
|
34
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
35
|
+
className: "mb-4 text-lg font-semibold",
|
|
36
|
+
children: title
|
|
37
|
+
}), typeof body === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseText.default, {
|
|
38
|
+
className: "text-base",
|
|
39
|
+
children: body
|
|
40
|
+
}) : body, /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
41
|
+
text: confirmText,
|
|
42
|
+
onPress: onConfirm,
|
|
43
|
+
loading: loading,
|
|
44
|
+
countdownSecs: countdownSecs
|
|
45
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseButton.default, {
|
|
46
|
+
variant: "secondary",
|
|
47
|
+
text: cancelText,
|
|
48
|
+
onPress: onCancel
|
|
49
|
+
})]
|
|
50
|
+
})
|
|
51
|
+
})
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=BaseConfirmationModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_hocComponents","require","_BaseButton","_interopRequireDefault","_BaseText","_jsxRuntime","e","__esModule","default","BaseConfirmationModal","visible","title","body","confirmText","cancelText","onConfirm","onCancel","countdownSecs","loading","props","jsx","Modal","animationType","transparent","onRequestClose","children","View","className","jsxs","text","onPress","variant"],"sourceRoot":"../../../src","sources":["components/BaseConfirmationModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAcnB,SAASG,qBAAqBA,CAAC;EAC5CC,OAAO;EACPC,KAAK;EACLC,IAAI;EACJC,WAAW,GAAG,SAAS;EACvBC,UAAU,GAAG,UAAU;EACvBC,SAAS;EACTC,QAAQ;EACRC,aAAa,GAAG,CAAC;EACjBC,OAAO,GAAG,KAAK;EACf,GAAGC;AACE,CAAC,EAAE;EACR,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAACpB,cAAA,CAAAqB,KAAK;IACJC,aAAa,EAAC,MAAM;IACpBC,WAAW;IACXb,OAAO,EAAEA,OAAQ;IACjBc,cAAc,EAAEA,CAAA,KAAMR,QAAQ,CAAC,CAAE;IAAA,GAC7BG,KAAK;IAAAM,QAAA,eAET,IAAApB,WAAA,CAAAe,GAAA,EAACpB,cAAA,CAAA0B,IAAI;MAACC,SAAS,EAAC,+CAA+C;MAAAF,QAAA,eAC7D,IAAApB,WAAA,CAAAuB,IAAA,EAAC5B,cAAA,CAAA0B,IAAI;QAACC,SAAS,EAAC,uDAAuD;QAAAF,QAAA,gBACrE,IAAApB,WAAA,CAAAe,GAAA,EAAChB,SAAA,CAAAI,OAAQ;UAACmB,SAAS,EAAC,4BAA4B;UAAAF,QAAA,EAC7Cd;QAAK,CACE,CAAC,EACV,OAAOC,IAAI,KAAK,QAAQ,gBACvB,IAAAP,WAAA,CAAAe,GAAA,EAAChB,SAAA,CAAAI,OAAQ;UAACmB,SAAS,EAAC,WAAW;UAAAF,QAAA,EAC5Bb;QAAI,CACG,CAAC,GACTA,IAAI,eACR,IAAAP,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAAM,OAAU;UACTqB,IAAI,EAAEhB,WAAY;UAClBiB,OAAO,EAAEf,SAAU;UACnBG,OAAO,EAAEA,OAAQ;UACjBD,aAAa,EAAEA;QAAc,CAC9B,CAAC,eACF,IAAAZ,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAAM,OAAU;UACTuB,OAAO,EAAC,WAAW;UACnBF,IAAI,EAAEf,UAAW;UACjBgB,OAAO,EAAEd;QAAS,CACnB,CAAC;MAAA,CACE;IAAC,CACH;EAAC,CACF,CAAC;AAEZ","ignoreList":[]}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = BaseIconBox;
|
|
7
|
+
var _hocComponents = require("../hoc-components");
|
|
8
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
|
+
function getColorClasses(color) {
|
|
10
|
+
switch (color) {
|
|
11
|
+
case 'primary':
|
|
12
|
+
return {
|
|
13
|
+
box: 'bg-brand-solid',
|
|
14
|
+
icon: 'text-primary_on-brand'
|
|
15
|
+
};
|
|
16
|
+
case 'light-blue':
|
|
17
|
+
return {
|
|
18
|
+
box: 'bg-utility-blue-100',
|
|
19
|
+
icon: 'text-utility-blue-700'
|
|
20
|
+
};
|
|
21
|
+
case 'green':
|
|
22
|
+
return {
|
|
23
|
+
box: 'bg-success-primary',
|
|
24
|
+
icon: 'text-success-primary'
|
|
25
|
+
};
|
|
26
|
+
case 'white':
|
|
27
|
+
default:
|
|
28
|
+
return {
|
|
29
|
+
box: 'bg-transparent',
|
|
30
|
+
icon: 'text-primary'
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
function getSizeClasses(size) {
|
|
35
|
+
switch (size) {
|
|
36
|
+
case 'xxs':
|
|
37
|
+
return {
|
|
38
|
+
box: 'h-6 w-6'
|
|
39
|
+
};
|
|
40
|
+
case 'xs':
|
|
41
|
+
return {
|
|
42
|
+
box: 'w-8 h-8'
|
|
43
|
+
};
|
|
44
|
+
case 'sm':
|
|
45
|
+
return {
|
|
46
|
+
box: 'w-12 h-12'
|
|
47
|
+
};
|
|
48
|
+
case 'lg':
|
|
49
|
+
return {
|
|
50
|
+
box: 'w-16 h-16'
|
|
51
|
+
};
|
|
52
|
+
case 'md':
|
|
53
|
+
default:
|
|
54
|
+
return {
|
|
55
|
+
box: 'w-20 h-20'
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
function BaseIconBox({
|
|
60
|
+
color = 'primary',
|
|
61
|
+
size = 'sm',
|
|
62
|
+
Icon,
|
|
63
|
+
style = {},
|
|
64
|
+
...iconProps
|
|
65
|
+
}) {
|
|
66
|
+
const colorClasses = getColorClasses(color);
|
|
67
|
+
const sizeClasses = getSizeClasses(size);
|
|
68
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hocComponents.View, {
|
|
69
|
+
className: `${colorClasses.box} ${sizeClasses.box} flex shrink-0 items-center justify-center rounded-md p-1`,
|
|
70
|
+
style: style,
|
|
71
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
|
|
72
|
+
className: colorClasses.icon,
|
|
73
|
+
...iconProps
|
|
74
|
+
})
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
//# sourceMappingURL=BaseIconBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_hocComponents","require","_jsxRuntime","getColorClasses","color","box","icon","getSizeClasses","size","BaseIconBox","Icon","style","iconProps","colorClasses","sizeClasses","jsx","View","className","children"],"sourceRoot":"../../../src","sources":["components/BaseIconBox.tsx"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAyC,IAAAC,WAAA,GAAAD,OAAA;AAYzC,SAASE,eAAeA,CAACC,KAAgB,EAAiC;EACxE,QAAQA,KAAK;IACX,KAAK,SAAS;MACZ,OAAO;QAAEC,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACjE,KAAK,YAAY;MACf,OAAO;QAAED,GAAG,EAAE,qBAAqB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACtE,KAAK,OAAO;MACV,OAAO;QAAED,GAAG,EAAE,oBAAoB;QAAEC,IAAI,EAAE;MAAuB,CAAC;IACpE,KAAK,OAAO;IACZ;MACE,OAAO;QAAED,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAe,CAAC;EAC1D;AACF;AAEA,SAASC,cAAcA,CAACC,IAAc,EAAmB;EACvD,QAAQA,IAAI;IACV,KAAK,KAAK;MACR,OAAO;QAAEH,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;IACT;MACE,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;EAC/B;AACF;AAEe,SAASI,WAAWA,CAAC;EAClCL,KAAK,GAAG,SAAS;EACjBI,IAAI,GAAG,IAAI;EACXE,IAAI;EACJC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACa,CAAC,EAAE;EACnB,MAAMC,YAAY,GAAGV,eAAe,CAACC,KAAK,CAAC;EAC3C,MAAMU,WAAW,GAAGP,cAAc,CAACC,IAAI,CAAC;EAExC,oBACE,IAAAN,WAAA,CAAAa,GAAA,EAACf,cAAA,CAAAgB,IAAI;IACHC,SAAS,EAAE,GAAGJ,YAAY,CAACR,GAAG,IAAIS,WAAW,CAACT,GAAG,2DAA4D;IAC7GM,KAAK,EAAEA,KAAM;IAAAO,QAAA,eAEb,IAAAhB,WAAA,CAAAa,GAAA,EAACL,IAAI;MACHO,SAAS,EAAEJ,YAAY,CAACP,IAAK;MAAA,GACzBM;IAAS,CACd;EAAC,CACE,CAAC;AAEX","ignoreList":[]}
|
|
@@ -21,6 +21,12 @@ Object.defineProperty(exports, "BaseButton", {
|
|
|
21
21
|
return _BaseButton.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
+
Object.defineProperty(exports, "BaseConfirmationModal", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _BaseConfirmationModal.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
24
30
|
Object.defineProperty(exports, "BaseDateInput", {
|
|
25
31
|
enumerable: true,
|
|
26
32
|
get: function () {
|
|
@@ -39,6 +45,12 @@ Object.defineProperty(exports, "BaseIcon", {
|
|
|
39
45
|
return _BaseIcon.default;
|
|
40
46
|
}
|
|
41
47
|
});
|
|
48
|
+
Object.defineProperty(exports, "BaseIconBox", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return _BaseIconBox.default;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
42
54
|
Object.defineProperty(exports, "BaseRadioGroup", {
|
|
43
55
|
enumerable: true,
|
|
44
56
|
get: function () {
|
|
@@ -119,6 +131,8 @@ Object.defineProperty(exports, "Tab", {
|
|
|
119
131
|
});
|
|
120
132
|
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
121
133
|
var _BaseBadge = _interopRequireDefault(require("./BaseBadge"));
|
|
134
|
+
var _BaseConfirmationModal = _interopRequireDefault(require("./BaseConfirmationModal"));
|
|
135
|
+
var _BaseIconBox = _interopRequireDefault(require("./BaseIconBox"));
|
|
122
136
|
var _BaseSpinner = _interopRequireDefault(require("./BaseSpinner"));
|
|
123
137
|
var _BaseStackedList = _interopRequireDefault(require("./BaseStackedList"));
|
|
124
138
|
var _BaseIcon = _interopRequireDefault(require("./BaseIcon"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseSpinner","_BaseStackedList","_BaseIcon","_BaseAlert","_BaseSelect","_interopRequireWildcard","_FormikSelect","_BaseHorizontalTabs","_BaseSelectionItem","_BaseRadioGroup","_FormikRadioGroup","_BaseDateInput","_FormikDateInput","_BaseSwitch","_PressableOpacity","_BaseText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_BaseButton","_interopRequireDefault","require","_BaseBadge","_BaseConfirmationModal","_BaseIconBox","_BaseSpinner","_BaseStackedList","_BaseIcon","_BaseAlert","_BaseSelect","_interopRequireWildcard","_FormikSelect","_BaseHorizontalTabs","_BaseSelectionItem","_BaseRadioGroup","_FormikRadioGroup","_BaseDateInput","_FormikDateInput","_BaseSwitch","_PressableOpacity","_BaseText","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,sBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,gBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,UAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAC,uBAAA,CAAAT,OAAA;AACA,IAAAU,aAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,mBAAA,GAAAF,uBAAA,CAAAT,OAAA;AACA,IAAAY,kBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,eAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,iBAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,cAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,gBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,WAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,iBAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,SAAA,GAAApB,sBAAA,CAAAC,OAAA;AAAiD,SAAAS,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,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;AAAA,SAAAtB,uBAAAqB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA","ignoreList":[]}
|
|
@@ -7,6 +7,8 @@ exports.VirtualizedList = exports.View = exports.TouchableWithoutFeedback = expo
|
|
|
7
7
|
var _nativewind = require("nativewind");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
10
|
+
/* eslint-disable no-restricted-imports */
|
|
11
|
+
|
|
10
12
|
/**
|
|
11
13
|
* Hello!
|
|
12
14
|
*
|
|
@@ -17,26 +19,26 @@ var _reactNativeGestureHandler = require("react-native-gesture-handler");
|
|
|
17
19
|
* we are not using a custom Babel plugin to handle the className -> style transforms.
|
|
18
20
|
*/
|
|
19
21
|
const ActivityIndicator = exports.ActivityIndicator = (0, _nativewind.styled)(_reactNative.ActivityIndicator);
|
|
22
|
+
const DrawerLayoutAndroid = exports.DrawerLayoutAndroid = (0, _nativewind.styled)(_reactNative.DrawerLayoutAndroid);
|
|
20
23
|
const FlatList = exports.FlatList = (0, _nativewind.styled)(_reactNative.FlatList);
|
|
24
|
+
const GestureScrollView = exports.GestureScrollView = (0, _nativewind.styled)(_reactNativeGestureHandler.ScrollView);
|
|
21
25
|
const Image = exports.Image = (0, _nativewind.styled)(_reactNative.Image);
|
|
22
26
|
const ImageBackground = exports.ImageBackground = (0, _nativewind.styled)(_reactNative.ImageBackground);
|
|
27
|
+
const InputAccessoryView = exports.InputAccessoryView = (0, _nativewind.styled)(_reactNative.InputAccessoryView);
|
|
23
28
|
const KeyboardAvoidingView = exports.KeyboardAvoidingView = (0, _nativewind.styled)(_reactNative.KeyboardAvoidingView);
|
|
24
29
|
const Modal = exports.Modal = (0, _nativewind.styled)(_reactNative.Modal);
|
|
25
30
|
const Pressable = exports.Pressable = (0, _nativewind.styled)(_reactNative.Pressable);
|
|
26
31
|
const RefreshControl = exports.RefreshControl = (0, _nativewind.styled)(_reactNative.RefreshControl);
|
|
32
|
+
const SafeAreaView = exports.SafeAreaView = (0, _nativewind.styled)(_reactNative.SafeAreaView);
|
|
27
33
|
const ScrollView = exports.ScrollView = (0, _nativewind.styled)(_reactNative.ScrollView);
|
|
28
|
-
const GestureScrollView = exports.GestureScrollView = (0, _nativewind.styled)(_reactNativeGestureHandler.ScrollView);
|
|
29
34
|
const SectionList = exports.SectionList = (0, _nativewind.styled)(_reactNative.SectionList);
|
|
30
35
|
const Switch = exports.Switch = (0, _nativewind.styled)(_reactNative.Switch);
|
|
31
36
|
const Text = exports.Text = (0, _nativewind.styled)(_reactNative.Text);
|
|
32
37
|
const TextInput = exports.TextInput = (0, _nativewind.styled)(_reactNative.TextInput);
|
|
33
38
|
const TouchableHighlight = exports.TouchableHighlight = (0, _nativewind.styled)(_reactNative.TouchableHighlight);
|
|
39
|
+
const TouchableNativeFeedback = exports.TouchableNativeFeedback = (0, _nativewind.styled)(_reactNative.TouchableNativeFeedback);
|
|
34
40
|
const TouchableOpacity = exports.TouchableOpacity = (0, _nativewind.styled)(_reactNative.TouchableOpacity);
|
|
35
41
|
const TouchableWithoutFeedback = exports.TouchableWithoutFeedback = (0, _nativewind.styled)(_reactNative.TouchableWithoutFeedback);
|
|
36
42
|
const View = exports.View = (0, _nativewind.styled)(_reactNative.View);
|
|
37
43
|
const VirtualizedList = exports.VirtualizedList = (0, _nativewind.styled)(_reactNative.VirtualizedList);
|
|
38
|
-
const DrawerLayoutAndroid = exports.DrawerLayoutAndroid = (0, _nativewind.styled)(_reactNative.DrawerLayoutAndroid);
|
|
39
|
-
const TouchableNativeFeedback = exports.TouchableNativeFeedback = (0, _nativewind.styled)(_reactNative.TouchableNativeFeedback);
|
|
40
|
-
const InputAccessoryView = exports.InputAccessoryView = (0, _nativewind.styled)(_reactNative.InputAccessoryView);
|
|
41
|
-
const SafeAreaView = exports.SafeAreaView = (0, _nativewind.styled)(_reactNative.SafeAreaView);
|
|
42
44
|
//# sourceMappingURL=hoc-components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_nativewind","require","_reactNative","_reactNativeGestureHandler","ActivityIndicator","exports","styled","RNActivityIndicator","FlatList","RNFlatList","Image","RNImage","ImageBackground","RNImageBackground","KeyboardAvoidingView","RNKeyboardAvoidingView","Modal","RNModal","Pressable","RNPressable","RefreshControl","RNRefreshControl","
|
|
1
|
+
{"version":3,"names":["_nativewind","require","_reactNative","_reactNativeGestureHandler","ActivityIndicator","exports","styled","RNActivityIndicator","DrawerLayoutAndroid","RNDrawerLayoutAndroid","FlatList","RNFlatList","GestureScrollView","RNGHScrollView","Image","RNImage","ImageBackground","RNImageBackground","InputAccessoryView","RNInputAccessoryView","KeyboardAvoidingView","RNKeyboardAvoidingView","Modal","RNModal","Pressable","RNPressable","RefreshControl","RNRefreshControl","SafeAreaView","RNSafeAreaView","ScrollView","RNScrollView","SectionList","RNSectionList","Switch","RNSwitch","Text","RNText","TextInput","RNTextInput","TouchableHighlight","RNTouchableHighlight","TouchableNativeFeedback","RNTouchableNativeFeedback","TouchableOpacity","RNTouchableOpacity","TouchableWithoutFeedback","RNTouchableWithoutFeedback","View","RNView","VirtualizedList","RNVirtualizedList"],"sourceRoot":"../../src","sources":["hoc-components.ts"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAwBA,IAAAE,0BAAA,GAAAF,OAAA;AA1BA;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,kBAAM,EAACC,8BAAmB,CAAC;AACrD,MAAMC,mBAAmB,GAAAH,OAAA,CAAAG,mBAAA,GAAG,IAAAF,kBAAM,EAACG,gCAAqB,CAAC;AACzD,MAAMC,QAAQ,GAAAL,OAAA,CAAAK,QAAA,GAAG,IAAAJ,kBAAM,EAACK,qBAAU,CAAC;AACnC,MAAMC,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,kBAAM,EAACO,qCAAc,CAAC;AAChD,MAAMC,KAAK,GAAAT,OAAA,CAAAS,KAAA,GAAG,IAAAR,kBAAM,EAACS,kBAAO,CAAC;AAC7B,MAAMC,eAAe,GAAAX,OAAA,CAAAW,eAAA,GAAG,IAAAV,kBAAM,EAACW,4BAAiB,CAAC;AACjD,MAAMC,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,GAAG,IAAAZ,kBAAM,EAACa,+BAAoB,CAAC;AACvD,MAAMC,oBAAoB,GAAAf,OAAA,CAAAe,oBAAA,GAAG,IAAAd,kBAAM,EAACe,iCAAsB,CAAC;AAC3D,MAAMC,KAAK,GAAAjB,OAAA,CAAAiB,KAAA,GAAG,IAAAhB,kBAAM,EAACiB,kBAAO,CAAC;AAC7B,MAAMC,SAAS,GAAAnB,OAAA,CAAAmB,SAAA,GAAG,IAAAlB,kBAAM,EAACmB,sBAAW,CAAC;AACrC,MAAMC,cAAc,GAAArB,OAAA,CAAAqB,cAAA,GAAG,IAAApB,kBAAM,EAACqB,2BAAgB,CAAC;AAC/C,MAAMC,YAAY,GAAAvB,OAAA,CAAAuB,YAAA,GAAG,IAAAtB,kBAAM,EAACuB,yBAAc,CAAC;AAC3C,MAAMC,UAAU,GAAAzB,OAAA,CAAAyB,UAAA,GAAG,IAAAxB,kBAAM,EAACyB,uBAAY,CAAC;AACvC,MAAMC,WAAW,GAAA3B,OAAA,CAAA2B,WAAA,GAAG,IAAA1B,kBAAM,EAAC2B,wBAAa,CAAC;AACzC,MAAMC,MAAM,GAAA7B,OAAA,CAAA6B,MAAA,GAAG,IAAA5B,kBAAM,EAAC6B,mBAAQ,CAAC;AAC/B,MAAMC,IAAI,GAAA/B,OAAA,CAAA+B,IAAA,GAAG,IAAA9B,kBAAM,EAAC+B,iBAAM,CAAC;AAC3B,MAAMC,SAAS,GAAAjC,OAAA,CAAAiC,SAAA,GAAG,IAAAhC,kBAAM,EAACiC,sBAAW,CAAC;AACrC,MAAMC,kBAAkB,GAAAnC,OAAA,CAAAmC,kBAAA,GAAG,IAAAlC,kBAAM,EAACmC,+BAAoB,CAAC;AACvD,MAAMC,uBAAuB,GAAArC,OAAA,CAAAqC,uBAAA,GAAG,IAAApC,kBAAM,EAACqC,oCAAyB,CAAC;AACjE,MAAMC,gBAAgB,GAAAvC,OAAA,CAAAuC,gBAAA,GAAG,IAAAtC,kBAAM,EAACuC,6BAAkB,CAAC;AACnD,MAAMC,wBAAwB,GAAAzC,OAAA,CAAAyC,wBAAA,GAAG,IAAAxC,kBAAM,EAACyC,qCAA0B,CAAC;AACnE,MAAMC,IAAI,GAAA3C,OAAA,CAAA2C,IAAA,GAAG,IAAA1C,kBAAM,EAAC2C,iBAAM,CAAC;AAC3B,MAAMC,eAAe,GAAA7C,OAAA,CAAA6C,eAAA,GAAG,IAAA5C,kBAAM,EAAC6C,4BAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View, Modal } from "../hoc-components.js";
|
|
4
|
+
import BaseButton from "./BaseButton.js";
|
|
5
|
+
import BaseText from "./BaseText.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
export default function BaseConfirmationModal({
|
|
8
|
+
visible,
|
|
9
|
+
title,
|
|
10
|
+
body,
|
|
11
|
+
confirmText = 'Aceptar',
|
|
12
|
+
cancelText = 'Cancelar',
|
|
13
|
+
onConfirm,
|
|
14
|
+
onCancel,
|
|
15
|
+
countdownSecs = 0,
|
|
16
|
+
loading = false,
|
|
17
|
+
...props
|
|
18
|
+
}) {
|
|
19
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
20
|
+
animationType: "fade",
|
|
21
|
+
transparent: true,
|
|
22
|
+
visible: visible,
|
|
23
|
+
onRequestClose: () => onCancel(),
|
|
24
|
+
...props,
|
|
25
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
26
|
+
className: "flex-1 items-center justify-center bg-overlay",
|
|
27
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
28
|
+
className: "m-4 flex flex-col space-y-4 rounded-lg bg-primary p-8",
|
|
29
|
+
children: [/*#__PURE__*/_jsx(BaseText, {
|
|
30
|
+
className: "mb-4 text-lg font-semibold",
|
|
31
|
+
children: title
|
|
32
|
+
}), typeof body === 'string' ? /*#__PURE__*/_jsx(BaseText, {
|
|
33
|
+
className: "text-base",
|
|
34
|
+
children: body
|
|
35
|
+
}) : body, /*#__PURE__*/_jsx(BaseButton, {
|
|
36
|
+
text: confirmText,
|
|
37
|
+
onPress: onConfirm,
|
|
38
|
+
loading: loading,
|
|
39
|
+
countdownSecs: countdownSecs
|
|
40
|
+
}), /*#__PURE__*/_jsx(BaseButton, {
|
|
41
|
+
variant: "secondary",
|
|
42
|
+
text: cancelText,
|
|
43
|
+
onPress: onCancel
|
|
44
|
+
})]
|
|
45
|
+
})
|
|
46
|
+
})
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=BaseConfirmationModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Modal","BaseButton","BaseText","jsx","_jsx","jsxs","_jsxs","BaseConfirmationModal","visible","title","body","confirmText","cancelText","onConfirm","onCancel","countdownSecs","loading","props","animationType","transparent","onRequestClose","children","className","text","onPress","variant"],"sourceRoot":"../../../src","sources":["components/BaseConfirmationModal.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,KAAK,QAAQ,sBAAmB;AAC/C,OAAOC,UAAU,MAAM,iBAAc;AACrC,OAAOC,QAAQ,MAAM,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAclC,eAAe,SAASC,qBAAqBA,CAAC;EAC5CC,OAAO;EACPC,KAAK;EACLC,IAAI;EACJC,WAAW,GAAG,SAAS;EACvBC,UAAU,GAAG,UAAU;EACvBC,SAAS;EACTC,QAAQ;EACRC,aAAa,GAAG,CAAC;EACjBC,OAAO,GAAG,KAAK;EACf,GAAGC;AACE,CAAC,EAAE;EACR,oBACEb,IAAA,CAACJ,KAAK;IACJkB,aAAa,EAAC,MAAM;IACpBC,WAAW;IACXX,OAAO,EAAEA,OAAQ;IACjBY,cAAc,EAAEA,CAAA,KAAMN,QAAQ,CAAC,CAAE;IAAA,GAC7BG,KAAK;IAAAI,QAAA,eAETjB,IAAA,CAACL,IAAI;MAACuB,SAAS,EAAC,+CAA+C;MAAAD,QAAA,eAC7Df,KAAA,CAACP,IAAI;QAACuB,SAAS,EAAC,uDAAuD;QAAAD,QAAA,gBACrEjB,IAAA,CAACF,QAAQ;UAACoB,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EAC7CZ;QAAK,CACE,CAAC,EACV,OAAOC,IAAI,KAAK,QAAQ,gBACvBN,IAAA,CAACF,QAAQ;UAACoB,SAAS,EAAC,WAAW;UAAAD,QAAA,EAC5BX;QAAI,CACG,CAAC,GACTA,IAAI,eACRN,IAAA,CAACH,UAAU;UACTsB,IAAI,EAAEZ,WAAY;UAClBa,OAAO,EAAEX,SAAU;UACnBG,OAAO,EAAEA,OAAQ;UACjBD,aAAa,EAAEA;QAAc,CAC9B,CAAC,eACFX,IAAA,CAACH,UAAU;UACTwB,OAAO,EAAC,WAAW;UACnBF,IAAI,EAAEX,UAAW;UACjBY,OAAO,EAAEV;QAAS,CACnB,CAAC;MAAA,CACE;IAAC,CACH;EAAC,CACF,CAAC;AAEZ","ignoreList":[]}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View } from "../hoc-components.js";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
function getColorClasses(color) {
|
|
6
|
+
switch (color) {
|
|
7
|
+
case 'primary':
|
|
8
|
+
return {
|
|
9
|
+
box: 'bg-brand-solid',
|
|
10
|
+
icon: 'text-primary_on-brand'
|
|
11
|
+
};
|
|
12
|
+
case 'light-blue':
|
|
13
|
+
return {
|
|
14
|
+
box: 'bg-utility-blue-100',
|
|
15
|
+
icon: 'text-utility-blue-700'
|
|
16
|
+
};
|
|
17
|
+
case 'green':
|
|
18
|
+
return {
|
|
19
|
+
box: 'bg-success-primary',
|
|
20
|
+
icon: 'text-success-primary'
|
|
21
|
+
};
|
|
22
|
+
case 'white':
|
|
23
|
+
default:
|
|
24
|
+
return {
|
|
25
|
+
box: 'bg-transparent',
|
|
26
|
+
icon: 'text-primary'
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
function getSizeClasses(size) {
|
|
31
|
+
switch (size) {
|
|
32
|
+
case 'xxs':
|
|
33
|
+
return {
|
|
34
|
+
box: 'h-6 w-6'
|
|
35
|
+
};
|
|
36
|
+
case 'xs':
|
|
37
|
+
return {
|
|
38
|
+
box: 'w-8 h-8'
|
|
39
|
+
};
|
|
40
|
+
case 'sm':
|
|
41
|
+
return {
|
|
42
|
+
box: 'w-12 h-12'
|
|
43
|
+
};
|
|
44
|
+
case 'lg':
|
|
45
|
+
return {
|
|
46
|
+
box: 'w-16 h-16'
|
|
47
|
+
};
|
|
48
|
+
case 'md':
|
|
49
|
+
default:
|
|
50
|
+
return {
|
|
51
|
+
box: 'w-20 h-20'
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
export default function BaseIconBox({
|
|
56
|
+
color = 'primary',
|
|
57
|
+
size = 'sm',
|
|
58
|
+
Icon,
|
|
59
|
+
style = {},
|
|
60
|
+
...iconProps
|
|
61
|
+
}) {
|
|
62
|
+
const colorClasses = getColorClasses(color);
|
|
63
|
+
const sizeClasses = getSizeClasses(size);
|
|
64
|
+
return /*#__PURE__*/_jsx(View, {
|
|
65
|
+
className: `${colorClasses.box} ${sizeClasses.box} flex shrink-0 items-center justify-center rounded-md p-1`,
|
|
66
|
+
style: style,
|
|
67
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
68
|
+
className: colorClasses.icon,
|
|
69
|
+
...iconProps
|
|
70
|
+
})
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=BaseIconBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","jsx","_jsx","getColorClasses","color","box","icon","getSizeClasses","size","BaseIconBox","Icon","style","iconProps","colorClasses","sizeClasses","className","children"],"sourceRoot":"../../../src","sources":["components/BaseIconBox.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYzC,SAASC,eAAeA,CAACC,KAAgB,EAAiC;EACxE,QAAQA,KAAK;IACX,KAAK,SAAS;MACZ,OAAO;QAAEC,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACjE,KAAK,YAAY;MACf,OAAO;QAAED,GAAG,EAAE,qBAAqB;QAAEC,IAAI,EAAE;MAAwB,CAAC;IACtE,KAAK,OAAO;MACV,OAAO;QAAED,GAAG,EAAE,oBAAoB;QAAEC,IAAI,EAAE;MAAuB,CAAC;IACpE,KAAK,OAAO;IACZ;MACE,OAAO;QAAED,GAAG,EAAE,gBAAgB;QAAEC,IAAI,EAAE;MAAe,CAAC;EAC1D;AACF;AAEA,SAASC,cAAcA,CAACC,IAAc,EAAmB;EACvD,QAAQA,IAAI;IACV,KAAK,KAAK;MACR,OAAO;QAAEH,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAU,CAAC;IAC3B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;MACP,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;IAC7B,KAAK,IAAI;IACT;MACE,OAAO;QAAEA,GAAG,EAAE;MAAY,CAAC;EAC/B;AACF;AAEA,eAAe,SAASI,WAAWA,CAAC;EAClCL,KAAK,GAAG,SAAS;EACjBI,IAAI,GAAG,IAAI;EACXE,IAAI;EACJC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACa,CAAC,EAAE;EACnB,MAAMC,YAAY,GAAGV,eAAe,CAACC,KAAK,CAAC;EAC3C,MAAMU,WAAW,GAAGP,cAAc,CAACC,IAAI,CAAC;EAExC,oBACEN,IAAA,CAACF,IAAI;IACHe,SAAS,EAAE,GAAGF,YAAY,CAACR,GAAG,IAAIS,WAAW,CAACT,GAAG,2DAA4D;IAC7GM,KAAK,EAAEA,KAAM;IAAAK,QAAA,eAEbd,IAAA,CAACQ,IAAI;MACHK,SAAS,EAAEF,YAAY,CAACP,IAAK;MAAA,GACzBM;IAAS,CACd;EAAC,CACE,CAAC;AAEX","ignoreList":[]}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
export { default as BaseButton } from "./BaseButton.js";
|
|
4
4
|
export { default as BaseBadge } from "./BaseBadge.js";
|
|
5
|
+
export { default as BaseConfirmationModal } from "./BaseConfirmationModal.js";
|
|
6
|
+
export { default as BaseIconBox } from "./BaseIconBox.js";
|
|
5
7
|
export { default as BaseSpinner } from "./BaseSpinner.js";
|
|
6
8
|
export { default as BaseStackedList } from "./BaseStackedList.js";
|
|
7
9
|
export { default as BaseIcon } from "./BaseIcon.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","BaseButton","BaseBadge","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity","BaseText"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,WAAW,QAAQ,kBAAe;AACtD,
|
|
1
|
+
{"version":3,"names":["default","BaseButton","BaseBadge","BaseConfirmationModal","BaseIconBox","BaseSpinner","BaseStackedList","BaseIcon","BaseAlert","BaseSelect","SelectOption","FormikSelect","BaseHorizontalTabs","Tab","BaseSelectionItem","BaseRadioGroup","FormikRadioGroup","BaseDateInput","FormikDateInput","BaseSwitch","PressableOpacity","BaseText"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AACpD,SAASD,OAAO,IAAIE,SAAS,QAAQ,gBAAa;AAClD,SAASF,OAAO,IAAIG,qBAAqB,QAAQ,4BAAyB;AAC1E,SAASH,OAAO,IAAII,WAAW,QAAQ,kBAAe;AACtD,SAASJ,OAAO,IAAIK,WAAW,QAAQ,kBAAe;AACtD,SAASL,OAAO,IAAIM,eAAe,QAAQ,sBAAmB;AAC9D,SAASN,OAAO,IAAIO,QAAQ,QAAQ,eAAY;AAChD,SAASP,OAAO,IAAIQ,SAAS,QAAQ,gBAAa;AAClD,SAASR,OAAO,IAAIS,UAAU,EAAEC,YAAY,QAAQ,iBAAc;AAClE,SAASV,OAAO,IAAIW,YAAY,QAAQ,mBAAgB;AACxD,SAASX,OAAO,IAAIY,kBAAkB,EAAEC,GAAG,QAAQ,yBAAsB;AACzE,SAASb,OAAO,IAAIc,iBAAiB,QAAQ,wBAAqB;AAClE,SAASd,OAAO,IAAIe,cAAc,QAAQ,qBAAkB;AAC5D,SAASf,OAAO,IAAIgB,gBAAgB,QAAQ,uBAAoB;AAChE,SAAShB,OAAO,IAAIiB,aAAa,QAAQ,oBAAiB;AAC1D,SAASjB,OAAO,IAAIkB,eAAe,QAAQ,sBAAmB;AAC9D,SAASlB,OAAO,IAAImB,UAAU,QAAQ,iBAAc;AACpD,SAASnB,OAAO,IAAIoB,gBAAgB,QAAQ,uBAAoB;AAChE,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,eAAY","ignoreList":[]}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
/* eslint-disable no-restricted-imports */
|
|
3
4
|
import { styled } from 'nativewind';
|
|
4
|
-
import { ActivityIndicator as RNActivityIndicator, FlatList as RNFlatList, Image as RNImage, ImageBackground as RNImageBackground, KeyboardAvoidingView as RNKeyboardAvoidingView, Modal as RNModal, Pressable as RNPressable, RefreshControl as RNRefreshControl, ScrollView as RNScrollView, SectionList as RNSectionList, Switch as RNSwitch, Text as RNText, TextInput as RNTextInput, TouchableHighlight as RNTouchableHighlight, TouchableOpacity as RNTouchableOpacity, TouchableWithoutFeedback as RNTouchableWithoutFeedback, View as RNView, VirtualizedList as RNVirtualizedList
|
|
5
|
+
import { ActivityIndicator as RNActivityIndicator, DrawerLayoutAndroid as RNDrawerLayoutAndroid, FlatList as RNFlatList, Image as RNImage, ImageBackground as RNImageBackground, InputAccessoryView as RNInputAccessoryView, KeyboardAvoidingView as RNKeyboardAvoidingView, Modal as RNModal, Pressable as RNPressable, RefreshControl as RNRefreshControl, SafeAreaView as RNSafeAreaView, ScrollView as RNScrollView, SectionList as RNSectionList, Switch as RNSwitch, Text as RNText, TextInput as RNTextInput, TouchableHighlight as RNTouchableHighlight, TouchableNativeFeedback as RNTouchableNativeFeedback, TouchableOpacity as RNTouchableOpacity, TouchableWithoutFeedback as RNTouchableWithoutFeedback, View as RNView, VirtualizedList as RNVirtualizedList } from 'react-native';
|
|
5
6
|
import { ScrollView as RNGHScrollView } from 'react-native-gesture-handler';
|
|
6
7
|
|
|
7
8
|
/**
|
|
@@ -14,26 +15,26 @@ import { ScrollView as RNGHScrollView } from 'react-native-gesture-handler';
|
|
|
14
15
|
* we are not using a custom Babel plugin to handle the className -> style transforms.
|
|
15
16
|
*/
|
|
16
17
|
export const ActivityIndicator = styled(RNActivityIndicator);
|
|
18
|
+
export const DrawerLayoutAndroid = styled(RNDrawerLayoutAndroid);
|
|
17
19
|
export const FlatList = styled(RNFlatList);
|
|
20
|
+
export const GestureScrollView = styled(RNGHScrollView);
|
|
18
21
|
export const Image = styled(RNImage);
|
|
19
22
|
export const ImageBackground = styled(RNImageBackground);
|
|
23
|
+
export const InputAccessoryView = styled(RNInputAccessoryView);
|
|
20
24
|
export const KeyboardAvoidingView = styled(RNKeyboardAvoidingView);
|
|
21
25
|
export const Modal = styled(RNModal);
|
|
22
26
|
export const Pressable = styled(RNPressable);
|
|
23
27
|
export const RefreshControl = styled(RNRefreshControl);
|
|
28
|
+
export const SafeAreaView = styled(RNSafeAreaView);
|
|
24
29
|
export const ScrollView = styled(RNScrollView);
|
|
25
|
-
export const GestureScrollView = styled(RNGHScrollView);
|
|
26
30
|
export const SectionList = styled(RNSectionList);
|
|
27
31
|
export const Switch = styled(RNSwitch);
|
|
28
32
|
export const Text = styled(RNText);
|
|
29
33
|
export const TextInput = styled(RNTextInput);
|
|
30
34
|
export const TouchableHighlight = styled(RNTouchableHighlight);
|
|
35
|
+
export const TouchableNativeFeedback = styled(RNTouchableNativeFeedback);
|
|
31
36
|
export const TouchableOpacity = styled(RNTouchableOpacity);
|
|
32
37
|
export const TouchableWithoutFeedback = styled(RNTouchableWithoutFeedback);
|
|
33
38
|
export const View = styled(RNView);
|
|
34
39
|
export const VirtualizedList = styled(RNVirtualizedList);
|
|
35
|
-
export const DrawerLayoutAndroid = styled(RNDrawerLayoutAndroid);
|
|
36
|
-
export const TouchableNativeFeedback = styled(RNTouchableNativeFeedback);
|
|
37
|
-
export const InputAccessoryView = styled(RNInputAccessoryView);
|
|
38
|
-
export const SafeAreaView = styled(RNSafeAreaView);
|
|
39
40
|
//# sourceMappingURL=hoc-components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styled","ActivityIndicator","RNActivityIndicator","FlatList","RNFlatList","Image","RNImage","ImageBackground","RNImageBackground","KeyboardAvoidingView","RNKeyboardAvoidingView","Modal","RNModal","Pressable","RNPressable","RefreshControl","RNRefreshControl","ScrollView","RNScrollView","SectionList","RNSectionList","Switch","RNSwitch","Text","RNText","TextInput","RNTextInput","TouchableHighlight","RNTouchableHighlight","TouchableOpacity","RNTouchableOpacity","TouchableWithoutFeedback","RNTouchableWithoutFeedback","View","RNView","VirtualizedList","RNVirtualizedList","
|
|
1
|
+
{"version":3,"names":["styled","ActivityIndicator","RNActivityIndicator","DrawerLayoutAndroid","RNDrawerLayoutAndroid","FlatList","RNFlatList","Image","RNImage","ImageBackground","RNImageBackground","InputAccessoryView","RNInputAccessoryView","KeyboardAvoidingView","RNKeyboardAvoidingView","Modal","RNModal","Pressable","RNPressable","RefreshControl","RNRefreshControl","SafeAreaView","RNSafeAreaView","ScrollView","RNScrollView","SectionList","RNSectionList","Switch","RNSwitch","Text","RNText","TextInput","RNTextInput","TouchableHighlight","RNTouchableHighlight","TouchableNativeFeedback","RNTouchableNativeFeedback","TouchableOpacity","RNTouchableOpacity","TouchableWithoutFeedback","RNTouchableWithoutFeedback","View","RNView","VirtualizedList","RNVirtualizedList","RNGHScrollView","GestureScrollView"],"sourceRoot":"../../src","sources":["hoc-components.ts"],"mappings":";;AAAA;AACA,SAASA,MAAM,QAAQ,YAAY;AACnC,SACEC,iBAAiB,IAAIC,mBAAmB,EACxCC,mBAAmB,IAAIC,qBAAqB,EAC5CC,QAAQ,IAAIC,UAAU,EACtBC,KAAK,IAAIC,OAAO,EAChBC,eAAe,IAAIC,iBAAiB,EACpCC,kBAAkB,IAAIC,oBAAoB,EAC1CC,oBAAoB,IAAIC,sBAAsB,EAC9CC,KAAK,IAAIC,OAAO,EAChBC,SAAS,IAAIC,WAAW,EACxBC,cAAc,IAAIC,gBAAgB,EAClCC,YAAY,IAAIC,cAAc,EAC9BC,UAAU,IAAIC,YAAY,EAC1BC,WAAW,IAAIC,aAAa,EAC5BC,MAAM,IAAIC,QAAQ,EAClBC,IAAI,IAAIC,MAAM,EACdC,SAAS,IAAIC,WAAW,EACxBC,kBAAkB,IAAIC,oBAAoB,EAC1CC,uBAAuB,IAAIC,yBAAyB,EACpDC,gBAAgB,IAAIC,kBAAkB,EACtCC,wBAAwB,IAAIC,0BAA0B,EACtDC,IAAI,IAAIC,MAAM,EACdC,eAAe,IAAIC,iBAAiB,QAC/B,cAAc;AACrB,SAASrB,UAAU,IAAIsB,cAAc,QAAQ,8BAA8B;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM5C,iBAAiB,GAAGD,MAAM,CAACE,mBAAmB,CAAC;AAC5D,OAAO,MAAMC,mBAAmB,GAAGH,MAAM,CAACI,qBAAqB,CAAC;AAChE,OAAO,MAAMC,QAAQ,GAAGL,MAAM,CAACM,UAAU,CAAC;AAC1C,OAAO,MAAMwC,iBAAiB,GAAG9C,MAAM,CAAC6C,cAAc,CAAC;AACvD,OAAO,MAAMtC,KAAK,GAAGP,MAAM,CAACQ,OAAO,CAAC;AACpC,OAAO,MAAMC,eAAe,GAAGT,MAAM,CAACU,iBAAiB,CAAC;AACxD,OAAO,MAAMC,kBAAkB,GAAGX,MAAM,CAACY,oBAAoB,CAAC;AAC9D,OAAO,MAAMC,oBAAoB,GAAGb,MAAM,CAACc,sBAAsB,CAAC;AAClE,OAAO,MAAMC,KAAK,GAAGf,MAAM,CAACgB,OAAO,CAAC;AACpC,OAAO,MAAMC,SAAS,GAAGjB,MAAM,CAACkB,WAAW,CAAC;AAC5C,OAAO,MAAMC,cAAc,GAAGnB,MAAM,CAACoB,gBAAgB,CAAC;AACtD,OAAO,MAAMC,YAAY,GAAGrB,MAAM,CAACsB,cAAc,CAAC;AAClD,OAAO,MAAMC,UAAU,GAAGvB,MAAM,CAACwB,YAAY,CAAC;AAC9C,OAAO,MAAMC,WAAW,GAAGzB,MAAM,CAAC0B,aAAa,CAAC;AAChD,OAAO,MAAMC,MAAM,GAAG3B,MAAM,CAAC4B,QAAQ,CAAC;AACtC,OAAO,MAAMC,IAAI,GAAG7B,MAAM,CAAC8B,MAAM,CAAC;AAClC,OAAO,MAAMC,SAAS,GAAG/B,MAAM,CAACgC,WAAW,CAAC;AAC5C,OAAO,MAAMC,kBAAkB,GAAGjC,MAAM,CAACkC,oBAAoB,CAAC;AAC9D,OAAO,MAAMC,uBAAuB,GAAGnC,MAAM,CAACoC,yBAAyB,CAAC;AACxE,OAAO,MAAMC,gBAAgB,GAAGrC,MAAM,CAACsC,kBAAkB,CAAC;AAC1D,OAAO,MAAMC,wBAAwB,GAAGvC,MAAM,CAACwC,0BAA0B,CAAC;AAC1E,OAAO,MAAMC,IAAI,GAAGzC,MAAM,CAAC0C,MAAM,CAAC;AAClC,OAAO,MAAMC,eAAe,GAAG3C,MAAM,CAAC4C,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Modal } from '../hoc-components';
|
|
3
|
+
interface Props extends React.ComponentProps<typeof Modal> {
|
|
4
|
+
visible: boolean;
|
|
5
|
+
title: string;
|
|
6
|
+
body: string | React.ReactNode;
|
|
7
|
+
confirmText?: string;
|
|
8
|
+
cancelText?: string;
|
|
9
|
+
onConfirm: () => void;
|
|
10
|
+
onCancel: () => void;
|
|
11
|
+
countdownSecs?: number;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export default function BaseConfirmationModal({ visible, title, body, confirmText, cancelText, onConfirm, onCancel, countdownSecs, loading, ...props }: Props): import("react").JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=BaseConfirmationModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAuB,EACvB,UAAuB,EACvB,SAAS,EACT,QAAQ,EACR,aAAiB,EACjB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,+BAkCP"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HeroIconProps } from '../types/heroicons';
|
|
3
|
+
type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
|
|
4
|
+
type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
5
|
+
interface BaseIconBoxProps extends HeroIconProps {
|
|
6
|
+
color?: ColorType;
|
|
7
|
+
size?: SizeType;
|
|
8
|
+
Icon: React.ComponentType;
|
|
9
|
+
}
|
|
10
|
+
export default function BaseIconBox({ color, size, Icon, style, ...iconProps }: BaseIconBoxProps): import("react").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=BaseIconBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAC;AAC9D,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3B;AAgCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,IAAW,EACX,IAAI,EACJ,KAAU,EACV,GAAG,SAAS,EACb,EAAE,gBAAgB,+BAelB"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { default as BaseButton } from './BaseButton';
|
|
2
2
|
export { default as BaseBadge } from './BaseBadge';
|
|
3
|
+
export { default as BaseConfirmationModal } from './BaseConfirmationModal';
|
|
4
|
+
export { default as BaseIconBox } from './BaseIconBox';
|
|
3
5
|
export { default as BaseSpinner } from './BaseSpinner';
|
|
4
6
|
export { default as BaseStackedList } from './BaseStackedList';
|
|
5
7
|
export { default as BaseIcon } from './BaseIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -15,123 +15,123 @@ export declare const ActivityIndicator: import("react").ForwardRefExoticComponen
|
|
|
15
15
|
baseClassName?: string | undefined;
|
|
16
16
|
baseTw?: string | undefined;
|
|
17
17
|
} & import("react").RefAttributes<unknown>>;
|
|
18
|
-
export declare const
|
|
18
|
+
export declare const DrawerLayoutAndroid: import("react").ForwardRefExoticComponent<import("react-native").DrawerLayoutAndroidProps & {
|
|
19
19
|
className?: string | undefined;
|
|
20
20
|
tw?: string | undefined;
|
|
21
21
|
baseClassName?: string | undefined;
|
|
22
22
|
baseTw?: string | undefined;
|
|
23
23
|
} & import("react").RefAttributes<unknown>>;
|
|
24
|
-
export declare const
|
|
24
|
+
export declare const FlatList: import("react").ForwardRefExoticComponent<import("react-native").FlatListProps<unknown> & {
|
|
25
25
|
className?: string | undefined;
|
|
26
26
|
tw?: string | undefined;
|
|
27
27
|
baseClassName?: string | undefined;
|
|
28
28
|
baseTw?: string | undefined;
|
|
29
29
|
} & import("react").RefAttributes<unknown>>;
|
|
30
|
-
export declare const
|
|
30
|
+
export declare const GestureScrollView: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<import("react-native").ScrollViewProps & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<any>>>;
|
|
31
|
+
export declare const Image: import("react").ForwardRefExoticComponent<import("react-native").ImageProps & {
|
|
31
32
|
className?: string | undefined;
|
|
32
33
|
tw?: string | undefined;
|
|
33
34
|
baseClassName?: string | undefined;
|
|
34
35
|
baseTw?: string | undefined;
|
|
35
36
|
} & import("react").RefAttributes<unknown>>;
|
|
36
|
-
export declare const
|
|
37
|
+
export declare const ImageBackground: import("react").ForwardRefExoticComponent<import("react-native").ImageBackgroundProps & {
|
|
37
38
|
className?: string | undefined;
|
|
38
39
|
tw?: string | undefined;
|
|
39
40
|
baseClassName?: string | undefined;
|
|
40
41
|
baseTw?: string | undefined;
|
|
41
42
|
} & import("react").RefAttributes<unknown>>;
|
|
42
|
-
export declare const
|
|
43
|
+
export declare const InputAccessoryView: import("react").ForwardRefExoticComponent<import("react-native").InputAccessoryViewProps & {
|
|
43
44
|
className?: string | undefined;
|
|
44
45
|
tw?: string | undefined;
|
|
45
46
|
baseClassName?: string | undefined;
|
|
46
47
|
baseTw?: string | undefined;
|
|
47
48
|
} & import("react").RefAttributes<unknown>>;
|
|
48
|
-
export declare const
|
|
49
|
-
export declare const RefreshControl: import("react").ForwardRefExoticComponent<import("react-native").RefreshControlProps & {
|
|
49
|
+
export declare const KeyboardAvoidingView: import("react").ForwardRefExoticComponent<import("react-native").KeyboardAvoidingViewProps & {
|
|
50
50
|
className?: string | undefined;
|
|
51
51
|
tw?: string | undefined;
|
|
52
52
|
baseClassName?: string | undefined;
|
|
53
53
|
baseTw?: string | undefined;
|
|
54
54
|
} & import("react").RefAttributes<unknown>>;
|
|
55
|
-
export declare const
|
|
55
|
+
export declare const Modal: import("react").ForwardRefExoticComponent<import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & {
|
|
56
56
|
className?: string | undefined;
|
|
57
57
|
tw?: string | undefined;
|
|
58
58
|
baseClassName?: string | undefined;
|
|
59
59
|
baseTw?: string | undefined;
|
|
60
60
|
} & import("react").RefAttributes<unknown>>;
|
|
61
|
-
export declare const
|
|
62
|
-
export declare const
|
|
61
|
+
export declare const Pressable: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<import("react-native").PressableProps & import("react").RefAttributes<RNView>>, "ref"> & import("react").RefAttributes<RNView>>;
|
|
62
|
+
export declare const RefreshControl: import("react").ForwardRefExoticComponent<import("react-native").RefreshControlProps & {
|
|
63
63
|
className?: string | undefined;
|
|
64
64
|
tw?: string | undefined;
|
|
65
65
|
baseClassName?: string | undefined;
|
|
66
66
|
baseTw?: string | undefined;
|
|
67
67
|
} & import("react").RefAttributes<unknown>>;
|
|
68
|
-
export declare const
|
|
68
|
+
export declare const SafeAreaView: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
69
69
|
className?: string | undefined;
|
|
70
70
|
tw?: string | undefined;
|
|
71
71
|
baseClassName?: string | undefined;
|
|
72
72
|
baseTw?: string | undefined;
|
|
73
73
|
} & import("react").RefAttributes<unknown>>;
|
|
74
|
-
export declare const
|
|
74
|
+
export declare const ScrollView: import("react").ForwardRefExoticComponent<import("react-native").ScrollViewProps & {
|
|
75
75
|
className?: string | undefined;
|
|
76
76
|
tw?: string | undefined;
|
|
77
77
|
baseClassName?: string | undefined;
|
|
78
78
|
baseTw?: string | undefined;
|
|
79
79
|
} & import("react").RefAttributes<unknown>>;
|
|
80
|
-
export declare const
|
|
80
|
+
export declare const SectionList: import("react").ForwardRefExoticComponent<import("react-native").SectionListProps<unknown, unknown> & {
|
|
81
81
|
className?: string | undefined;
|
|
82
82
|
tw?: string | undefined;
|
|
83
83
|
baseClassName?: string | undefined;
|
|
84
84
|
baseTw?: string | undefined;
|
|
85
85
|
} & import("react").RefAttributes<unknown>>;
|
|
86
|
-
export declare const
|
|
86
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<import("react-native").SwitchProps & {
|
|
87
87
|
className?: string | undefined;
|
|
88
88
|
tw?: string | undefined;
|
|
89
89
|
baseClassName?: string | undefined;
|
|
90
90
|
baseTw?: string | undefined;
|
|
91
91
|
} & import("react").RefAttributes<unknown>>;
|
|
92
|
-
export declare const
|
|
92
|
+
export declare const Text: import("react").ForwardRefExoticComponent<import("react-native").TextProps & {
|
|
93
93
|
className?: string | undefined;
|
|
94
94
|
tw?: string | undefined;
|
|
95
95
|
baseClassName?: string | undefined;
|
|
96
96
|
baseTw?: string | undefined;
|
|
97
97
|
} & import("react").RefAttributes<unknown>>;
|
|
98
|
-
export declare const
|
|
98
|
+
export declare const TextInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
|
|
99
99
|
className?: string | undefined;
|
|
100
100
|
tw?: string | undefined;
|
|
101
101
|
baseClassName?: string | undefined;
|
|
102
102
|
baseTw?: string | undefined;
|
|
103
103
|
} & import("react").RefAttributes<unknown>>;
|
|
104
|
-
export declare const
|
|
104
|
+
export declare const TouchableHighlight: import("react").ForwardRefExoticComponent<import("react-native").TouchableHighlightProps & {
|
|
105
105
|
className?: string | undefined;
|
|
106
106
|
tw?: string | undefined;
|
|
107
107
|
baseClassName?: string | undefined;
|
|
108
108
|
baseTw?: string | undefined;
|
|
109
109
|
} & import("react").RefAttributes<unknown>>;
|
|
110
|
-
export declare const
|
|
110
|
+
export declare const TouchableNativeFeedback: import("react").ForwardRefExoticComponent<import("react-native").TouchableNativeFeedbackProps & {
|
|
111
111
|
className?: string | undefined;
|
|
112
112
|
tw?: string | undefined;
|
|
113
113
|
baseClassName?: string | undefined;
|
|
114
114
|
baseTw?: string | undefined;
|
|
115
115
|
} & import("react").RefAttributes<unknown>>;
|
|
116
|
-
export declare const
|
|
116
|
+
export declare const TouchableOpacity: import("react").ForwardRefExoticComponent<import("react-native").TouchableOpacityProps & {
|
|
117
117
|
className?: string | undefined;
|
|
118
118
|
tw?: string | undefined;
|
|
119
119
|
baseClassName?: string | undefined;
|
|
120
120
|
baseTw?: string | undefined;
|
|
121
121
|
} & import("react").RefAttributes<unknown>>;
|
|
122
|
-
export declare const
|
|
122
|
+
export declare const TouchableWithoutFeedback: import("react").ForwardRefExoticComponent<import("react-native").TouchableWithoutFeedbackProps & {
|
|
123
123
|
className?: string | undefined;
|
|
124
124
|
tw?: string | undefined;
|
|
125
125
|
baseClassName?: string | undefined;
|
|
126
126
|
baseTw?: string | undefined;
|
|
127
127
|
} & import("react").RefAttributes<unknown>>;
|
|
128
|
-
export declare const
|
|
128
|
+
export declare const View: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
129
129
|
className?: string | undefined;
|
|
130
130
|
tw?: string | undefined;
|
|
131
131
|
baseClassName?: string | undefined;
|
|
132
132
|
baseTw?: string | undefined;
|
|
133
133
|
} & import("react").RefAttributes<unknown>>;
|
|
134
|
-
export declare const
|
|
134
|
+
export declare const VirtualizedList: import("react").ForwardRefExoticComponent<import("react-native").VirtualizedListProps<unknown> & {
|
|
135
135
|
className?: string | undefined;
|
|
136
136
|
tw?: string | undefined;
|
|
137
137
|
baseClassName?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hoc-components.d.ts","sourceRoot":"","sources":["../../../src/hoc-components.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"hoc-components.d.ts","sourceRoot":"","sources":["../../../src/hoc-components.ts"],"names":[],"mappings":";AAEA,OAAO,EAqBL,IAAI,IAAI,MAAM,EAEf,MAAM,cAAc,CAAC;AAGtB;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB;;;;;2CAA8B,CAAC;AAC7D,eAAO,MAAM,mBAAmB;;;;;2CAAgC,CAAC;AACjE,eAAO,MAAM,QAAQ;;;;;2CAAqB,CAAC;AAC3C,eAAO,MAAM,iBAAiB,iVAAyB,CAAC;AACxD,eAAO,MAAM,KAAK;;;;;2CAAkB,CAAC;AACrC,eAAO,MAAM,eAAe;;;;;2CAA4B,CAAC;AACzD,eAAO,MAAM,kBAAkB;;;;;2CAA+B,CAAC;AAC/D,eAAO,MAAM,oBAAoB;;;;;2CAAiC,CAAC;AACnE,eAAO,MAAM,KAAK;;;;;2CAAkB,CAAC;AACrC,eAAO,MAAM,SAAS,iNAAsB,CAAC;AAC7C,eAAO,MAAM,cAAc;;;;;2CAA2B,CAAC;AACvD,eAAO,MAAM,YAAY;;;;;2CAAyB,CAAC;AACnD,eAAO,MAAM,UAAU;;;;;2CAAuB,CAAC;AAC/C,eAAO,MAAM,WAAW;;;;;2CAAwB,CAAC;AACjD,eAAO,MAAM,MAAM;;;;;2CAAmB,CAAC;AACvC,eAAO,MAAM,IAAI;;;;;2CAAiB,CAAC;AACnC,eAAO,MAAM,SAAS;;;;;2CAAsB,CAAC;AAC7C,eAAO,MAAM,kBAAkB;;;;;2CAA+B,CAAC;AAC/D,eAAO,MAAM,uBAAuB;;;;;2CAAoC,CAAC;AACzE,eAAO,MAAM,gBAAgB;;;;;2CAA6B,CAAC;AAC3D,eAAO,MAAM,wBAAwB;;;;;2CAAqC,CAAC;AAC3E,eAAO,MAAM,IAAI;;;;;2CAAiB,CAAC;AACnC,eAAO,MAAM,eAAe;;;;;2CAA4B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Modal } from '../hoc-components';
|
|
3
|
+
interface Props extends React.ComponentProps<typeof Modal> {
|
|
4
|
+
visible: boolean;
|
|
5
|
+
title: string;
|
|
6
|
+
body: string | React.ReactNode;
|
|
7
|
+
confirmText?: string;
|
|
8
|
+
cancelText?: string;
|
|
9
|
+
onConfirm: () => void;
|
|
10
|
+
onCancel: () => void;
|
|
11
|
+
countdownSecs?: number;
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export default function BaseConfirmationModal({ visible, title, body, confirmText, cancelText, onConfirm, onCancel, countdownSecs, loading, ...props }: Props): import("react").JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=BaseConfirmationModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAIhD,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,IAAI,EACJ,WAAuB,EACvB,UAAuB,EACvB,SAAS,EACT,QAAQ,EACR,aAAiB,EACjB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,+BAkCP"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HeroIconProps } from '../types/heroicons';
|
|
3
|
+
type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
|
|
4
|
+
type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
5
|
+
interface BaseIconBoxProps extends HeroIconProps {
|
|
6
|
+
color?: ColorType;
|
|
7
|
+
size?: SizeType;
|
|
8
|
+
Icon: React.ComponentType;
|
|
9
|
+
}
|
|
10
|
+
export default function BaseIconBox({ color, size, Icon, style, ...iconProps }: BaseIconBoxProps): import("react").JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=BaseIconBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,KAAK,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,OAAO,CAAC;AAC9D,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,UAAU,gBAAiB,SAAQ,aAAa;IAC9C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3B;AAgCD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAiB,EACjB,IAAW,EACX,IAAI,EACJ,KAAU,EACV,GAAG,SAAS,EACb,EAAE,gBAAgB,+BAelB"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { default as BaseButton } from './BaseButton';
|
|
2
2
|
export { default as BaseBadge } from './BaseBadge';
|
|
3
|
+
export { default as BaseConfirmationModal } from './BaseConfirmationModal';
|
|
4
|
+
export { default as BaseIconBox } from './BaseIconBox';
|
|
3
5
|
export { default as BaseSpinner } from './BaseSpinner';
|
|
4
6
|
export { default as BaseStackedList } from './BaseStackedList';
|
|
5
7
|
export { default as BaseIcon } from './BaseIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -15,123 +15,123 @@ export declare const ActivityIndicator: import("react").ForwardRefExoticComponen
|
|
|
15
15
|
baseClassName?: string | undefined;
|
|
16
16
|
baseTw?: string | undefined;
|
|
17
17
|
} & import("react").RefAttributes<unknown>>;
|
|
18
|
-
export declare const
|
|
18
|
+
export declare const DrawerLayoutAndroid: import("react").ForwardRefExoticComponent<import("react-native").DrawerLayoutAndroidProps & {
|
|
19
19
|
className?: string | undefined;
|
|
20
20
|
tw?: string | undefined;
|
|
21
21
|
baseClassName?: string | undefined;
|
|
22
22
|
baseTw?: string | undefined;
|
|
23
23
|
} & import("react").RefAttributes<unknown>>;
|
|
24
|
-
export declare const
|
|
24
|
+
export declare const FlatList: import("react").ForwardRefExoticComponent<import("react-native").FlatListProps<unknown> & {
|
|
25
25
|
className?: string | undefined;
|
|
26
26
|
tw?: string | undefined;
|
|
27
27
|
baseClassName?: string | undefined;
|
|
28
28
|
baseTw?: string | undefined;
|
|
29
29
|
} & import("react").RefAttributes<unknown>>;
|
|
30
|
-
export declare const
|
|
30
|
+
export declare const GestureScrollView: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<import("react-native").ScrollViewProps & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>>, "ref"> & import("react").RefAttributes<import("react").ComponentType<any>>>;
|
|
31
|
+
export declare const Image: import("react").ForwardRefExoticComponent<import("react-native").ImageProps & {
|
|
31
32
|
className?: string | undefined;
|
|
32
33
|
tw?: string | undefined;
|
|
33
34
|
baseClassName?: string | undefined;
|
|
34
35
|
baseTw?: string | undefined;
|
|
35
36
|
} & import("react").RefAttributes<unknown>>;
|
|
36
|
-
export declare const
|
|
37
|
+
export declare const ImageBackground: import("react").ForwardRefExoticComponent<import("react-native").ImageBackgroundProps & {
|
|
37
38
|
className?: string | undefined;
|
|
38
39
|
tw?: string | undefined;
|
|
39
40
|
baseClassName?: string | undefined;
|
|
40
41
|
baseTw?: string | undefined;
|
|
41
42
|
} & import("react").RefAttributes<unknown>>;
|
|
42
|
-
export declare const
|
|
43
|
+
export declare const InputAccessoryView: import("react").ForwardRefExoticComponent<import("react-native").InputAccessoryViewProps & {
|
|
43
44
|
className?: string | undefined;
|
|
44
45
|
tw?: string | undefined;
|
|
45
46
|
baseClassName?: string | undefined;
|
|
46
47
|
baseTw?: string | undefined;
|
|
47
48
|
} & import("react").RefAttributes<unknown>>;
|
|
48
|
-
export declare const
|
|
49
|
-
export declare const RefreshControl: import("react").ForwardRefExoticComponent<import("react-native").RefreshControlProps & {
|
|
49
|
+
export declare const KeyboardAvoidingView: import("react").ForwardRefExoticComponent<import("react-native").KeyboardAvoidingViewProps & {
|
|
50
50
|
className?: string | undefined;
|
|
51
51
|
tw?: string | undefined;
|
|
52
52
|
baseClassName?: string | undefined;
|
|
53
53
|
baseTw?: string | undefined;
|
|
54
54
|
} & import("react").RefAttributes<unknown>>;
|
|
55
|
-
export declare const
|
|
55
|
+
export declare const Modal: import("react").ForwardRefExoticComponent<import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & {
|
|
56
56
|
className?: string | undefined;
|
|
57
57
|
tw?: string | undefined;
|
|
58
58
|
baseClassName?: string | undefined;
|
|
59
59
|
baseTw?: string | undefined;
|
|
60
60
|
} & import("react").RefAttributes<unknown>>;
|
|
61
|
-
export declare const
|
|
62
|
-
export declare const
|
|
61
|
+
export declare const Pressable: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<import("react-native").PressableProps & import("react").RefAttributes<RNView>>, "ref"> & import("react").RefAttributes<RNView>>;
|
|
62
|
+
export declare const RefreshControl: import("react").ForwardRefExoticComponent<import("react-native").RefreshControlProps & {
|
|
63
63
|
className?: string | undefined;
|
|
64
64
|
tw?: string | undefined;
|
|
65
65
|
baseClassName?: string | undefined;
|
|
66
66
|
baseTw?: string | undefined;
|
|
67
67
|
} & import("react").RefAttributes<unknown>>;
|
|
68
|
-
export declare const
|
|
68
|
+
export declare const SafeAreaView: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
69
69
|
className?: string | undefined;
|
|
70
70
|
tw?: string | undefined;
|
|
71
71
|
baseClassName?: string | undefined;
|
|
72
72
|
baseTw?: string | undefined;
|
|
73
73
|
} & import("react").RefAttributes<unknown>>;
|
|
74
|
-
export declare const
|
|
74
|
+
export declare const ScrollView: import("react").ForwardRefExoticComponent<import("react-native").ScrollViewProps & {
|
|
75
75
|
className?: string | undefined;
|
|
76
76
|
tw?: string | undefined;
|
|
77
77
|
baseClassName?: string | undefined;
|
|
78
78
|
baseTw?: string | undefined;
|
|
79
79
|
} & import("react").RefAttributes<unknown>>;
|
|
80
|
-
export declare const
|
|
80
|
+
export declare const SectionList: import("react").ForwardRefExoticComponent<import("react-native").SectionListProps<unknown, unknown> & {
|
|
81
81
|
className?: string | undefined;
|
|
82
82
|
tw?: string | undefined;
|
|
83
83
|
baseClassName?: string | undefined;
|
|
84
84
|
baseTw?: string | undefined;
|
|
85
85
|
} & import("react").RefAttributes<unknown>>;
|
|
86
|
-
export declare const
|
|
86
|
+
export declare const Switch: import("react").ForwardRefExoticComponent<import("react-native").SwitchProps & {
|
|
87
87
|
className?: string | undefined;
|
|
88
88
|
tw?: string | undefined;
|
|
89
89
|
baseClassName?: string | undefined;
|
|
90
90
|
baseTw?: string | undefined;
|
|
91
91
|
} & import("react").RefAttributes<unknown>>;
|
|
92
|
-
export declare const
|
|
92
|
+
export declare const Text: import("react").ForwardRefExoticComponent<import("react-native").TextProps & {
|
|
93
93
|
className?: string | undefined;
|
|
94
94
|
tw?: string | undefined;
|
|
95
95
|
baseClassName?: string | undefined;
|
|
96
96
|
baseTw?: string | undefined;
|
|
97
97
|
} & import("react").RefAttributes<unknown>>;
|
|
98
|
-
export declare const
|
|
98
|
+
export declare const TextInput: import("react").ForwardRefExoticComponent<import("react-native").TextInputProps & {
|
|
99
99
|
className?: string | undefined;
|
|
100
100
|
tw?: string | undefined;
|
|
101
101
|
baseClassName?: string | undefined;
|
|
102
102
|
baseTw?: string | undefined;
|
|
103
103
|
} & import("react").RefAttributes<unknown>>;
|
|
104
|
-
export declare const
|
|
104
|
+
export declare const TouchableHighlight: import("react").ForwardRefExoticComponent<import("react-native").TouchableHighlightProps & {
|
|
105
105
|
className?: string | undefined;
|
|
106
106
|
tw?: string | undefined;
|
|
107
107
|
baseClassName?: string | undefined;
|
|
108
108
|
baseTw?: string | undefined;
|
|
109
109
|
} & import("react").RefAttributes<unknown>>;
|
|
110
|
-
export declare const
|
|
110
|
+
export declare const TouchableNativeFeedback: import("react").ForwardRefExoticComponent<import("react-native").TouchableNativeFeedbackProps & {
|
|
111
111
|
className?: string | undefined;
|
|
112
112
|
tw?: string | undefined;
|
|
113
113
|
baseClassName?: string | undefined;
|
|
114
114
|
baseTw?: string | undefined;
|
|
115
115
|
} & import("react").RefAttributes<unknown>>;
|
|
116
|
-
export declare const
|
|
116
|
+
export declare const TouchableOpacity: import("react").ForwardRefExoticComponent<import("react-native").TouchableOpacityProps & {
|
|
117
117
|
className?: string | undefined;
|
|
118
118
|
tw?: string | undefined;
|
|
119
119
|
baseClassName?: string | undefined;
|
|
120
120
|
baseTw?: string | undefined;
|
|
121
121
|
} & import("react").RefAttributes<unknown>>;
|
|
122
|
-
export declare const
|
|
122
|
+
export declare const TouchableWithoutFeedback: import("react").ForwardRefExoticComponent<import("react-native").TouchableWithoutFeedbackProps & {
|
|
123
123
|
className?: string | undefined;
|
|
124
124
|
tw?: string | undefined;
|
|
125
125
|
baseClassName?: string | undefined;
|
|
126
126
|
baseTw?: string | undefined;
|
|
127
127
|
} & import("react").RefAttributes<unknown>>;
|
|
128
|
-
export declare const
|
|
128
|
+
export declare const View: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
|
|
129
129
|
className?: string | undefined;
|
|
130
130
|
tw?: string | undefined;
|
|
131
131
|
baseClassName?: string | undefined;
|
|
132
132
|
baseTw?: string | undefined;
|
|
133
133
|
} & import("react").RefAttributes<unknown>>;
|
|
134
|
-
export declare const
|
|
134
|
+
export declare const VirtualizedList: import("react").ForwardRefExoticComponent<import("react-native").VirtualizedListProps<unknown> & {
|
|
135
135
|
className?: string | undefined;
|
|
136
136
|
tw?: string | undefined;
|
|
137
137
|
baseClassName?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hoc-components.d.ts","sourceRoot":"","sources":["../../../src/hoc-components.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"hoc-components.d.ts","sourceRoot":"","sources":["../../../src/hoc-components.ts"],"names":[],"mappings":";AAEA,OAAO,EAqBL,IAAI,IAAI,MAAM,EAEf,MAAM,cAAc,CAAC;AAGtB;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB;;;;;2CAA8B,CAAC;AAC7D,eAAO,MAAM,mBAAmB;;;;;2CAAgC,CAAC;AACjE,eAAO,MAAM,QAAQ;;;;;2CAAqB,CAAC;AAC3C,eAAO,MAAM,iBAAiB,iVAAyB,CAAC;AACxD,eAAO,MAAM,KAAK;;;;;2CAAkB,CAAC;AACrC,eAAO,MAAM,eAAe;;;;;2CAA4B,CAAC;AACzD,eAAO,MAAM,kBAAkB;;;;;2CAA+B,CAAC;AAC/D,eAAO,MAAM,oBAAoB;;;;;2CAAiC,CAAC;AACnE,eAAO,MAAM,KAAK;;;;;2CAAkB,CAAC;AACrC,eAAO,MAAM,SAAS,iNAAsB,CAAC;AAC7C,eAAO,MAAM,cAAc;;;;;2CAA2B,CAAC;AACvD,eAAO,MAAM,YAAY;;;;;2CAAyB,CAAC;AACnD,eAAO,MAAM,UAAU;;;;;2CAAuB,CAAC;AAC/C,eAAO,MAAM,WAAW;;;;;2CAAwB,CAAC;AACjD,eAAO,MAAM,MAAM;;;;;2CAAmB,CAAC;AACvC,eAAO,MAAM,IAAI;;;;;2CAAiB,CAAC;AACnC,eAAO,MAAM,SAAS;;;;;2CAAsB,CAAC;AAC7C,eAAO,MAAM,kBAAkB;;;;;2CAA+B,CAAC;AAC/D,eAAO,MAAM,uBAAuB;;;;;2CAAoC,CAAC;AACzE,eAAO,MAAM,gBAAgB;;;;;2CAA6B,CAAC;AAC3D,eAAO,MAAM,wBAAwB;;;;;2CAAqC,CAAC;AAC3E,eAAO,MAAM,IAAI;;;;;2CAAiB,CAAC;AACnC,eAAO,MAAM,eAAe;;;;;2CAA4B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@grupalia/rn-ui-kit",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.1",
|
|
4
4
|
"description": "Grupalia React Native UI Kit",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/module/index.d.ts",
|
|
@@ -17,7 +17,9 @@
|
|
|
17
17
|
"build": "bob build",
|
|
18
18
|
"typecheck": "tsc --noEmit",
|
|
19
19
|
"prepare": "bob build",
|
|
20
|
-
"publish-local": "npx yalc publish"
|
|
20
|
+
"publish-local": "npx yalc publish",
|
|
21
|
+
"bump-minor-version": "npm version minor --message 'chore(release): bump version'",
|
|
22
|
+
"bump-patch-version": "npm version patch --message 'chore(release): bump version'"
|
|
21
23
|
},
|
|
22
24
|
"peerDependencies": {
|
|
23
25
|
"@gorhom/bottom-sheet": "^5",
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { View, Modal } from '../hoc-components';
|
|
2
|
+
import BaseButton from './BaseButton';
|
|
3
|
+
import BaseText from './BaseText';
|
|
4
|
+
|
|
5
|
+
interface Props extends React.ComponentProps<typeof Modal> {
|
|
6
|
+
visible: boolean;
|
|
7
|
+
title: string;
|
|
8
|
+
body: string | React.ReactNode;
|
|
9
|
+
confirmText?: string;
|
|
10
|
+
cancelText?: string;
|
|
11
|
+
onConfirm: () => void;
|
|
12
|
+
onCancel: () => void;
|
|
13
|
+
countdownSecs?: number;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export default function BaseConfirmationModal({
|
|
18
|
+
visible,
|
|
19
|
+
title,
|
|
20
|
+
body,
|
|
21
|
+
confirmText = 'Aceptar',
|
|
22
|
+
cancelText = 'Cancelar',
|
|
23
|
+
onConfirm,
|
|
24
|
+
onCancel,
|
|
25
|
+
countdownSecs = 0,
|
|
26
|
+
loading = false,
|
|
27
|
+
...props
|
|
28
|
+
}: Props) {
|
|
29
|
+
return (
|
|
30
|
+
<Modal
|
|
31
|
+
animationType="fade"
|
|
32
|
+
transparent
|
|
33
|
+
visible={visible}
|
|
34
|
+
onRequestClose={() => onCancel()}
|
|
35
|
+
{...props}
|
|
36
|
+
>
|
|
37
|
+
<View className="flex-1 items-center justify-center bg-overlay">
|
|
38
|
+
<View className="m-4 flex flex-col space-y-4 rounded-lg bg-primary p-8">
|
|
39
|
+
<BaseText className="mb-4 text-lg font-semibold">
|
|
40
|
+
{title}
|
|
41
|
+
</BaseText>
|
|
42
|
+
{typeof body === 'string' ? (
|
|
43
|
+
<BaseText className="text-base">
|
|
44
|
+
{body}
|
|
45
|
+
</BaseText>
|
|
46
|
+
) : body}
|
|
47
|
+
<BaseButton
|
|
48
|
+
text={confirmText}
|
|
49
|
+
onPress={onConfirm}
|
|
50
|
+
loading={loading}
|
|
51
|
+
countdownSecs={countdownSecs}
|
|
52
|
+
/>
|
|
53
|
+
<BaseButton
|
|
54
|
+
variant="secondary"
|
|
55
|
+
text={cancelText}
|
|
56
|
+
onPress={onCancel}
|
|
57
|
+
/>
|
|
58
|
+
</View>
|
|
59
|
+
</View>
|
|
60
|
+
</Modal>
|
|
61
|
+
);
|
|
62
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { View } from '../hoc-components';
|
|
2
|
+
import { HeroIconProps } from '../types/heroicons';
|
|
3
|
+
|
|
4
|
+
type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
|
|
5
|
+
type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
6
|
+
|
|
7
|
+
interface BaseIconBoxProps extends HeroIconProps {
|
|
8
|
+
color?: ColorType;
|
|
9
|
+
size?: SizeType;
|
|
10
|
+
Icon: React.ComponentType;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
function getColorClasses(color: ColorType): { box: string; icon: string } {
|
|
14
|
+
switch (color) {
|
|
15
|
+
case 'primary':
|
|
16
|
+
return { box: 'bg-brand-solid', icon: 'text-primary_on-brand' };
|
|
17
|
+
case 'light-blue':
|
|
18
|
+
return { box: 'bg-utility-blue-100', icon: 'text-utility-blue-700' };
|
|
19
|
+
case 'green':
|
|
20
|
+
return { box: 'bg-success-primary', icon: 'text-success-primary' };
|
|
21
|
+
case 'white':
|
|
22
|
+
default:
|
|
23
|
+
return { box: 'bg-transparent', icon: 'text-primary' };
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function getSizeClasses(size: SizeType): { box: string } {
|
|
28
|
+
switch (size) {
|
|
29
|
+
case 'xxs':
|
|
30
|
+
return { box: 'h-6 w-6' };
|
|
31
|
+
case 'xs':
|
|
32
|
+
return { box: 'w-8 h-8' };
|
|
33
|
+
case 'sm':
|
|
34
|
+
return { box: 'w-12 h-12' };
|
|
35
|
+
case 'lg':
|
|
36
|
+
return { box: 'w-16 h-16' };
|
|
37
|
+
case 'md':
|
|
38
|
+
default:
|
|
39
|
+
return { box: 'w-20 h-20' };
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export default function BaseIconBox({
|
|
44
|
+
color = 'primary',
|
|
45
|
+
size = 'sm',
|
|
46
|
+
Icon,
|
|
47
|
+
style = {},
|
|
48
|
+
...iconProps
|
|
49
|
+
}: BaseIconBoxProps) {
|
|
50
|
+
const colorClasses = getColorClasses(color);
|
|
51
|
+
const sizeClasses = getSizeClasses(size);
|
|
52
|
+
|
|
53
|
+
return (
|
|
54
|
+
<View
|
|
55
|
+
className={`${colorClasses.box} ${sizeClasses.box} flex shrink-0 items-center justify-center rounded-md p-1`}
|
|
56
|
+
style={style}
|
|
57
|
+
>
|
|
58
|
+
<Icon
|
|
59
|
+
className={colorClasses.icon}
|
|
60
|
+
{...iconProps}
|
|
61
|
+
/>
|
|
62
|
+
</View>
|
|
63
|
+
);
|
|
64
|
+
}
|
package/src/components/index.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { default as BaseButton } from './BaseButton';
|
|
2
2
|
export { default as BaseBadge } from './BaseBadge';
|
|
3
|
+
export { default as BaseConfirmationModal } from './BaseConfirmationModal';
|
|
4
|
+
export { default as BaseIconBox } from './BaseIconBox';
|
|
3
5
|
export { default as BaseSpinner } from './BaseSpinner';
|
|
4
6
|
export { default as BaseStackedList } from './BaseStackedList';
|
|
5
7
|
export { default as BaseIcon } from './BaseIcon';
|