@korsolutions/ui 0.0.37 → 0.0.39
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/alert-dialog/alert-dialog.js +41 -0
- package/dist/module/components/alert-dialog/alert-dialog.js.map +1 -0
- package/dist/module/components/alert-dialog/async-alert-dialog.js +117 -0
- package/dist/module/components/alert-dialog/async-alert-dialog.js.map +1 -0
- package/dist/module/components/alert-dialog/index.js +6 -0
- package/dist/module/components/alert-dialog/index.js.map +1 -0
- package/dist/module/components/alert-dialog/variants/default.js +93 -0
- package/dist/module/components/alert-dialog/variants/default.js.map +1 -0
- package/dist/module/components/alert-dialog/variants/index.js +7 -0
- package/dist/module/components/alert-dialog/variants/index.js.map +1 -0
- package/dist/module/components/autocomplete/autocomplete.js +31 -0
- package/dist/module/components/autocomplete/autocomplete.js.map +1 -0
- package/dist/module/components/autocomplete/variants/default.js +88 -0
- package/dist/module/components/autocomplete/variants/default.js.map +1 -0
- package/dist/module/components/autocomplete/variants/index.js +7 -0
- package/dist/module/components/autocomplete/variants/index.js.map +1 -0
- package/dist/module/components/index.js +2 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/input/numeric-input.js +7 -6
- package/dist/module/components/input/numeric-input.js.map +1 -1
- package/dist/module/index.js +2 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/primitives/alert-dialog/alert-dialog-action.js +34 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-action.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-cancel.js +34 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-cancel.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-content.js +23 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-content.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-description.js +23 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-description.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-footer.js +23 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-footer.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-overlay.js +26 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-overlay.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-portal.js +20 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-portal.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-root.js +22 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-root.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-title.js +23 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-title.js.map +1 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-trigger.js +28 -0
- package/dist/module/primitives/alert-dialog/alert-dialog-trigger.js.map +1 -0
- package/dist/module/primitives/alert-dialog/context.js +12 -0
- package/dist/module/primitives/alert-dialog/context.js.map +1 -0
- package/dist/module/primitives/alert-dialog/index.js +26 -0
- package/dist/module/primitives/alert-dialog/index.js.map +1 -0
- package/dist/module/primitives/alert-dialog/types.js +4 -0
- package/dist/module/primitives/alert-dialog/types.js.map +1 -0
- package/dist/module/primitives/autocomplete/autocomplete-content.js +33 -0
- package/dist/module/primitives/autocomplete/autocomplete-content.js.map +1 -0
- package/dist/module/primitives/autocomplete/autocomplete-empty.js +17 -0
- package/dist/module/primitives/autocomplete/autocomplete-empty.js.map +1 -0
- package/dist/module/primitives/autocomplete/autocomplete-input.js +73 -0
- package/dist/module/primitives/autocomplete/autocomplete-input.js.map +1 -0
- package/dist/module/primitives/autocomplete/autocomplete-option.js +54 -0
- package/dist/module/primitives/autocomplete/autocomplete-option.js.map +1 -0
- package/dist/module/primitives/autocomplete/autocomplete-overlay.js +20 -0
- package/dist/module/primitives/autocomplete/autocomplete-overlay.js.map +1 -0
- package/dist/module/primitives/autocomplete/autocomplete-portal.js +25 -0
- package/dist/module/primitives/autocomplete/autocomplete-portal.js.map +1 -0
- package/dist/module/primitives/autocomplete/autocomplete-root.js +69 -0
- package/dist/module/primitives/autocomplete/autocomplete-root.js.map +1 -0
- package/dist/module/primitives/autocomplete/context.js +12 -0
- package/dist/module/primitives/autocomplete/context.js.map +1 -0
- package/dist/module/primitives/autocomplete/index.js +20 -0
- package/dist/module/primitives/autocomplete/index.js.map +1 -0
- package/dist/module/primitives/autocomplete/types.js +4 -0
- package/dist/module/primitives/autocomplete/types.js.map +1 -0
- package/dist/module/primitives/dropdown-menu/dropdown-menu-divider.js +2 -2
- package/dist/module/primitives/dropdown-menu/dropdown-menu-divider.js.map +1 -1
- package/dist/module/primitives/dropdown-menu/dropdown-menu-trigger.js +3 -7
- package/dist/module/primitives/dropdown-menu/dropdown-menu-trigger.js.map +1 -1
- package/dist/module/primitives/index.js +2 -0
- package/dist/module/primitives/index.js.map +1 -1
- package/dist/module/primitives/input/input.js +3 -4
- package/dist/module/primitives/input/input.js.map +1 -1
- package/dist/module/primitives/popover/popover-portal.js +1 -1
- package/dist/module/primitives/popover/popover-portal.js.map +1 -1
- package/dist/module/primitives/popover/popover-trigger.js +3 -7
- package/dist/module/primitives/popover/popover-trigger.js.map +1 -1
- package/dist/module/primitives/portal/portal.js +4 -35
- package/dist/module/primitives/portal/portal.js.map +1 -1
- package/dist/module/primitives/select/context.js.map +1 -1
- package/dist/module/primitives/select/select-content.js +16 -5
- package/dist/module/primitives/select/select-content.js.map +1 -1
- package/dist/module/primitives/select/select-root.js +7 -3
- package/dist/module/primitives/select/select-root.js.map +1 -1
- package/dist/module/primitives/select/select-trigger.js +16 -11
- package/dist/module/primitives/select/select-trigger.js.map +1 -1
- package/dist/module/utils/normalize-layout.js +17 -0
- package/dist/module/utils/normalize-layout.js.map +1 -1
- package/dist/typescript/src/components/alert-dialog/alert-dialog.d.ts +15 -0
- package/dist/typescript/src/components/alert-dialog/alert-dialog.d.ts.map +1 -0
- package/dist/typescript/src/components/alert-dialog/async-alert-dialog.d.ts +19 -0
- package/dist/typescript/src/components/alert-dialog/async-alert-dialog.d.ts.map +1 -0
- package/dist/typescript/src/components/alert-dialog/index.d.ts +4 -0
- package/dist/typescript/src/components/alert-dialog/index.d.ts.map +1 -0
- package/dist/typescript/src/components/alert-dialog/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/alert-dialog/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/alert-dialog/variants/index.d.ts +4 -0
- package/dist/typescript/src/components/alert-dialog/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/autocomplete/autocomplete.d.ts +11 -0
- package/dist/typescript/src/components/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/typescript/src/components/autocomplete/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/autocomplete/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/autocomplete/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/autocomplete/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/index.d.ts +2 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/input/numeric-input.d.ts +2 -1
- package/dist/typescript/src/components/input/numeric-input.d.ts.map +1 -1
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-action.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-action.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-cancel.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-cancel.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-content.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-content.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-description.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-description.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-footer.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-footer.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-overlay.d.ts +7 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-overlay.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-portal.d.ts +7 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-portal.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-root.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-root.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-title.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-title.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-trigger.d.ts +8 -0
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-trigger.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/context.d.ts +10 -0
- package/dist/typescript/src/primitives/alert-dialog/context.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/index.d.ts +33 -0
- package/dist/typescript/src/primitives/alert-dialog/index.d.ts.map +1 -0
- package/dist/typescript/src/primitives/alert-dialog/types.d.ts +13 -0
- package/dist/typescript/src/primitives/alert-dialog/types.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-content.d.ts +8 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-content.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-empty.d.ts +9 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-empty.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-input.d.ts +7 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-input.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-option.d.ts +11 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-option.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-overlay.d.ts +10 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-overlay.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-portal.d.ts +6 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-portal.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-root.d.ts +24 -0
- package/dist/typescript/src/primitives/autocomplete/autocomplete-root.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/context.d.ts +30 -0
- package/dist/typescript/src/primitives/autocomplete/context.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/index.d.ts +25 -0
- package/dist/typescript/src/primitives/autocomplete/index.d.ts.map +1 -0
- package/dist/typescript/src/primitives/autocomplete/types.d.ts +21 -0
- package/dist/typescript/src/primitives/autocomplete/types.d.ts.map +1 -0
- package/dist/typescript/src/primitives/dropdown-menu/dropdown-menu-divider.d.ts.map +1 -1
- package/dist/typescript/src/primitives/dropdown-menu/dropdown-menu-trigger.d.ts.map +1 -1
- package/dist/typescript/src/primitives/index.d.ts +2 -0
- package/dist/typescript/src/primitives/index.d.ts.map +1 -1
- package/dist/typescript/src/primitives/input/input.d.ts +1 -2
- package/dist/typescript/src/primitives/input/input.d.ts.map +1 -1
- package/dist/typescript/src/primitives/popover/popover-trigger.d.ts.map +1 -1
- package/dist/typescript/src/primitives/portal/portal.constants.d.ts +6 -2
- package/dist/typescript/src/primitives/portal/portal.constants.d.ts.map +1 -1
- package/dist/typescript/src/primitives/portal/portal.d.ts +2 -5
- package/dist/typescript/src/primitives/portal/portal.d.ts.map +1 -1
- package/dist/typescript/src/primitives/select/context.d.ts +5 -2
- package/dist/typescript/src/primitives/select/context.d.ts.map +1 -1
- package/dist/typescript/src/primitives/select/select-content.d.ts.map +1 -1
- package/dist/typescript/src/primitives/select/select-root.d.ts.map +1 -1
- package/dist/typescript/src/primitives/select/select-trigger.d.ts +0 -5
- package/dist/typescript/src/primitives/select/select-trigger.d.ts.map +1 -1
- package/dist/typescript/src/types/element.types.d.ts +10 -3
- package/dist/typescript/src/types/element.types.d.ts.map +1 -1
- package/dist/typescript/src/utils/normalize-layout.d.ts +3 -1
- package/dist/typescript/src/utils/normalize-layout.d.ts.map +1 -1
- package/package.json +8 -5
- package/scripts/build.sh +2 -2
- package/src/components/alert-dialog/alert-dialog.tsx +38 -0
- package/src/components/alert-dialog/async-alert-dialog.tsx +121 -0
- package/src/components/alert-dialog/index.ts +3 -0
- package/src/components/alert-dialog/variants/default.tsx +82 -0
- package/src/components/alert-dialog/variants/index.ts +5 -0
- package/src/components/autocomplete/autocomplete.tsx +34 -0
- package/src/components/autocomplete/variants/default.tsx +84 -0
- package/src/components/autocomplete/variants/index.ts +5 -0
- package/src/components/index.ts +2 -0
- package/src/components/input/numeric-input.tsx +8 -6
- package/src/index.tsx +2 -0
- package/src/primitives/alert-dialog/alert-dialog-action.tsx +27 -0
- package/src/primitives/alert-dialog/alert-dialog-cancel.tsx +27 -0
- package/src/primitives/alert-dialog/alert-dialog-content.tsx +21 -0
- package/src/primitives/alert-dialog/alert-dialog-description.tsx +21 -0
- package/src/primitives/alert-dialog/alert-dialog-footer.tsx +21 -0
- package/src/primitives/alert-dialog/alert-dialog-overlay.tsx +25 -0
- package/src/primitives/alert-dialog/alert-dialog-portal.tsx +20 -0
- package/src/primitives/alert-dialog/alert-dialog-root.tsx +25 -0
- package/src/primitives/alert-dialog/alert-dialog-title.tsx +21 -0
- package/src/primitives/alert-dialog/alert-dialog-trigger.tsx +27 -0
- package/src/primitives/alert-dialog/context.ts +18 -0
- package/src/primitives/alert-dialog/index.ts +34 -0
- package/src/primitives/alert-dialog/types.ts +13 -0
- package/src/primitives/autocomplete/autocomplete-content.tsx +38 -0
- package/src/primitives/autocomplete/autocomplete-empty.tsx +19 -0
- package/src/primitives/autocomplete/autocomplete-input.tsx +85 -0
- package/src/primitives/autocomplete/autocomplete-option.tsx +66 -0
- package/src/primitives/autocomplete/autocomplete-overlay.tsx +29 -0
- package/src/primitives/autocomplete/autocomplete-portal.tsx +27 -0
- package/src/primitives/autocomplete/autocomplete-root.tsx +111 -0
- package/src/primitives/autocomplete/context.ts +45 -0
- package/src/primitives/autocomplete/index.ts +27 -0
- package/src/primitives/autocomplete/types.ts +23 -0
- package/src/primitives/dropdown-menu/dropdown-menu-divider.tsx +2 -2
- package/src/primitives/dropdown-menu/dropdown-menu-trigger.tsx +3 -7
- package/src/primitives/index.ts +2 -0
- package/src/primitives/input/input.tsx +3 -6
- package/src/primitives/popover/popover-portal.tsx +1 -1
- package/src/primitives/popover/popover-trigger.tsx +3 -7
- package/src/primitives/portal/portal.constants.tsx +2 -2
- package/src/primitives/portal/portal.tsx +4 -36
- package/src/primitives/select/context.ts +5 -2
- package/src/primitives/select/select-content.tsx +16 -9
- package/src/primitives/select/select-root.tsx +7 -3
- package/src/primitives/select/select-trigger.tsx +19 -21
- package/src/types/element.types.ts +10 -3
- package/src/utils/normalize-layout.ts +22 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { useAlertDialog } from "./context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function AlertDialogDescription(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...textProps
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
styles
|
|
15
|
+
} = useAlertDialog();
|
|
16
|
+
const calculatedStyle = [styles?.description, style];
|
|
17
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
18
|
+
...textProps,
|
|
19
|
+
style: calculatedStyle,
|
|
20
|
+
children: children
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=alert-dialog-description.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","useAlertDialog","jsx","_jsx","AlertDialogDescription","props","children","style","textProps","styles","calculatedStyle","description"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/alert-dialog-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,SAASC,sBAAsBA,CAACC,KAA2C,EAAE;EAClF,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI;EAAO,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEnC,MAAMS,eAAe,GAAG,CAACD,MAAM,EAAEE,WAAW,EAAEJ,KAAK,CAAC;EAEpD,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEG,eAAgB;IAAAJ,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useAlertDialog } from "./context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function AlertDialogFooter(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...viewProps
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
styles
|
|
15
|
+
} = useAlertDialog();
|
|
16
|
+
const calculatedStyle = [styles?.footer, style];
|
|
17
|
+
return /*#__PURE__*/_jsx(View, {
|
|
18
|
+
...viewProps,
|
|
19
|
+
style: calculatedStyle,
|
|
20
|
+
children: children
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=alert-dialog-footer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useAlertDialog","jsx","_jsx","AlertDialogFooter","props","children","style","viewProps","styles","calculatedStyle","footer"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/alert-dialog-footer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,SAASC,iBAAiBA,CAACC,KAAsC,EAAE;EACxE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI;EAAO,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEnC,MAAMS,eAAe,GAAG,CAACD,MAAM,EAAEE,MAAM,EAAEJ,KAAK,CAAC;EAE/C,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEG,eAAgB;IAAAJ,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Pressable } from "react-native";
|
|
5
|
+
import { useAlertDialog } from "./context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function AlertDialogOverlay(props) {
|
|
8
|
+
const {
|
|
9
|
+
style,
|
|
10
|
+
...pressableProps
|
|
11
|
+
} = props;
|
|
12
|
+
const {
|
|
13
|
+
styles,
|
|
14
|
+
setIsOpen
|
|
15
|
+
} = useAlertDialog();
|
|
16
|
+
const calculatedStyle = [styles?.overlay, style];
|
|
17
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
18
|
+
...pressableProps,
|
|
19
|
+
style: calculatedStyle,
|
|
20
|
+
onPress: () => setIsOpen(false),
|
|
21
|
+
accessible: true,
|
|
22
|
+
accessibilityRole: "button",
|
|
23
|
+
accessibilityLabel: "Close alert dialog"
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=alert-dialog-overlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Pressable","useAlertDialog","jsx","_jsx","AlertDialogOverlay","props","style","pressableProps","styles","setIsOpen","calculatedStyle","overlay","onPress","accessible","accessibilityRole","accessibilityLabel"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/alert-dialog-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,cAAc;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAM3C,OAAO,SAASC,kBAAkBA,CAACC,KAAuC,EAAE;EAC1E,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAe,CAAC,GAAGF,KAAK;EAC1C,MAAM;IAAEG,MAAM;IAAEC;EAAU,CAAC,GAAGR,cAAc,CAAC,CAAC;EAE9C,MAAMS,eAAe,GAAG,CAACF,MAAM,EAAEG,OAAO,EAAEL,KAAK,CAAC;EAEhD,oBACEH,IAAA,CAACH,SAAS;IAAA,GACJO,cAAc;IAClBD,KAAK,EAAEI,eAAgB;IACvBE,OAAO,EAAEA,CAAA,KAAMH,SAAS,CAAC,KAAK,CAAE;IAChCI,UAAU,EAAE,IAAK;IACjBC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC;EAAoB,CACxC,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Portal } from "../portal/index.js";
|
|
5
|
+
import { AlertDialogPrimitiveContext, useAlertDialog } from "./context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function AlertDialogPortal(props) {
|
|
8
|
+
const alertDialog = useAlertDialog();
|
|
9
|
+
if (!alertDialog.isOpen) {
|
|
10
|
+
return null;
|
|
11
|
+
}
|
|
12
|
+
return /*#__PURE__*/_jsx(Portal, {
|
|
13
|
+
name: "alert-dialog-content",
|
|
14
|
+
children: /*#__PURE__*/_jsx(AlertDialogPrimitiveContext.Provider, {
|
|
15
|
+
value: alertDialog,
|
|
16
|
+
children: props.children
|
|
17
|
+
})
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=alert-dialog-portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Portal","AlertDialogPrimitiveContext","useAlertDialog","jsx","_jsx","AlertDialogPortal","props","alertDialog","isOpen","name","children","Provider","value"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/alert-dialog-portal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AACf,SAASC,2BAA2B,EAAEC,cAAc;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAMxE,OAAO,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAMC,WAAW,GAAGL,cAAc,CAAC,CAAC;EAEpC,IAAI,CAACK,WAAW,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACb;EACA,oBACEJ,IAAA,CAACJ,MAAM;IAACS,IAAI,EAAC,sBAAsB;IAAAC,QAAA,eACjCN,IAAA,CAACH,2BAA2B,CAACU,QAAQ;MAACC,KAAK,EAAEL,WAAY;MAAAG,QAAA,EAAEJ,KAAK,CAACI;IAAQ,CAAuC;EAAC,CAC3G,CAAC;AAEb","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo, useState } from "react";
|
|
4
|
+
import { AlertDialogPrimitiveContext } from "./context.js";
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export function AlertDialogRoot(props) {
|
|
7
|
+
const {
|
|
8
|
+
children,
|
|
9
|
+
styles
|
|
10
|
+
} = props;
|
|
11
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
12
|
+
const contextValue = useMemo(() => ({
|
|
13
|
+
isOpen,
|
|
14
|
+
setIsOpen,
|
|
15
|
+
styles
|
|
16
|
+
}), [isOpen, styles]);
|
|
17
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitiveContext.Provider, {
|
|
18
|
+
value: contextValue,
|
|
19
|
+
children: children
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=alert-dialog-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","useState","AlertDialogPrimitiveContext","jsx","_jsx","AlertDialogRoot","props","children","styles","isOpen","setIsOpen","contextValue","Provider","value"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/alert-dialog-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAChD,SAASC,2BAA2B;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AASxD,OAAO,SAASC,eAAeA,CAACC,KAAoC,EAAE;EACpE,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAClC,MAAM,CAACG,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAE3C,MAAMU,YAAY,GAAGX,OAAO,CAC1B,OAAO;IACLS,MAAM;IACNC,SAAS;IACTF;EACF,CAAC,CAAC,EACF,CAACC,MAAM,EAAED,MAAM,CACjB,CAAC;EAED,oBAAOJ,IAAA,CAACF,2BAA2B,CAACU,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAJ,QAAA,EAAEA;EAAQ,CAAuC,CAAC;AACrH","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { useAlertDialog } from "./context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function AlertDialogTitle(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...textProps
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
styles
|
|
15
|
+
} = useAlertDialog();
|
|
16
|
+
const calculatedStyle = [styles?.title, style];
|
|
17
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
18
|
+
...textProps,
|
|
19
|
+
style: calculatedStyle,
|
|
20
|
+
children: children
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=alert-dialog-title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","useAlertDialog","jsx","_jsx","AlertDialogTitle","props","children","style","textProps","styles","calculatedStyle","title"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/alert-dialog-title.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAO3C,OAAO,SAASC,gBAAgBA,CAACC,KAAqC,EAAE;EACtE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI;EAAO,CAAC,GAAGR,cAAc,CAAC,CAAC;EAEnC,MAAMS,eAAe,GAAG,CAACD,MAAM,EAAEE,KAAK,EAAEJ,KAAK,CAAC;EAE9C,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEG,eAAgB;IAAAJ,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { useAlertDialog } from "./context.js";
|
|
5
|
+
export function AlertDialogTrigger(props) {
|
|
6
|
+
const {
|
|
7
|
+
onPress
|
|
8
|
+
} = props;
|
|
9
|
+
const {
|
|
10
|
+
isOpen,
|
|
11
|
+
setIsOpen
|
|
12
|
+
} = useAlertDialog();
|
|
13
|
+
const handlePress = event => {
|
|
14
|
+
onPress?.(event);
|
|
15
|
+
setIsOpen(true);
|
|
16
|
+
};
|
|
17
|
+
return /*#__PURE__*/React.cloneElement(props.children, {
|
|
18
|
+
onPress: handlePress,
|
|
19
|
+
role: "button",
|
|
20
|
+
accessible: true,
|
|
21
|
+
accessibilityRole: "button",
|
|
22
|
+
accessibilityState: {
|
|
23
|
+
expanded: isOpen
|
|
24
|
+
},
|
|
25
|
+
...props.children.props
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=alert-dialog-trigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useAlertDialog","AlertDialogTrigger","props","onPress","isOpen","setIsOpen","handlePress","event","cloneElement","children","role","accessible","accessibilityRole","accessibilityState","expanded"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/alert-dialog-trigger.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc;AAMvB,OAAO,SAASC,kBAAkBA,CAACC,KAAuC,EAAsB;EAC9F,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EACzB,MAAM;IAAEE,MAAM;IAAEC;EAAU,CAAC,GAAGL,cAAc,CAAC,CAAC;EAE9C,MAAMM,WAAsC,GAAIC,KAAK,IAAK;IACxDJ,OAAO,GAAGI,KAAK,CAAC;IAChBF,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC;EAED,oBAAON,KAAK,CAACS,YAAY,CAACN,KAAK,CAACO,QAAQ,EAAE;IACxCN,OAAO,EAAEG,WAAW;IACpBI,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAE,QAAQ;IAC3BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEV;IAAO,CAAC;IACxC,GAAGF,KAAK,CAACO,QAAQ,CAACP;EACpB,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
export const AlertDialogPrimitiveContext = /*#__PURE__*/createContext(null);
|
|
5
|
+
export const useAlertDialog = () => {
|
|
6
|
+
const context = useContext(AlertDialogPrimitiveContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("AlertDialog compound components must be used within AlertDialogPrimitive.Root");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","AlertDialogPrimitiveContext","useAlertDialog","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/context.ts"],"mappings":";;AAAA,SAAgBA,aAAa,EAAEC,UAAU,QAAuB,OAAO;AASvE,OAAO,MAAMC,2BAA2B,gBAAGF,aAAa,CAA0C,IAAI,CAAC;AAEvG,OAAO,MAAMG,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGH,UAAU,CAACC,2BAA2B,CAAC;EACvD,IAAI,CAACE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,+EAA+E,CAAC;EAClG;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { AlertDialogAction } from "./alert-dialog-action.js";
|
|
4
|
+
import { AlertDialogCancel } from "./alert-dialog-cancel.js";
|
|
5
|
+
import { AlertDialogContent } from "./alert-dialog-content.js";
|
|
6
|
+
import { AlertDialogDescription } from "./alert-dialog-description.js";
|
|
7
|
+
import { AlertDialogFooter } from "./alert-dialog-footer.js";
|
|
8
|
+
import { AlertDialogOverlay } from "./alert-dialog-overlay.js";
|
|
9
|
+
import { AlertDialogPortal } from "./alert-dialog-portal.js";
|
|
10
|
+
import { AlertDialogRoot } from "./alert-dialog-root.js";
|
|
11
|
+
import { AlertDialogTitle } from "./alert-dialog-title.js";
|
|
12
|
+
import { AlertDialogTrigger } from "./alert-dialog-trigger.js";
|
|
13
|
+
export const AlertDialogPrimitive = {
|
|
14
|
+
Root: AlertDialogRoot,
|
|
15
|
+
Trigger: AlertDialogTrigger,
|
|
16
|
+
Portal: AlertDialogPortal,
|
|
17
|
+
Overlay: AlertDialogOverlay,
|
|
18
|
+
Content: AlertDialogContent,
|
|
19
|
+
Title: AlertDialogTitle,
|
|
20
|
+
Description: AlertDialogDescription,
|
|
21
|
+
Footer: AlertDialogFooter,
|
|
22
|
+
Action: AlertDialogAction,
|
|
23
|
+
Cancel: AlertDialogCancel
|
|
24
|
+
};
|
|
25
|
+
export * from "./types.js";
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["AlertDialogAction","AlertDialogCancel","AlertDialogContent","AlertDialogDescription","AlertDialogFooter","AlertDialogOverlay","AlertDialogPortal","AlertDialogRoot","AlertDialogTitle","AlertDialogTrigger","AlertDialogPrimitive","Root","Trigger","Portal","Overlay","Content","Title","Description","Footer","Action","Cancel"],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAC3B,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAC3B,SAASC,iBAAiB;AAC1B,SAASC,eAAe;AACxB,SAASC,gBAAgB;AACzB,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,IAAI,EAAEJ,eAAe;EACrBK,OAAO,EAAEH,kBAAkB;EAC3BI,MAAM,EAAEP,iBAAiB;EACzBQ,OAAO,EAAET,kBAAkB;EAC3BU,OAAO,EAAEb,kBAAkB;EAC3Bc,KAAK,EAAER,gBAAgB;EACvBS,WAAW,EAAEd,sBAAsB;EACnCe,MAAM,EAAEd,iBAAiB;EACzBe,MAAM,EAAEnB,iBAAiB;EACzBoB,MAAM,EAAEnB;AACV,CAAC;AAWD","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/alert-dialog/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useRelativePosition } from "../../hooks/use-relative-position.js";
|
|
4
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
5
|
+
import React from "react";
|
|
6
|
+
import { ScrollView } from "react-native";
|
|
7
|
+
import { useAutocomplete } from "./context.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export function AutocompleteContent(props) {
|
|
10
|
+
const autocomplete = useAutocomplete();
|
|
11
|
+
const composedStyles = calculateComposedStyles(autocomplete.styles, autocomplete.state, "content", props.style);
|
|
12
|
+
const positionStyle = useRelativePosition({
|
|
13
|
+
align: "start",
|
|
14
|
+
avoidCollisions: true,
|
|
15
|
+
triggerPosition: autocomplete.inputPosition,
|
|
16
|
+
contentLayout: autocomplete.contentLayout,
|
|
17
|
+
alignOffset: 0,
|
|
18
|
+
side: "bottom",
|
|
19
|
+
sideOffset: 0
|
|
20
|
+
});
|
|
21
|
+
return /*#__PURE__*/_jsx(ScrollView, {
|
|
22
|
+
style: [positionStyle, composedStyles, {
|
|
23
|
+
width: autocomplete.inputPosition.width
|
|
24
|
+
}],
|
|
25
|
+
onLayout: e => {
|
|
26
|
+
autocomplete.setContentLayout(e.nativeEvent.layout);
|
|
27
|
+
},
|
|
28
|
+
pointerEvents: "box-none",
|
|
29
|
+
keyboardShouldPersistTaps: "handled",
|
|
30
|
+
children: props.children
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=autocomplete-content.js.map
|
|
@@ -0,0 +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","width","onLayout","e","setContentLayout","nativeEvent","layout","pointerEvents","keyboardShouldPersistTaps","children"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-content.tsx"],"mappings":";;AAAA,SAASA,mBAAmB;AAC5B,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;EAE/G,MAAMC,aAAa,GAAGd,mBAAmB,CAAC;IACxCe,KAAK,EAAE,OAAO;IACdC,eAAe,EAAE,IAAI;IACrBC,eAAe,EAAER,YAAY,CAACS,aAAa;IAC3CC,aAAa,EAAEV,YAAY,CAACU,aAAa;IACzCC,WAAW,EAAE,CAAC;IACdC,IAAI,EAAE,QAAQ;IACdC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,oBACEhB,IAAA,CAACH,UAAU;IACTU,KAAK,EAAE,CAACC,aAAa,EAAEJ,cAAc,EAAE;MAAEa,KAAK,EAAEd,YAAY,CAACS,aAAa,CAACK;IAAM,CAAC,CAAE;IACpFC,QAAQ,EAAGC,CAAC,IAAK;MACfhB,YAAY,CAACiB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IACrD,CAAE;IACFC,aAAa,EAAC,UAAU;IACxBC,yBAAyB,EAAC,SAAS;IAAAC,QAAA,EAElCvB,KAAK,CAACuB;EAAQ,CACL,CAAC;AAEjB","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Text } from "react-native";
|
|
6
|
+
import { useAutocomplete } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function AutocompleteEmpty(props) {
|
|
9
|
+
const autocomplete = useAutocomplete();
|
|
10
|
+
const composedStyles = calculateComposedStyles(autocomplete.styles, autocomplete.state, "empty", props.style);
|
|
11
|
+
const Component = props.render ?? Text;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
style: composedStyles,
|
|
14
|
+
children: props.children
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=autocomplete-empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["calculateComposedStyles","React","Text","useAutocomplete","jsx","_jsx","AutocompleteEmpty","props","autocomplete","composedStyles","styles","state","style","Component","render","children"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-empty.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,eAAe;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAQ5C,OAAO,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EAEtC,MAAMM,cAAc,GAAGT,uBAAuB,CAACQ,YAAY,CAACE,MAAM,EAAEF,YAAY,CAACG,KAAK,EAAE,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE7G,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBAAOG,IAAA,CAACQ,SAAS;IAACD,KAAK,EAAEH,cAAe;IAAAM,QAAA,EAAER,KAAK,CAACQ;EAAQ,CAAY,CAAC;AACvE","ignoreList":[]}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { measureLayoutPosition } from "../../utils/normalize-layout.js";
|
|
4
|
+
import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
|
|
5
|
+
import { StyleSheet, TextInput } from "react-native";
|
|
6
|
+
import { useFieldOptional } from "../field/context.js";
|
|
7
|
+
import { useAutocomplete } from "./context.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export const AutocompleteInput = /*#__PURE__*/forwardRef((props, ref) => {
|
|
10
|
+
const autocomplete = useAutocomplete();
|
|
11
|
+
const field = useFieldOptional();
|
|
12
|
+
const inputRef = useRef(null);
|
|
13
|
+
const blurTimeoutRef = useRef(undefined);
|
|
14
|
+
const composedStyles = [autocomplete.styles?.input?.default, autocomplete.styles?.input?.[autocomplete.state], props.style];
|
|
15
|
+
const handleFocus = e => {
|
|
16
|
+
// Clear any pending blur timeout
|
|
17
|
+
if (blurTimeoutRef.current) {
|
|
18
|
+
clearTimeout(blurTimeoutRef.current);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
// Measure layout position and open dropdown
|
|
22
|
+
if (autocomplete.openOnFocus && !autocomplete.isDisabled) {
|
|
23
|
+
measureLayoutPosition(inputRef.current, layout => {
|
|
24
|
+
autocomplete.setInputPosition(layout);
|
|
25
|
+
autocomplete.setIsOpen(true);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
props.onFocus?.(e);
|
|
29
|
+
};
|
|
30
|
+
const handleBlur = e => {
|
|
31
|
+
blurTimeoutRef.current = setTimeout(() => {
|
|
32
|
+
autocomplete.setIsOpen(false);
|
|
33
|
+
}, 150);
|
|
34
|
+
props.onBlur?.(e);
|
|
35
|
+
};
|
|
36
|
+
const handleChangeText = text => {
|
|
37
|
+
autocomplete.setInputValue?.(text);
|
|
38
|
+
|
|
39
|
+
// Open dropdown when typing
|
|
40
|
+
if (!autocomplete.isOpen && text.trim() && autocomplete.openOnFocus) {
|
|
41
|
+
measureLayoutPosition(inputRef.current, layout => {
|
|
42
|
+
autocomplete.setInputPosition(layout);
|
|
43
|
+
autocomplete.setIsOpen(true);
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
props.onChangeText?.(text);
|
|
47
|
+
};
|
|
48
|
+
useImperativeHandle(ref, () => inputRef.current);
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
autocomplete.setBlurInput(() => () => {
|
|
51
|
+
inputRef.current?.blur();
|
|
52
|
+
});
|
|
53
|
+
autocomplete.setInputDisplayValueSetter(() => v => {
|
|
54
|
+
inputRef.current?.setNativeProps({
|
|
55
|
+
text: v
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
}, []);
|
|
59
|
+
return /*#__PURE__*/_jsx(TextInput, {
|
|
60
|
+
...props,
|
|
61
|
+
ref: inputRef,
|
|
62
|
+
id: field?.id,
|
|
63
|
+
value: autocomplete.inputValue,
|
|
64
|
+
placeholder: autocomplete.placeholder,
|
|
65
|
+
onChangeText: handleChangeText,
|
|
66
|
+
onFocus: handleFocus,
|
|
67
|
+
onBlur: handleBlur,
|
|
68
|
+
editable: !autocomplete.isDisabled,
|
|
69
|
+
style: StyleSheet.flatten(composedStyles)
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
AutocompleteInput.displayName = "AutocompleteInput";
|
|
73
|
+
//# sourceMappingURL=autocomplete-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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","handleFocus","e","current","clearTimeout","openOnFocus","isDisabled","layout","setInputPosition","setIsOpen","onFocus","handleBlur","setTimeout","onBlur","handleChangeText","text","setInputValue","isOpen","trim","onChangeText","setBlurInput","blur","setInputDisplayValueSetter","v","setNativeProps","id","value","inputValue","placeholder","editable","flatten","displayName"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
4
|
+
import { useEffect, useState } from "react";
|
|
5
|
+
import { Text } from "react-native";
|
|
6
|
+
import { useAutocomplete } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const calculateState = (autocompleteState, hovered, selected) => {
|
|
9
|
+
if (autocompleteState === "disabled") {
|
|
10
|
+
return "disabled";
|
|
11
|
+
}
|
|
12
|
+
if (selected) {
|
|
13
|
+
return "selected";
|
|
14
|
+
}
|
|
15
|
+
if (hovered) {
|
|
16
|
+
return "hovered";
|
|
17
|
+
}
|
|
18
|
+
return "default";
|
|
19
|
+
};
|
|
20
|
+
export function AutocompleteOption(props) {
|
|
21
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
22
|
+
const autocomplete = useAutocomplete();
|
|
23
|
+
const isSelected = autocomplete.value === props.value;
|
|
24
|
+
const optionState = calculateState(autocomplete.state, isHovered, isSelected);
|
|
25
|
+
const composedStyles = calculateComposedStyles(autocomplete.styles, optionState, "option", props.style);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
autocomplete.setOptions(prev => {
|
|
28
|
+
if (prev.find(option => option.value === props.value)) {
|
|
29
|
+
return prev;
|
|
30
|
+
}
|
|
31
|
+
return [...prev, {
|
|
32
|
+
value: props.value,
|
|
33
|
+
label: props.children
|
|
34
|
+
}];
|
|
35
|
+
});
|
|
36
|
+
}, [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
|
+
const Component = props.render ?? Text;
|
|
45
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
46
|
+
value: props.value,
|
|
47
|
+
onPress: handlePress,
|
|
48
|
+
onMouseEnter: () => setIsHovered(true),
|
|
49
|
+
onMouseLeave: () => setIsHovered(false),
|
|
50
|
+
style: composedStyles,
|
|
51
|
+
children: props.children
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=autocomplete-option.js.map
|
|
@@ -0,0 +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","setOptions","prev","find","option","label","children","handlePress","onChange","setInputValue","setInputDisplayValue","setIsOpen","blurInput","Component","render","onPress","onMouseEnter","onMouseLeave"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-option.tsx"],"mappings":";;AAAA,SAASA,uBAAuB;AAChC,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,GAAGpB,uBAAuB,CAACe,YAAY,CAACM,MAAM,EAAEH,WAAW,EAAE,QAAQ,EAAEN,KAAK,CAACU,KAAK,CAAC;EAEvGrB,SAAS,CAAC,MAAM;IACdc,YAAY,CAACQ,UAAU,CAAEC,IAAI,IAAK;MAChC,IAAIA,IAAI,CAACC,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACT,KAAK,KAAKL,KAAK,CAACK,KAAK,CAAC,EAAE;QACvD,OAAOO,IAAI;MACb;MACA,OAAO,CAAC,GAAGA,IAAI,EAAE;QAAEP,KAAK,EAAEL,KAAK,CAACK,KAAK;QAAEU,KAAK,EAAEf,KAAK,CAACgB;MAAS,CAAC,CAAC;IACjE,CAAC,CAAC;EACJ,CAAC,EAAE,CAAChB,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACgB,QAAQ,CAAC,CAAC;EAEjC,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBd,YAAY,CAACe,QAAQ,GAAGlB,KAAK,CAACK,KAAK,CAAC;IACpCF,YAAY,CAACgB,aAAa,GAAG,EAAE,CAAC;IAChChB,YAAY,CAACiB,oBAAoB,CAACpB,KAAK,CAACgB,QAAQ,CAAC;IACjDb,YAAY,CAACkB,SAAS,CAAC,KAAK,CAAC;IAC7BlB,YAAY,CAACmB,SAAS,CAAC,CAAC;EAC1B,CAAC;EAED,MAAMC,SAAS,GAAGvB,KAAK,CAACwB,MAAM,IAAIjC,IAAI;EACtC,oBACEG,IAAA,CAAC6B,SAAS;IACRlB,KAAK,EAAEL,KAAK,CAACK,KAAM;IACnBoB,OAAO,EAAER,WAAY;IACrBS,YAAY,EAAEA,CAAA,KAAMxB,YAAY,CAAC,IAAI,CAAE;IACvCyB,YAAY,EAAEA,CAAA,KAAMzB,YAAY,CAAC,KAAK,CAAE;IACxCQ,KAAK,EAAEF,cAAe;IAAAQ,QAAA,EAErBhB,KAAK,CAACgB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
6
|
+
import { useAutocomplete } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function AutocompleteOverlay(props) {
|
|
9
|
+
const autocomplete = useAutocomplete();
|
|
10
|
+
const composedStyles = calculateComposedStyles(autocomplete.styles, autocomplete.state, "overlay", props.style);
|
|
11
|
+
const Component = props.render ?? Pressable;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
onPress: () => {
|
|
14
|
+
autocomplete.setIsOpen(false);
|
|
15
|
+
},
|
|
16
|
+
style: [StyleSheet.absoluteFill, composedStyles],
|
|
17
|
+
children: props.children
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=autocomplete-overlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["calculateComposedStyles","React","Pressable","StyleSheet","useAutocomplete","jsx","_jsx","AutocompleteOverlay","props","autocomplete","composedStyles","styles","state","style","Component","render","onPress","setIsOpen","absoluteFill","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;AAS5C,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,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,SAAS;EAC3C,oBACEI,IAAA,CAACQ,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbP,YAAY,CAACQ,SAAS,CAAC,KAAK,CAAC;IAC/B,CAAE;IACFJ,KAAK,EAAE,CAACV,UAAU,CAACe,YAAY,EAAER,cAAc,CAAE;IAAAS,QAAA,EAEhDX,KAAK,CAACW;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useEffect } from "react";
|
|
4
|
+
import { Portal } from "../portal/index.js";
|
|
5
|
+
import { useAutocomplete, AutocompleteContext } from "./context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function AutocompletePortal(props) {
|
|
8
|
+
const autocomplete = useAutocomplete();
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
return () => {
|
|
11
|
+
autocomplete.setOptions([]);
|
|
12
|
+
};
|
|
13
|
+
}, []);
|
|
14
|
+
if (!autocomplete.isOpen) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
return /*#__PURE__*/_jsx(Portal, {
|
|
18
|
+
name: "autocomplete-portal",
|
|
19
|
+
children: /*#__PURE__*/_jsx(AutocompleteContext.Provider, {
|
|
20
|
+
value: autocomplete,
|
|
21
|
+
children: props.children
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=autocomplete-portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","Portal","useAutocomplete","AutocompleteContext","jsx","_jsx","AutocompletePortal","props","autocomplete","setOptions","isOpen","name","children","Provider","value"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-portal.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,MAAM;AACf,SAASC,eAAe,EAAEC,mBAAmB;AAAoB,SAAAC,GAAA,IAAAC,IAAA;AAMjE,OAAO,SAASC,kBAAkBA,CAACC,KAA8B,EAAE;EACjE,MAAMC,YAAY,GAAGN,eAAe,CAAC,CAAC;EAEtCF,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXQ,YAAY,CAACC,UAAU,CAAC,EAAE,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACD,YAAY,CAACE,MAAM,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,oBACEL,IAAA,CAACJ,MAAM;IAACU,IAAI,EAAC,qBAAqB;IAAAC,QAAA,eAChCP,IAAA,CAACF,mBAAmB,CAACU,QAAQ;MAACC,KAAK,EAAEN,YAAa;MAAAI,QAAA,EAAEL,KAAK,CAACK;IAAQ,CAA+B;EAAC,CAC5F,CAAC;AAEb","ignoreList":[]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../hooks/index.js";
|
|
4
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
5
|
+
import React, { useEffect, useMemo, useState } from "react";
|
|
6
|
+
import { View } from "react-native";
|
|
7
|
+
import { AutocompleteContext } from "./context.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
const calculateState = (props, isFocused) => {
|
|
10
|
+
if (props.isDisabled) {
|
|
11
|
+
return "disabled";
|
|
12
|
+
}
|
|
13
|
+
if (isFocused) {
|
|
14
|
+
return "focused";
|
|
15
|
+
}
|
|
16
|
+
return "default";
|
|
17
|
+
};
|
|
18
|
+
export function AutocompleteRoot(props) {
|
|
19
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
20
|
+
const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
|
|
21
|
+
const [inputPosition, setInputPosition] = useState(DEFAULT_POSITION);
|
|
22
|
+
const [options, setOptions] = useState([]);
|
|
23
|
+
const [blurInput, setBlurInput] = useState(() => () => {});
|
|
24
|
+
const [setInputDisplayValue, setInputDisplayValueSetter] = useState(() => () => {});
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
if (props.value) {
|
|
27
|
+
const selectedOption = options.find(opt => opt.value === props.value);
|
|
28
|
+
if (selectedOption) {
|
|
29
|
+
props.setInputValue?.(selectedOption.label);
|
|
30
|
+
}
|
|
31
|
+
} else {
|
|
32
|
+
props.setInputValue?.("");
|
|
33
|
+
}
|
|
34
|
+
}, [props.value, options]);
|
|
35
|
+
const state = calculateState(props, isOpen);
|
|
36
|
+
const composedStyles = calculateComposedStyles(props.styles, state, "root", props.style);
|
|
37
|
+
const contextValue = useMemo(() => ({
|
|
38
|
+
value: props.value,
|
|
39
|
+
onChange: props.onChange,
|
|
40
|
+
placeholder: props.placeholder,
|
|
41
|
+
inputValue: props.inputValue,
|
|
42
|
+
setInputValue: props.setInputValue,
|
|
43
|
+
isOpen,
|
|
44
|
+
setIsOpen,
|
|
45
|
+
inputPosition,
|
|
46
|
+
setInputPosition,
|
|
47
|
+
contentLayout,
|
|
48
|
+
setContentLayout,
|
|
49
|
+
options,
|
|
50
|
+
setOptions,
|
|
51
|
+
openOnFocus: props.openOnFocus ?? true,
|
|
52
|
+
blurInput,
|
|
53
|
+
setBlurInput,
|
|
54
|
+
setInputDisplayValue,
|
|
55
|
+
setInputDisplayValueSetter,
|
|
56
|
+
state,
|
|
57
|
+
isDisabled: props.isDisabled ?? false,
|
|
58
|
+
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, blurInput, setInputDisplayValue, state]);
|
|
60
|
+
const Component = props.render ?? View;
|
|
61
|
+
return /*#__PURE__*/_jsx(AutocompleteContext.Provider, {
|
|
62
|
+
value: contextValue,
|
|
63
|
+
children: /*#__PURE__*/_jsx(Component, {
|
|
64
|
+
style: composedStyles,
|
|
65
|
+
children: props.children
|
|
66
|
+
})
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=autocomplete-root.js.map
|
|
@@ -0,0 +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","blurInput","setBlurInput","setInputDisplayValue","setInputDisplayValueSetter","value","selectedOption","find","opt","setInputValue","label","state","composedStyles","styles","style","contextValue","onChange","placeholder","inputValue","openOnFocus","Component","render","Provider","children"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/autocomplete-root.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
export const AutocompleteContext = /*#__PURE__*/createContext(undefined);
|
|
5
|
+
export const useAutocomplete = () => {
|
|
6
|
+
const context = useContext(AutocompleteContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("useAutocomplete must be used within an AutocompleteProvider");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","AutocompleteContext","undefined","useAutocomplete","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/context.ts"],"mappings":";;AACA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AAmChE,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":[]}
|