@studio-piot/native-ui 0.16.0 → 0.20.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/README.md +13 -7
- package/dist/components/Choice/Choice.d.ts +6 -4
- package/dist/components/Choice/Choice.d.ts.map +1 -1
- package/dist/components/Choice/Choice.js +11 -5
- package/dist/components/Choice/Choice.js.map +1 -1
- package/dist/components/Choice/choiceLayout.d.ts +16 -0
- package/dist/components/Choice/choiceLayout.d.ts.map +1 -1
- package/dist/components/Choice/choiceLayout.js +20 -1
- package/dist/components/Choice/choiceLayout.js.map +1 -1
- package/dist/components/Choice/choiceThemeRoles.d.ts +1 -0
- package/dist/components/Choice/choiceThemeRoles.d.ts.map +1 -1
- package/dist/components/Choice/choiceThemeRoles.js +1 -0
- package/dist/components/Choice/choiceThemeRoles.js.map +1 -1
- package/dist/components/Choice/types.d.ts +7 -0
- package/dist/components/Choice/types.d.ts.map +1 -1
- package/dist/components/DateTime/DateTimePresenter.android.d.ts +4 -0
- package/dist/components/DateTime/DateTimePresenter.android.d.ts.map +1 -0
- package/dist/components/DateTime/DateTimePresenter.android.js +47 -0
- package/dist/components/DateTime/DateTimePresenter.android.js.map +1 -0
- package/dist/components/DateTime/DateTimePresenter.d.ts +4 -0
- package/dist/components/DateTime/DateTimePresenter.d.ts.map +1 -0
- package/dist/components/DateTime/DateTimePresenter.ios.d.ts +9 -0
- package/dist/components/DateTime/DateTimePresenter.ios.d.ts.map +1 -0
- package/dist/components/DateTime/DateTimePresenter.ios.js +69 -0
- package/dist/components/DateTime/DateTimePresenter.ios.js.map +1 -0
- package/dist/components/DateTime/DateTimePresenter.js +8 -0
- package/dist/components/DateTime/DateTimePresenter.js.map +1 -0
- package/dist/components/DateTime/FieldDateTime.d.ts +8 -0
- package/dist/components/DateTime/FieldDateTime.d.ts.map +1 -0
- package/dist/components/DateTime/FieldDateTime.js +90 -0
- package/dist/components/DateTime/FieldDateTime.js.map +1 -0
- package/dist/components/DateTime/dateTimeThemeRoles.d.ts +13 -0
- package/dist/components/DateTime/dateTimeThemeRoles.d.ts.map +1 -0
- package/dist/components/DateTime/dateTimeThemeRoles.js +15 -0
- package/dist/components/DateTime/dateTimeThemeRoles.js.map +1 -0
- package/dist/components/DateTime/dateTimeValue.d.ts +11 -0
- package/dist/components/DateTime/dateTimeValue.d.ts.map +1 -0
- package/dist/components/DateTime/dateTimeValue.js +40 -0
- package/dist/components/DateTime/dateTimeValue.js.map +1 -0
- package/dist/components/DateTime/index.d.ts +5 -0
- package/dist/components/DateTime/index.d.ts.map +1 -0
- package/dist/components/DateTime/index.js +10 -0
- package/dist/components/DateTime/index.js.map +1 -0
- package/dist/components/DateTime/types.d.ts +57 -0
- package/dist/components/DateTime/types.d.ts.map +1 -0
- package/dist/components/DateTime/types.js +3 -0
- package/dist/components/DateTime/types.js.map +1 -0
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +2 -9
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +8 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.js +124 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/Tabs/index.d.ts +4 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Tabs/index.js +8 -0
- package/dist/components/Tabs/index.js.map +1 -0
- package/dist/components/Tabs/tabsLayout.d.ts +13 -0
- package/dist/components/Tabs/tabsLayout.d.ts.map +1 -0
- package/dist/components/Tabs/tabsLayout.js +20 -0
- package/dist/components/Tabs/tabsLayout.js.map +1 -0
- package/dist/components/Tabs/tabsThemeRoles.d.ts +8 -0
- package/dist/components/Tabs/tabsThemeRoles.d.ts.map +1 -0
- package/dist/components/Tabs/tabsThemeRoles.js +10 -0
- package/dist/components/Tabs/tabsThemeRoles.js.map +1 -0
- package/dist/components/Tabs/types.d.ts +30 -0
- package/dist/components/Tabs/types.d.ts.map +1 -0
- package/dist/components/Tabs/types.js +3 -0
- package/dist/components/Tabs/types.js.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -2
- package/dist/components/index.js.map +1 -1
- package/dist/date-time.d.ts +6 -0
- package/dist/date-time.d.ts.map +1 -0
- package/dist/date-time.js +22 -0
- package/dist/date-time.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -2
- package/dist/index.js.map +1 -1
- package/dist/layout/SheetContainer.d.ts +6 -0
- package/dist/layout/SheetContainer.d.ts.map +1 -0
- package/dist/layout/SheetContainer.js +14 -0
- package/dist/layout/SheetContainer.js.map +1 -0
- package/docs/components/choice.md +26 -3
- package/docs/components/field-date-time.md +89 -0
- package/docs/components/tabs.md +85 -0
- package/package.json +16 -2
- package/src/components/Choice/Choice.tsx +17 -6
- package/src/components/Choice/choiceLayout.test.ts +36 -1
- package/src/components/Choice/choiceLayout.ts +25 -0
- package/src/components/Choice/choiceThemeRoles.test.ts +1 -0
- package/src/components/Choice/choiceThemeRoles.ts +1 -0
- package/src/components/Choice/types.ts +7 -0
- package/src/components/DateTime/DateTimePresenter.android.tsx +76 -0
- package/src/components/DateTime/DateTimePresenter.ios.tsx +122 -0
- package/src/components/DateTime/DateTimePresenter.tsx +6 -0
- package/src/components/DateTime/FieldDateTime.tsx +164 -0
- package/src/components/DateTime/dateTimeThemeRoles.test.ts +18 -0
- package/src/components/DateTime/dateTimeThemeRoles.ts +13 -0
- package/src/components/DateTime/dateTimeValue.test.ts +49 -0
- package/src/components/DateTime/dateTimeValue.ts +36 -0
- package/src/components/DateTime/index.ts +4 -0
- package/src/components/DateTime/types.ts +58 -0
- package/src/components/Select/Select.tsx +1 -9
- package/src/components/Tabs/Tabs.tsx +148 -0
- package/src/components/Tabs/index.ts +3 -0
- package/src/components/Tabs/tabsLayout.test.ts +36 -0
- package/src/components/Tabs/tabsLayout.ts +23 -0
- package/src/components/Tabs/tabsThemeRoles.test.ts +14 -0
- package/src/components/Tabs/tabsThemeRoles.ts +8 -0
- package/src/components/Tabs/types.ts +31 -0
- package/src/components/index.ts +7 -0
- package/src/date-time.ts +5 -0
- package/src/index.ts +8 -1
- package/src/layout/SheetContainer.tsx +11 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimeValue.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/dateTimeValue.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAMxD,gGAAgG;AAChG,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM,CAM3E;AAED,oEAAoE;AACpE,wBAAgB,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,CAIpD;AAED,iEAAiE;AACjE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,CAItD;AAED,gDAAgD;AAChD,wBAAgB,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,CAI3E"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.formatDateTimeValue = formatDateTimeValue;
|
|
4
|
+
exports.withDay = withDay;
|
|
5
|
+
exports.withTime = withTime;
|
|
6
|
+
exports.clampDate = clampDate;
|
|
7
|
+
const WEEKDAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
|
|
8
|
+
const MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
|
9
|
+
const pad = (value) => String(value).padStart(2, "0");
|
|
10
|
+
/** Default display: "Sat 3 Oct 2026", "08:05" or "Sat 3 Oct 2026 · 08:05", local time. Pure. */
|
|
11
|
+
function formatDateTimeValue(value, mode) {
|
|
12
|
+
const day = `${WEEKDAYS[value.getDay()]} ${value.getDate()} ${MONTHS[value.getMonth()]} ${value.getFullYear()}`;
|
|
13
|
+
const time = `${pad(value.getHours())}:${pad(value.getMinutes())}`;
|
|
14
|
+
if (mode === "date")
|
|
15
|
+
return day;
|
|
16
|
+
if (mode === "time")
|
|
17
|
+
return time;
|
|
18
|
+
return `${day} · ${time}`;
|
|
19
|
+
}
|
|
20
|
+
/** `value` moved to the calendar day of `day`, keeping its time. */
|
|
21
|
+
function withDay(value, day) {
|
|
22
|
+
const next = new Date(value);
|
|
23
|
+
next.setFullYear(day.getFullYear(), day.getMonth(), day.getDate());
|
|
24
|
+
return next;
|
|
25
|
+
}
|
|
26
|
+
/** `value` at the hour and minute of `time`, keeping its day. */
|
|
27
|
+
function withTime(value, time) {
|
|
28
|
+
const next = new Date(value);
|
|
29
|
+
next.setHours(time.getHours(), time.getMinutes(), 0, 0);
|
|
30
|
+
return next;
|
|
31
|
+
}
|
|
32
|
+
/** `value` moved inside the optional limits. */
|
|
33
|
+
function clampDate(value, minimum, maximum) {
|
|
34
|
+
if (minimum && value < minimum)
|
|
35
|
+
return new Date(minimum);
|
|
36
|
+
if (maximum && value > maximum)
|
|
37
|
+
return new Date(maximum);
|
|
38
|
+
return value;
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=dateTimeValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateTimeValue.js","sourceRoot":"","sources":["../../../src/components/DateTime/dateTimeValue.ts"],"names":[],"mappings":";;AAQA,kDAMC;AAGD,0BAIC;AAGD,4BAIC;AAGD,8BAIC;AAhCD,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AACnE,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AACpG,MAAM,GAAG,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AAE9D,gGAAgG;AAChG,SAAgB,mBAAmB,CAAC,KAAW,EAAE,IAAkB;IACjE,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;IAChH,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC;IACnE,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,GAAG,CAAC;IAChC,IAAI,IAAI,KAAK,MAAM;QAAE,OAAO,IAAI,CAAC;IACjC,OAAO,GAAG,GAAG,MAAM,IAAI,EAAE,CAAC;AAC5B,CAAC;AAED,oEAAoE;AACpE,SAAgB,OAAO,CAAC,KAAW,EAAE,GAAS;IAC5C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;IACnE,OAAO,IAAI,CAAC;AACd,CAAC;AAED,iEAAiE;AACjE,SAAgB,QAAQ,CAAC,KAAW,EAAE,IAAU;IAC9C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IACxD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,gDAAgD;AAChD,SAAgB,SAAS,CAAC,KAAW,EAAE,OAAc,EAAE,OAAc;IACnE,IAAI,OAAO,IAAI,KAAK,GAAG,OAAO;QAAE,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IACzD,IAAI,OAAO,IAAI,KAAK,GAAG,OAAO;QAAE,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;IACzD,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { FieldDateTime } from "./FieldDateTime";
|
|
2
|
+
export { DATE_TIME_THEME_ROLES, type DateTimeThemeColorProp } from "./dateTimeThemeRoles";
|
|
3
|
+
export { formatDateTimeValue, type DateTimeMode } from "./dateTimeValue";
|
|
4
|
+
export type { FieldDateTimeProps } from "./types";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,KAAK,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.formatDateTimeValue = exports.DATE_TIME_THEME_ROLES = exports.FieldDateTime = void 0;
|
|
4
|
+
var FieldDateTime_1 = require("./FieldDateTime");
|
|
5
|
+
Object.defineProperty(exports, "FieldDateTime", { enumerable: true, get: function () { return FieldDateTime_1.FieldDateTime; } });
|
|
6
|
+
var dateTimeThemeRoles_1 = require("./dateTimeThemeRoles");
|
|
7
|
+
Object.defineProperty(exports, "DATE_TIME_THEME_ROLES", { enumerable: true, get: function () { return dateTimeThemeRoles_1.DATE_TIME_THEME_ROLES; } });
|
|
8
|
+
var dateTimeValue_1 = require("./dateTimeValue");
|
|
9
|
+
Object.defineProperty(exports, "formatDateTimeValue", { enumerable: true, get: function () { return dateTimeValue_1.formatDateTimeValue; } });
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateTime/index.ts"],"names":[],"mappings":";;;AAAA,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AACtB,2DAA0F;AAAjF,2HAAA,qBAAqB,OAAA;AAC9B,iDAAyE;AAAhE,oHAAA,mBAAmB,OAAA"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { StyleProp, ViewStyle } from "react-native";
|
|
2
|
+
import type { ButtonRadius } from "../Button/buttonRadius";
|
|
3
|
+
import type { DateTimeMode } from "./dateTimeValue";
|
|
4
|
+
export type FieldDateTimeProps = {
|
|
5
|
+
/** Matches `FieldError.field` for the error banner. */
|
|
6
|
+
name?: string;
|
|
7
|
+
value: Date | null;
|
|
8
|
+
onChange: (value: Date) => void;
|
|
9
|
+
/** Default `"datetime"`. */
|
|
10
|
+
mode?: DateTimeMode;
|
|
11
|
+
label?: string;
|
|
12
|
+
description?: string;
|
|
13
|
+
error?: string;
|
|
14
|
+
/** Shown while `value` is null. Default "Choose a date" / "Choose a time". */
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
minimumDate?: Date;
|
|
17
|
+
maximumDate?: Date;
|
|
18
|
+
/** Field text. Default: "Sat 3 Oct 2026 · 08:05" style. */
|
|
19
|
+
formatValue?: (value: Date) => string;
|
|
20
|
+
/** iOS sheet title. Defaults to `label`. */
|
|
21
|
+
sheetTitle?: string;
|
|
22
|
+
/** Default "Done". */
|
|
23
|
+
doneLabel?: string;
|
|
24
|
+
radius?: ButtonRadius;
|
|
25
|
+
editable?: boolean;
|
|
26
|
+
backgroundColor?: string;
|
|
27
|
+
textColor?: string;
|
|
28
|
+
placeholderColor?: string;
|
|
29
|
+
labelColor?: string;
|
|
30
|
+
descriptionColor?: string;
|
|
31
|
+
borderColor?: string;
|
|
32
|
+
errorColor?: string;
|
|
33
|
+
/** Done button (iOS) and picker tint. */
|
|
34
|
+
accentColor?: string;
|
|
35
|
+
style?: StyleProp<ViewStyle>;
|
|
36
|
+
};
|
|
37
|
+
/** Platform picker opened by the field. */
|
|
38
|
+
export type DateTimePresenterProps = {
|
|
39
|
+
open: boolean;
|
|
40
|
+
/** Starting point: the value, or now within the limits. */
|
|
41
|
+
value: Date;
|
|
42
|
+
mode: DateTimeMode;
|
|
43
|
+
minimumDate?: Date;
|
|
44
|
+
maximumDate?: Date;
|
|
45
|
+
title: string;
|
|
46
|
+
doneLabel: string;
|
|
47
|
+
colors: {
|
|
48
|
+
background: string;
|
|
49
|
+
text: string;
|
|
50
|
+
handle: string;
|
|
51
|
+
border: string;
|
|
52
|
+
accent: string;
|
|
53
|
+
};
|
|
54
|
+
onConfirm: (value: Date) => void;
|
|
55
|
+
onClose: () => void;
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTime/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,MAAM,CAAC;IACtC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,2CAA2C;AAC3C,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,2DAA2D;IAC3D,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;QACf,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,SAAS,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/DateTime/types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAgB,WAAW,EAAE,MAAM,SAAS,CAAC;AAIzD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAgC,EAChC,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAAW;AACX,4GAA4G;AAC5G,OAAqC,EACrC,aAAa,EAAE,cAAc,EAC7B,MAAa,EACb,QAAe,EACf,eAAe,EAAE,mBAAmB,EACpC,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAAE,oBAAoB,EACtC,UAAU,EAAE,cAAc,EAC1B,gBAAgB,EAAE,oBAAoB,EACtC,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,aAAa,EAAE,iBAAiB,EAChC,oBAAoB,EAAE,wBAAwB,EAC9C,cAAc,EAAE,kBAAkB,EAClC,KAAK,GACN,EAAE,WAAW,+BAkQb"}
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_native_1 = require("react-native");
|
|
7
7
|
const bottom_sheet_1 = require("@gorhom/bottom-sheet");
|
|
8
|
-
const
|
|
8
|
+
const SheetContainer_1 = require("../../layout/SheetContainer");
|
|
9
9
|
const sheet_1 = require("../../layout/sheet");
|
|
10
10
|
const buttonRadius_1 = require("../Button/buttonRadius");
|
|
11
11
|
const ErrorBanner_1 = require("../ErrorBanner");
|
|
@@ -14,13 +14,6 @@ const resolveSelectDetentIndex_1 = require("./resolveSelectDetentIndex");
|
|
|
14
14
|
const SelectCloseButton_1 = require("./SelectCloseButton");
|
|
15
15
|
const selectThemeRoles_1 = require("./selectThemeRoles");
|
|
16
16
|
const BACKDROP_OPACITY = 0.72;
|
|
17
|
-
/** Renders the sheet above React Navigation native modals (iOS). */
|
|
18
|
-
function SheetContainer({ children }) {
|
|
19
|
-
if (react_native_1.Platform.OS === "ios") {
|
|
20
|
-
return (0, jsx_runtime_1.jsx)(react_native_screens_1.FullWindowOverlay, { children: children });
|
|
21
|
-
}
|
|
22
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
23
|
-
}
|
|
24
17
|
function Select({ name, value, onChange, options, placeholder = "Select an option", label, description, error, sheetTitle, closeButton,
|
|
25
18
|
/** Max sheet height as a fraction of the window (largest value wins). Default `[0.25, 0.5, 0.75]` → 75%. */
|
|
26
19
|
detents = [...resolveSelectDetentIndex_1.DEFAULT_SELECT_DETENTS], initialDetent: _initialDetent, radius = "xl", editable = true, backgroundColor: backgroundColorProp, textColor: textColorProp, placeholderColor: placeholderColorProp, labelColor: labelColorProp, descriptionColor: descriptionColorProp, borderColor: borderColorProp, errorColor: errorColorProp, selectedColor: selectedColorProp, closeBackgroundColor: closeBackgroundColorProp, closeIconColor: closeIconColorProp, style, }) {
|
|
@@ -104,7 +97,7 @@ detents = [...resolveSelectDetentIndex_1.DEFAULT_SELECT_DETENTS], initialDetent:
|
|
|
104
97
|
backgroundColor,
|
|
105
98
|
borderTopLeftRadius: sheet_1.SHEET_TOP_RADIUS,
|
|
106
99
|
borderTopRightRadius: sheet_1.SHEET_TOP_RADIUS,
|
|
107
|
-
}, containerComponent: SheetContainer, enableDynamicSizing: true, enablePanDownToClose: true, handleComponent: renderHandle, handleStyle: styles.handleShell, maxDynamicContentSize: maxDynamicContentSize, stackBehavior: "push", children: (0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheetScrollView, { contentContainerStyle: styles.sheetContent, enableFooterMarginAdjustment: false, children: options.length === 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.empty, { color: placeholderColor }], children: "No options" })) : (options.map((option) => {
|
|
100
|
+
}, containerComponent: SheetContainer_1.SheetContainer, enableDynamicSizing: true, enablePanDownToClose: true, handleComponent: renderHandle, handleStyle: styles.handleShell, maxDynamicContentSize: maxDynamicContentSize, stackBehavior: "push", children: (0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheetScrollView, { contentContainerStyle: styles.sheetContent, enableFooterMarginAdjustment: false, children: options.length === 0 ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.empty, { color: placeholderColor }], children: "No options" })) : (options.map((option) => {
|
|
108
101
|
const isSelected = option.value === value;
|
|
109
102
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "button", accessibilityState: {
|
|
110
103
|
selected: isSelected,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { TabsProps } from "./types";
|
|
2
|
+
/**
|
|
3
|
+
* Underline tabs that switch between views of one screen, e.g. Planned /
|
|
4
|
+
* Completed. Equal-width labels on a hairline, with an underline that slides
|
|
5
|
+
* to the active tab. Controlled: `value` + `onChange`.
|
|
6
|
+
*/
|
|
7
|
+
export declare function Tabs<T extends string = string>({ value, onChange, tabs, inset, borderColor: borderColorProp, labelColor: labelColorProp, activeLabelColor: activeLabelColorProp, indicatorColor: indicatorColorProp, style, }: TabsProps<T>): import("react").JSX.Element | null;
|
|
8
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMzC;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAC9C,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAS,EACT,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,gBAAgB,EAAE,oBAAoB,EACtC,cAAc,EAAE,kBAAkB,EAClC,KAAK,GACN,EAAE,SAAS,CAAC,CAAC,CAAC,sCA0Fd"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.Tabs = Tabs;
|
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
const react_1 = require("react");
|
|
39
|
+
const react_native_1 = require("react-native");
|
|
40
|
+
const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
|
|
41
|
+
const useResolvedFieldColor_1 = require("../Field/useResolvedFieldColor");
|
|
42
|
+
const tabsLayout_1 = require("./tabsLayout");
|
|
43
|
+
const tabsThemeRoles_1 = require("./tabsThemeRoles");
|
|
44
|
+
const SLIDE_MS = 300;
|
|
45
|
+
const ICON_SIZE = 17;
|
|
46
|
+
const INDICATOR_HEIGHT = 2;
|
|
47
|
+
/**
|
|
48
|
+
* Underline tabs that switch between views of one screen, e.g. Planned /
|
|
49
|
+
* Completed. Equal-width labels on a hairline, with an underline that slides
|
|
50
|
+
* to the active tab. Controlled: `value` + `onChange`.
|
|
51
|
+
*/
|
|
52
|
+
function Tabs({ value, onChange, tabs, inset = 0, borderColor: borderColorProp, labelColor: labelColorProp, activeLabelColor: activeLabelColorProp, indicatorColor: indicatorColorProp, style, }) {
|
|
53
|
+
const borderColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(borderColorProp, tabsThemeRoles_1.TABS_THEME_ROLES.borderColor);
|
|
54
|
+
const labelColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(labelColorProp, tabsThemeRoles_1.TABS_THEME_ROLES.labelColor);
|
|
55
|
+
const activeLabelColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(activeLabelColorProp, tabsThemeRoles_1.TABS_THEME_ROLES.activeLabelColor);
|
|
56
|
+
const indicatorColor = (0, useResolvedFieldColor_1.useResolvedFieldColor)(indicatorColorProp, tabsThemeRoles_1.TABS_THEME_ROLES.indicatorColor);
|
|
57
|
+
const index = (0, tabsLayout_1.resolveTabIndex)(value, tabs);
|
|
58
|
+
const width = (0, react_1.useRef)(0);
|
|
59
|
+
const laidOut = (0, react_1.useRef)(false);
|
|
60
|
+
const xSV = (0, react_native_reanimated_1.useSharedValue)(0);
|
|
61
|
+
const widthSV = (0, react_native_reanimated_1.useSharedValue)(0);
|
|
62
|
+
const opacitySV = (0, react_native_reanimated_1.useSharedValue)(0);
|
|
63
|
+
const place = (animated) => {
|
|
64
|
+
const frame = (0, tabsLayout_1.tabIndicatorFrame)(index, tabs.length, width.current, inset);
|
|
65
|
+
if (!frame) {
|
|
66
|
+
opacitySV.value = (0, react_native_reanimated_1.withTiming)(0, { duration: 160 });
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
widthSV.value = frame.width;
|
|
70
|
+
opacitySV.value = 1;
|
|
71
|
+
xSV.value = animated
|
|
72
|
+
? (0, react_native_reanimated_1.withTiming)(frame.x, { duration: SLIDE_MS, easing: react_native_reanimated_1.Easing.out(react_native_reanimated_1.Easing.cubic) })
|
|
73
|
+
: frame.x;
|
|
74
|
+
};
|
|
75
|
+
(0, react_1.useEffect)(() => {
|
|
76
|
+
// place() reads the latest index and width.
|
|
77
|
+
if (laidOut.current)
|
|
78
|
+
place(true);
|
|
79
|
+
}, [index, tabs.length, inset]);
|
|
80
|
+
const indicatorStyle = (0, react_native_reanimated_1.useAnimatedStyle)(() => ({
|
|
81
|
+
width: widthSV.value,
|
|
82
|
+
opacity: opacitySV.value,
|
|
83
|
+
transform: [{ translateX: xSV.value }],
|
|
84
|
+
}));
|
|
85
|
+
if (tabs.length === 0)
|
|
86
|
+
return null;
|
|
87
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityRole: "tablist", onLayout: (event) => {
|
|
88
|
+
width.current = event.nativeEvent.layout.width;
|
|
89
|
+
place(laidOut.current);
|
|
90
|
+
laidOut.current = true;
|
|
91
|
+
}, style: [styles.row, { borderBottomColor: borderColor, paddingHorizontal: inset }, style], children: [tabs.map((tab, i) => {
|
|
92
|
+
const active = i === index;
|
|
93
|
+
const color = active ? activeLabelColor : labelColor;
|
|
94
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { accessibilityRole: "tab", accessibilityState: { selected: active, disabled: tab.disabled }, disabled: tab.disabled, onPress: () => onChange(tab.value), style: ({ pressed }) => [
|
|
95
|
+
styles.tab,
|
|
96
|
+
{ opacity: tab.disabled ? 0.4 : pressed ? 0.6 : 1 },
|
|
97
|
+
], children: [tab.icon ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", children: tab.icon({ color, size: ICON_SIZE }) })) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { numberOfLines: 1, style: [styles.label, { color }], children: tab.label })] }, tab.value));
|
|
98
|
+
}), (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { pointerEvents: "none", style: [styles.indicator, { backgroundColor: indicatorColor }, indicatorStyle] })] }));
|
|
99
|
+
}
|
|
100
|
+
const styles = react_native_1.StyleSheet.create({
|
|
101
|
+
row: {
|
|
102
|
+
borderBottomWidth: react_native_1.StyleSheet.hairlineWidth,
|
|
103
|
+
flexDirection: "row",
|
|
104
|
+
},
|
|
105
|
+
tab: {
|
|
106
|
+
alignItems: "center",
|
|
107
|
+
flex: 1,
|
|
108
|
+
flexDirection: "row",
|
|
109
|
+
gap: 6,
|
|
110
|
+
justifyContent: "center",
|
|
111
|
+
paddingVertical: 12,
|
|
112
|
+
},
|
|
113
|
+
label: {
|
|
114
|
+
fontSize: 15,
|
|
115
|
+
fontWeight: "600",
|
|
116
|
+
},
|
|
117
|
+
indicator: {
|
|
118
|
+
bottom: 0,
|
|
119
|
+
height: INDICATOR_HEIGHT,
|
|
120
|
+
left: 0,
|
|
121
|
+
position: "absolute",
|
|
122
|
+
},
|
|
123
|
+
});
|
|
124
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TABS_THEME_ROLES = exports.Tabs = void 0;
|
|
4
|
+
var Tabs_1 = require("./Tabs");
|
|
5
|
+
Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
|
|
6
|
+
var tabsThemeRoles_1 = require("./tabsThemeRoles");
|
|
7
|
+
Object.defineProperty(exports, "TABS_THEME_ROLES", { enumerable: true, get: function () { return tabsThemeRoles_1.TABS_THEME_ROLES; } });
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,mDAA6E;AAApE,kHAAA,gBAAgB,OAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Where the active tab's indicator sits: an equal share of the width inside
|
|
3
|
+
* `inset` on each side (the row and its hairline still span the full width).
|
|
4
|
+
* Pure so it can be unit-tested.
|
|
5
|
+
*/
|
|
6
|
+
export declare function tabIndicatorFrame(index: number, count: number, width: number, inset?: number): {
|
|
7
|
+
x: number;
|
|
8
|
+
width: number;
|
|
9
|
+
} | null;
|
|
10
|
+
export declare function resolveTabIndex<T extends string>(value: T, tabs: readonly {
|
|
11
|
+
value: T;
|
|
12
|
+
}[]): number;
|
|
13
|
+
//# sourceMappingURL=tabsLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabsLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tabsLayout.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,KAAK,SAAI,GACR;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAKrC;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,KAAK,EAAE,CAAC,EACR,IAAI,EAAE,SAAS;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,EAAE,GAC5B,MAAM,CAER"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.tabIndicatorFrame = tabIndicatorFrame;
|
|
4
|
+
exports.resolveTabIndex = resolveTabIndex;
|
|
5
|
+
/**
|
|
6
|
+
* Where the active tab's indicator sits: an equal share of the width inside
|
|
7
|
+
* `inset` on each side (the row and its hairline still span the full width).
|
|
8
|
+
* Pure so it can be unit-tested.
|
|
9
|
+
*/
|
|
10
|
+
function tabIndicatorFrame(index, count, width, inset = 0) {
|
|
11
|
+
const inner = width - inset * 2;
|
|
12
|
+
if (count <= 0 || inner <= 0 || index < 0)
|
|
13
|
+
return null;
|
|
14
|
+
const tabWidth = inner / count;
|
|
15
|
+
return { x: inset + index * tabWidth, width: tabWidth };
|
|
16
|
+
}
|
|
17
|
+
function resolveTabIndex(value, tabs) {
|
|
18
|
+
return tabs.findIndex((tab) => tab.value === value);
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=tabsLayout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabsLayout.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabsLayout.ts"],"names":[],"mappings":";;AAKA,8CAUC;AAED,0CAKC;AAtBD;;;;GAIG;AACH,SAAgB,iBAAiB,CAC/B,KAAa,EACb,KAAa,EACb,KAAa,EACb,KAAK,GAAG,CAAC;IAET,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;IAChC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IACvD,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAC/B,OAAO,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC1D,CAAC;AAED,SAAgB,eAAe,CAC7B,KAAQ,EACR,IAA6B;IAE7B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AACtD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const TABS_THEME_ROLES: {
|
|
2
|
+
readonly borderColor: "tabsBorder";
|
|
3
|
+
readonly labelColor: "tabsLabel";
|
|
4
|
+
readonly activeLabelColor: "tabsActiveLabel";
|
|
5
|
+
readonly indicatorColor: "tabsIndicator";
|
|
6
|
+
};
|
|
7
|
+
export type TabsThemeColorProp = keyof typeof TABS_THEME_ROLES;
|
|
8
|
+
//# sourceMappingURL=tabsThemeRoles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabsThemeRoles.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/tabsThemeRoles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TABS_THEME_ROLES = void 0;
|
|
4
|
+
exports.TABS_THEME_ROLES = {
|
|
5
|
+
borderColor: "tabsBorder",
|
|
6
|
+
labelColor: "tabsLabel",
|
|
7
|
+
activeLabelColor: "tabsActiveLabel",
|
|
8
|
+
indicatorColor: "tabsIndicator",
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=tabsThemeRoles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tabsThemeRoles.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabsThemeRoles.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAG;IAC9B,WAAW,EAAE,YAAY;IACzB,UAAU,EAAE,WAAW;IACvB,gBAAgB,EAAE,iBAAiB;IACnC,cAAc,EAAE,eAAe;CACvB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { StyleProp, ViewStyle } from "react-native";
|
|
2
|
+
import type { ButtonIcon } from "../Button";
|
|
3
|
+
export type TabItem<T extends string = string> = {
|
|
4
|
+
value: T;
|
|
5
|
+
label: string;
|
|
6
|
+
/** Left of the label, in the label's colour: `({ color, size }) => ReactNode`. */
|
|
7
|
+
icon?: ButtonIcon;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export type TabsProps<T extends string = string> = {
|
|
11
|
+
value: T;
|
|
12
|
+
onChange: (value: T) => void;
|
|
13
|
+
tabs: readonly TabItem<T>[];
|
|
14
|
+
/**
|
|
15
|
+
* Space on each side between the row's edges and the tabs. The hairline
|
|
16
|
+
* still spans the full width, so a full-bleed row can line its tabs up
|
|
17
|
+
* with the page content. Default 0.
|
|
18
|
+
*/
|
|
19
|
+
inset?: number;
|
|
20
|
+
/** Line under all tabs. Defaults to theme role `tabsBorder`. */
|
|
21
|
+
borderColor?: string;
|
|
22
|
+
/** Inactive label. Defaults to theme role `tabsLabel`. */
|
|
23
|
+
labelColor?: string;
|
|
24
|
+
/** Active label. Defaults to theme role `tabsActiveLabel`. */
|
|
25
|
+
activeLabelColor?: string;
|
|
26
|
+
/** Sliding underline. Defaults to theme role `tabsIndicator`. */
|
|
27
|
+
indicatorColor?: string;
|
|
28
|
+
style?: StyleProp<ViewStyle>;
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IAC/C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI;IACjD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,IAAI,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":""}
|
|
@@ -12,5 +12,6 @@ export { Slider, SLIDER_THEME_ROLES, type SliderThemeColorProp, type SliderProps
|
|
|
12
12
|
export { HeaderCapsule, HeaderGroup, HeaderIcon, HEADER_BUTTON_THEME_ROLES, supportsLiquidGlass, type HeaderButtonThemeColorProp, type HeaderButtonIcon, type HeaderCapsuleProps, type HeaderGroupProps, type HeaderIconProps, } from "./HeaderButton";
|
|
13
13
|
export { HeaderWash } from "./HeaderWash";
|
|
14
14
|
export { TabAccessoryButton, TAB_ACCESSORY_SCREEN_INSET, TAB_ACCESSORY_THEME_ROLES, tabAccessoryScreenInset, type TabAccessoryButtonProps, type TabAccessoryPlacement, type TabAccessoryThemeColorProp, type TabAccessoryVariant, } from "./TabAccessoryButton";
|
|
15
|
+
export { Tabs, TABS_THEME_ROLES, type TabItem, type TabsProps, type TabsThemeColorProp, } from "./Tabs";
|
|
15
16
|
export { Page, PageBleed, PAGE_THEME_ROLES, type PageBleedProps, type PageProps, type PageTabAccessory, type PageThemeColorProp, } from "./Page";
|
|
16
17
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,oBAAoB,EACzB,KAAK,aAAa,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,oBAAoB,GAC1B,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,qBAAqB,EACrB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,KAAK,SAAS,EACd,KAAK,kBAAkB,GACxB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,SAAS,EACT,sBAAsB,EACtB,mBAAmB,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,GAC7B,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,KAAK,yBAAyB,EAC9B,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,UAAU,GAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,6BAA6B,EAC7B,mBAAmB,EACnB,wBAAwB,EACxB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,KAAK,uBAAuB,EAC5B,KAAK,eAAe,EACpB,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,KAAK,oBAAoB,EACzB,KAAK,WAAW,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,yBAAyB,EACzB,mBAAmB,EACnB,KAAK,0BAA0B,EAC/B,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,yBAAyB,EACzB,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.PAGE_THEME_ROLES = exports.PageBleed = void 0;
|
|
3
|
+
exports.Tabs = exports.tabAccessoryScreenInset = exports.TAB_ACCESSORY_THEME_ROLES = exports.TAB_ACCESSORY_SCREEN_INSET = exports.TabAccessoryButton = exports.HeaderWash = exports.supportsLiquidGlass = exports.HEADER_BUTTON_THEME_ROLES = exports.HeaderIcon = exports.HeaderGroup = exports.HeaderCapsule = exports.SLIDER_THEME_ROLES = exports.Slider = exports.SEGMENTED_THEME_ROLES = exports.SegmentedControl = exports.resolveSelectDetentIndex = exports.detentsToSnapPoints = exports.DEFAULT_SELECT_INITIAL_DETENT = exports.DEFAULT_SELECT_DETENTS = exports.SELECT_THEME_ROLES = exports.SelectCloseButton = exports.Select = exports.RADIO_THEME_ROLES = exports.RadioField = exports.useErrorBannerField = exports.useErrorBannerDismiss = exports.useErrorBannerContext = exports.useErrorBanner = exports.ERROR_BANNER_THEME_ROLES = exports.ErrorBannerProvider = exports.ErrorBannerField = exports.ErrorBanner = exports.formSheetSnapPoints = exports.FORM_SHEET_THEME_ROLES = exports.FormSheet = exports.FORM_THEME_ROLES = exports.FormCloseButton = exports.Form = exports.FIELD_THEME_ROLES = exports.FieldTextarea = exports.FieldText = exports.filterLinkBlockGroups = exports.LinkBlocks = exports.CHOICE_THEME_ROLES = exports.CHOICE_ICON_SIZE = exports.Choice = exports.buttonRadiusValue = exports.BUTTON_THEME_ROLES = exports.BUTTON_ICON_SIZE = exports.Button = void 0;
|
|
4
|
+
exports.PAGE_THEME_ROLES = exports.PageBleed = exports.Page = exports.TABS_THEME_ROLES = void 0;
|
|
5
5
|
var Button_1 = require("./Button");
|
|
6
6
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
7
7
|
Object.defineProperty(exports, "BUTTON_ICON_SIZE", { enumerable: true, get: function () { return Button_1.BUTTON_ICON_SIZE; } });
|
|
@@ -65,6 +65,9 @@ Object.defineProperty(exports, "TabAccessoryButton", { enumerable: true, get: fu
|
|
|
65
65
|
Object.defineProperty(exports, "TAB_ACCESSORY_SCREEN_INSET", { enumerable: true, get: function () { return TabAccessoryButton_1.TAB_ACCESSORY_SCREEN_INSET; } });
|
|
66
66
|
Object.defineProperty(exports, "TAB_ACCESSORY_THEME_ROLES", { enumerable: true, get: function () { return TabAccessoryButton_1.TAB_ACCESSORY_THEME_ROLES; } });
|
|
67
67
|
Object.defineProperty(exports, "tabAccessoryScreenInset", { enumerable: true, get: function () { return TabAccessoryButton_1.tabAccessoryScreenInset; } });
|
|
68
|
+
var Tabs_1 = require("./Tabs");
|
|
69
|
+
Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
|
|
70
|
+
Object.defineProperty(exports, "TABS_THEME_ROLES", { enumerable: true, get: function () { return Tabs_1.TABS_THEME_ROLES; } });
|
|
68
71
|
var Page_1 = require("./Page");
|
|
69
72
|
Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
|
|
70
73
|
Object.defineProperty(exports, "PageBleed", { enumerable: true, get: function () { return Page_1.PageBleed; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,mCAWkB;AAVhB,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAClB,2GAAA,iBAAiB,OAAA;AAQnB,mCAMkB;AALhB,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAIpB,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,mHAAA,qBAAqB,OAAA;AAKvB,iCAQiB;AAPf,kGAAA,SAAS,OAAA;AACT,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AAMnB,+BAMgB;AALd,4FAAA,IAAI,OAAA;AACJ,uGAAA,eAAe,OAAA;AACf,wGAAA,gBAAgB,OAAA;AAIlB,yCASqB;AARnB,sGAAA,SAAS,OAAA;AACT,mHAAA,sBAAsB,OAAA;AACtB,gHAAA,mBAAmB,OAAA;AAOrB,6CAauB;AAZrB,0GAAA,WAAW,OAAA;AACX,+GAAA,gBAAgB,OAAA;AAChB,kHAAA,mBAAmB,OAAA;AACnB,uHAAA,wBAAwB,OAAA;AACxB,6GAAA,cAAc,OAAA;AACd,oHAAA,qBAAqB,OAAA;AACrB,oHAAA,qBAAqB,OAAA;AACrB,kHAAA,mBAAmB,OAAA;AAMrB,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AAKnB,mCAYkB;AAXhB,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,6GAAA,mBAAmB,OAAA;AACnB,kHAAA,wBAAwB,OAAA;AAM1B,uDAM4B;AAL1B,oHAAA,gBAAgB,OAAA;AAChB,yHAAA,qBAAqB,OAAA;AAKvB,mCAKkB;AAJhB,gGAAA,MAAM,OAAA;AACN,4GAAA,kBAAkB,OAAA;AAIpB,+CAWwB;AAVtB,6GAAA,aAAa,OAAA;AACb,2GAAA,WAAW,OAAA;AACX,0GAAA,UAAU,OAAA;AACV,yHAAA,yBAAyB,OAAA;AACzB,mHAAA,mBAAmB,OAAA;AAOrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAS8B;AAR5B,wHAAA,kBAAkB,OAAA;AAClB,gIAAA,0BAA0B,OAAA;AAC1B,+HAAA,yBAAyB,OAAA;AACzB,6HAAA,uBAAuB,OAAA;AAMzB,+BAQgB;AAPd,4FAAA,IAAI,OAAA;AACJ,iGAAA,SAAS,OAAA;AACT,wGAAA,gBAAgB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;AAAA,mCAWkB;AAVhB,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAClB,2GAAA,iBAAiB,OAAA;AAQnB,mCAMkB;AALhB,gGAAA,MAAM,OAAA;AACN,0GAAA,gBAAgB,OAAA;AAChB,4GAAA,kBAAkB,OAAA;AAIpB,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,mHAAA,qBAAqB,OAAA;AAKvB,iCAQiB;AAPf,kGAAA,SAAS,OAAA;AACT,sGAAA,aAAa,OAAA;AACb,0GAAA,iBAAiB,OAAA;AAMnB,+BAMgB;AALd,4FAAA,IAAI,OAAA;AACJ,uGAAA,eAAe,OAAA;AACf,wGAAA,gBAAgB,OAAA;AAIlB,yCASqB;AARnB,sGAAA,SAAS,OAAA;AACT,mHAAA,sBAAsB,OAAA;AACtB,gHAAA,mBAAmB,OAAA;AAOrB,6CAauB;AAZrB,0GAAA,WAAW,OAAA;AACX,+GAAA,gBAAgB,OAAA;AAChB,kHAAA,mBAAmB,OAAA;AACnB,uHAAA,wBAAwB,OAAA;AACxB,6GAAA,cAAc,OAAA;AACd,oHAAA,qBAAqB,OAAA;AACrB,oHAAA,qBAAqB,OAAA;AACrB,kHAAA,mBAAmB,OAAA;AAMrB,2CAMsB;AALpB,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AAKnB,mCAYkB;AAXhB,gGAAA,MAAM,OAAA;AACN,2GAAA,iBAAiB,OAAA;AACjB,4GAAA,kBAAkB,OAAA;AAClB,gHAAA,sBAAsB,OAAA;AACtB,uHAAA,6BAA6B,OAAA;AAC7B,6GAAA,mBAAmB,OAAA;AACnB,kHAAA,wBAAwB,OAAA;AAM1B,uDAM4B;AAL1B,oHAAA,gBAAgB,OAAA;AAChB,yHAAA,qBAAqB,OAAA;AAKvB,mCAKkB;AAJhB,gGAAA,MAAM,OAAA;AACN,4GAAA,kBAAkB,OAAA;AAIpB,+CAWwB;AAVtB,6GAAA,aAAa,OAAA;AACb,2GAAA,WAAW,OAAA;AACX,0GAAA,UAAU,OAAA;AACV,yHAAA,yBAAyB,OAAA;AACzB,mHAAA,mBAAmB,OAAA;AAOrB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,2DAS8B;AAR5B,wHAAA,kBAAkB,OAAA;AAClB,gIAAA,0BAA0B,OAAA;AAC1B,+HAAA,yBAAyB,OAAA;AACzB,6HAAA,uBAAuB,OAAA;AAMzB,+BAMgB;AALd,4FAAA,IAAI,OAAA;AACJ,wGAAA,gBAAgB,OAAA;AAKlB,+BAQgB;AAPd,4FAAA,IAAI,OAAA;AACJ,iGAAA,SAAS,OAAA;AACT,wGAAA,gBAAgB,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-time.d.ts","sourceRoot":"","sources":["../src/date-time.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAc,uBAAuB,CAAC"}
|