@korsolutions/ui 0.0.41 → 0.0.43
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/dist/module/components/button/variants/default.js +0 -1
- package/dist/module/components/button/variants/default.js.map +1 -1
- package/dist/module/components/button/variants/secondary.js +2 -3
- package/dist/module/components/button/variants/secondary.js.map +1 -1
- package/dist/module/components/toast/toast-manager.js +7 -4
- package/dist/module/components/toast/toast-manager.js.map +1 -1
- package/dist/module/hooks/use-relative-position.js.map +1 -1
- package/dist/module/index.js +14 -5
- package/dist/module/index.js.map +1 -1
- package/dist/module/primitives/autocomplete/autocomplete-content.js +9 -5
- package/dist/module/primitives/autocomplete/autocomplete-content.js.map +1 -1
- package/dist/module/primitives/autocomplete/autocomplete-input.js +1 -7
- package/dist/module/primitives/autocomplete/autocomplete-input.js.map +1 -1
- package/dist/module/primitives/autocomplete/autocomplete-option.js +15 -7
- package/dist/module/primitives/autocomplete/autocomplete-option.js.map +1 -1
- package/dist/module/primitives/autocomplete/autocomplete-overlay.js +10 -6
- package/dist/module/primitives/autocomplete/autocomplete-overlay.js.map +1 -1
- package/dist/module/primitives/autocomplete/autocomplete-portal.js +2 -10
- package/dist/module/primitives/autocomplete/autocomplete-portal.js.map +1 -1
- package/dist/module/primitives/autocomplete/autocomplete-root.js +10 -10
- package/dist/module/primitives/autocomplete/autocomplete-root.js.map +1 -1
- package/dist/module/primitives/autocomplete/context.js.map +1 -1
- package/dist/module/primitives/avatar/avatar-fallback.js +2 -3
- package/dist/module/primitives/avatar/avatar-fallback.js.map +1 -1
- package/dist/module/primitives/calendar/calendar-day.js +0 -1
- package/dist/module/primitives/calendar/calendar-day.js.map +1 -1
- package/dist/module/primitives/popover/popover-content.js +4 -1
- package/dist/module/primitives/popover/popover-content.js.map +1 -1
- package/dist/module/safe-area/context.js +13 -0
- package/dist/module/safe-area/context.js.map +1 -0
- package/dist/module/safe-area/index.js +5 -0
- package/dist/module/safe-area/index.js.map +1 -0
- package/dist/module/safe-area/provider.js +26 -0
- package/dist/module/safe-area/provider.js.map +1 -0
- package/dist/module/safe-area/types.js +2 -0
- package/dist/module/safe-area/types.js.map +1 -0
- package/dist/module/themes/adapters/react-navigation.js +3 -2
- package/dist/module/themes/adapters/react-navigation.js.map +1 -1
- package/dist/module/themes/default/colors.js +28 -28
- package/dist/module/themes/default/colors.js.map +1 -1
- package/dist/module/themes/provider.js +13 -11
- package/dist/module/themes/provider.js.map +1 -1
- package/dist/module/themes/utils.js +21 -0
- package/dist/module/themes/utils.js.map +1 -0
- package/dist/typescript/src/components/button/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/button/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/toast/toast-manager.d.ts.map +1 -1
- package/dist/typescript/src/hooks/use-relative-position.d.ts +2 -2
- package/dist/typescript/src/hooks/use-relative-position.d.ts.map +1 -1
- package/dist/typescript/src/index.d.ts +7 -1
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-content.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-input.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-option.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-overlay.d.ts +0 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-overlay.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-portal.d.ts +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-portal.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/autocomplete-root.d.ts +0 -5
- package/dist/typescript/src/primitives/autocomplete/autocomplete-root.d.ts.map +1 -1
- package/dist/typescript/src/primitives/autocomplete/context.d.ts +5 -6
- package/dist/typescript/src/primitives/autocomplete/context.d.ts.map +1 -1
- package/dist/typescript/src/primitives/avatar/avatar-fallback.d.ts +0 -1
- package/dist/typescript/src/primitives/avatar/avatar-fallback.d.ts.map +1 -1
- package/dist/typescript/src/primitives/calendar/calendar-day.d.ts.map +1 -1
- package/dist/typescript/src/primitives/popover/popover-content.d.ts.map +1 -1
- package/dist/typescript/src/safe-area/context.d.ts +5 -0
- package/dist/typescript/src/safe-area/context.d.ts.map +1 -0
- package/dist/typescript/src/safe-area/index.d.ts +4 -0
- package/dist/typescript/src/safe-area/index.d.ts.map +1 -0
- package/dist/typescript/src/safe-area/provider.d.ts +7 -0
- package/dist/typescript/src/safe-area/provider.d.ts.map +1 -0
- package/dist/typescript/src/safe-area/types.d.ts +10 -0
- package/dist/typescript/src/safe-area/types.d.ts.map +1 -0
- package/dist/typescript/src/themes/adapters/react-navigation.d.ts.map +1 -1
- package/dist/typescript/src/themes/provider.d.ts +5 -4
- package/dist/typescript/src/themes/provider.d.ts.map +1 -1
- package/dist/typescript/src/themes/types.d.ts +0 -1
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/dist/typescript/src/themes/utils.d.ts +3 -0
- package/dist/typescript/src/themes/utils.d.ts.map +1 -0
- package/nodemon.json +14 -0
- package/package.json +3 -1
- package/src/components/button/variants/default.tsx +1 -2
- package/src/components/button/variants/secondary.tsx +3 -4
- package/src/components/toast/toast-manager.tsx +5 -4
- package/src/hooks/use-relative-position.ts +4 -4
- package/src/index.tsx +16 -9
- package/src/primitives/autocomplete/autocomplete-content.tsx +12 -3
- package/src/primitives/autocomplete/autocomplete-input.tsx +1 -7
- package/src/primitives/autocomplete/autocomplete-option.tsx +16 -8
- package/src/primitives/autocomplete/autocomplete-overlay.tsx +16 -8
- package/src/primitives/autocomplete/autocomplete-portal.tsx +2 -12
- package/src/primitives/autocomplete/autocomplete-root.tsx +10 -16
- package/src/primitives/autocomplete/context.ts +4 -5
- package/src/primitives/avatar/avatar-fallback.tsx +2 -4
- package/src/primitives/calendar/calendar-day.tsx +1 -2
- package/src/primitives/popover/popover-content.tsx +3 -0
- package/src/safe-area/context.ts +14 -0
- package/src/safe-area/index.ts +3 -0
- package/src/safe-area/provider.tsx +28 -0
- package/src/safe-area/types.ts +10 -0
- package/src/themes/adapters/react-navigation.ts +4 -3
- package/src/themes/default/colors.ts +28 -28
- package/src/themes/provider.tsx +17 -15
- package/src/themes/types.ts +0 -1
- package/src/themes/utils.ts +14 -0
- package/dist/module/themes/themes.js +0 -7
- package/dist/module/themes/themes.js.map +0 -1
- package/dist/typescript/src/themes/themes.d.ts +0 -3
- package/dist/typescript/src/themes/themes.d.ts.map +0 -1
- package/src/themes/themes.ts +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","disabled","opacity","loading","hovered","label","color","primaryForeground","
|
|
1
|
+
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","backgroundColor","primary","borderWidth","borderColor","border","disabled","opacity","loading","hovered","label","color","primaryForeground","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/default.tsx"],"mappings":";;AACA,SAASA,wBAAwB;AACjC,SAASC,eAAe;AAExB,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAoB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,eAAe,EAAEb,MAAM,CAACc,OAAO;QAC/BC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEhB,MAAM,CAACiB;MACtB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPR,eAAe,EAAEhB,wBAAwB,CAACG,MAAM,CAACc,OAAO,EAAE,CAAC,EAAE;MAC/D;IACF,CAAC;IACDQ,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,iBAAiB;QAC/BrB,QAAQ;QACRD;MACF,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -34,9 +34,8 @@ export const useButtonVariantSecondary = () => {
|
|
|
34
34
|
},
|
|
35
35
|
label: {
|
|
36
36
|
default: {
|
|
37
|
-
color: colors.
|
|
37
|
+
color: colors.secondaryForeground,
|
|
38
38
|
fontSize,
|
|
39
|
-
fontWeight: "bold",
|
|
40
39
|
fontFamily
|
|
41
40
|
},
|
|
42
41
|
disabled: {
|
|
@@ -48,7 +47,7 @@ export const useButtonVariantSecondary = () => {
|
|
|
48
47
|
},
|
|
49
48
|
spinner: {
|
|
50
49
|
default: {
|
|
51
|
-
color: colors.
|
|
50
|
+
color: colors.secondaryForeground
|
|
52
51
|
},
|
|
53
52
|
disabled: {
|
|
54
53
|
color: colors.mutedForeground
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","loading","hovered","label","color","
|
|
1
|
+
{"version":3,"names":["hslaSetRelativeLightness","useThemedStyles","useButtonVariantSecondary","colors","radius","fontFamily","fontSize","root","default","flexDirection","paddingVertical","paddingHorizontal","borderRadius","gap","alignItems","justifyContent","borderWidth","borderColor","border","backgroundColor","secondary","disabled","opacity","loading","hovered","label","color","secondaryForeground","mutedForeground","spinner"],"sourceRoot":"../../../../../src","sources":["components/button/variants/secondary.tsx"],"mappings":";;AACA,SAASA,wBAAwB;AACjC,SAASC,eAAe;AAExB,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAoB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAoB;IAC3DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAER,MAAM;QACpBS,GAAG,EAAE,CAAC;QACNC,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB;MAC1B,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX,CAAC;MACDC,OAAO,EAAE;QACPD,OAAO,EAAE;MACX,CAAC;MACDE,OAAO,EAAE;QACPL,eAAe,EAAEnB,wBAAwB,CAACG,MAAM,CAACiB,SAAS,EAAE,CAAC,CAAC;MAChE;IACF,CAAC;IACDK,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB,mBAAmB;QACjCrB,QAAQ;QACRD;MACF,CAAC;MACDgB,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPrB,OAAO,EAAE;QACPkB,KAAK,EAAEvB,MAAM,CAACwB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRK,KAAK,EAAEvB,MAAM,CAACyB;MAChB,CAAC;MACDL,OAAO,EAAE;QACPG,KAAK,EAAEvB,MAAM,CAACyB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { Portal } from "../../primitives/portal/index.js";
|
|
4
|
+
import { useSafeAreaInsets } from "../../safe-area/index.js";
|
|
3
5
|
import React, { useSyncExternalStore } from "react";
|
|
4
|
-
import {
|
|
6
|
+
import { StyleSheet, View } from "react-native";
|
|
5
7
|
import { ToastComponent } from "./toast.js";
|
|
6
|
-
import { Portal } from "../../primitives/portal/index.js";
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
export const TOAST_PORTAL_NAME = "toast-portal";
|
|
9
10
|
const store = {
|
|
@@ -53,11 +54,14 @@ export const ToastAPI = {
|
|
|
53
54
|
};
|
|
54
55
|
export function ToastContainer() {
|
|
55
56
|
const toasts = useSyncExternalStore(subscribe, getSnapshot);
|
|
57
|
+
const insets = useSafeAreaInsets();
|
|
56
58
|
if (!toasts.length) return null;
|
|
57
59
|
return /*#__PURE__*/_jsx(Portal, {
|
|
58
60
|
name: TOAST_PORTAL_NAME,
|
|
59
61
|
children: /*#__PURE__*/_jsx(View, {
|
|
60
|
-
style: s.wrapper,
|
|
62
|
+
style: [s.wrapper, {
|
|
63
|
+
top: insets.top + 24
|
|
64
|
+
}],
|
|
61
65
|
children: toasts.map(toast => /*#__PURE__*/_jsx(ToastComponent, {
|
|
62
66
|
title: toast.title,
|
|
63
67
|
description: toast.description,
|
|
@@ -71,7 +75,6 @@ const s = StyleSheet.create({
|
|
|
71
75
|
width: "100%",
|
|
72
76
|
alignItems: "center",
|
|
73
77
|
position: "absolute",
|
|
74
|
-
top: 24,
|
|
75
78
|
gap: 8
|
|
76
79
|
}
|
|
77
80
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Portal","useSafeAreaInsets","React","useSyncExternalStore","StyleSheet","View","ToastComponent","jsx","_jsx","TOAST_PORTAL_NAME","store","toasts","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","addToast","config","existingToast","find","t","id","toast","duration","setTimeout","removeToast","filter","ToastAPI","show","dismiss","ToastContainer","insets","length","name","children","style","s","wrapper","top","map","title","description","variant","create","width","alignItems","position","gap"],"sourceRoot":"../../../../src","sources":["components/toast/toast-manager.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useWindowDimensions","useRelativePosition","align","avoidCollisions","triggerPosition","contentLayout","alignOffset","insets","sideOffset","side","dimensions","useMemo","position","opacity","top","height","zIndex","getContentStyle","width","DEFAULT_LAYOUT","x","y","DEFAULT_POSITION","pageX","pageY","getSidePosition","insetTop","insetBottom","bottom","positionTop","positionBottom","Math","min","max","getAlignPosition","insetLeft","left","insetRight","right","maxContentWidth","contentWidth","getLeftPosition","doesCollide","spaceLeft","spaceRight","centeredPosition","maxWidth","triggerPageX","triggerWidth","Object","assign"],"sourceRoot":"../../../src","sources":["hooks/use-relative-position.ts"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,mBAAmB,
|
|
1
|
+
{"version":3,"names":["React","useWindowDimensions","useRelativePosition","align","avoidCollisions","triggerPosition","contentLayout","alignOffset","insets","sideOffset","side","dimensions","useMemo","position","opacity","top","height","zIndex","getContentStyle","width","DEFAULT_LAYOUT","x","y","DEFAULT_POSITION","pageX","pageY","getSidePosition","insetTop","insetBottom","bottom","positionTop","positionBottom","Math","min","max","getAlignPosition","insetLeft","left","insetRight","right","maxContentWidth","contentWidth","getLeftPosition","doesCollide","spaceLeft","spaceRight","centeredPosition","maxWidth","triggerPageX","triggerWidth","Object","assign"],"sourceRoot":"../../../src","sources":["hooks/use-relative-position.ts"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,mBAAmB,QAAmD,cAAc;AAc7F,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,KAAK;EACLC,eAAe;EACfC,eAAe;EACfC,aAAa;EACbC,WAAW;EACXC,MAAM;EACNC,UAAU;EACVC;AACuB,CAAC,EAAE;EAC1B,MAAMC,UAAU,GAAGV,mBAAmB,CAAC,CAAC;EAExC,OAAOD,KAAK,CAACY,OAAO,CAAC,MAAM;IACzB,IAAI,CAACP,eAAe,IAAI,CAACC,aAAa,EAAE;MACtC,OAAO;QACLO,QAAQ,EAAE,UAAU;QACpBC,OAAO,EAAE,CAAC;QACVC,GAAG,EAAEJ,UAAU,CAACK,MAAM;QACtBC,MAAM,EAAE,CAAC;MACX,CAAC;IACH;IACA,OAAOC,eAAe,CAAC;MACrBf,KAAK;MACLC,eAAe;MACfE,aAAa;MACbI,IAAI;MACJL,eAAe;MACfE,WAAW;MACXC,MAAM;MACNC,UAAU;MACVE;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACR,KAAK,EAAEC,eAAe,EAAEM,IAAI,EAAEH,WAAW,EAAEC,MAAM,EAAEH,eAAe,EAAEC,aAAa,EAAEK,UAAU,CAACQ,KAAK,EAAER,UAAU,CAACK,MAAM,CAAC,CAAC;AAC9H;AAsBA,OAAO,MAAMI,cAA+B,GAAG;EAAEC,CAAC,EAAE,CAAC;EAAEC,CAAC,EAAE,CAAC;EAAEH,KAAK,EAAE,CAAC;EAAEH,MAAM,EAAE;AAAE,CAAC;AAClF,OAAO,MAAMO,gBAAgC,GAAG;EAAEP,MAAM,EAAE,CAAC;EAAEG,KAAK,EAAE,CAAC;EAAEK,KAAK,EAAE,CAAC;EAAEC,KAAK,EAAE;AAAE,CAAC;AAE3F,SAASC,eAAeA,CAAC;EAAEhB,IAAI;EAAEL,eAAe;EAAEC,aAAa;EAAEG,UAAU;EAAED,MAAM;EAAEJ,eAAe;EAAEO;AAAgC,CAAC,EAAE;EACvI,MAAMgB,QAAQ,GAAGnB,MAAM,EAAEO,GAAG,IAAI,CAAC;EACjC,MAAMa,WAAW,GAAGpB,MAAM,EAAEqB,MAAM,IAAI,CAAC;EACvC,MAAMC,WAAW,GAAGzB,eAAe,EAAEoB,KAAK,GAAGhB,UAAU,GAAGH,aAAa,CAACU,MAAM;EAC9E,MAAMe,cAAc,GAAG1B,eAAe,CAACoB,KAAK,GAAGpB,eAAe,CAACW,MAAM,GAAGP,UAAU;EAElF,IAAI,CAACL,eAAe,EAAE;IACpB,OAAO;MACLW,GAAG,EAAEL,IAAI,KAAK,KAAK,GAAGoB,WAAW,GAAGC;IACtC,CAAC;EACH;EAEA,IAAIrB,IAAI,KAAK,KAAK,EAAE;IAClB,OAAO;MACLK,GAAG,EAAEiB,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,QAAQ,EAAEG,WAAW,CAAC,EAAEnB,UAAU,CAACK,MAAM,GAAGY,WAAW,GAAGtB,aAAa,CAACU,MAAM;IACvG,CAAC;EACH;EAEA,OAAO;IACLD,GAAG,EAAEiB,IAAI,CAACC,GAAG,CAACtB,UAAU,CAACK,MAAM,GAAGY,WAAW,GAAGtB,aAAa,CAACU,MAAM,EAAEe,cAAc;EACtF,CAAC;AACH;AAOA,SAASI,gBAAgBA,CAAC;EAAEhC,KAAK;EAAEC,eAAe;EAAEE,aAAa;EAAED,eAAe;EAAEE,WAAW;EAAEC,MAAM;EAAEG;AAAiC,CAAC,EAAE;EAC3I,MAAMyB,SAAS,GAAG5B,MAAM,EAAE6B,IAAI,IAAI,CAAC;EACnC,MAAMC,UAAU,GAAG9B,MAAM,EAAE+B,KAAK,IAAI,CAAC;EACrC,MAAMC,eAAe,GAAG7B,UAAU,CAACQ,KAAK,GAAGiB,SAAS,GAAGE,UAAU;EAEjE,MAAMG,YAAY,GAAGT,IAAI,CAACC,GAAG,CAAC3B,aAAa,CAACa,KAAK,EAAEqB,eAAe,CAAC;EAEnE,IAAIH,IAAI,GAAGK,eAAe,CAACvC,KAAK,EAAEE,eAAe,CAACmB,KAAK,EAAEnB,eAAe,CAACc,KAAK,EAAEsB,YAAY,EAAElC,WAAW,EAAE6B,SAAS,EAAEE,UAAU,EAAE3B,UAAU,CAAC;EAE7I,IAAIP,eAAe,EAAE;IACnB,MAAMuC,WAAW,GAAGN,IAAI,GAAGD,SAAS,IAAIC,IAAI,GAAGI,YAAY,GAAG9B,UAAU,CAACQ,KAAK,GAAGmB,UAAU;IAC3F,IAAIK,WAAW,EAAE;MACf,MAAMC,SAAS,GAAGP,IAAI,GAAGD,SAAS;MAClC,MAAMS,UAAU,GAAGlC,UAAU,CAACQ,KAAK,GAAGmB,UAAU,IAAID,IAAI,GAAGI,YAAY,CAAC;MAExE,IAAIG,SAAS,GAAGC,UAAU,IAAID,SAAS,IAAIH,YAAY,EAAE;QACvDJ,IAAI,GAAGD,SAAS;MAClB,CAAC,MAAM,IAAIS,UAAU,IAAIJ,YAAY,EAAE;QACrCJ,IAAI,GAAG1B,UAAU,CAACQ,KAAK,GAAGmB,UAAU,GAAGG,YAAY;MACrD,CAAC,MAAM;QACL,MAAMK,gBAAgB,GAAGd,IAAI,CAACE,GAAG,CAACE,SAAS,EAAE,CAACzB,UAAU,CAACQ,KAAK,GAAGsB,YAAY,GAAGH,UAAU,IAAI,CAAC,CAAC;QAChGD,IAAI,GAAGS,gBAAgB;MACzB;IACF;EACF;EAEA,OAAO;IAAET,IAAI;IAAEU,QAAQ,EAAEP;EAAgB,CAAC;AAC5C;AAEA,SAASE,eAAeA,CACtBvC,KAAiC,EACjC6C,YAAoB,EACpBC,YAAoB,EACpBR,YAAoB,EACpBlC,WAAmB,EACnB6B,SAAiB,EACjBE,UAAkB,EAClB3B,UAA0B,EAC1B;EACA,IAAI0B,IAAI,GAAG,CAAC;EACZ,IAAIlC,KAAK,KAAK,OAAO,EAAE;IACrBkC,IAAI,GAAGW,YAAY;EACrB;EACA,IAAI7C,KAAK,KAAK,QAAQ,EAAE;IACtBkC,IAAI,GAAGW,YAAY,GAAGC,YAAY,GAAG,CAAC,GAAGR,YAAY,GAAG,CAAC;EAC3D;EACA,IAAItC,KAAK,KAAK,KAAK,EAAE;IACnBkC,IAAI,GAAGW,YAAY,GAAGC,YAAY,GAAGR,YAAY;EACnD;EACA,OAAOT,IAAI,CAACE,GAAG,CAACE,SAAS,EAAEJ,IAAI,CAACC,GAAG,CAACI,IAAI,GAAG9B,WAAW,EAAEI,UAAU,CAACQ,KAAK,GAAGsB,YAAY,GAAGH,UAAU,CAAC,CAAC;AACxG;AAIA,SAASpB,eAAeA,CAAC;EACvBf,KAAK;EACLC,eAAe;EACfE,aAAa;EACbI,IAAI;EACJL,eAAe;EACfE,WAAW;EACXC,MAAM;EACNC,UAAU;EACVE;AACmB,CAAC,EAAE;EACtB,OAAOuC,MAAM,CAACC,MAAM,CAClB;IAAEtC,QAAQ,EAAE;EAAW,CAAC,EACxBa,eAAe,CAAC;IACdhB,IAAI;IACJL,eAAe;IACfC,aAAa;IACbG,UAAU;IACVD,MAAM;IACNJ,eAAe;IACfO;EACF,CAAC,CAAC,EACFwB,gBAAgB,CAAC;IACfhC,KAAK;IACLC,eAAe;IACfC,eAAe;IACfC,aAAa;IACbC,WAAW;IACXC,MAAM;IACNG;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
package/dist/module/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { SafeAreaProvider } from "./safe-area/index.js";
|
|
3
4
|
import { ThemeProvider } from "./themes/index.js";
|
|
4
5
|
import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog.js";
|
|
5
6
|
import { ToastContainer } from "./components/toast/toast-manager.js";
|
|
@@ -7,15 +8,23 @@ import { PortalHost } from "./primitives/portal/index.js";
|
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
export const UniversalUIProvider = ({
|
|
9
10
|
children,
|
|
10
|
-
portalContainer
|
|
11
|
+
portalContainer,
|
|
12
|
+
theme,
|
|
13
|
+
safeAreaInsets
|
|
11
14
|
}) => {
|
|
12
|
-
return /*#__PURE__*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
return /*#__PURE__*/_jsx(SafeAreaProvider, {
|
|
16
|
+
insets: safeAreaInsets,
|
|
17
|
+
children: /*#__PURE__*/_jsxs(ThemeProvider, {
|
|
18
|
+
theme: theme,
|
|
19
|
+
children: [/*#__PURE__*/_jsx(ToastContainer, {}), children, /*#__PURE__*/_jsx(PortalHost, {
|
|
20
|
+
container: portalContainer
|
|
21
|
+
}), /*#__PURE__*/_jsx(AsyncAlertDialogManager, {})]
|
|
22
|
+
})
|
|
16
23
|
});
|
|
17
24
|
};
|
|
18
25
|
export * from "./themes/adapters/index.js";
|
|
26
|
+
export * from "./themes/default/index.js";
|
|
19
27
|
export { useTheme } from "./themes/provider.js";
|
|
20
28
|
export * from "./themes/types.js";
|
|
29
|
+
export * from "./safe-area/index.js";
|
|
21
30
|
//# sourceMappingURL=index.js.map
|
package/dist/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ThemeProvider","AsyncAlertDialogManager","ToastContainer","PortalHost","jsx","_jsx","jsxs","_jsxs","UniversalUIProvider","children","portalContainer","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,cAAc;AACvB,SAASC,UAAU;AAA8B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["SafeAreaProvider","ThemeProvider","AsyncAlertDialogManager","ToastContainer","PortalHost","jsx","_jsx","jsxs","_jsxs","UniversalUIProvider","children","portalContainer","theme","safeAreaInsets","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,uBAAuB;AAChC,SAASC,cAAc;AACvB,SAASC,UAAU;AAA8B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUjD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,eAAe;EAAEC,KAAK;EAAEC;AAA8B,CAAC,KAAK;EAC1G,oBACEP,IAAA,CAACN,gBAAgB;IAACc,MAAM,EAAED,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACP,aAAa;MAACW,KAAK,EAAEA,KAAM;MAAAF,QAAA,gBAC1BJ,IAAA,CAACH,cAAc,IAAE,CAAC,EACjBO,QAAQ,eACTJ,IAAA,CAACF,UAAU;QAACW,SAAS,EAAEJ;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACJ,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED;AACA;AACA,SAASc,QAAQ;AACjB;AAEA","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useRelativePosition } from "../../hooks/use-relative-position.js";
|
|
4
|
+
import { useSafeAreaInsets } from "../../safe-area/index.js";
|
|
4
5
|
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
5
6
|
import React from "react";
|
|
6
7
|
import { ScrollView } from "react-native";
|
|
@@ -9,6 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
10
|
export function AutocompleteContent(props) {
|
|
10
11
|
const autocomplete = useAutocomplete();
|
|
11
12
|
const composedStyles = calculateComposedStyles(autocomplete.styles, autocomplete.state, "content", props.style);
|
|
13
|
+
const safeAreaInsets = useSafeAreaInsets();
|
|
12
14
|
const positionStyle = useRelativePosition({
|
|
13
15
|
align: "start",
|
|
14
16
|
avoidCollisions: true,
|
|
@@ -16,17 +18,19 @@ export function AutocompleteContent(props) {
|
|
|
16
18
|
contentLayout: autocomplete.contentLayout,
|
|
17
19
|
alignOffset: 0,
|
|
18
20
|
side: "bottom",
|
|
19
|
-
sideOffset: 0
|
|
21
|
+
sideOffset: 0,
|
|
22
|
+
insets: safeAreaInsets
|
|
20
23
|
});
|
|
21
24
|
return /*#__PURE__*/_jsx(ScrollView, {
|
|
22
|
-
style: [positionStyle, composedStyles, {
|
|
23
|
-
width: autocomplete.inputPosition.width
|
|
24
|
-
}],
|
|
25
25
|
onLayout: e => {
|
|
26
26
|
autocomplete.setContentLayout(e.nativeEvent.layout);
|
|
27
27
|
},
|
|
28
|
-
pointerEvents: "box-none",
|
|
29
28
|
keyboardShouldPersistTaps: "handled",
|
|
29
|
+
style: [positionStyle, composedStyles, {
|
|
30
|
+
display: autocomplete.isOpen ? "flex" : "none",
|
|
31
|
+
width: autocomplete.inputPosition.width,
|
|
32
|
+
pointerEvents: "box-none"
|
|
33
|
+
}],
|
|
30
34
|
children: props.children
|
|
31
35
|
});
|
|
32
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRelativePosition","calculateComposedStyles","React","ScrollView","useAutocomplete","jsx","_jsx","AutocompleteContent","props","autocomplete","composedStyles","styles","state","style","positionStyle","align","avoidCollisions","triggerPosition","inputPosition","contentLayout","alignOffset","side","sideOffset","
|
|
1
|
+
{"version":3,"names":["useRelativePosition","useSafeAreaInsets","calculateComposedStyles","React","ScrollView","useAutocomplete","jsx","_jsx","AutocompleteContent","props","autocomplete","composedStyles","styles","state","style","safeAreaInsets","positionStyle","align","avoidCollisions","triggerPosition","inputPosition","contentLayout","alignOffset","side","sideOffset","insets","onLayout","e","setContentLayout","nativeEvent","layout","keyboardShouldPersistTaps","display","isOpen","width","pointerEvents","children"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-content.tsx"],"mappings":";;AAAA,SAASA,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAwC,cAAc;AACzE,SAASC,eAAe;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAO5C,OAAO,SAASC,mBAAmBA,CAACC,KAA+B,EAAE;EACnE,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EACtC,MAAMM,cAAc,GAAGT,uBAAuB,CAACQ,YAAY,CAACE,MAAM,EAAEF,YAAY,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAC/G,MAAMC,cAAc,GAAGd,iBAAiB,CAAC,CAAC;EAE1C,MAAMe,aAAa,GAAGhB,mBAAmB,CAAC;IACxCiB,KAAK,EAAE,OAAO;IACdC,eAAe,EAAE,IAAI;IACrBC,eAAe,EAAET,YAAY,CAACU,aAAa;IAC3CC,aAAa,EAAEX,YAAY,CAACW,aAAa;IACzCC,WAAW,EAAE,CAAC;IACdC,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,CAAC;IACbC,MAAM,EAAEV;EACV,CAAC,CAAC;EACF,oBACER,IAAA,CAACH,UAAU;IACTsB,QAAQ,EAAGC,CAAC,IAAK;MACfjB,YAAY,CAACkB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IACrD,CAAE;IACFC,yBAAyB,EAAC,SAAS;IACnCjB,KAAK,EAAE,CACLE,aAAa,EACbL,cAAc,EACd;MACEqB,OAAO,EAAEtB,YAAY,CAACuB,MAAM,GAAG,MAAM,GAAG,MAAM;MAC9CC,KAAK,EAAExB,YAAY,CAACU,aAAa,CAACc,KAAK;MACvCC,aAAa,EAAE;IACjB,CAAC,CACD;IAAAC,QAAA,EAED3B,KAAK,CAAC2B;EAAQ,CACL,CAAC;AAEjB","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { setInnerInputValue } from "../../utils/input-utils.js";
|
|
4
3
|
import { measureLayoutPosition } from "../../utils/normalize-layout.js";
|
|
5
4
|
import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
|
|
6
5
|
import { StyleSheet, TextInput } from "react-native";
|
|
@@ -50,12 +49,7 @@ export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
50
49
|
};
|
|
51
50
|
useImperativeHandle(ref, () => inputRef.current);
|
|
52
51
|
useEffect(() => {
|
|
53
|
-
autocomplete.
|
|
54
|
-
inputRef.current?.blur();
|
|
55
|
-
});
|
|
56
|
-
autocomplete.setInputDisplayValueSetter(() => v => {
|
|
57
|
-
setInnerInputValue(inputRef.current, v);
|
|
58
|
-
});
|
|
52
|
+
autocomplete.setInputRef(inputRef.current);
|
|
59
53
|
}, []);
|
|
60
54
|
return /*#__PURE__*/_jsx(TextInput, {
|
|
61
55
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["measureLayoutPosition","forwardRef","useEffect","useImperativeHandle","useRef","StyleSheet","TextInput","useFieldOptional","useAutocomplete","jsx","_jsx","AutocompleteInput","props","ref","autocomplete","field","inputRef","blurTimeoutRef","undefined","composedStyles","styles","input","default","state","style","placeholderTextColor","selectionColor","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setInputRef","id","value","inputValue","placeholder","editable","flatten","displayName"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
4
|
+
import { setInnerInputValue } from "../../utils/input-utils.js";
|
|
4
5
|
import { useEffect, useState } from "react";
|
|
5
6
|
import { Text } from "react-native";
|
|
6
7
|
import { useAutocomplete } from "./context.js";
|
|
@@ -23,6 +24,17 @@ export function AutocompleteOption(props) {
|
|
|
23
24
|
const isSelected = autocomplete.value === props.value;
|
|
24
25
|
const optionState = calculateState(autocomplete.state, isHovered, isSelected);
|
|
25
26
|
const composedStyles = calculateComposedStyles(autocomplete.styles, optionState, "option", props.style);
|
|
27
|
+
const handlePress = () => {
|
|
28
|
+
autocomplete.onChange?.(props.value);
|
|
29
|
+
autocomplete.setInputValue?.("");
|
|
30
|
+
autocomplete.setIsOpen(false);
|
|
31
|
+
if (autocomplete.inputRef) {
|
|
32
|
+
setInnerInputValue(autocomplete.inputRef, props.children);
|
|
33
|
+
autocomplete.inputRef.blur();
|
|
34
|
+
} else {
|
|
35
|
+
console.warn("Input reference is not available");
|
|
36
|
+
}
|
|
37
|
+
};
|
|
26
38
|
useEffect(() => {
|
|
27
39
|
autocomplete.setOptions(prev => {
|
|
28
40
|
if (prev.find(option => option.value === props.value)) {
|
|
@@ -33,14 +45,10 @@ export function AutocompleteOption(props) {
|
|
|
33
45
|
label: props.children
|
|
34
46
|
}];
|
|
35
47
|
});
|
|
48
|
+
return () => {
|
|
49
|
+
autocomplete.setOptions(prev => prev.filter(option => option.value !== props.value));
|
|
50
|
+
};
|
|
36
51
|
}, [props.value, props.children]);
|
|
37
|
-
const handlePress = () => {
|
|
38
|
-
autocomplete.onChange?.(props.value);
|
|
39
|
-
autocomplete.setInputValue?.("");
|
|
40
|
-
autocomplete.setInputDisplayValue(props.children);
|
|
41
|
-
autocomplete.setIsOpen(false);
|
|
42
|
-
autocomplete.blurInput();
|
|
43
|
-
};
|
|
44
52
|
const Component = props.render ?? Text;
|
|
45
53
|
return /*#__PURE__*/_jsx(Component, {
|
|
46
54
|
value: props.value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["calculateComposedStyles","useEffect","useState","Text","useAutocomplete","jsx","_jsx","calculateState","autocompleteState","hovered","selected","AutocompleteOption","props","isHovered","setIsHovered","autocomplete","isSelected","value","optionState","state","composedStyles","styles","style","
|
|
1
|
+
{"version":3,"names":["calculateComposedStyles","setInnerInputValue","useEffect","useState","Text","useAutocomplete","jsx","_jsx","calculateState","autocompleteState","hovered","selected","AutocompleteOption","props","isHovered","setIsHovered","autocomplete","isSelected","value","optionState","state","composedStyles","styles","style","handlePress","onChange","setInputValue","setIsOpen","inputRef","children","blur","console","warn","setOptions","prev","find","option","label","filter","Component","render","onPress","onMouseEnter","onMouseLeave"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-option.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,SAASC,kBAAkB;AAC3B,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,eAAe;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAY5C,MAAMC,cAAc,GAAGA,CAACC,iBAAoC,EAAEC,OAAgB,EAAEC,QAAiB,KAA8B;EAC7H,IAAIF,iBAAiB,KAAK,UAAU,EAAE;IACpC,OAAO,UAAU;EACnB;EACA,IAAIE,QAAQ,EAAE;IACZ,OAAO,UAAU;EACnB;EACA,IAAID,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,kBAAkBA,CAACC,KAA8B,EAAE;EACjE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMa,YAAY,GAAGX,eAAe,CAAC,CAAC;EACtC,MAAMY,UAAU,GAAGD,YAAY,CAACE,KAAK,KAAKL,KAAK,CAACK,KAAK;EAErD,MAAMC,WAAW,GAAGX,cAAc,CAACQ,YAAY,CAACI,KAAK,EAAEN,SAAS,EAAEG,UAAU,CAAC;EAC7E,MAAMI,cAAc,GAAGrB,uBAAuB,CAACgB,YAAY,CAACM,MAAM,EAAEH,WAAW,EAAE,QAAQ,EAAEN,KAAK,CAACU,KAAK,CAAC;EAEvG,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBR,YAAY,CAACS,QAAQ,GAAGZ,KAAK,CAACK,KAAK,CAAC;IACpCF,YAAY,CAACU,aAAa,GAAG,EAAE,CAAC;IAChCV,YAAY,CAACW,SAAS,CAAC,KAAK,CAAC;IAC7B,IAAIX,YAAY,CAACY,QAAQ,EAAE;MACzB3B,kBAAkB,CAACe,YAAY,CAACY,QAAQ,EAAEf,KAAK,CAACgB,QAAQ,CAAC;MACzDb,YAAY,CAACY,QAAQ,CAACE,IAAI,CAAC,CAAC;IAC9B,CAAC,MAAM;MACLC,OAAO,CAACC,IAAI,CAAC,kCAAkC,CAAC;IAClD;EACF,CAAC;EAED9B,SAAS,CAAC,MAAM;IACdc,YAAY,CAACiB,UAAU,CAAEC,IAAI,IAAK;MAChC,IAAIA,IAAI,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAAClB,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,EAAE;QACvD,OAAOgB,IAAI;MACb;MACA,OAAO,CAAC,GAAGA,IAAI,EAAE;QAAEhB,KAAK,EAAEL,KAAK,CAACK,KAAK;QAAEmB,KAAK,EAAExB,KAAK,CAACgB;MAAS,CAAC,CAAC;IACjE,CAAC,CAAC;IACF,OAAO,MAAM;MACXb,YAAY,CAACiB,UAAU,CAAEC,IAAI,IAAKA,IAAI,CAACI,MAAM,CAAEF,MAAM,IAAKA,MAAM,CAAClB,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,CAAC;IAC1F,CAAC;EACH,CAAC,EAAE,CAACL,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACgB,QAAQ,CAAC,CAAC;EAEjC,MAAMU,SAAS,GAAG1B,KAAK,CAAC2B,MAAM,IAAIpC,IAAI;EACtC,oBACEG,IAAA,CAACgC,SAAS;IACRrB,KAAK,EAAEL,KAAK,CAACK,KAAM;IACnBuB,OAAO,EAAEjB,WAAY;IACrBkB,YAAY,EAAEA,CAAA,KAAM3B,YAAY,CAAC,IAAI,CAAE;IACvC4B,YAAY,EAAEA,CAAA,KAAM5B,YAAY,CAAC,KAAK,CAAE;IACxCQ,KAAK,EAAEF,cAAe;IAAAQ,QAAA,EAErBhB,KAAK,CAACgB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -8,12 +8,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
8
8
|
export function AutocompleteOverlay(props) {
|
|
9
9
|
const autocomplete = useAutocomplete();
|
|
10
10
|
const composedStyles = calculateComposedStyles(autocomplete.styles, autocomplete.state, "overlay", props.style);
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
const handlePress = () => {
|
|
12
|
+
props.onPress?.();
|
|
13
|
+
autocomplete.setIsOpen(false);
|
|
14
|
+
autocomplete.inputRef?.blur();
|
|
15
|
+
};
|
|
16
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
17
|
+
onPress: handlePress,
|
|
18
|
+
style: [StyleSheet.absoluteFill, composedStyles, {
|
|
19
|
+
display: autocomplete.isOpen ? "flex" : "none"
|
|
20
|
+
}],
|
|
17
21
|
children: props.children
|
|
18
22
|
});
|
|
19
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useAutocomplete","jsx","_jsx","AutocompleteOverlay","props","autocomplete","composedStyles","styles","state","style","
|
|
1
|
+
{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useAutocomplete","jsx","_jsx","AutocompleteOverlay","props","autocomplete","composedStyles","styles","state","style","handlePress","onPress","setIsOpen","inputRef","blur","absoluteFill","display","isOpen","children"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-overlay.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,eAAe;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQ5C,OAAO,SAASC,mBAAmBA,CAACC,KAA+B,EAAE;EACnE,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EAEtC,MAAMM,cAAc,GAAGV,uBAAuB,CAACS,YAAY,CAACE,MAAM,EAAEF,YAAY,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE/G,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBN,KAAK,CAACO,OAAO,GAAG,CAAC;IACjBN,YAAY,CAACO,SAAS,CAAC,KAAK,CAAC;IAC7BP,YAAY,CAACQ,QAAQ,EAAEC,IAAI,CAAC,CAAC;EAC/B,CAAC;EAED,oBACEZ,IAAA,CAACJ,SAAS;IACRa,OAAO,EAAED,WAAY;IACrBD,KAAK,EAAE,CACLV,UAAU,CAACgB,YAAY,EACvBT,cAAc,EACd;MACEU,OAAO,EAAEX,YAAY,CAACY,MAAM,GAAG,MAAM,GAAG;IAC1C,CAAC,CACD;IAAAC,QAAA,EAEDd,KAAK,CAACc;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React
|
|
3
|
+
import React from "react";
|
|
4
4
|
import { Portal } from "../portal/index.js";
|
|
5
|
-
import {
|
|
5
|
+
import { AutocompleteContext, useAutocomplete } from "./context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export function AutocompletePortal(props) {
|
|
8
8
|
const autocomplete = useAutocomplete();
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
return () => {
|
|
11
|
-
autocomplete.setOptions([]);
|
|
12
|
-
};
|
|
13
|
-
}, []);
|
|
14
|
-
if (!autocomplete.isOpen) {
|
|
15
|
-
return null;
|
|
16
|
-
}
|
|
17
9
|
return /*#__PURE__*/_jsx(Portal, {
|
|
18
10
|
name: "autocomplete-portal",
|
|
19
11
|
children: /*#__PURE__*/_jsx(AutocompleteContext.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","Portal","AutocompleteContext","useAutocomplete","jsx","_jsx","AutocompletePortal","props","autocomplete","name","children","Provider","value"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-portal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AACf,SAASC,mBAAmB,EAAEC,eAAe;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAMjE,OAAO,SAASC,kBAAkBA,CAACC,KAA8B,EAAE;EACjE,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EAEtC,oBACEE,IAAA,CAACJ,MAAM;IAACQ,IAAI,EAAC,qBAAqB;IAAAC,QAAA,eAChCL,IAAA,CAACH,mBAAmB,CAACS,QAAQ;MAACC,KAAK,EAAEJ,YAAa;MAAAE,QAAA,EAAEH,KAAK,CAACG;IAAQ,CAA+B;EAAC,CAC5F,CAAC;AAEb","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../hooks/index.js";
|
|
4
4
|
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
5
|
+
import { setInnerInputValue } from "../../utils/input-utils.js";
|
|
5
6
|
import React, { useEffect, useMemo, useState } from "react";
|
|
6
7
|
import { View } from "react-native";
|
|
7
8
|
import { AutocompleteContext } from "./context.js";
|
|
@@ -20,18 +21,20 @@ export function AutocompleteRoot(props) {
|
|
|
20
21
|
const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
|
|
21
22
|
const [inputPosition, setInputPosition] = useState(DEFAULT_POSITION);
|
|
22
23
|
const [options, setOptions] = useState([]);
|
|
23
|
-
const [
|
|
24
|
-
const [setInputDisplayValue, setInputDisplayValueSetter] = useState(() => () => {});
|
|
24
|
+
const [inputRef, setInputRef] = useState(null);
|
|
25
25
|
useEffect(() => {
|
|
26
|
+
if (!inputRef) return;
|
|
26
27
|
if (props.value) {
|
|
27
28
|
const selectedOption = options.find(opt => opt.value === props.value);
|
|
28
29
|
if (selectedOption) {
|
|
29
30
|
props.setInputValue?.(selectedOption.label);
|
|
31
|
+
setInnerInputValue(inputRef, selectedOption.label);
|
|
30
32
|
}
|
|
31
33
|
} else {
|
|
32
34
|
props.setInputValue?.("");
|
|
35
|
+
setInnerInputValue(inputRef, "");
|
|
33
36
|
}
|
|
34
|
-
}, [props.value, options]);
|
|
37
|
+
}, [props.value, options, inputRef]);
|
|
35
38
|
const state = calculateState(props, isOpen);
|
|
36
39
|
const composedStyles = calculateComposedStyles(props.styles, state, "root", props.style);
|
|
37
40
|
const contextValue = useMemo(() => ({
|
|
@@ -49,18 +52,15 @@ export function AutocompleteRoot(props) {
|
|
|
49
52
|
options,
|
|
50
53
|
setOptions,
|
|
51
54
|
openOnFocus: props.openOnFocus ?? true,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
setInputDisplayValue,
|
|
55
|
-
setInputDisplayValueSetter,
|
|
55
|
+
inputRef,
|
|
56
|
+
setInputRef,
|
|
56
57
|
state,
|
|
57
58
|
isDisabled: props.isDisabled ?? false,
|
|
58
59
|
styles: props.styles ?? null
|
|
59
|
-
}), [props.value, props.onChange, props.placeholder, props.openOnFocus, props.isDisabled, props.styles, props.inputValue, props.setInputValue, isOpen, inputPosition, contentLayout, options,
|
|
60
|
-
const Component = props.render ?? View;
|
|
60
|
+
}), [props.value, props.onChange, props.placeholder, props.openOnFocus, props.isDisabled, props.styles, props.inputValue, props.setInputValue, isOpen, inputPosition, contentLayout, options, state]);
|
|
61
61
|
return /*#__PURE__*/_jsx(AutocompleteContext.Provider, {
|
|
62
62
|
value: contextValue,
|
|
63
|
-
children: /*#__PURE__*/_jsx(
|
|
63
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
64
64
|
style: composedStyles,
|
|
65
65
|
children: props.children
|
|
66
66
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DEFAULT_LAYOUT","DEFAULT_POSITION","calculateComposedStyles","React","useEffect","useMemo","useState","View","AutocompleteContext","jsx","_jsx","calculateState","props","isFocused","isDisabled","AutocompleteRoot","isOpen","setIsOpen","contentLayout","setContentLayout","inputPosition","setInputPosition","options","setOptions","
|
|
1
|
+
{"version":3,"names":["DEFAULT_LAYOUT","DEFAULT_POSITION","calculateComposedStyles","setInnerInputValue","React","useEffect","useMemo","useState","View","AutocompleteContext","jsx","_jsx","calculateState","props","isFocused","isDisabled","AutocompleteRoot","isOpen","setIsOpen","contentLayout","setContentLayout","inputPosition","setInputPosition","options","setOptions","inputRef","setInputRef","value","selectedOption","find","opt","setInputValue","label","state","composedStyles","styles","style","contextValue","onChange","placeholder","inputValue","openOnFocus","Provider","children"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-root.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","AutocompleteContext","undefined","useAutocomplete","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/context.ts"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","AutocompleteContext","undefined","useAutocomplete","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/context.ts"],"mappings":";;AAEA,SAAgBA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AAiCvE,OAAO,MAAMC,mBAAmB,gBAAGF,aAAa,CAAkCG,SAAS,CAAC;AAE5F,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,mBAAmB,CAAC;EAC/C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,6DAA6D,CAAC;EAChF;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { Text } from "react-native";
|
|
5
5
|
import { useAvatar } from "./context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export function AvatarFallback(props) {
|
|
8
8
|
const avatar = useAvatar();
|
|
9
9
|
const composedStyles = [avatar.styles?.fallback, props.style];
|
|
10
|
-
|
|
11
|
-
return /*#__PURE__*/_jsx(Component, {
|
|
10
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
12
11
|
...props,
|
|
13
12
|
style: composedStyles
|
|
14
13
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","Text","useAvatar","jsx","_jsx","AvatarFallback","props","avatar","composedStyles","styles","fallback","style"],"sourceRoot":"../../../../src","sources":["primitives/avatar/avatar-fallback.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,SAAS;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAOtC,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,cAAc,GAAG,CAACD,MAAM,CAACE,MAAM,EAAEC,QAAQ,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAC7D,oBAAOP,IAAA,CAACH,IAAI;IAAA,GAAKK,KAAK;IAAEK,KAAK,EAAEH;EAAe,CAAE,CAAC;AACnD","ignoreList":[]}
|
|
@@ -24,7 +24,6 @@ export function CalendarDay(props) {
|
|
|
24
24
|
}, [props.date, calendar.minDate, calendar.maxDate]);
|
|
25
25
|
const state = calculateState(props.date, calendar.value, isCurrentMonth, isDisabled, isHovered);
|
|
26
26
|
const handlePress = () => {
|
|
27
|
-
console.log("Day pressed:", isDisabled, calendar.onChange);
|
|
28
27
|
if (isDisabled || !calendar.onChange) return;
|
|
29
28
|
calendar.onChange(props.date);
|
|
30
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["formatDate","isDateAfter","isDateBefore","isDateSameDay","isDateToday","isSameMonth","React","useMemo","useState","Pressable","Text","useCalendarContext","jsx","_jsx","calculateState","date","selected","isCurrentMonth","isDisabled","isHovered","CalendarDay","props","calendar","setIsHovered","currentMonth","minDate","maxDate","state","value","handlePress","
|
|
1
|
+
{"version":3,"names":["formatDate","isDateAfter","isDateBefore","isDateSameDay","isDateToday","isSameMonth","React","useMemo","useState","Pressable","Text","useCalendarContext","jsx","_jsx","calculateState","date","selected","isCurrentMonth","isDisabled","isHovered","CalendarDay","props","calendar","setIsHovered","currentMonth","minDate","maxDate","state","value","handlePress","onChange","composedStyle","styles","dayButton","default","style","composedTextStyle","dayText","textStyle","onPress","onHoverIn","onHoverOut","disabled","children"],"sourceRoot":"../../../../src","sources":["primitives/calendar/calendar-day.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useRelativePosition } from "../../hooks/use-relative-position.js";
|
|
4
|
+
import { useSafeAreaInsets } from "../../safe-area/index.js";
|
|
4
5
|
import React from "react";
|
|
5
6
|
import { View } from "react-native";
|
|
6
7
|
import { usePopover } from "./context.js";
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
export function PopoverContent(props) {
|
|
9
10
|
const popover = usePopover();
|
|
11
|
+
const insets = useSafeAreaInsets();
|
|
10
12
|
const positionStyle = useRelativePosition({
|
|
11
13
|
align: "start",
|
|
12
14
|
avoidCollisions: true,
|
|
@@ -14,7 +16,8 @@ export function PopoverContent(props) {
|
|
|
14
16
|
contentLayout: popover.contentLayout,
|
|
15
17
|
alignOffset: 0,
|
|
16
18
|
side: "bottom",
|
|
17
|
-
sideOffset: 0
|
|
19
|
+
sideOffset: 0,
|
|
20
|
+
insets
|
|
18
21
|
});
|
|
19
22
|
const composedStyle = [positionStyle, popover.styles?.content, props.style];
|
|
20
23
|
const Component = props.render ?? View;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRelativePosition","React","View","usePopover","jsx","_jsx","PopoverContent","props","popover","positionStyle","align","avoidCollisions","triggerPosition","contentLayout","alignOffset","side","sideOffset","composedStyle","styles","content","style","Component","render","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents"],"sourceRoot":"../../../../src","sources":["primitives/popover/popover-content.tsx"],"mappings":";;AAAA,SAASA,mBAAmB;AAC5B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAUvC,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,OAAO,GAAGL,UAAU,CAAC,CAAC;
|
|
1
|
+
{"version":3,"names":["useRelativePosition","useSafeAreaInsets","React","View","usePopover","jsx","_jsx","PopoverContent","props","popover","insets","positionStyle","align","avoidCollisions","triggerPosition","contentLayout","alignOffset","side","sideOffset","composedStyle","styles","content","style","Component","render","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents"],"sourceRoot":"../../../../src","sources":["primitives/popover/popover-content.tsx"],"mappings":";;AAAA,SAASA,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAUvC,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,OAAO,GAAGL,UAAU,CAAC,CAAC;EAC5B,MAAMM,MAAM,GAAGT,iBAAiB,CAAC,CAAC;EAElC,MAAMU,aAAa,GAAGX,mBAAmB,CAAC;IACxCY,KAAK,EAAE,OAAO;IACdC,eAAe,EAAE,IAAI;IACrBC,eAAe,EAAEL,OAAO,CAACK,eAAe;IACxCC,aAAa,EAAEN,OAAO,CAACM,aAAa;IACpCC,WAAW,EAAE,CAAC;IACdC,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,CAAC;IACbR;EACF,CAAC,CAAC;EAEF,MAAMS,aAAa,GAAG,CAACR,aAAa,EAAEF,OAAO,CAACW,MAAM,EAAEC,OAAO,EAAEb,KAAK,CAACc,KAAK,CAAC;EAE3E,MAAMC,SAAS,GAAGf,KAAK,CAACgB,MAAM,IAAIrB,IAAI;EACtC,oBACEG,IAAA,CAACiB,SAAS;IAAA,GACJf,KAAK;IACTiB,QAAQ,EAAGC,CAAC,IAAK;MACfjB,OAAO,CAACkB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAChD,CAAE;IACFC,aAAa,EAAC,UAAU;IACxBR,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
const SafeAreaContext = /*#__PURE__*/createContext(null);
|
|
5
|
+
export const useSafeAreaInsets = () => {
|
|
6
|
+
const context = useContext(SafeAreaContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("useSafeAreaInsets must be used within SafeAreaProvider");
|
|
9
|
+
}
|
|
10
|
+
return context.insets;
|
|
11
|
+
};
|
|
12
|
+
export { SafeAreaContext };
|
|
13
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","SafeAreaContext","useSafeAreaInsets","context","Error","insets"],"sourceRoot":"../../../src","sources":["safe-area/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,MAAMC,eAAe,gBAAGF,aAAa,CAA8B,IAAI,CAAC;AAExE,OAAO,MAAMG,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,OAAO,GAAGH,UAAU,CAACC,eAAe,CAAC;EAC3C,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,wDAAwD,CAAC;EAC3E;EACA,OAAOD,OAAO,CAACE,MAAM;AACvB,CAAC;AAED,SAASJ,eAAe","ignoreList":[]}
|