@korsolutions/ui 0.0.90 → 0.0.92
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/avatar/components/avatar-image.js.map +1 -1
- package/dist/module/components/badge/badge.js +1 -6
- package/dist/module/components/badge/badge.js.map +1 -1
- package/dist/module/components/badge/variants/default.js +3 -2
- package/dist/module/components/badge/variants/default.js.map +1 -1
- package/dist/module/components/badge/variants/secondary.js +2 -1
- package/dist/module/components/badge/variants/secondary.js.map +1 -1
- package/dist/module/components/card/card-title.js +2 -3
- package/dist/module/components/card/card-title.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-list.js +24 -0
- package/dist/module/components/combobox/components/combobox-list.js.map +1 -0
- package/dist/module/components/combobox/components/combobox-option.js +17 -25
- package/dist/module/components/combobox/components/combobox-option.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-overlay.js +0 -1
- package/dist/module/components/combobox/components/combobox-overlay.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-root.js +62 -11
- package/dist/module/components/combobox/components/combobox-root.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-trigger.js +32 -18
- package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -1
- package/dist/module/components/combobox/context.js.map +1 -1
- package/dist/module/components/combobox/index.js +2 -0
- package/dist/module/components/combobox/index.js.map +1 -1
- package/dist/module/components/link/link.js +16 -6
- package/dist/module/components/link/link.js.map +1 -1
- package/dist/module/components/menu/components/menu-selection-indicator.js +4 -3
- package/dist/module/components/menu/components/menu-selection-indicator.js.map +1 -1
- package/dist/module/components/phone-input/components/phone-input.js +16 -7
- package/dist/module/components/phone-input/components/phone-input.js.map +1 -1
- package/dist/module/components/portal/portal.js.map +1 -1
- package/dist/module/components/select/components/select-option.js +13 -16
- package/dist/module/components/select/components/select-option.js.map +1 -1
- package/dist/module/components/select/components/select-trigger.js +3 -1
- package/dist/module/components/select/components/select-trigger.js.map +1 -1
- package/dist/module/components/select/variants/default.js +6 -3
- package/dist/module/components/select/variants/default.js.map +1 -1
- package/dist/module/hooks/use-relative-position.js.map +1 -1
- package/dist/module/utils/normalize-layout.js.map +1 -1
- package/dist/typescript/src/components/avatar/components/avatar-image.d.ts +2 -2
- package/dist/typescript/src/components/avatar/components/avatar-image.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/badge.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/variants/secondary.d.ts.map +1 -1
- package/dist/typescript/src/components/card/card-title.d.ts +2 -2
- package/dist/typescript/src/components/card/card-title.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-list.d.ts +12 -0
- package/dist/typescript/src/components/combobox/components/combobox-list.d.ts.map +1 -0
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts +5 -5
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts +26 -6
- package/dist/typescript/src/components/combobox/components/combobox-root.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts +13 -4
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/context.d.ts +6 -2
- package/dist/typescript/src/components/combobox/context.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/index.d.ts +3 -0
- package/dist/typescript/src/components/combobox/index.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/types.d.ts +2 -3
- package/dist/typescript/src/components/combobox/types.d.ts.map +1 -1
- package/dist/typescript/src/components/input/input.d.ts +1 -1
- package/dist/typescript/src/components/input/input.d.ts.map +1 -1
- package/dist/typescript/src/components/link/link.d.ts +9 -3
- package/dist/typescript/src/components/link/link.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-selection-indicator.d.ts.map +1 -1
- package/dist/typescript/src/components/phone-input/components/phone-input.d.ts +4 -6
- package/dist/typescript/src/components/phone-input/components/phone-input.d.ts.map +1 -1
- package/dist/typescript/src/components/phone-input/index.d.ts +1 -2
- package/dist/typescript/src/components/phone-input/index.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-option.d.ts +4 -1
- package/dist/typescript/src/components/select/components/select-option.d.ts.map +1 -1
- package/dist/typescript/src/components/select/components/select-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/select/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/hooks/use-relative-position.d.ts +2 -2
- package/dist/typescript/src/hooks/use-relative-position.d.ts.map +1 -1
- package/dist/typescript/src/themes/types.d.ts +4 -0
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/dist/typescript/src/types/element.types.d.ts +3 -10
- package/dist/typescript/src/types/element.types.d.ts.map +1 -1
- package/dist/typescript/src/types/props.types.d.ts +1 -1
- package/dist/typescript/src/types/props.types.d.ts.map +1 -1
- package/dist/typescript/src/utils/normalize-layout.d.ts +3 -2
- package/dist/typescript/src/utils/normalize-layout.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/avatar/components/avatar-image.tsx +2 -2
- package/src/components/badge/badge.tsx +1 -3
- package/src/components/badge/variants/default.tsx +2 -1
- package/src/components/badge/variants/secondary.tsx +1 -0
- package/src/components/card/card-title.tsx +7 -4
- package/src/components/combobox/components/combobox-list.tsx +32 -0
- package/src/components/combobox/components/combobox-option.tsx +25 -36
- package/src/components/combobox/components/combobox-overlay.tsx +0 -1
- package/src/components/combobox/components/combobox-root.tsx +110 -23
- package/src/components/combobox/components/combobox-trigger.tsx +44 -21
- package/src/components/combobox/context.ts +7 -2
- package/src/components/combobox/index.ts +3 -0
- package/src/components/combobox/types.ts +2 -3
- package/src/components/link/link.tsx +24 -8
- package/src/components/menu/components/menu-selection-indicator.tsx +5 -4
- package/src/components/phone-input/components/phone-input.tsx +33 -23
- package/src/components/portal/portal.tsx +2 -2
- package/src/components/select/components/select-option.tsx +23 -19
- package/src/components/select/components/select-trigger.tsx +11 -6
- package/src/components/select/variants/default.tsx +4 -0
- package/src/hooks/use-relative-position.ts +4 -4
- package/src/themes/types.ts +4 -0
- package/src/types/element.types.ts +3 -10
- package/src/types/props.types.ts +1 -1
- package/src/utils/normalize-layout.ts +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","useAvatar","jsx","_jsx","AvatarImage","props","avatar","composedStyles","styles","image","style","onLoad","setImageLoaded","onError"],"sourceRoot":"../../../../../src","sources":["components/avatar/components/avatar-image.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,
|
|
1
|
+
{"version":3,"names":["React","Image","useAvatar","jsx","_jsx","AvatarImage","props","avatar","composedStyles","styles","image","style","onLoad","setImageLoaded","onError"],"sourceRoot":"../../../../../src","sources":["components/avatar/components/avatar-image.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAA0D,cAAc;AACtF,SAASC,SAAS,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,MAAM,GAAGL,SAAS,CAAC,CAAC;EAC1B,MAAMM,cAAc,GAAG,CAACD,MAAM,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE1D,oBACEP,IAAA,CAACH,KAAK;IAAA,GACAK,KAAK;IACTK,KAAK,EAAEH,cAAe;IACtBI,MAAM,EAAEA,CAAA,KAAML,MAAM,CAACM,cAAc,CAAC,IAAI,CAAE;IAC1CC,OAAO,EAAEA,CAAA,KAAMP,MAAM,CAACM,cAAc,CAAC,KAAK;EAAE,CAC7C,CAAC;AAEN","ignoreList":[]}
|
|
@@ -16,12 +16,7 @@ export function Badge(props) {
|
|
|
16
16
|
} : undefined;
|
|
17
17
|
const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
|
|
18
18
|
const composedStyle = StyleSheet.flatten([mergedStyles.root, props.style]);
|
|
19
|
-
const
|
|
20
|
-
const iconStyle = {
|
|
21
|
-
...mergedStyles.icon,
|
|
22
|
-
...props.style
|
|
23
|
-
};
|
|
24
|
-
const organizedChildren = useOrganizedChildren(props.children, textStyle, iconStyle);
|
|
19
|
+
const organizedChildren = useOrganizedChildren(props.children, mergedStyles.text, mergedStyles.icon);
|
|
25
20
|
const Component = props.render ?? View;
|
|
26
21
|
return /*#__PURE__*/_jsx(BadgeContext.Provider, {
|
|
27
22
|
value: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","useOrganizedChildren","useComponentConfig","mergeStyles","BadgeContext","BadgeVariants","jsx","_jsx","Badge","props","variantStyles","variant","componentConfig","customStyle","color","backgroundColor","undefined","mergedStyles","styles","composedStyle","flatten","root","style","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useOrganizedChildren","useComponentConfig","mergeStyles","BadgeContext","BadgeVariants","jsx","_jsx","Badge","props","variantStyles","variant","componentConfig","customStyle","color","backgroundColor","undefined","mergedStyles","styles","composedStyle","flatten","root","style","organizedChildren","children","text","icon","Component","render","Provider","value"],"sourceRoot":"../../../../src","sources":["components/badge/badge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/E,SAASC,oBAAoB,QAAQ,uCAAoC;AACzE,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,WAAW,QAAQ,iCAA8B;AAC1D,SAASC,YAAY,QAAQ,cAAW;AACxC,SAASC,aAAa,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY3C,OAAO,SAASC,KAAKA,CAACC,KAAiB,EAAE;EACvC,MAAMC,aAAa,GAAGL,aAAa,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,OAAO,CAAC;EAEnD,MAAMW,WAAW,GAAGJ,KAAK,CAACK,KAAK,GAAG;IAAEC,eAAe,EAAEN,KAAK,CAACK;EAAM,CAAC,GAAGE,SAAS;EAE9E,MAAMC,YAAY,GAAGd,WAAW,CAACO,aAAa,EAAEE,eAAe,EAAEM,MAAM,CAAC;EACxE,MAAMC,aAAa,GAAGpB,UAAU,CAACqB,OAAO,CAAC,CAACH,YAAY,CAACI,IAAI,EAAEZ,KAAK,CAACa,KAAK,CAAC,CAAC;EAE1E,MAAMC,iBAAiB,GAAGtB,oBAAoB,CAACQ,KAAK,CAACe,QAAQ,EAAEP,YAAY,CAACQ,IAAI,EAAER,YAAY,CAACS,IAAI,CAAC;EAEpG,MAAMC,SAAS,GAAGlB,KAAK,CAACmB,MAAM,IAAI5B,IAAI;EACtC,oBACEO,IAAA,CAACH,YAAY,CAACyB,QAAQ;IACpBC,KAAK,EAAE;MACLZ,MAAM,EAAED;IACV,CAAE;IAAAO,QAAA,eAEFjB,IAAA,CAACoB,SAAS;MAAA,GAAKlB,KAAK;MAAEa,KAAK,EAAE,CAACH,aAAa,EAAEN,WAAW,CAAE;MAAAW,QAAA,EACvDD;IAAiB,CACT;EAAC,CACS,CAAC;AAE5B","ignoreList":[]}
|
|
@@ -22,12 +22,13 @@ export const useBadgeVariantDefault = () => {
|
|
|
22
22
|
color: colors.primaryForeground,
|
|
23
23
|
fontSize: fontSize * 0.75,
|
|
24
24
|
lineHeight: Math.round(fontSize * 0.75 * 1.25),
|
|
25
|
-
fontWeight: "
|
|
25
|
+
fontWeight: "500",
|
|
26
26
|
fontFamily
|
|
27
27
|
},
|
|
28
28
|
icon: {
|
|
29
29
|
color: colors.primaryForeground,
|
|
30
|
-
size: fontSize * 0.75
|
|
30
|
+
size: fontSize * 0.75,
|
|
31
|
+
strokeWidth: 3
|
|
31
32
|
}
|
|
32
33
|
}));
|
|
33
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useBadgeVariantDefault","colors","radius","fontFamily","fontSize","root","flexDirection","gap","alignItems","alignSelf","backgroundColor","primary","paddingVertical","paddingHorizontal","borderRadius","text","color","primaryForeground","lineHeight","Math","round","fontWeight","icon","size"],"sourceRoot":"../../../../../src","sources":["components/badge/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE,CAAC;MACNC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,YAAY;MACvBC,eAAe,EAAET,MAAM,CAACU,OAAO;MAC/BC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,YAAY,EAAEZ;IAChB,CAAC;IACDa,IAAI,EAAE;MACJC,KAAK,EAAEf,MAAM,CAACgB,iBAAiB;MAC/Bb,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzBc,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAChB,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;MAC9CiB,UAAU,EAAE,KAAK;MACjBlB;IACF,CAAC;IACDmB,IAAI,EAAE;MACJN,KAAK,EAAEf,MAAM,CAACgB,iBAAiB;MAC/BM,IAAI,EAAEnB,QAAQ,GAAG;
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useBadgeVariantDefault","colors","radius","fontFamily","fontSize","root","flexDirection","gap","alignItems","alignSelf","backgroundColor","primary","paddingVertical","paddingHorizontal","borderRadius","text","color","primaryForeground","lineHeight","Math","round","fontWeight","icon","size","strokeWidth"],"sourceRoot":"../../../../../src","sources":["components/badge/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAmB;EACvD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE,CAAC;MACNC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,YAAY;MACvBC,eAAe,EAAET,MAAM,CAACU,OAAO;MAC/BC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,YAAY,EAAEZ;IAChB,CAAC;IACDa,IAAI,EAAE;MACJC,KAAK,EAAEf,MAAM,CAACgB,iBAAiB;MAC/Bb,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzBc,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAChB,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;MAC9CiB,UAAU,EAAE,KAAK;MACjBlB;IACF,CAAC;IACDmB,IAAI,EAAE;MACJN,KAAK,EAAEf,MAAM,CAACgB,iBAAiB;MAC/BM,IAAI,EAAEnB,QAAQ,GAAG,IAAI;MACrBoB,WAAW,EAAE;IACf;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useBadgeVariantSecondary","colors","radius","fontFamily","fontSize","root","flexDirection","gap","alignItems","alignSelf","backgroundColor","secondary","paddingVertical","paddingHorizontal","borderRadius","text","color","secondaryForeground","lineHeight","Math","round","fontWeight","icon","size"],"sourceRoot":"../../../../../src","sources":["components/badge/variants/secondary.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAmB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE,CAAC;MACNC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,YAAY;MACvBC,eAAe,EAAET,MAAM,CAACU,SAAS;MACjCC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,YAAY,EAAEZ;IAChB,CAAC;IACDa,IAAI,EAAE;MACJC,KAAK,EAAEf,MAAM,CAACgB,mBAAmB;MACjCb,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzBc,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAChB,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;MAC9CiB,UAAU,EAAE,KAAK;MACjBlB;IACF,CAAC;IACDmB,IAAI,EAAE;MACJN,KAAK,EAAEf,MAAM,CAACgB,mBAAmB;MACjCM,IAAI,EAAEnB,QAAQ,GAAG;
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useBadgeVariantSecondary","colors","radius","fontFamily","fontSize","root","flexDirection","gap","alignItems","alignSelf","backgroundColor","secondary","paddingVertical","paddingHorizontal","borderRadius","text","color","secondaryForeground","lineHeight","Math","round","fontWeight","icon","size","strokeWidth"],"sourceRoot":"../../../../../src","sources":["components/badge/variants/secondary.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAmB;EACzD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAmB;IAC1DC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,GAAG,EAAE,CAAC;MACNC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,YAAY;MACvBC,eAAe,EAAET,MAAM,CAACU,SAAS;MACjCC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,YAAY,EAAEZ;IAChB,CAAC;IACDa,IAAI,EAAE;MACJC,KAAK,EAAEf,MAAM,CAACgB,mBAAmB;MACjCb,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzBc,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAChB,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;MAC9CiB,UAAU,EAAE,KAAK;MACjBlB;IACF,CAAC;IACDmB,IAAI,EAAE;MACJN,KAAK,EAAEf,MAAM,CAACgB,mBAAmB;MACjCM,IAAI,EAAEnB,QAAQ,GAAG,IAAI;MACrBoB,WAAW,EAAE;IACf;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
4
3
|
import React from "react";
|
|
5
|
-
import { Text } from "react-native";
|
|
4
|
+
import { StyleSheet, Text } from "react-native";
|
|
6
5
|
import { useCard } from "./context.js";
|
|
7
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
7
|
export function CardTitle(props) {
|
|
9
8
|
const card = useCard();
|
|
10
|
-
const composedStyle =
|
|
9
|
+
const composedStyle = StyleSheet.flatten([card.styles?.title?.default, card.styles?.title?.[card.state], props.style]);
|
|
11
10
|
const Component = props.render ?? Text;
|
|
12
11
|
return /*#__PURE__*/_jsx(Component, {
|
|
13
12
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","useCard","jsx","_jsx","CardTitle","props","card","composedStyle","flatten","styles","title","default","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/card/card-title.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAG/E,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAmC,GAAGR,UAAU,CAACS,OAAO,CAAC,CAC7DF,IAAI,CAACG,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAC3BL,IAAI,CAACG,MAAM,EAAEC,KAAK,GAAGJ,IAAI,CAACM,KAAK,CAAC,EAChCP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,MAAMC,SAAS,GAAGT,KAAK,CAACU,MAAM,IAAIf,IAAI;EACtC,oBAAOG,IAAA,CAACW,SAAS;IAAA,GAAKT,KAAK;IAAEQ,KAAK,EAAEN;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { useCombobox } from "../context.js";
|
|
5
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
export function ComboboxList(props) {
|
|
7
|
+
const combobox = useCombobox();
|
|
8
|
+
const items = combobox.filteredItems;
|
|
9
|
+
const keyExtractor = props.keyExtractor ?? ((item, index) => combobox.getItemValue(item) ?? String(index));
|
|
10
|
+
if (items.length === 0) {
|
|
11
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
12
|
+
children: props.renderEmpty?.()
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
16
|
+
children: items.map((item, index) => /*#__PURE__*/_jsxs(React.Fragment, {
|
|
17
|
+
children: [props.renderItem({
|
|
18
|
+
item,
|
|
19
|
+
index
|
|
20
|
+
}), index < items.length - 1 && props.renderSeparator?.()]
|
|
21
|
+
}, keyExtractor(item, index)))
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=combobox-list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCombobox","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","ComboboxList","props","combobox","items","filteredItems","keyExtractor","item","index","getItemValue","String","length","children","renderEmpty","map","renderItem","renderSeparator"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-list.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASzC,OAAO,SAASC,YAAYA,CAAIC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAC9B,MAAMU,KAAK,GAAGD,QAAQ,CAACE,aAAoB;EAE3C,MAAMC,YAAY,GAChBJ,KAAK,CAACI,YAAY,KAAK,CAACC,IAAO,EAAEC,KAAa,KAAKL,QAAQ,CAACM,YAAY,CAACF,IAAI,CAAC,IAAIG,MAAM,CAACF,KAAK,CAAC,CAAC;EAElG,IAAIJ,KAAK,CAACO,MAAM,KAAK,CAAC,EAAE;IACtB,oBAAOb,IAAA,CAAAF,SAAA;MAAAgB,QAAA,EAAGV,KAAK,CAACW,WAAW,GAAG;IAAC,CAAG,CAAC;EACrC;EAEA,oBACEf,IAAA,CAAAF,SAAA;IAAAgB,QAAA,EACGR,KAAK,CAACU,GAAG,CAAC,CAACP,IAAI,EAAEC,KAAK,kBACrBR,KAAA,CAACP,KAAK,CAACE,QAAQ;MAAAiB,QAAA,GACZV,KAAK,CAACa,UAAU,CAAC;QAAER,IAAI;QAAEC;MAAM,CAAC,CAAC,EACjCA,KAAK,GAAGJ,KAAK,CAACO,MAAM,GAAG,CAAC,IAAIT,KAAK,CAACc,eAAe,GAAG,CAAC;IAAA,GAFnCV,YAAY,CAACC,IAAI,EAAEC,KAAK,CAG7B,CACjB;EAAC,CACF,CAAC;AAEP","ignoreList":[]}
|
|
@@ -1,40 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import { Pressable, StyleSheet
|
|
4
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
5
5
|
import { useCombobox } from "../context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const calculateState = (comboboxState, hovered, selected) => {
|
|
8
|
-
if (comboboxState === "disabled")
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if (selected) {
|
|
12
|
-
return "selected";
|
|
13
|
-
}
|
|
14
|
-
if (hovered) {
|
|
15
|
-
return "hovered";
|
|
16
|
-
}
|
|
8
|
+
if (comboboxState === "disabled") return "disabled";
|
|
9
|
+
if (selected) return "selected";
|
|
10
|
+
if (hovered) return "hovered";
|
|
17
11
|
return "default";
|
|
18
12
|
};
|
|
19
13
|
export function ComboboxOption(props) {
|
|
20
14
|
const [isHovered, setIsHovered] = useState(false);
|
|
21
15
|
const combobox = useCombobox();
|
|
22
|
-
const
|
|
16
|
+
const itemValue = combobox.getItemValue(props.item);
|
|
17
|
+
const selectedValue = combobox.value != null ? combobox.getItemValue(combobox.value) : undefined;
|
|
18
|
+
const isSelected = itemValue === selectedValue;
|
|
23
19
|
const optionState = calculateState(combobox.state, isHovered, isSelected);
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
onPointerEnter: () =>
|
|
33
|
-
|
|
34
|
-
},
|
|
35
|
-
onPointerLeave: () => {
|
|
36
|
-
setIsHovered(false);
|
|
37
|
-
},
|
|
20
|
+
const optionStyles = combobox.styles?.option;
|
|
21
|
+
const composedStyles = StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState]]);
|
|
22
|
+
const handlePress = () => {
|
|
23
|
+
combobox.onChange?.(props.item);
|
|
24
|
+
combobox.setIsOpen(false);
|
|
25
|
+
};
|
|
26
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
27
|
+
onPress: handlePress,
|
|
28
|
+
onPointerEnter: () => setIsHovered(true),
|
|
29
|
+
onPointerLeave: () => setIsHovered(false),
|
|
38
30
|
style: composedStyles,
|
|
39
31
|
children: props.children
|
|
40
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","StyleSheet","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","StyleSheet","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","itemValue","getItemValue","item","selectedValue","value","undefined","isSelected","optionState","state","optionStyles","styles","option","composedStyles","flatten","default","handlePress","onChange","setIsOpen","onPress","onPointerEnter","onPointerLeave","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAEpF,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE,OAAO,UAAU;EACnD,IAAIE,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,OAAO,EAAE,OAAO,SAAS;EAC7B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,cAAcA,CAAIC,KAA6B,EAAE;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAE9B,MAAMY,SAAS,GAAGD,QAAQ,CAACE,YAAY,CAACL,KAAK,CAACM,IAAI,CAAC;EACnD,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,KAAK,IAAI,IAAI,GAAGL,QAAQ,CAACE,YAAY,CAACF,QAAQ,CAACK,KAAK,CAAC,GAAGC,SAAS;EAChG,MAAMC,UAAU,GAAGN,SAAS,KAAKG,aAAa;EAE9C,MAAMI,WAAW,GAAGhB,cAAc,CAACQ,QAAQ,CAACS,KAAK,EAAEX,SAAS,EAAES,UAAU,CAAC;EACzE,MAAMG,YAAY,GAAGV,QAAQ,CAACW,MAAM,EAAEC,MAAM;EAC5C,MAAMC,cAAc,GAAGzB,UAAU,CAAC0B,OAAO,CAAC,CAACJ,YAAY,EAAEK,OAAO,EAAEL,YAAY,GAAGF,WAAW,CAAC,CAAC,CAAC;EAE/F,MAAMQ,WAAW,GAAGA,CAAA,KAAM;IACxBhB,QAAQ,CAACiB,QAAQ,GAAGpB,KAAK,CAACM,IAAI,CAAC;IAC/BH,QAAQ,CAACkB,SAAS,CAAC,KAAK,CAAC;EAC3B,CAAC;EAED,oBACE3B,IAAA,CAACJ,SAAS;IACRgC,OAAO,EAAEH,WAAY;IACrBI,cAAc,EAAEA,CAAA,KAAMrB,YAAY,CAAC,IAAI,CAAE;IACzCsB,cAAc,EAAEA,CAAA,KAAMtB,YAAY,CAAC,KAAK,CAAE;IAC1CuB,KAAK,EAAET,cAAuC;IAAAU,QAAA,EAE7C1B,KAAK,CAAC0B;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -9,7 +9,6 @@ export function ComboboxOverlay(props) {
|
|
|
9
9
|
const composedStyles = StyleSheet.flatten([combobox.styles?.overlay?.default, combobox.styles?.overlay?.[combobox.state], props.style]);
|
|
10
10
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
11
11
|
onPress: () => {
|
|
12
|
-
combobox.onChange?.(combobox.inputValue);
|
|
13
12
|
combobox.setIsOpen(false);
|
|
14
13
|
},
|
|
15
14
|
pointerEvents: "auto",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","StyleSheet","useCombobox","jsx","_jsx","ComboboxOverlay","props","combobox","composedStyles","flatten","styles","overlay","default","state","style","onPress","
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","useCombobox","jsx","_jsx","ComboboxOverlay","props","combobox","composedStyles","flatten","styles","overlay","default","state","style","onPress","setIsOpen","pointerEvents","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,cAAc,GAAGP,UAAU,CAACQ,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,oBACEV,IAAA,CAACJ,SAAS;IACRe,OAAO,EAAEA,CAAA,KAAM;MACbR,QAAQ,CAACS,SAAS,CAAC,KAAK,CAAC;IAC3B,CAAE;IACFC,aAAa,EAAC,MAAM;IACpBH,KAAK,EAAE,CAACb,UAAU,CAACiB,YAAY,EAAEV,cAAc,CAAE;IAAAW,QAAA,EAEhDb,KAAK,CAACa;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useEffect, useMemo, useRef, useState } from "react";
|
|
3
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
|
|
4
4
|
import { StyleSheet, View } from "react-native";
|
|
5
5
|
import { DEFAULT_LAYOUT, DEFAULT_POSITION } from "../../../hooks/index.js";
|
|
6
6
|
import { useComponentConfig } from "../../../themes/provider.js";
|
|
@@ -8,22 +8,57 @@ import { mergeStyles } from "../../../utils/calculate-styles.js";
|
|
|
8
8
|
import { ComboboxContext } from "../context.js";
|
|
9
9
|
import { ComboboxVariants } from "../variants/index.js";
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
const
|
|
12
|
-
if (
|
|
13
|
-
|
|
11
|
+
const defaultGetItemValue = item => {
|
|
12
|
+
if (typeof item === "string") return item;
|
|
13
|
+
if (typeof item === "object" && item !== null && "value" in item) {
|
|
14
|
+
return String(item.value);
|
|
15
|
+
}
|
|
16
|
+
return String(item);
|
|
17
|
+
};
|
|
18
|
+
const defaultGetItemLabel = item => {
|
|
19
|
+
if (typeof item === "string") return item;
|
|
20
|
+
if (typeof item === "object" && item !== null && "label" in item) {
|
|
21
|
+
return String(item.label);
|
|
14
22
|
}
|
|
23
|
+
return defaultGetItemValue(item);
|
|
24
|
+
};
|
|
25
|
+
const calculateState = props => {
|
|
26
|
+
if (props.isDisabled) return "disabled";
|
|
15
27
|
return "default";
|
|
16
28
|
};
|
|
17
29
|
export function ComboboxRoot(props) {
|
|
18
|
-
const
|
|
30
|
+
const {
|
|
31
|
+
items,
|
|
32
|
+
value,
|
|
33
|
+
onChange,
|
|
34
|
+
getItemValue = defaultGetItemValue,
|
|
35
|
+
getItemLabel = defaultGetItemLabel,
|
|
36
|
+
filter,
|
|
37
|
+
onInputChange,
|
|
38
|
+
variant = "default",
|
|
39
|
+
size = "md",
|
|
40
|
+
isDisabled = false
|
|
41
|
+
} = props;
|
|
42
|
+
const variantStyles = ComboboxVariants[variant](size);
|
|
19
43
|
const globalStyles = useComponentConfig("combobox");
|
|
20
44
|
const mergedStyles = mergeStyles(variantStyles, globalStyles?.styles);
|
|
21
45
|
const [isOpen, setIsOpen] = useState(false);
|
|
22
46
|
const [contentLayout, setContentLayout] = useState(DEFAULT_LAYOUT);
|
|
23
47
|
const [triggerPosition, setTriggerPosition] = useState(DEFAULT_POSITION);
|
|
24
48
|
const [inputValue, setInputValue] = useState("");
|
|
25
|
-
|
|
26
|
-
|
|
49
|
+
|
|
50
|
+
// Reset input value when closing
|
|
51
|
+
const prevOpen = useRef(isOpen);
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (prevOpen.current && !isOpen) {
|
|
54
|
+
setInputValue("");
|
|
55
|
+
}
|
|
56
|
+
prevOpen.current = isOpen;
|
|
57
|
+
}, [isOpen]);
|
|
58
|
+
|
|
59
|
+
// Notify consumer when input value changes
|
|
60
|
+
const onInputChangeRef = useRef(onInputChange);
|
|
61
|
+
onInputChangeRef.current = onInputChange;
|
|
27
62
|
const isFirstRender = useRef(true);
|
|
28
63
|
useEffect(() => {
|
|
29
64
|
if (isFirstRender.current) {
|
|
@@ -32,11 +67,27 @@ export function ComboboxRoot(props) {
|
|
|
32
67
|
}
|
|
33
68
|
onInputChangeRef.current?.(inputValue);
|
|
34
69
|
}, [inputValue]);
|
|
70
|
+
const filteredItems = useMemo(() => {
|
|
71
|
+
if (filter === null) return items;
|
|
72
|
+
if (!inputValue) return items;
|
|
73
|
+
const filterFn = filter ?? ((item, query) => {
|
|
74
|
+
const label = getItemLabel(item);
|
|
75
|
+
return label.toLowerCase().includes(query.toLowerCase());
|
|
76
|
+
});
|
|
77
|
+
return items.filter(item => filterFn(item, inputValue));
|
|
78
|
+
}, [items, inputValue, filter, getItemLabel]);
|
|
35
79
|
const state = calculateState(props);
|
|
36
80
|
const composedStyles = StyleSheet.flatten([mergedStyles?.root?.default, mergedStyles?.root?.[state], props.style]);
|
|
81
|
+
const handleChange = useCallback(item => {
|
|
82
|
+
onChange?.(item);
|
|
83
|
+
}, [onChange]);
|
|
37
84
|
const contextValue = useMemo(() => ({
|
|
38
|
-
|
|
39
|
-
|
|
85
|
+
items,
|
|
86
|
+
filteredItems,
|
|
87
|
+
getItemValue: getItemValue,
|
|
88
|
+
getItemLabel: getItemLabel,
|
|
89
|
+
value,
|
|
90
|
+
onChange: handleChange,
|
|
40
91
|
isOpen,
|
|
41
92
|
setIsOpen,
|
|
42
93
|
triggerPosition,
|
|
@@ -46,9 +97,9 @@ export function ComboboxRoot(props) {
|
|
|
46
97
|
inputValue,
|
|
47
98
|
setInputValue,
|
|
48
99
|
state,
|
|
49
|
-
isDisabled
|
|
100
|
+
isDisabled,
|
|
50
101
|
styles: mergedStyles
|
|
51
|
-
}), [
|
|
102
|
+
}), [items, filteredItems, getItemValue, getItemLabel, value, handleChange, isOpen, triggerPosition, contentLayout, inputValue, state, isDisabled, mergedStyles]);
|
|
52
103
|
return /*#__PURE__*/_jsx(ComboboxContext.Provider, {
|
|
53
104
|
value: contextValue,
|
|
54
105
|
children: /*#__PURE__*/_jsx(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useMemo","useRef","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","mergeStyles","ComboboxContext","ComboboxVariants","jsx","_jsx","calculateState","props","isDisabled","ComboboxRoot","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","StyleSheet","View","DEFAULT_LAYOUT","DEFAULT_POSITION","useComponentConfig","mergeStyles","ComboboxContext","ComboboxVariants","jsx","_jsx","defaultGetItemValue","item","String","value","defaultGetItemLabel","label","calculateState","props","isDisabled","ComboboxRoot","items","onChange","getItemValue","getItemLabel","filter","onInputChange","variant","size","variantStyles","globalStyles","mergedStyles","styles","isOpen","setIsOpen","contentLayout","setContentLayout","triggerPosition","setTriggerPosition","inputValue","setInputValue","prevOpen","current","onInputChangeRef","isFirstRender","filteredItems","filterFn","query","toLowerCase","includes","state","composedStyles","flatten","root","default","style","handleChange","contextValue","Provider","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-root.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,14 +11,18 @@ const calculateState = (isDisabled, isOpen) => {
|
|
|
11
11
|
if (isOpen) return "focused";
|
|
12
12
|
return "default";
|
|
13
13
|
};
|
|
14
|
-
export function ComboboxTrigger(
|
|
14
|
+
export function ComboboxTrigger({
|
|
15
|
+
render,
|
|
16
|
+
...props
|
|
17
|
+
}) {
|
|
15
18
|
const combobox = useCombobox();
|
|
16
19
|
const triggerRef = useRef(null);
|
|
17
20
|
const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
|
|
18
|
-
const
|
|
21
|
+
const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
|
|
22
|
+
const displayValue = combobox.isOpen ? combobox.inputValue : selectedLabel;
|
|
19
23
|
const open = () => {
|
|
20
24
|
if (combobox.isDisabled) return;
|
|
21
|
-
combobox.setInputValue(
|
|
25
|
+
combobox.setInputValue(selectedLabel);
|
|
22
26
|
requestAnimationFrame(() => {
|
|
23
27
|
measureLayoutPosition(triggerRef.current, layout => {
|
|
24
28
|
combobox.setTriggerPosition(layout);
|
|
@@ -26,9 +30,22 @@ export function ComboboxTrigger(props) {
|
|
|
26
30
|
});
|
|
27
31
|
});
|
|
28
32
|
};
|
|
33
|
+
const onChangeText = text => {
|
|
34
|
+
if (combobox.isDisabled) return;
|
|
35
|
+
combobox.setInputValue(text);
|
|
36
|
+
if (!combobox.isOpen) open();
|
|
37
|
+
};
|
|
38
|
+
const onFocus = () => {
|
|
39
|
+
if (!combobox.isOpen) open();
|
|
40
|
+
};
|
|
41
|
+
const setInputValue = value => {
|
|
42
|
+
combobox.setInputValue(value);
|
|
43
|
+
if (triggerRef.current) {
|
|
44
|
+
setInnerInputValue(triggerRef.current, value);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
29
47
|
useEffect(() => {
|
|
30
|
-
|
|
31
|
-
setInnerInputValue(triggerRef.current, displayValue);
|
|
48
|
+
setInputValue(displayValue);
|
|
32
49
|
}, [displayValue]);
|
|
33
50
|
useEffect(() => {
|
|
34
51
|
if (!combobox.isOpen) {
|
|
@@ -42,24 +59,21 @@ export function ComboboxTrigger(props) {
|
|
|
42
59
|
...props,
|
|
43
60
|
style: StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style])
|
|
44
61
|
};
|
|
45
|
-
const composedStyle = StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style]);
|
|
62
|
+
const composedStyle = StyleSheet.flatten([triggerStyles?.default?.style, triggerStyles?.[triggerState]?.style, props.style]);
|
|
63
|
+
if (render) {
|
|
64
|
+
return render({
|
|
65
|
+
inputRef: triggerRef,
|
|
66
|
+
open,
|
|
67
|
+
setInputValue
|
|
68
|
+
});
|
|
69
|
+
}
|
|
46
70
|
return /*#__PURE__*/_jsx(TextInput, {
|
|
47
71
|
...composedProps,
|
|
48
72
|
ref: triggerRef,
|
|
49
73
|
value: undefined,
|
|
50
74
|
onChange: undefined,
|
|
51
|
-
onChangeText:
|
|
52
|
-
|
|
53
|
-
combobox.setInputValue(text);
|
|
54
|
-
if (!combobox.isOpen) {
|
|
55
|
-
open();
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
onFocus: () => {
|
|
59
|
-
if (!combobox.isOpen) {
|
|
60
|
-
open();
|
|
61
|
-
}
|
|
62
|
-
},
|
|
75
|
+
onChangeText: onChangeText,
|
|
76
|
+
onFocus: onFocus,
|
|
63
77
|
style: composedStyle
|
|
64
78
|
});
|
|
65
79
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","StyleSheet","TextInput","setInnerInputValue","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","props","combobox","triggerRef","triggerState","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","StyleSheet","TextInput","setInnerInputValue","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","render","props","combobox","triggerRef","triggerState","selectedLabel","value","getItemLabel","displayValue","inputValue","open","setInputValue","requestAnimationFrame","current","layout","setTriggerPosition","setIsOpen","onChangeText","text","onFocus","blur","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","inputRef","ref","undefined","onChange"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AAEzE,SAASC,kBAAkB,QAAQ,+BAA4B;AAC/D,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAezC,MAAMC,cAAc,GAAGA,CAACC,UAAmB,EAAEC,MAAe,KAA2B;EACrF,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAIC,MAAM,EAAE,OAAO,SAAS;EAC5B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,eAAeA,CAAC;EAAEC,MAAM;EAAE,GAAGC;AAA4B,CAAC,EAAE;EAC1E,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAC9B,MAAMU,UAAU,GAAGf,MAAM,CAAe,IAAI,CAAC;EAE7C,MAAMgB,YAAY,GAAGR,cAAc,CAACM,QAAQ,CAACL,UAAU,EAAEK,QAAQ,CAACJ,MAAM,CAAC;EACzE,MAAMO,aAAa,GAAGH,QAAQ,CAACI,KAAK,IAAI,IAAI,GAAGJ,QAAQ,CAACK,YAAY,CAACL,QAAQ,CAACI,KAAK,CAAC,GAAG,EAAE;EACzF,MAAME,YAAY,GAAGN,QAAQ,CAACJ,MAAM,GAAGI,QAAQ,CAACO,UAAU,GAAGJ,aAAa;EAE1E,MAAMK,IAAI,GAAGA,CAAA,KAAM;IACjB,IAAIR,QAAQ,CAACL,UAAU,EAAE;IACzBK,QAAQ,CAACS,aAAa,CAACN,aAAa,CAAC;IACrCO,qBAAqB,CAAC,MAAM;MAC1BpB,qBAAqB,CAACW,UAAU,CAACU,OAAO,EAAGC,MAAM,IAAK;QACpDZ,QAAQ,CAACa,kBAAkB,CAACD,MAAM,CAAC;QACnCZ,QAAQ,CAACc,SAAS,CAAC,IAAI,CAAC;MAC1B,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,YAAY,GAAIC,IAAY,IAAK;IACrC,IAAIhB,QAAQ,CAACL,UAAU,EAAE;IACzBK,QAAQ,CAACS,aAAa,CAACO,IAAI,CAAC;IAC5B,IAAI,CAAChB,QAAQ,CAACJ,MAAM,EAAEY,IAAI,CAAC,CAAC;EAC9B,CAAC;EAED,MAAMS,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAI,CAACjB,QAAQ,CAACJ,MAAM,EAAEY,IAAI,CAAC,CAAC;EAC9B,CAAC;EAED,MAAMC,aAAa,GAAIL,KAAa,IAAK;IACvCJ,QAAQ,CAACS,aAAa,CAACL,KAAK,CAAC;IAC7B,IAAIH,UAAU,CAACU,OAAO,EAAE;MACtBtB,kBAAkB,CAACY,UAAU,CAACU,OAAO,EAAEP,KAAK,CAAC;IAC/C;EACF,CAAC;EAEDnB,SAAS,CAAC,MAAM;IACdwB,aAAa,CAACH,YAAY,CAAC;EAC7B,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElBrB,SAAS,CAAC,MAAM;IACd,IAAI,CAACe,QAAQ,CAACJ,MAAM,EAAE;MACpBK,UAAU,CAACU,OAAO,EAAEO,IAAI,CAAC,CAAC;IAC5B;EACF,CAAC,EAAE,CAAClB,QAAQ,CAACJ,MAAM,CAAC,CAAC;EAErB,MAAMuB,aAAa,GAAGnB,QAAQ,CAACoB,MAAM,EAAEC,OAAO;EAC9C,MAAMC,aAA6B,GAAG;IACpC,GAAGH,aAAa,EAAEI,OAAO;IACzB,GAAGJ,aAAa,GAAGjB,YAAY,CAAC;IAChC,GAAGH,KAAK;IACRyB,KAAK,EAAErC,UAAU,CAACsC,OAAO,CAAC,CACxBN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGjB,YAAY,CAAC,EAAEsB,KAAK,CACrC;EACH,CAAC;EAED,MAAME,aAAa,GAAGvC,UAAU,CAACsC,OAAO,CAAC,CACvCN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGjB,YAAY,CAAC,EAAEsB,KAAK,EACpCzB,KAAK,CAACyB,KAAK,CACZ,CAAC;EAEF,IAAI1B,MAAM,EAAE;IACV,OAAOA,MAAM,CAAC;MACZ6B,QAAQ,EAAE1B,UAAU;MACpBO,IAAI;MACJC;IACF,CAAC,CAAC;EACJ;EAEA,oBACEhB,IAAA,CAACL,SAAS;IAAA,GACJkC,aAAa;IACjBM,GAAG,EAAE3B,UAAW;IAChBG,KAAK,EAAEyB,SAAU;IACjBC,QAAQ,EAAED,SAAU;IACpBd,YAAY,EAAEA,YAAa;IAC3BE,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEE;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","ComboboxContext","undefined","useCombobox","context","Error"],"sourceRoot":"../../../../src","sources":["components/combobox/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","ComboboxContext","undefined","useCombobox","context","Error"],"sourceRoot":"../../../../src","sources":["components/combobox/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AA8BhE,OAAO,MAAMC,eAAe,gBAAGF,aAAa,CAA8BG,SAAS,CAAC;AAEpF,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,eAAe,CAAC;EAC3C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;EACvE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { ComboboxContent } from "./components/combobox-content.js";
|
|
4
4
|
import { ComboboxEmpty } from "./components/combobox-empty.js";
|
|
5
|
+
import { ComboboxList } from "./components/combobox-list.js";
|
|
5
6
|
import { ComboboxOption } from "./components/combobox-option.js";
|
|
6
7
|
import { ComboboxOverlay } from "./components/combobox-overlay.js";
|
|
7
8
|
import { ComboboxPortal } from "./components/combobox-portal.js";
|
|
@@ -13,6 +14,7 @@ export const Combobox = {
|
|
|
13
14
|
Portal: ComboboxPortal,
|
|
14
15
|
Overlay: ComboboxOverlay,
|
|
15
16
|
Content: ComboboxContent,
|
|
17
|
+
List: ComboboxList,
|
|
16
18
|
Option: ComboboxOption,
|
|
17
19
|
Empty: ComboboxEmpty
|
|
18
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ComboboxContent","ComboboxEmpty","ComboboxOption","ComboboxOverlay","ComboboxPortal","ComboboxRoot","ComboboxTrigger","Combobox","Root","Trigger","Portal","Overlay","Content","Option","Empty"],"sourceRoot":"../../../../src","sources":["components/combobox/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,eAAe,QAAQ,kCAA+B;AAE/D,OAAO,MAAMC,QAAQ,GAAG;EACtBC,IAAI,EAAEH,YAAY;EAClBI,OAAO,EAAEH,eAAe;EACxBI,MAAM,EAAEN,cAAc;EACtBO,OAAO,EAAER,eAAe;EACxBS,OAAO,
|
|
1
|
+
{"version":3,"names":["ComboboxContent","ComboboxEmpty","ComboboxList","ComboboxOption","ComboboxOverlay","ComboboxPortal","ComboboxRoot","ComboboxTrigger","Combobox","Root","Trigger","Portal","Overlay","Content","List","Option","Empty"],"sourceRoot":"../../../../src","sources":["components/combobox/index.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,eAAe,QAAQ,kCAA+B;AAE/D,OAAO,MAAMC,QAAQ,GAAG;EACtBC,IAAI,EAAEH,YAAY;EAClBI,OAAO,EAAEH,eAAe;EACxBI,MAAM,EAAEN,cAAc;EACtBO,OAAO,EAAER,eAAe;EACxBS,OAAO,EAAEb,eAAe;EACxBc,IAAI,EAAEZ,YAAY;EAClBa,MAAM,EAAEZ,cAAc;EACtBa,KAAK,EAAEf;AACT,CAAC","ignoreList":[]}
|
|
@@ -1,24 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { Linking, Text as RnText } from "react-native";
|
|
4
|
+
import { Linking, Text as RnText, StyleSheet } from "react-native";
|
|
5
|
+
import { useComponentConfig } from "../../themes/provider.js";
|
|
5
6
|
import { LinkVariants } from "./variants/index.js";
|
|
6
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
export function Link(props) {
|
|
8
|
-
const
|
|
9
|
+
const {
|
|
10
|
+
style,
|
|
11
|
+
onPress,
|
|
12
|
+
variant = "default",
|
|
13
|
+
...rest
|
|
14
|
+
} = props;
|
|
15
|
+
const useVariantStyles = LinkVariants[variant];
|
|
16
|
+
const config = useComponentConfig("link");
|
|
9
17
|
const variantStyles = useVariantStyles();
|
|
10
18
|
const handlePress = async e => {
|
|
11
|
-
if (props.href) {
|
|
19
|
+
if ("href" in props && props.href) {
|
|
12
20
|
const supported = await Linking.canOpenURL(props.href);
|
|
13
21
|
if (supported) {
|
|
14
22
|
await Linking.openURL(props.href);
|
|
15
23
|
}
|
|
24
|
+
} else {
|
|
25
|
+
onPress?.(e);
|
|
16
26
|
}
|
|
17
|
-
props.onPress?.(e);
|
|
18
27
|
};
|
|
28
|
+
const composedStyles = StyleSheet.flatten([variantStyles, config?.styles, style]);
|
|
19
29
|
return /*#__PURE__*/_jsx(RnText, {
|
|
20
|
-
...
|
|
21
|
-
style:
|
|
30
|
+
...rest,
|
|
31
|
+
style: composedStyles,
|
|
22
32
|
onPress: handlePress
|
|
23
33
|
});
|
|
24
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Linking","Text","RnText","LinkVariants","jsx","_jsx","Link","props","
|
|
1
|
+
{"version":3,"names":["React","Linking","Text","RnText","StyleSheet","useComponentConfig","LinkVariants","jsx","_jsx","Link","props","style","onPress","variant","rest","useVariantStyles","config","variantStyles","handlePress","e","href","supported","canOpenURL","openURL","composedStyles","flatten","styles"],"sourceRoot":"../../../../src","sources":["components/link/link.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAEC,IAAI,IAAIC,MAAM,EAAEC,UAAU,QAAuC,cAAc;AACjG,SAASC,kBAAkB,QAAQ,0BAAuB;AAC1D,SAASC,YAAY,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkB1C,OAAO,SAASC,IAAIA,CAACC,KAAgB,EAAE;EACrC,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC,OAAO,GAAG,SAAS;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAC9D,MAAMK,gBAAgB,GAAGT,YAAY,CAACO,OAAO,CAAC;EAC9C,MAAMG,MAAM,GAAGX,kBAAkB,CAAC,MAAM,CAAC;EACzC,MAAMY,aAAa,GAAGF,gBAAgB,CAAC,CAAC;EAExC,MAAMG,WAAmC,GAAG,MAAOC,CAAC,IAAK;IACvD,IAAI,MAAM,IAAIT,KAAK,IAAIA,KAAK,CAACU,IAAI,EAAE;MACjC,MAAMC,SAAS,GAAG,MAAMpB,OAAO,CAACqB,UAAU,CAACZ,KAAK,CAACU,IAAI,CAAC;MACtD,IAAIC,SAAS,EAAE;QACb,MAAMpB,OAAO,CAACsB,OAAO,CAACb,KAAK,CAACU,IAAI,CAAC;MACnC;IACF,CAAC,MAAM;MACLR,OAAO,GAAGO,CAAC,CAAC;IACd;EACF,CAAC;EAED,MAAMK,cAAc,GAAGpB,UAAU,CAACqB,OAAO,CAAC,CAACR,aAAa,EAAED,MAAM,EAAEU,MAAM,EAAEf,KAAK,CAAC,CAAC;EAEjF,oBAAOH,IAAA,CAACL,MAAM;IAAA,GAAKW,IAAI;IAAEH,KAAK,EAAEa,cAAe;IAACZ,OAAO,EAAEM;EAAY,CAAE,CAAC;AAC1E","ignoreList":[]}
|
|
@@ -11,18 +11,19 @@ export function MenuSelectionIndicator({
|
|
|
11
11
|
const config = useComponentConfig("menu");
|
|
12
12
|
const menu = useMenu();
|
|
13
13
|
const SelectionIcon = config?.selectionIcon;
|
|
14
|
+
const indicatorStyles = menu.styles?.selectionIndicator;
|
|
14
15
|
if (!isSelected) {
|
|
15
16
|
return /*#__PURE__*/_jsx(View, {
|
|
16
|
-
style:
|
|
17
|
+
style: indicatorStyles
|
|
17
18
|
});
|
|
18
19
|
}
|
|
19
20
|
if (SelectionIcon) {
|
|
20
21
|
return /*#__PURE__*/_jsx(SelectionIcon, {
|
|
21
|
-
...
|
|
22
|
+
...indicatorStyles
|
|
22
23
|
});
|
|
23
24
|
}
|
|
24
25
|
return /*#__PURE__*/_jsx(Text, {
|
|
25
|
-
style:
|
|
26
|
+
style: indicatorStyles,
|
|
26
27
|
children: "\u2713"
|
|
27
28
|
});
|
|
28
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","useComponentConfig","useMenu","jsx","_jsx","MenuSelectionIndicator","isSelected","config","menu","SelectionIcon","selectionIcon","
|
|
1
|
+
{"version":3,"names":["React","Text","View","useComponentConfig","useMenu","jsx","_jsx","MenuSelectionIndicator","isSelected","config","menu","SelectionIcon","selectionIcon","indicatorStyles","styles","selectionIndicator","style","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-selection-indicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACzE,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMrC,OAAO,SAASC,sBAAsBA,CAAC;EAAEC;AAAwC,CAAC,EAAE;EAClF,MAAMC,MAAM,GAAGN,kBAAkB,CAAC,MAAM,CAAC;EACzC,MAAMO,IAAI,GAAGN,OAAO,CAAC,CAAC;EACtB,MAAMO,aAAa,GAAGF,MAAM,EAAEG,aAAa;EAC3C,MAAMC,eAAe,GAAGH,IAAI,CAACI,MAAM,EAAEC,kBAAkB;EAEvD,IAAI,CAACP,UAAU,EAAE;IACf,oBAAOF,IAAA,CAACJ,IAAI;MAACc,KAAK,EAAEH;IAAwC,CAAE,CAAC;EACjE;EAEA,IAAIF,aAAa,EAAE;IACjB,oBAAOL,IAAA,CAACK,aAAa;MAAA,GAAKE;IAAe,CAAG,CAAC;EAC/C;EAEA,oBAAOP,IAAA,CAACL,IAAI;IAACe,KAAK,EAAEH,eAAgB;IAAAI,QAAA,EAAC;EAAC,CAAM,CAAC;AAC/C","ignoreList":[]}
|