@grupalia/rn-ui-kit 0.14.1 → 0.15.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/BaseBottomSheetModal.js +1 -2
- package/lib/commonjs/components/BaseBottomSheetModal.js.map +1 -1
- package/lib/commonjs/components/BaseConfirmationModal.js +3 -1
- package/lib/commonjs/components/BaseConfirmationModal.js.map +1 -1
- package/lib/commonjs/components/BaseDateInput.js +3 -1
- package/lib/commonjs/components/BaseDateInput.js.map +1 -1
- package/lib/commonjs/components/BaseIconBox.js +29 -18
- package/lib/commonjs/components/BaseIconBox.js.map +1 -1
- package/lib/commonjs/components/BaseSpinner.js +3 -1
- package/lib/commonjs/components/BaseSpinner.js.map +1 -1
- package/lib/commonjs/components/BaseSwitch.js +2 -1
- package/lib/commonjs/components/BaseSwitch.js.map +1 -1
- package/lib/commonjs/components/FormikDateInput.js +3 -1
- package/lib/commonjs/components/FormikDateInput.js.map +1 -1
- package/lib/commonjs/components/FormikRadioGroup.js +3 -1
- package/lib/commonjs/components/FormikRadioGroup.js.map +1 -1
- package/lib/module/components/BaseBottomSheetModal.js +1 -2
- package/lib/module/components/BaseBottomSheetModal.js.map +1 -1
- package/lib/module/components/BaseConfirmationModal.js +3 -1
- package/lib/module/components/BaseConfirmationModal.js.map +1 -1
- package/lib/module/components/BaseDateInput.js +3 -1
- package/lib/module/components/BaseDateInput.js.map +1 -1
- package/lib/module/components/BaseIconBox.js +28 -18
- package/lib/module/components/BaseIconBox.js.map +1 -1
- package/lib/module/components/BaseSpinner.js +3 -1
- package/lib/module/components/BaseSpinner.js.map +1 -1
- package/lib/module/components/BaseSwitch.js +2 -1
- package/lib/module/components/BaseSwitch.js.map +1 -1
- package/lib/module/components/FormikDateInput.js +3 -1
- package/lib/module/components/FormikDateInput.js.map +1 -1
- package/lib/module/components/FormikRadioGroup.js +3 -1
- package/lib/module/components/FormikRadioGroup.js.map +1 -1
- package/lib/typescript/commonjs/components/BaseBottomSheetModal.d.ts +2 -2
- package/lib/typescript/commonjs/components/BaseBottomSheetModal.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseConfirmationModal.d.ts +2 -2
- package/lib/typescript/commonjs/components/BaseConfirmationModal.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseDateInput.d.ts +7 -2
- package/lib/typescript/commonjs/components/BaseDateInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseIconBox.d.ts +9 -4
- package/lib/typescript/commonjs/components/BaseIconBox.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseSpinner.d.ts +2 -2
- package/lib/typescript/commonjs/components/BaseSpinner.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/BaseSwitch.d.ts +7 -2
- package/lib/typescript/commonjs/components/BaseSwitch.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/FormikDateInput.d.ts +7 -2
- package/lib/typescript/commonjs/components/FormikDateInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/FormikRadioGroup.d.ts +7 -1
- package/lib/typescript/commonjs/components/FormikRadioGroup.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseBottomSheetModal.d.ts +2 -2
- package/lib/typescript/module/components/BaseBottomSheetModal.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseConfirmationModal.d.ts +2 -2
- package/lib/typescript/module/components/BaseConfirmationModal.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseDateInput.d.ts +7 -2
- package/lib/typescript/module/components/BaseDateInput.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseIconBox.d.ts +9 -4
- package/lib/typescript/module/components/BaseIconBox.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseSpinner.d.ts +2 -2
- package/lib/typescript/module/components/BaseSpinner.d.ts.map +1 -1
- package/lib/typescript/module/components/BaseSwitch.d.ts +7 -2
- package/lib/typescript/module/components/BaseSwitch.d.ts.map +1 -1
- package/lib/typescript/module/components/FormikDateInput.d.ts +7 -2
- package/lib/typescript/module/components/FormikDateInput.d.ts.map +1 -1
- package/lib/typescript/module/components/FormikRadioGroup.d.ts +7 -1
- package/lib/typescript/module/components/FormikRadioGroup.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/BaseBottomSheetModal.tsx +1 -2
- package/src/components/BaseConfirmationModal.tsx +5 -1
- package/src/components/BaseDateInput.tsx +4 -1
- package/src/components/BaseIconBox.tsx +31 -20
- package/src/components/BaseSpinner.tsx +4 -1
- package/src/components/BaseSwitch.tsx +2 -1
- package/src/components/FormikDateInput.tsx +4 -1
- package/src/components/FormikRadioGroup.tsx +4 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useField, useFormikContext } from 'formik';
|
|
4
|
+
import { styled } from 'nativewind';
|
|
4
5
|
import React, { useCallback } from 'react';
|
|
5
6
|
import BaseDateInput from "./BaseDateInput.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
8
|
+
function FormikDateInput({
|
|
8
9
|
name,
|
|
9
10
|
fixedHour,
|
|
10
11
|
fixedMinutes,
|
|
@@ -30,4 +31,5 @@ export default function FormikDateInput({
|
|
|
30
31
|
fixedSeconds: fixedSeconds
|
|
31
32
|
});
|
|
32
33
|
}
|
|
34
|
+
export default styled(FormikDateInput);
|
|
33
35
|
//# sourceMappingURL=FormikDateInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useField","useFormikContext","React","useCallback","BaseDateInput","jsx","_jsx","FormikDateInput","name","fixedHour","fixedMinutes","fixedSeconds","props","field","meta","helpers","setFieldValue","handleChange","date","setTouched","value","onChange","error","touched"],"sourceRoot":"../../../src","sources":["components/FormikDateInput.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,gBAAgB,QAAQ,QAAQ;AACnD,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAI1C,OAAOC,aAAa,MAAM,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiB5C,
|
|
1
|
+
{"version":3,"names":["useField","useFormikContext","styled","React","useCallback","BaseDateInput","jsx","_jsx","FormikDateInput","name","fixedHour","fixedMinutes","fixedSeconds","props","field","meta","helpers","setFieldValue","handleChange","date","setTouched","value","onChange","error","touched"],"sourceRoot":"../../../src","sources":["components/FormikDateInput.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,gBAAgB,QAAQ,QAAQ;AACnD,SAASC,MAAM,QAAQ,YAAY;AACnC,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAI1C,OAAOC,aAAa,MAAM,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiB5C,SAASC,eAAeA,CAAC;EACvBC,IAAI;EACJC,SAAS;EACTC,YAAY;EACZC,YAAY;EACZ,GAAGC;AACiB,CAAC,EAAE;EACvB,MAAM,CAACC,KAAK,EAAEC,IAAI,EAAEC,OAAO,CAAC,GAAGhB,QAAQ,CAACS,IAAI,CAAC;EAC7C,MAAM;IAAEQ;EAAc,CAAC,GAAGhB,gBAAgB,CAAC,CAAC;EAE5C,MAAMiB,YAAY,GAAGd,WAAW,CAAEe,IAAU,IAAK;IAC/CF,aAAa,CAACR,IAAI,EAAEU,IAAI,CAAC;IACzBH,OAAO,CAACI,UAAU,CAAC,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACJ,OAAO,EAAEP,IAAI,EAAEQ,aAAa,CAAC,CAAC;EAElC,oBACEV,IAAA,CAACF,aAAa;IAAA,GACRQ,KAAK;IACTQ,KAAK,EAAEP,KAAK,CAACO,KAAM;IACnBC,QAAQ,EAAEJ,YAAa;IACvBK,KAAK,EAAER,IAAI,CAACQ,KAAM;IAClBC,OAAO,EAAET,IAAI,CAACS,OAAQ;IACtBd,SAAS,EAAEA,SAAU;IACrBC,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA;EAAa,CAC5B,CAAC;AAEN;AAEA,eAAeV,MAAM,CAACM,eAAe,CAAC","ignoreList":[]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useField } from 'formik';
|
|
4
|
+
import { styled } from 'nativewind';
|
|
4
5
|
import React from 'react';
|
|
5
6
|
import BaseRadioGroup from "./BaseRadioGroup.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
8
|
+
function FormikRadioGroup({
|
|
8
9
|
name,
|
|
9
10
|
options,
|
|
10
11
|
...props
|
|
@@ -22,4 +23,5 @@ export default function FormikRadioGroup({
|
|
|
22
23
|
...props
|
|
23
24
|
});
|
|
24
25
|
}
|
|
26
|
+
export default styled(FormikRadioGroup);
|
|
25
27
|
//# sourceMappingURL=FormikRadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useField","React","BaseRadioGroup","jsx","_jsx","FormikRadioGroup","name","options","props","field","meta","helpers","handleChange","value","setValue","onChange","error","touched"],"sourceRoot":"../../../src","sources":["components/FormikRadioGroup.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,QAAQ;AACjC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,cAAc,MAA4C,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOpF,
|
|
1
|
+
{"version":3,"names":["useField","styled","React","BaseRadioGroup","jsx","_jsx","FormikRadioGroup","name","options","props","field","meta","helpers","handleChange","value","setValue","onChange","error","touched"],"sourceRoot":"../../../src","sources":["components/FormikRadioGroup.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,QAAQ;AACjC,SAASC,MAAM,QAAQ,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,cAAc,MAA4C,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOpF,SAASC,gBAAgBA,CAAC;EACxBC,IAAI;EACJC,OAAO;EACP,GAAGC;AACkB,CAAC,EAAE;EACxB,MAAM,CAACC,KAAK,EAAEC,IAAI,EAAEC,OAAO,CAAC,GAAGZ,QAAQ,CAACO,IAAI,CAAC;EAE7C,MAAMM,YAAY,GAAIC,KAAc,IAAK;IACvCF,OAAO,CAACG,QAAQ,CAACD,KAAK,CAAC;EACzB,CAAC;EAED,oBACET,IAAA,CAACF,cAAc;IACbK,OAAO,EAAEA,OAAQ;IACjBM,KAAK,EAAEJ,KAAK,CAACI,KAAM;IACnBE,QAAQ,EAAEH,YAAa;IACvBI,KAAK,EAAEN,IAAI,CAACM,KAAM;IAClBC,OAAO,EAAEP,IAAI,CAACO,OAAQ;IAAA,GAClBT;EAAK,CACV,CAAC;AAEN;AAEA,eAAeR,MAAM,CAACK,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -3,6 +3,6 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
interface BaseBottomSheetModalProps extends BottomSheetModalProps {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export default
|
|
6
|
+
declare const BaseBottomSheetModal: import("react").ForwardRefExoticComponent<BaseBottomSheetModalProps & import("react").RefAttributes<BottomSheetModal>>;
|
|
7
|
+
export default BaseBottomSheetModal;
|
|
8
8
|
//# sourceMappingURL=BaseBottomSheetModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAEtB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAEtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB9C,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,wHAoBxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
|
|
@@ -11,6 +11,6 @@ interface Props extends React.ComponentProps<typeof Modal> {
|
|
|
11
11
|
countdownSecs?: number;
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
export
|
|
14
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<Props>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
15
|
+
export default _default;
|
|
16
16
|
//# sourceMappingURL=BaseConfirmationModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";AAEA,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;;AAiDD,wBAA6C"}
|
|
@@ -18,6 +18,11 @@ interface BaseDateInputProps extends Omit<DatePickerProps, 'open' | 'date' | 'on
|
|
|
18
18
|
error?: string;
|
|
19
19
|
touched?: boolean;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
declare const _default: React.ForwardRefExoticComponent<BaseDateInputProps & {
|
|
22
|
+
className?: string | undefined;
|
|
23
|
+
tw?: string | undefined;
|
|
24
|
+
baseClassName?: string | undefined;
|
|
25
|
+
baseTw?: string | undefined;
|
|
26
|
+
} & React.RefAttributes<unknown>>;
|
|
27
|
+
export default _default;
|
|
23
28
|
//# sourceMappingURL=BaseDateInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseDateInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseDateInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAmB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAQvE,UAAU,kBAAmB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IACpG,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;;AA2HD,wBAAqC"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { HeroIconProps } from '../types/heroicons';
|
|
2
|
+
import { HeroIcon, HeroIconProps } from '../types/heroicons';
|
|
3
3
|
type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
|
|
4
4
|
type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
5
5
|
interface BaseIconBoxProps extends HeroIconProps {
|
|
6
6
|
color?: ColorType;
|
|
7
7
|
size?: SizeType;
|
|
8
|
-
Icon:
|
|
8
|
+
Icon: HeroIcon;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
declare const _default: import("react").ForwardRefExoticComponent<BaseIconBoxProps & {
|
|
11
|
+
className?: string | undefined;
|
|
12
|
+
tw?: string | undefined;
|
|
13
|
+
baseClassName?: string | undefined;
|
|
14
|
+
baseTw?: string | undefined;
|
|
15
|
+
} & import("react").RefAttributes<unknown>>;
|
|
16
|
+
export default _default;
|
|
12
17
|
//# sourceMappingURL=BaseIconBox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE7D,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,QAAQ,CAAC;CAChB;;;;;;;AA4DD,wBAAmC"}
|
|
@@ -3,6 +3,6 @@ import { ActivityIndicator } from '../hoc-components';
|
|
|
3
3
|
interface BaseSpinnerProps extends ComponentProps<typeof ActivityIndicator> {
|
|
4
4
|
size?: 'small' | 'large' | number;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<BaseSpinnerProps>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
7
|
+
export default _default;
|
|
8
8
|
//# sourceMappingURL=BaseSpinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSpinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSpinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,UAAU,gBAAiB,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC;IACzE,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CACnC;;AAYD,wBAAmC"}
|
|
@@ -6,6 +6,11 @@ interface Props extends SwitchProps {
|
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
8
8
|
}
|
|
9
|
-
declare
|
|
10
|
-
|
|
9
|
+
declare const _default: import("react").ForwardRefExoticComponent<Props & {
|
|
10
|
+
className?: string | undefined;
|
|
11
|
+
tw?: string | undefined;
|
|
12
|
+
baseClassName?: string | undefined;
|
|
13
|
+
baseTw?: string | undefined;
|
|
14
|
+
} & import("react").RefAttributes<unknown>>;
|
|
15
|
+
export default _default;
|
|
11
16
|
//# sourceMappingURL=BaseSwitch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSwitch.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSwitch.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,KAAM,SAAQ,WAAW;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzC;;;;;;;AAmCD,wBAAkC"}
|
|
@@ -15,6 +15,11 @@ interface FormikDateInputProps extends Omit<DatePickerProps, 'open' | 'date' | '
|
|
|
15
15
|
fixedSeconds?: number;
|
|
16
16
|
placeholder?: string;
|
|
17
17
|
}
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
declare const _default: React.ForwardRefExoticComponent<FormikDateInputProps & {
|
|
19
|
+
className?: string | undefined;
|
|
20
|
+
tw?: string | undefined;
|
|
21
|
+
baseClassName?: string | undefined;
|
|
22
|
+
baseTw?: string | undefined;
|
|
23
|
+
} & React.RefAttributes<unknown>>;
|
|
24
|
+
export default _default;
|
|
20
25
|
//# sourceMappingURL=FormikDateInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikDateInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormikDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikDateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAI3D,UAAU,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IACtG,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;;;;;;AA+BD,wBAAuC"}
|
|
@@ -4,5 +4,11 @@ export interface FormikRadioGroupProps extends Omit<BaseRadioGroupProps, 'value'
|
|
|
4
4
|
name: string;
|
|
5
5
|
options: RadioOption[];
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
declare const _default: React.ForwardRefExoticComponent<FormikRadioGroupProps & {
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
tw?: string | undefined;
|
|
10
|
+
baseClassName?: string | undefined;
|
|
11
|
+
baseTw?: string | undefined;
|
|
12
|
+
} & React.RefAttributes<unknown>>;
|
|
13
|
+
export default _default;
|
|
8
14
|
//# sourceMappingURL=FormikRadioGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikRadioGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormikRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IAClH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;;;;;;;AAyBD,wBAAwC"}
|
|
@@ -3,6 +3,6 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
interface BaseBottomSheetModalProps extends BottomSheetModalProps {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
}
|
|
6
|
-
declare const
|
|
7
|
-
export default
|
|
6
|
+
declare const BaseBottomSheetModal: import("react").ForwardRefExoticComponent<BaseBottomSheetModalProps & import("react").RefAttributes<BottomSheetModal>>;
|
|
7
|
+
export default BaseBottomSheetModal;
|
|
8
8
|
//# sourceMappingURL=BaseBottomSheetModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAEtB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"BaseBottomSheetModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseBottomSheetModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAGhB,qBAAqB,EAEtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAgB9C,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,oBAAoB,wHAoBxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
|
|
@@ -11,6 +11,6 @@ interface Props extends React.ComponentProps<typeof Modal> {
|
|
|
11
11
|
countdownSecs?: number;
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
}
|
|
14
|
-
|
|
15
|
-
export
|
|
14
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<Props>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
15
|
+
export default _default;
|
|
16
16
|
//# sourceMappingURL=BaseConfirmationModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseConfirmationModal.tsx"],"names":[],"mappings":";AAEA,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;;AAiDD,wBAA6C"}
|
|
@@ -18,6 +18,11 @@ interface BaseDateInputProps extends Omit<DatePickerProps, 'open' | 'date' | 'on
|
|
|
18
18
|
error?: string;
|
|
19
19
|
touched?: boolean;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
declare const _default: React.ForwardRefExoticComponent<BaseDateInputProps & {
|
|
22
|
+
className?: string | undefined;
|
|
23
|
+
tw?: string | undefined;
|
|
24
|
+
baseClassName?: string | undefined;
|
|
25
|
+
baseTw?: string | undefined;
|
|
26
|
+
} & React.RefAttributes<unknown>>;
|
|
27
|
+
export default _default;
|
|
23
28
|
//# sourceMappingURL=BaseDateInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseDateInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseDateInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAmB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAQvE,UAAU,kBAAmB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IACpG,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;;;;;;AA2HD,wBAAqC"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { HeroIconProps } from '../types/heroicons';
|
|
2
|
+
import { HeroIcon, HeroIconProps } from '../types/heroicons';
|
|
3
3
|
type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
|
|
4
4
|
type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
5
5
|
interface BaseIconBoxProps extends HeroIconProps {
|
|
6
6
|
color?: ColorType;
|
|
7
7
|
size?: SizeType;
|
|
8
|
-
Icon:
|
|
8
|
+
Icon: HeroIcon;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
declare const _default: import("react").ForwardRefExoticComponent<BaseIconBoxProps & {
|
|
11
|
+
className?: string | undefined;
|
|
12
|
+
tw?: string | undefined;
|
|
13
|
+
baseClassName?: string | undefined;
|
|
14
|
+
baseTw?: string | undefined;
|
|
15
|
+
} & import("react").RefAttributes<unknown>>;
|
|
16
|
+
export default _default;
|
|
12
17
|
//# sourceMappingURL=BaseIconBox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseIconBox.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseIconBox.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE7D,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,QAAQ,CAAC;CAChB;;;;;;;AA4DD,wBAAmC"}
|
|
@@ -3,6 +3,6 @@ import { ActivityIndicator } from '../hoc-components';
|
|
|
3
3
|
interface BaseSpinnerProps extends ComponentProps<typeof ActivityIndicator> {
|
|
4
4
|
size?: 'small' | 'large' | number;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
declare const _default: import("react").ForwardRefExoticComponent<Omit<import("nativewind").StyledProps<BaseSpinnerProps>, "ref"> & import("react").RefAttributes<unknown>>;
|
|
7
|
+
export default _default;
|
|
8
8
|
//# sourceMappingURL=BaseSpinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSpinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BaseSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSpinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAGtD,UAAU,gBAAiB,SAAQ,cAAc,CAAC,OAAO,iBAAiB,CAAC;IACzE,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CACnC;;AAYD,wBAAmC"}
|
|
@@ -6,6 +6,11 @@ interface Props extends SwitchProps {
|
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
8
8
|
}
|
|
9
|
-
declare
|
|
10
|
-
|
|
9
|
+
declare const _default: import("react").ForwardRefExoticComponent<Props & {
|
|
10
|
+
className?: string | undefined;
|
|
11
|
+
tw?: string | undefined;
|
|
12
|
+
baseClassName?: string | undefined;
|
|
13
|
+
baseTw?: string | undefined;
|
|
14
|
+
} & import("react").RefAttributes<unknown>>;
|
|
15
|
+
export default _default;
|
|
11
16
|
//# sourceMappingURL=BaseSwitch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSwitch.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"BaseSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/BaseSwitch.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAK3C,UAAU,KAAM,SAAQ,WAAW;IACjC,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACzC;;;;;;;AAmCD,wBAAkC"}
|
|
@@ -15,6 +15,11 @@ interface FormikDateInputProps extends Omit<DatePickerProps, 'open' | 'date' | '
|
|
|
15
15
|
fixedSeconds?: number;
|
|
16
16
|
placeholder?: string;
|
|
17
17
|
}
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
declare const _default: React.ForwardRefExoticComponent<FormikDateInputProps & {
|
|
19
|
+
className?: string | undefined;
|
|
20
|
+
tw?: string | undefined;
|
|
21
|
+
baseClassName?: string | undefined;
|
|
22
|
+
baseTw?: string | undefined;
|
|
23
|
+
} & React.RefAttributes<unknown>>;
|
|
24
|
+
export default _default;
|
|
20
25
|
//# sourceMappingURL=FormikDateInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikDateInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormikDateInput.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikDateInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAI3D,UAAU,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC;IACtG,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;;;;;;AA+BD,wBAAuC"}
|
|
@@ -4,5 +4,11 @@ export interface FormikRadioGroupProps extends Omit<BaseRadioGroupProps, 'value'
|
|
|
4
4
|
name: string;
|
|
5
5
|
options: RadioOption[];
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
declare const _default: React.ForwardRefExoticComponent<FormikRadioGroupProps & {
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
tw?: string | undefined;
|
|
10
|
+
baseClassName?: string | undefined;
|
|
11
|
+
baseTw?: string | undefined;
|
|
12
|
+
} & React.RefAttributes<unknown>>;
|
|
13
|
+
export default _default;
|
|
8
14
|
//# sourceMappingURL=FormikRadioGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormikRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikRadioGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FormikRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormikRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAuB,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IAClH,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB;;;;;;;AAyBD,wBAAwC"}
|
package/package.json
CHANGED
|
@@ -5,7 +5,6 @@ import {
|
|
|
5
5
|
BottomSheetModalProps,
|
|
6
6
|
BottomSheetView,
|
|
7
7
|
} from '@gorhom/bottom-sheet';
|
|
8
|
-
import { styled } from 'nativewind';
|
|
9
8
|
import { forwardRef, ReactNode } from 'react';
|
|
10
9
|
import { StyleSheet } from 'react-native';
|
|
11
10
|
|
|
@@ -48,4 +47,4 @@ const BaseBottomSheetModal = forwardRef<
|
|
|
48
47
|
</BottomSheetModal>
|
|
49
48
|
));
|
|
50
49
|
|
|
51
|
-
export default
|
|
50
|
+
export default BaseBottomSheetModal;
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { styled } from 'nativewind';
|
|
2
|
+
|
|
1
3
|
import { View, Modal } from '../hoc-components';
|
|
2
4
|
import BaseButton from './BaseButton';
|
|
3
5
|
import BaseText from './BaseText';
|
|
@@ -14,7 +16,7 @@ interface Props extends React.ComponentProps<typeof Modal> {
|
|
|
14
16
|
loading?: boolean;
|
|
15
17
|
}
|
|
16
18
|
|
|
17
|
-
|
|
19
|
+
function BaseConfirmationModal({
|
|
18
20
|
visible,
|
|
19
21
|
title,
|
|
20
22
|
body,
|
|
@@ -60,3 +62,5 @@ export default function BaseConfirmationModal({
|
|
|
60
62
|
</Modal>
|
|
61
63
|
);
|
|
62
64
|
}
|
|
65
|
+
|
|
66
|
+
export default styled(BaseConfirmationModal);
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import clsx from 'clsx';
|
|
2
2
|
import { format } from 'date-fns';
|
|
3
|
+
import { styled } from 'nativewind';
|
|
3
4
|
import React, { useState, useCallback } from 'react';
|
|
4
5
|
import { ViewProps } from 'react-native';
|
|
5
6
|
import DatePicker, { DatePickerProps } from 'react-native-date-picker';
|
|
@@ -28,7 +29,7 @@ interface BaseDateInputProps extends Omit<DatePickerProps, 'open' | 'date' | 'on
|
|
|
28
29
|
touched?: boolean;
|
|
29
30
|
}
|
|
30
31
|
|
|
31
|
-
|
|
32
|
+
function BaseDateInput({
|
|
32
33
|
value,
|
|
33
34
|
onChange,
|
|
34
35
|
label,
|
|
@@ -148,3 +149,5 @@ export default function BaseDateInput({
|
|
|
148
149
|
</View>
|
|
149
150
|
);
|
|
150
151
|
}
|
|
152
|
+
|
|
153
|
+
export default styled(BaseDateInput);
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
import clsx from 'clsx';
|
|
2
|
+
import { styled } from 'nativewind';
|
|
3
|
+
|
|
1
4
|
import { View } from '../hoc-components';
|
|
2
|
-
import {
|
|
5
|
+
import BaseIcon, { BaseIconProps } from './BaseIcon';
|
|
6
|
+
import { HeroIcon, HeroIconProps } from '../types/heroicons';
|
|
3
7
|
|
|
4
8
|
type ColorType = 'primary' | 'white' | 'light-blue' | 'green';
|
|
5
9
|
type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -7,58 +11,65 @@ type SizeType = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
|
|
|
7
11
|
interface BaseIconBoxProps extends HeroIconProps {
|
|
8
12
|
color?: ColorType;
|
|
9
13
|
size?: SizeType;
|
|
10
|
-
Icon:
|
|
14
|
+
Icon: HeroIcon;
|
|
11
15
|
}
|
|
12
16
|
|
|
13
|
-
function getColorClasses(color: ColorType): { box: string; icon:
|
|
17
|
+
function getColorClasses(color: ColorType): { box: string; icon: BaseIconProps['color'] } {
|
|
14
18
|
switch (color) {
|
|
15
19
|
case 'primary':
|
|
16
|
-
return { box: 'bg-brand-solid', icon: '
|
|
20
|
+
return { box: 'bg-brand-solid', icon: 'fg-white' };
|
|
17
21
|
case 'light-blue':
|
|
18
|
-
return { box: 'bg-utility-blue-100', icon: '
|
|
22
|
+
return { box: 'bg-utility-blue-100', icon: 'utility-blue-700' };
|
|
19
23
|
case 'green':
|
|
20
|
-
return { box: 'bg-success-primary', icon: '
|
|
24
|
+
return { box: 'bg-success-primary', icon: 'fg-success-primary' };
|
|
21
25
|
case 'white':
|
|
22
26
|
default:
|
|
23
|
-
return { box: 'bg-transparent', icon: '
|
|
27
|
+
return { box: 'bg-transparent', icon: 'fg-primary' };
|
|
24
28
|
}
|
|
25
29
|
}
|
|
26
30
|
|
|
27
|
-
function getSizeClasses(size: SizeType): { box: string } {
|
|
31
|
+
function getSizeClasses(size: SizeType): { box: string, icon: number } {
|
|
28
32
|
switch (size) {
|
|
29
33
|
case 'xxs':
|
|
30
|
-
return { box: 'h-6 w-6' };
|
|
34
|
+
return { box: 'h-6 w-6', icon: 18 };
|
|
31
35
|
case 'xs':
|
|
32
|
-
return { box: 'w-
|
|
36
|
+
return { box: 'w-7 h-7', icon: 20 };
|
|
33
37
|
case 'sm':
|
|
34
|
-
return { box: 'w-
|
|
35
|
-
case 'lg':
|
|
36
|
-
return { box: 'w-16 h-16' };
|
|
38
|
+
return { box: 'w-8 h-8', icon: 24 };
|
|
37
39
|
case 'md':
|
|
40
|
+
return { box: 'w-9 h-9', icon: 28 };
|
|
41
|
+
case 'lg':
|
|
38
42
|
default:
|
|
39
|
-
return { box: 'w-
|
|
43
|
+
return { box: 'w-10 h-10', icon: 32 };
|
|
40
44
|
}
|
|
41
45
|
}
|
|
42
46
|
|
|
43
|
-
|
|
47
|
+
function BaseIconBox({
|
|
44
48
|
color = 'primary',
|
|
45
49
|
size = 'sm',
|
|
46
50
|
Icon,
|
|
47
51
|
style = {},
|
|
48
|
-
...iconProps
|
|
49
52
|
}: BaseIconBoxProps) {
|
|
50
53
|
const colorClasses = getColorClasses(color);
|
|
51
54
|
const sizeClasses = getSizeClasses(size);
|
|
52
55
|
|
|
53
56
|
return (
|
|
54
57
|
<View
|
|
55
|
-
className={
|
|
58
|
+
className={clsx(
|
|
59
|
+
colorClasses.box,
|
|
60
|
+
sizeClasses.box,
|
|
61
|
+
'flex shrink-0 items-center justify-center rounded-md p-1',
|
|
62
|
+
)}
|
|
56
63
|
style={style}
|
|
57
64
|
>
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
{
|
|
65
|
+
<BaseIcon
|
|
66
|
+
size={sizeClasses.icon}
|
|
67
|
+
strokeWidth={1.5}
|
|
68
|
+
color={colorClasses.icon}
|
|
69
|
+
icon={Icon}
|
|
61
70
|
/>
|
|
62
71
|
</View>
|
|
63
72
|
);
|
|
64
73
|
}
|
|
74
|
+
|
|
75
|
+
export default styled(BaseIconBox);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { styled } from 'nativewind';
|
|
1
2
|
import { ComponentProps } from 'react';
|
|
2
3
|
|
|
3
4
|
import { ActivityIndicator } from '../hoc-components';
|
|
@@ -7,7 +8,7 @@ interface BaseSpinnerProps extends ComponentProps<typeof ActivityIndicator> {
|
|
|
7
8
|
size?: 'small' | 'large' | number;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
|
-
|
|
11
|
+
function BaseSpinner({ size = 'large', ...props }: BaseSpinnerProps) {
|
|
11
12
|
return (
|
|
12
13
|
<ActivityIndicator
|
|
13
14
|
size={size}
|
|
@@ -16,3 +17,5 @@ export default function BaseSpinner({ size = 'large', ...props }: BaseSpinnerPro
|
|
|
16
17
|
/>
|
|
17
18
|
);
|
|
18
19
|
}
|
|
20
|
+
|
|
21
|
+
export default styled(BaseSpinner);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { useField, useFormikContext } from 'formik';
|
|
2
|
+
import { styled } from 'nativewind';
|
|
2
3
|
import React, { useCallback } from 'react';
|
|
3
4
|
import { ViewProps } from 'react-native';
|
|
4
5
|
import { DatePickerProps } from 'react-native-date-picker';
|
|
@@ -20,7 +21,7 @@ interface FormikDateInputProps extends Omit<DatePickerProps, 'open' | 'date' | '
|
|
|
20
21
|
placeholder?: string;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
|
-
|
|
24
|
+
function FormikDateInput({
|
|
24
25
|
name,
|
|
25
26
|
fixedHour,
|
|
26
27
|
fixedMinutes,
|
|
@@ -48,3 +49,5 @@ export default function FormikDateInput({
|
|
|
48
49
|
/>
|
|
49
50
|
);
|
|
50
51
|
}
|
|
52
|
+
|
|
53
|
+
export default styled(FormikDateInput);
|