@korsolutions/ui 0.0.38 → 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/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 +1 -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/primitives/alert-dialog/alert-dialog-trigger.js.map +1 -1
- 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 +1 -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-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/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 +1 -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/primitives/alert-dialog/alert-dialog-trigger.d.ts +1 -147
- package/dist/typescript/src/primitives/alert-dialog/alert-dialog-trigger.d.ts.map +1 -1
- 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 +1 -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/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 +1 -0
- package/src/components/input/numeric-input.tsx +8 -6
- package/src/primitives/alert-dialog/alert-dialog-trigger.tsx +1 -1
- 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 +1 -0
- package/src/primitives/input/input.tsx +3 -6
- 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,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { AutocompletePrimitive } from "../../primitives/index.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { AutocompleteVariants } from "./variants/index.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
export function Autocomplete(props) {
|
|
8
|
+
const {
|
|
9
|
+
options,
|
|
10
|
+
variant = "default",
|
|
11
|
+
emptyMessage = "No results found",
|
|
12
|
+
...rootProps
|
|
13
|
+
} = props;
|
|
14
|
+
const useVariantStyles = AutocompleteVariants[variant];
|
|
15
|
+
const variantStyles = useVariantStyles();
|
|
16
|
+
return /*#__PURE__*/_jsxs(AutocompletePrimitive.Root, {
|
|
17
|
+
...rootProps,
|
|
18
|
+
styles: variantStyles,
|
|
19
|
+
children: [/*#__PURE__*/_jsx(AutocompletePrimitive.Input, {}), /*#__PURE__*/_jsxs(AutocompletePrimitive.Portal, {
|
|
20
|
+
children: [/*#__PURE__*/_jsx(AutocompletePrimitive.Overlay, {}), /*#__PURE__*/_jsxs(AutocompletePrimitive.Content, {
|
|
21
|
+
children: [options.map(option => /*#__PURE__*/_jsx(AutocompletePrimitive.Option, {
|
|
22
|
+
value: option.value,
|
|
23
|
+
children: option.label
|
|
24
|
+
}, option.value)), !options.length && /*#__PURE__*/_jsx(AutocompletePrimitive.Empty, {
|
|
25
|
+
children: emptyMessage
|
|
26
|
+
})]
|
|
27
|
+
})]
|
|
28
|
+
})]
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["AutocompletePrimitive","React","AutocompleteVariants","jsx","_jsx","jsxs","_jsxs","Autocomplete","props","options","variant","emptyMessage","rootProps","useVariantStyles","variantStyles","Root","styles","children","Input","Portal","Overlay","Content","map","option","Option","value","label","length","Empty"],"sourceRoot":"../../../../src","sources":["components/autocomplete/autocomplete.tsx"],"mappings":";;AAAA,SAASA,qBAAqB;AAC9B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUlD,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,OAAO;IAAEC,OAAO,GAAG,SAAS;IAAEC,YAAY,GAAG,kBAAkB;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAC/F,MAAMK,gBAAgB,GAAGX,oBAAoB,CAACQ,OAAO,CAAC;EACtD,MAAMI,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACEP,KAAA,CAACN,qBAAqB,CAACe,IAAI;IAAA,GAAKH,SAAS;IAAEI,MAAM,EAAEF,aAAc;IAAAG,QAAA,gBAC/Db,IAAA,CAACJ,qBAAqB,CAACkB,KAAK,IAAE,CAAC,eAC/BZ,KAAA,CAACN,qBAAqB,CAACmB,MAAM;MAAAF,QAAA,gBAC3Bb,IAAA,CAACJ,qBAAqB,CAACoB,OAAO,IAAE,CAAC,eACjCd,KAAA,CAACN,qBAAqB,CAACqB,OAAO;QAAAJ,QAAA,GAC3BR,OAAO,CAACa,GAAG,CAAEC,MAAM,iBAClBnB,IAAA,CAACJ,qBAAqB,CAACwB,MAAM;UAAoBC,KAAK,EAAEF,MAAM,CAACE,KAAM;UAAAR,QAAA,EAClEM,MAAM,CAACG;QAAK,GADoBH,MAAM,CAACE,KAEZ,CAC/B,CAAC,EACD,CAAChB,OAAO,CAACkB,MAAM,iBAAIvB,IAAA,CAACJ,qBAAqB,CAAC4B,KAAK;UAAAX,QAAA,EAAEN;QAAY,CAA8B,CAAC;MAAA,CAChE,CAAC;IAAA,CACJ,CAAC;EAAA,CACL,CAAC;AAEjC","ignoreList":[]}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
+
export function useAutocompleteVariantDefault() {
|
|
5
|
+
return useThemedStyles(({
|
|
6
|
+
colors,
|
|
7
|
+
radius,
|
|
8
|
+
fontFamily,
|
|
9
|
+
fontSize
|
|
10
|
+
}) => ({
|
|
11
|
+
root: {
|
|
12
|
+
default: {},
|
|
13
|
+
focused: {},
|
|
14
|
+
disabled: {}
|
|
15
|
+
},
|
|
16
|
+
input: {
|
|
17
|
+
default: {
|
|
18
|
+
borderWidth: 1,
|
|
19
|
+
borderColor: colors.border,
|
|
20
|
+
borderRadius: radius,
|
|
21
|
+
paddingVertical: 12,
|
|
22
|
+
paddingHorizontal: 16,
|
|
23
|
+
height: 48,
|
|
24
|
+
fontFamily,
|
|
25
|
+
fontSize,
|
|
26
|
+
color: colors.foreground,
|
|
27
|
+
backgroundColor: colors.background
|
|
28
|
+
},
|
|
29
|
+
focused: {
|
|
30
|
+
borderColor: colors.primary
|
|
31
|
+
},
|
|
32
|
+
disabled: {
|
|
33
|
+
backgroundColor: colors.muted,
|
|
34
|
+
color: colors.mutedForeground
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
overlay: {
|
|
38
|
+
default: {},
|
|
39
|
+
focused: {},
|
|
40
|
+
disabled: {}
|
|
41
|
+
},
|
|
42
|
+
content: {
|
|
43
|
+
default: {
|
|
44
|
+
backgroundColor: colors.surface,
|
|
45
|
+
borderRadius: radius,
|
|
46
|
+
borderWidth: 1,
|
|
47
|
+
borderColor: colors.border,
|
|
48
|
+
padding: 4,
|
|
49
|
+
gap: 4,
|
|
50
|
+
maxHeight: 300
|
|
51
|
+
},
|
|
52
|
+
focused: {},
|
|
53
|
+
disabled: {}
|
|
54
|
+
},
|
|
55
|
+
option: {
|
|
56
|
+
default: {
|
|
57
|
+
paddingVertical: 12,
|
|
58
|
+
paddingHorizontal: 16,
|
|
59
|
+
fontFamily,
|
|
60
|
+
fontSize,
|
|
61
|
+
color: colors.foreground,
|
|
62
|
+
borderRadius: radius / 2
|
|
63
|
+
},
|
|
64
|
+
disabled: {
|
|
65
|
+
color: colors.mutedForeground
|
|
66
|
+
},
|
|
67
|
+
selected: {
|
|
68
|
+
backgroundColor: colors.muted
|
|
69
|
+
},
|
|
70
|
+
hovered: {
|
|
71
|
+
backgroundColor: colors.muted
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
empty: {
|
|
75
|
+
default: {
|
|
76
|
+
paddingVertical: 12,
|
|
77
|
+
paddingHorizontal: 16,
|
|
78
|
+
fontFamily,
|
|
79
|
+
fontSize,
|
|
80
|
+
color: colors.mutedForeground,
|
|
81
|
+
textAlign: "center"
|
|
82
|
+
},
|
|
83
|
+
focused: {},
|
|
84
|
+
disabled: {}
|
|
85
|
+
}
|
|
86
|
+
}));
|
|
87
|
+
}
|
|
88
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useAutocompleteVariantDefault","colors","radius","fontFamily","fontSize","root","default","focused","disabled","input","borderWidth","borderColor","border","borderRadius","paddingVertical","paddingHorizontal","height","color","foreground","backgroundColor","background","primary","muted","mutedForeground","overlay","content","surface","padding","gap","maxHeight","option","selected","hovered","empty","textAlign"],"sourceRoot":"../../../../../src","sources":["components/autocomplete/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,SAASC,6BAA6BA,CAAA,EAAuB;EAClE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAA0B;IACjEC,IAAI,EAAE;MACJC,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDC,KAAK,EAAE;MACLH,OAAO,EAAE;QACPI,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1BC,YAAY,EAAEX,MAAM;QACpBY,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBC,MAAM,EAAE,EAAE;QACVb,UAAU;QACVC,QAAQ;QACRa,KAAK,EAAEhB,MAAM,CAACiB,UAAU;QACxBC,eAAe,EAAElB,MAAM,CAACmB;MAC1B,CAAC;MACDb,OAAO,EAAE;QACPI,WAAW,EAAEV,MAAM,CAACoB;MACtB,CAAC;MACDb,QAAQ,EAAE;QACRW,eAAe,EAAElB,MAAM,CAACqB,KAAK;QAC7BL,KAAK,EAAEhB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPlB,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDiB,OAAO,EAAE;MACPnB,OAAO,EAAE;QACPa,eAAe,EAAElB,MAAM,CAACyB,OAAO;QAC/Bb,YAAY,EAAEX,MAAM;QACpBQ,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1Be,OAAO,EAAE,CAAC;QACVC,GAAG,EAAE,CAAC;QACNC,SAAS,EAAE;MACb,CAAC;MACDtB,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb,CAAC;IACDsB,MAAM,EAAE;MACNxB,OAAO,EAAE;QACPQ,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBZ,UAAU;QACVC,QAAQ;QACRa,KAAK,EAAEhB,MAAM,CAACiB,UAAU;QACxBL,YAAY,EAAEX,MAAM,GAAG;MACzB,CAAC;MACDM,QAAQ,EAAE;QACRS,KAAK,EAAEhB,MAAM,CAACsB;MAChB,CAAC;MACDQ,QAAQ,EAAE;QACRZ,eAAe,EAAElB,MAAM,CAACqB;MAC1B,CAAC;MACDU,OAAO,EAAE;QACPb,eAAe,EAAElB,MAAM,CAACqB;MAC1B;IACF,CAAC;IACDW,KAAK,EAAE;MACL3B,OAAO,EAAE;QACPQ,eAAe,EAAE,EAAE;QACnBC,iBAAiB,EAAE,EAAE;QACrBZ,UAAU;QACVC,QAAQ;QACRa,KAAK,EAAEhB,MAAM,CAACsB,eAAe;QAC7BW,SAAS,EAAE;MACb,CAAC;MACD3B,OAAO,EAAE,CAAC,CAAC;MACXC,QAAQ,EAAE,CAAC;IACb;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useAutocompleteVariantDefault","AutocompleteVariants","default"],"sourceRoot":"../../../../../src","sources":["components/autocomplete/variants/index.ts"],"mappings":";;AAAA,SAASA,6BAA6B;AAEtC,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ export * from "./card/card.js";
|
|
|
5
5
|
export * from "./input/index.js";
|
|
6
6
|
export * from "./field/field.js";
|
|
7
7
|
export * from "./select/select.js";
|
|
8
|
+
export * from "./autocomplete/autocomplete.js";
|
|
8
9
|
export * from "./typography/typography.js";
|
|
9
10
|
export * from "./link/link.js";
|
|
10
11
|
export * from "./empty/empty.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useNumericMask } from "../../hooks/use-numeric-mask.js";
|
|
4
|
+
import { InputPrimitive } from "../../primitives/index.js";
|
|
4
5
|
import React, { useEffect } from "react";
|
|
5
|
-
import {
|
|
6
|
+
import { InputVariants } from "./variants/index.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
export function NumericInput({
|
|
8
9
|
value,
|
|
@@ -29,8 +30,6 @@ export function NumericInput({
|
|
|
29
30
|
allowNegative,
|
|
30
31
|
onChange
|
|
31
32
|
});
|
|
32
|
-
|
|
33
|
-
// Sync external value changes with internal state
|
|
34
33
|
useEffect(() => {
|
|
35
34
|
if (value !== numericMask.numericValue) {
|
|
36
35
|
numericMask.setValue(value ?? null);
|
|
@@ -44,14 +43,16 @@ export function NumericInput({
|
|
|
44
43
|
numericMask.onFocus();
|
|
45
44
|
onFocus?.(e);
|
|
46
45
|
};
|
|
47
|
-
|
|
46
|
+
const useVariantStyles = InputVariants[variant];
|
|
47
|
+
const variantStyles = useVariantStyles();
|
|
48
|
+
return /*#__PURE__*/_jsx(InputPrimitive, {
|
|
48
49
|
...props,
|
|
49
|
-
variant: variant,
|
|
50
50
|
value: numericMask.value,
|
|
51
51
|
onChange: numericMask.onChangeText,
|
|
52
52
|
onBlur: handleBlur,
|
|
53
53
|
onFocus: handleFocus,
|
|
54
|
-
keyboardType: numericMask.keyboardType
|
|
54
|
+
keyboardType: numericMask.keyboardType,
|
|
55
|
+
styles: variantStyles
|
|
55
56
|
});
|
|
56
57
|
}
|
|
57
58
|
//# sourceMappingURL=numeric-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useNumericMask","React","useEffect","
|
|
1
|
+
{"version":3,"names":["useNumericMask","InputPrimitive","React","useEffect","InputVariants","jsx","_jsx","NumericInput","value","onChange","format","locale","currency","precision","min","max","allowNegative","variant","onBlur","onFocus","props","numericMask","numericValue","setValue","handleBlur","e","handleFocus","useVariantStyles","variantStyles","onChangeText","keyboardType","styles"],"sourceRoot":"../../../../src","sources":["components/input/numeric-input.tsx"],"mappings":";;AAAA,SAASA,cAAc;AACvB,SAASC,cAAc;AACvB,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,aAAa;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAe3C,OAAO,SAASC,YAAYA,CAAC;EAC3BC,KAAK;EACLC,QAAQ;EACRC,MAAM,GAAG,SAAS;EAClBC,MAAM,GAAG,OAAO;EAChBC,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAG,CAAC;EACbC,GAAG;EACHC,GAAG;EACHC,aAAa,GAAG,IAAI;EACpBC,OAAO,GAAG,SAAS;EACnBC,MAAM;EACNC,OAAO;EACP,GAAGC;AACc,CAAC,EAAE;EACpB,MAAMC,WAAW,GAAGrB,cAAc,CAAC;IACjCU,MAAM;IACNC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,GAAG;IACHC,GAAG;IACHC,aAAa;IACbP;EACF,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACd,IAAIK,KAAK,KAAKa,WAAW,CAACC,YAAY,EAAE;MACtCD,WAAW,CAACE,QAAQ,CAACf,KAAK,IAAI,IAAI,CAAC;IACrC;EACF,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMgB,UAAU,GAAIC,CAAM,IAAK;IAC7BJ,WAAW,CAACH,MAAM,CAAC,CAAC;IACpBA,MAAM,GAAGO,CAAC,CAAC;EACb,CAAC;EAED,MAAMC,WAAW,GAAID,CAAM,IAAK;IAC9BJ,WAAW,CAACF,OAAO,CAAC,CAAC;IACrBA,OAAO,GAAGM,CAAC,CAAC;EACd,CAAC;EAED,MAAME,gBAAgB,GAAGvB,aAAa,CAACa,OAAO,CAAC;EAC/C,MAAMW,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACErB,IAAA,CAACL,cAAc;IAAA,GACTmB,KAAK;IACTZ,KAAK,EAAEa,WAAW,CAACb,KAAM;IACzBC,QAAQ,EAAEY,WAAW,CAACQ,YAAa;IACnCX,MAAM,EAAEM,UAAW;IACnBL,OAAO,EAAEO,WAAY;IACrBI,YAAY,EAAET,WAAW,CAACS,YAAa;IACvCC,MAAM,EAAEH;EAAc,CACvB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -1 +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,
|
|
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,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":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { useAutocomplete } from "./context.js";
|
|
4
|
+
import { AutocompleteContent } from "./autocomplete-content.js";
|
|
5
|
+
import { AutocompleteEmpty } from "./autocomplete-empty.js";
|
|
6
|
+
import { AutocompleteInput } from "./autocomplete-input.js";
|
|
7
|
+
import { AutocompleteOption } from "./autocomplete-option.js";
|
|
8
|
+
import { AutocompleteOverlay } from "./autocomplete-overlay.js";
|
|
9
|
+
import { AutocompletePortal } from "./autocomplete-portal.js";
|
|
10
|
+
import { AutocompleteRoot } from "./autocomplete-root.js";
|
|
11
|
+
export const AutocompletePrimitive = {
|
|
12
|
+
Root: AutocompleteRoot,
|
|
13
|
+
Input: AutocompleteInput,
|
|
14
|
+
Portal: AutocompletePortal,
|
|
15
|
+
Overlay: AutocompleteOverlay,
|
|
16
|
+
Content: AutocompleteContent,
|
|
17
|
+
Option: AutocompleteOption,
|
|
18
|
+
Empty: AutocompleteEmpty
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useAutocomplete","AutocompleteContent","AutocompleteEmpty","AutocompleteInput","AutocompleteOption","AutocompleteOverlay","AutocompletePortal","AutocompleteRoot","AutocompletePrimitive","Root","Input","Portal","Overlay","Content","Option","Empty"],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/index.ts"],"mappings":";;AAOA,SAASA,eAAe;AAGxB,SAASC,mBAAmB;AAC5B,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAC3B,SAASC,mBAAmB;AAC5B,SAASC,kBAAkB;AAC3B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,qBAAqB,GAAG;EACnCC,IAAI,EAAEF,gBAAgB;EACtBG,KAAK,EAAEP,iBAAiB;EACxBQ,MAAM,EAAEL,kBAAkB;EAC1BM,OAAO,EAAEP,mBAAmB;EAC5BQ,OAAO,EAAEZ,mBAAmB;EAC5Ba,MAAM,EAAEV,kBAAkB;EAC1BW,KAAK,EAAEb;AACT,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/autocomplete/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
5
|
import { useDropdownMenu } from "./context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export function DropdownMenuDivider(props) {
|
|
8
8
|
const menu = useDropdownMenu();
|
|
9
|
-
const composedStyle = [menu.styles?.divider, props.style];
|
|
9
|
+
const composedStyle = StyleSheet.flatten([menu.styles?.divider, props.style]);
|
|
10
10
|
const Component = props.render ?? View;
|
|
11
11
|
return /*#__PURE__*/_jsx(Component, {
|
|
12
12
|
...props,
|