@korsolutions/ui 0.0.61 → 0.0.63
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 +30 -0
- package/dist/module/components/badge/badge.js.map +1 -0
- package/dist/module/components/badge/context.js.map +1 -1
- package/dist/module/components/badge/index.js +1 -6
- package/dist/module/components/badge/index.js.map +1 -1
- package/dist/module/components/badge/variants/default.js +17 -14
- package/dist/module/components/badge/variants/default.js.map +1 -1
- package/dist/module/components/badge/variants/secondary.js +17 -14
- package/dist/module/components/badge/variants/secondary.js.map +1 -1
- package/dist/module/components/input/input.js.map +1 -1
- package/dist/module/components/menu/components/menu-checkbox-item.js +4 -2
- package/dist/module/components/menu/components/menu-checkbox-item.js.map +1 -1
- package/dist/module/components/menu/components/menu-item.js +4 -2
- package/dist/module/components/menu/components/menu-item.js.map +1 -1
- package/dist/module/components/menu/components/menu-radio-item.js +4 -2
- package/dist/module/components/menu/components/menu-radio-item.js.map +1 -1
- package/dist/module/components/tabs/components/tabs-item.js +61 -0
- package/dist/module/components/tabs/components/tabs-item.js.map +1 -0
- package/dist/module/components/tabs/components/tabs-root.js +3 -2
- package/dist/module/components/tabs/components/tabs-root.js.map +1 -1
- package/dist/module/components/tabs/index.js +2 -6
- package/dist/module/components/tabs/index.js.map +1 -1
- package/dist/module/components/tabs/variants/default.js +26 -8
- package/dist/module/components/tabs/variants/default.js.map +1 -1
- package/dist/module/components/tabs/variants/line.js +24 -7
- package/dist/module/components/tabs/variants/line.js.map +1 -1
- package/dist/module/components/toast/components/toast-icon.js.map +1 -1
- package/dist/module/{components/menu → hooks}/use-organized-children.js +8 -10
- package/dist/module/hooks/use-organized-children.js.map +1 -0
- package/dist/module/themes/provider.js.map +1 -1
- package/dist/typescript/src/components/avatar/components/avatar-image.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/badge.d.ts +12 -0
- package/dist/typescript/src/components/badge/badge.d.ts.map +1 -0
- package/dist/typescript/src/components/badge/context.d.ts +1 -2
- package/dist/typescript/src/components/badge/context.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/index.d.ts +1 -8
- package/dist/typescript/src/components/badge/index.d.ts.map +1 -1
- package/dist/typescript/src/components/badge/types.d.ts +6 -5
- package/dist/typescript/src/components/badge/types.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/input/input.d.ts +1 -1
- package/dist/typescript/src/components/input/input.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-item.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/types.d.ts +2 -1
- package/dist/typescript/src/components/menu/types.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/components/{tabs-trigger.d.ts → tabs-item.d.ts} +3 -3
- package/dist/typescript/src/components/tabs/components/tabs-item.d.ts.map +1 -0
- package/dist/typescript/src/components/tabs/components/tabs-root.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/index.d.ts +3 -9
- package/dist/typescript/src/components/tabs/index.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/types.d.ts +8 -7
- package/dist/typescript/src/components/tabs/types.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/variants/line.d.ts.map +1 -1
- package/dist/typescript/src/components/toast/components/toast-icon.d.ts +1 -1
- package/dist/typescript/src/components/toast/components/toast-icon.d.ts.map +1 -1
- package/dist/typescript/src/hooks/use-organized-children.d.ts +5 -0
- package/dist/typescript/src/hooks/use-organized-children.d.ts.map +1 -0
- package/dist/typescript/src/themes/provider.d.ts +3 -3
- package/dist/typescript/src/themes/provider.d.ts.map +1 -1
- package/dist/typescript/src/types/props.types.d.ts +2 -1
- package/dist/typescript/src/types/props.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/avatar/components/avatar-image.tsx +14 -2
- package/src/components/badge/badge.tsx +46 -0
- package/src/components/badge/context.ts +1 -2
- package/src/components/badge/index.ts +1 -10
- package/src/components/badge/types.ts +6 -6
- package/src/components/badge/variants/default.tsx +17 -14
- package/src/components/badge/variants/secondary.tsx +17 -14
- package/src/components/input/input.tsx +6 -2
- package/src/components/menu/components/menu-checkbox-item.tsx +9 -2
- package/src/components/menu/components/menu-item.tsx +9 -2
- package/src/components/menu/components/menu-radio-item.tsx +9 -2
- package/src/components/menu/types.ts +2 -1
- package/src/components/tabs/components/tabs-item.tsx +96 -0
- package/src/components/tabs/components/tabs-root.tsx +9 -2
- package/src/components/tabs/index.ts +3 -9
- package/src/components/tabs/types.ts +8 -7
- package/src/components/tabs/variants/default.tsx +25 -7
- package/src/components/tabs/variants/line.tsx +22 -5
- package/src/components/toast/components/toast-icon.tsx +1 -1
- package/src/{components/menu → hooks}/use-organized-children.tsx +14 -15
- package/src/themes/provider.tsx +5 -3
- package/src/types/props.types.ts +2 -1
- package/dist/module/components/badge/components/badge-label.js +0 -17
- package/dist/module/components/badge/components/badge-label.js.map +0 -1
- package/dist/module/components/badge/components/badge-root.js +0 -27
- package/dist/module/components/badge/components/badge-root.js.map +0 -1
- package/dist/module/components/menu/use-organized-children.js.map +0 -1
- package/dist/module/components/tabs/components/tabs-list.js +0 -23
- package/dist/module/components/tabs/components/tabs-list.js.map +0 -1
- package/dist/module/components/tabs/components/tabs-trigger-text.js +0 -28
- package/dist/module/components/tabs/components/tabs-trigger-text.js.map +0 -1
- package/dist/module/components/tabs/components/tabs-trigger.js +0 -45
- package/dist/module/components/tabs/components/tabs-trigger.js.map +0 -1
- package/dist/typescript/src/components/badge/components/badge-label.d.ts +0 -9
- package/dist/typescript/src/components/badge/components/badge-label.d.ts.map +0 -1
- package/dist/typescript/src/components/badge/components/badge-root.d.ts +0 -13
- package/dist/typescript/src/components/badge/components/badge-root.d.ts.map +0 -1
- package/dist/typescript/src/components/menu/use-organized-children.d.ts +0 -3
- package/dist/typescript/src/components/menu/use-organized-children.d.ts.map +0 -1
- package/dist/typescript/src/components/tabs/components/tabs-list.d.ts +0 -8
- package/dist/typescript/src/components/tabs/components/tabs-list.d.ts.map +0 -1
- package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts +0 -10
- package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts.map +0 -1
- package/dist/typescript/src/components/tabs/components/tabs-trigger.d.ts.map +0 -1
- package/src/components/badge/components/badge-label.tsx +0 -21
- package/src/components/badge/components/badge-root.tsx +0 -36
- package/src/components/tabs/components/tabs-list.tsx +0 -21
- package/src/components/tabs/components/tabs-trigger-text.tsx +0 -26
- package/src/components/tabs/components/tabs-trigger.tsx +0 -43
|
@@ -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,
|
|
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,SACEC,KAAK,QAIA,cAAc;AACrB,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":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
|
+
import { useOrganizedChildren } from "../../hooks/use-organized-children.js";
|
|
6
|
+
import { BadgeContext } from "./context.js";
|
|
7
|
+
import { BadgeVariants } from "./variants/index.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export function Badge(props) {
|
|
10
|
+
const variantStyles = BadgeVariants[props.variant || "default"]();
|
|
11
|
+
const customStyle = props.color ? {
|
|
12
|
+
backgroundColor: props.color
|
|
13
|
+
} : undefined;
|
|
14
|
+
const composedStyle = StyleSheet.flatten([variantStyles.root, props.style]);
|
|
15
|
+
const textStyle = variantStyles.text;
|
|
16
|
+
const iconStyle = variantStyles.icon;
|
|
17
|
+
const organizedChildren = useOrganizedChildren(props.children, textStyle, iconStyle);
|
|
18
|
+
const Component = props.render ?? View;
|
|
19
|
+
return /*#__PURE__*/_jsx(BadgeContext.Provider, {
|
|
20
|
+
value: {
|
|
21
|
+
styles: variantStyles
|
|
22
|
+
},
|
|
23
|
+
children: /*#__PURE__*/_jsx(Component, {
|
|
24
|
+
...props,
|
|
25
|
+
style: [composedStyle, customStyle],
|
|
26
|
+
children: organizedChildren
|
|
27
|
+
})
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useOrganizedChildren","BadgeContext","BadgeVariants","jsx","_jsx","Badge","props","variantStyles","variant","customStyle","color","backgroundColor","undefined","composedStyle","flatten","root","style","textStyle","text","iconStyle","icon","organizedChildren","children","Component","render","Provider","value","styles"],"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,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;EAEjE,MAAMC,WAAW,GAAGH,KAAK,CAACI,KAAK,GAC3B;IAAEC,eAAe,EAAEL,KAAK,CAACI;EAAM,CAAC,GAChCE,SAAS;EAEb,MAAMC,aAAa,GAAGf,UAAU,CAACgB,OAAO,CAAC,CAACP,aAAa,CAACQ,IAAI,EAAET,KAAK,CAACU,KAAK,CAAC,CAAC;EAE3E,MAAMC,SAAS,GAAGV,aAAa,CAACW,IAAI;EACpC,MAAMC,SAAS,GAAGZ,aAAa,CAACa,IAAI;EACpC,MAAMC,iBAAiB,GAAGrB,oBAAoB,CAC5CM,KAAK,CAACgB,QAAQ,EACdL,SAAS,EACTE,SACF,CAAC;EAED,MAAMI,SAAS,GAAGjB,KAAK,CAACkB,MAAM,IAAIzB,IAAI;EACtC,oBACEK,IAAA,CAACH,YAAY,CAACwB,QAAQ;IACpBC,KAAK,EAAE;MACLC,MAAM,EAAEpB;IACV,CAAE;IAAAe,QAAA,eAEFlB,IAAA,CAACmB,SAAS;MAAA,GAAKjB,KAAK;MAAEU,KAAK,EAAE,CAACH,aAAa,EAAEJ,WAAW,CAAE;MAAAa,QAAA,EACvDD;IAAiB,CACT;EAAC,CACS,CAAC;AAE5B","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","BadgeContext","undefined","useBadge","context","Error"],"sourceRoot":"../../../../src","sources":["components/badge/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","BadgeContext","undefined","useBadge","context","Error"],"sourceRoot":"../../../../src","sources":["components/badge/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,OAAO,MAAMC,YAAY,gBAAGF,aAAa,CAA2BG,SAAS,CAAC;AAE9E,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,YAAY,CAAC;EACxC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
import { BadgeRoot } from "./components/badge-root.js";
|
|
5
|
-
export const Badge = {
|
|
6
|
-
Root: BadgeRoot,
|
|
7
|
-
Label: BadgeLabel
|
|
8
|
-
};
|
|
3
|
+
export { Badge } from "./badge.js";
|
|
9
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Badge"],"sourceRoot":"../../../../src","sources":["components/badge/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAyB,YAAS","ignoreList":[]}
|
|
@@ -9,21 +9,24 @@ export const useBadgeVariantDefault = () => {
|
|
|
9
9
|
fontSize
|
|
10
10
|
}) => ({
|
|
11
11
|
root: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
flexDirection: "row",
|
|
13
|
+
gap: 4,
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
alignSelf: "flex-start",
|
|
16
|
+
backgroundColor: colors.primary,
|
|
17
|
+
paddingVertical: 4,
|
|
18
|
+
paddingHorizontal: 8,
|
|
19
|
+
borderRadius: radius
|
|
19
20
|
},
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
text: {
|
|
22
|
+
color: colors.primaryForeground,
|
|
23
|
+
fontSize: fontSize * 0.75,
|
|
24
|
+
fontWeight: "600",
|
|
25
|
+
fontFamily
|
|
26
|
+
},
|
|
27
|
+
icon: {
|
|
28
|
+
color: colors.primaryForeground,
|
|
29
|
+
size: fontSize * 0.75
|
|
27
30
|
}
|
|
28
31
|
}));
|
|
29
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useBadgeVariantDefault","colors","radius","fontFamily","fontSize","root","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useBadgeVariantDefault","colors","radius","fontFamily","fontSize","root","flexDirection","gap","alignItems","alignSelf","backgroundColor","primary","paddingVertical","paddingHorizontal","borderRadius","text","color","primaryForeground","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,EAAE,KAAK;MACjBf;IACF,CAAC;IACDgB,IAAI,EAAE;MACJH,KAAK,EAAEf,MAAM,CAACgB,iBAAiB;MAC/BG,IAAI,EAAEhB,QAAQ,GAAG;IACnB;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -9,21 +9,24 @@ export const useBadgeVariantSecondary = () => {
|
|
|
9
9
|
fontSize
|
|
10
10
|
}) => ({
|
|
11
11
|
root: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
flexDirection: "row",
|
|
13
|
+
gap: 4,
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
alignSelf: "flex-start",
|
|
16
|
+
backgroundColor: colors.secondary,
|
|
17
|
+
paddingVertical: 4,
|
|
18
|
+
paddingHorizontal: 8,
|
|
19
|
+
borderRadius: radius
|
|
19
20
|
},
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
text: {
|
|
22
|
+
color: colors.secondaryForeground,
|
|
23
|
+
fontSize: fontSize * 0.75,
|
|
24
|
+
fontWeight: "600",
|
|
25
|
+
fontFamily
|
|
26
|
+
},
|
|
27
|
+
icon: {
|
|
28
|
+
color: colors.secondaryForeground,
|
|
29
|
+
size: fontSize * 0.75
|
|
27
30
|
}
|
|
28
31
|
}));
|
|
29
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useBadgeVariantSecondary","colors","radius","fontFamily","fontSize","root","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useBadgeVariantSecondary","colors","radius","fontFamily","fontSize","root","flexDirection","gap","alignItems","alignSelf","backgroundColor","secondary","paddingVertical","paddingHorizontal","borderRadius","text","color","secondaryForeground","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,EAAE,KAAK;MACjBf;IACF,CAAC;IACDgB,IAAI,EAAE;MACJH,KAAK,EAAEf,MAAM,CAACgB,mBAAmB;MACjCG,IAAI,EAAEhB,QAAQ,GAAG;IACnB;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useState","StyleSheet","TextInput","useFieldOptional","InputVariants","jsx","_jsx","calculateState","props","isFocused","isDisabled","Input","ref","variantStyles","variant","setIsFocused","state","field","composedStyles","flatten","default","style","composedProps","id","onChange","undefined","onChangeText","onFocus","e","onBlur","readOnly","displayName"],"sourceRoot":"../../../../src","sources":["components/input/input.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["forwardRef","useState","StyleSheet","TextInput","useFieldOptional","InputVariants","jsx","_jsx","calculateState","props","isFocused","isDisabled","Input","ref","variantStyles","variant","setIsFocused","state","field","composedStyles","flatten","default","style","composedProps","id","onChange","undefined","onChangeText","onFocus","e","onBlur","readOnly","displayName"],"sourceRoot":"../../../../src","sources":["components/input/input.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC5C,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AAEzE,SAASC,gBAAgB,QAAQ,qBAAkB;AAEnD,SAASC,aAAa,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU3C,MAAMC,cAAc,GAAGA,CAACC,KAAiB,EAAEC,SAAkB,KAAiB;EAC5E,IAAID,KAAK,CAACE,UAAU,EAAE;IACpB,OAAO,UAAU;EACnB;EACA,IAAID,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,MAAME,KAAK,gBAAGZ,UAAU,CAA2B,CAACS,KAAK,EAAEI,GAAG,KAAK;EACxE,MAAMC,aAAa,GAAGT,aAAa,CAACI,KAAK,CAACM,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EACjE,MAAM,CAACL,SAAS,EAAEM,YAAY,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMgB,KAAK,GAAGT,cAAc,CAACC,KAAK,EAAEC,SAAS,CAAC;EAC9C,MAAMQ,KAAK,GAAGd,gBAAgB,CAAC,CAAC;EAEhC,MAAMe,cAAc,GAAGjB,UAAU,CAACkB,OAAO,CAAC,CACxCN,aAAa,CAACO,OAAO,EAAEC,KAAK,EAC5BR,aAAa,CAACG,KAAK,CAAC,EAAEK,KAAK,EAC3Bb,KAAK,CAACa,KAAK,CACZ,CAAC;EACF,MAAMC,aAAa,GAAG;IACpB,GAAGT,aAAa,CAACO,OAAO;IACxB,GAAGP,aAAa,CAACG,KAAK,CAAC;IACvB,GAAGR;EACL,CAAC;EAED,oBACEF,IAAA,CAACJ,SAAS;IAAA,GACJoB,aAAa;IACjBV,GAAG,EAAEA,GAAI;IACTW,EAAE,EAAEN,KAAK,EAAEM,EAAG;IACdC,QAAQ,EAAEC,SAAU;IACpBC,YAAY,EAAElB,KAAK,CAACgB,QAAS;IAC7BG,OAAO,EAAGC,CAAC,IAAK;MACdb,YAAY,CAAC,IAAI,CAAC;MAClBP,KAAK,CAACmB,OAAO,GAAGC,CAAC,CAAC;IACpB,CAAE;IACFC,MAAM,EAAGD,CAAC,IAAK;MACbb,YAAY,CAAC,KAAK,CAAC;MACnBP,KAAK,CAACqB,MAAM,GAAGD,CAAC,CAAC;IACnB,CAAE;IACFE,QAAQ,EAAEtB,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACsB,QAAS;IAC7CT,KAAK,EAAEH;EAAe,CACvB,CAAC;AAEN,CAAC,CAAC;AAEFP,KAAK,CAACoB,WAAW,GAAG,OAAO","ignoreList":[]}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { Pressable } from "react-native";
|
|
5
|
+
import { useOrganizedChildren } from "../../../hooks/use-organized-children.js";
|
|
5
6
|
import { useMenu } from "../context.js";
|
|
6
|
-
import { useOrganizedChildren } from "../use-organized-children.js";
|
|
7
7
|
import { MenuSelectionIndicator } from "./menu-selection-indicator.js";
|
|
8
8
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
const calculateState = (isHovered, disabled) => {
|
|
@@ -23,7 +23,9 @@ export function MenuCheckboxItem(props) {
|
|
|
23
23
|
menu.setIsOpen(false);
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
const
|
|
26
|
+
const textStyles = menu.styles?.itemText;
|
|
27
|
+
const iconStyles = menu.styles?.itemIcon;
|
|
28
|
+
const organizedChildren = useOrganizedChildren(props.children, textStyles, iconStyles);
|
|
27
29
|
if (props.render) {
|
|
28
30
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
29
31
|
children: props.render({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","disabled","MenuCheckboxItem","props","menu","setIsHovered","state","composedStyle","styles","checkboxItem","default","style","handlePress","onCheckedChange","checked","closeOnPress","setIsOpen","textStyles","itemText","iconStyles","itemIcon","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","isSelected"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-checkbox-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,OAAO,QAAQ,eAAY;AAEpC,SAASC,sBAAsB,QAAQ,+BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYpE,MAAMC,cAAc,GAAGA,CACrBC,SAAkB,EAClBC,QAAkB,KACQ;EAC1B,IAAIA,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,MAAMC,IAAI,GAAGb,OAAO,CAAC,CAAC;EACtB,MAAM,CAACS,SAAS,EAAEK,YAAY,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMkB,KAAK,GAAGP,cAAc,CAACC,SAAS,EAAEG,KAAK,CAACF,QAAQ,CAAC;EAEvD,MAAMM,aAAa,GAAG,CACpBH,IAAI,CAACI,MAAM,EAAEC,YAAY,EAAEC,OAAO,EAClCN,IAAI,CAACI,MAAM,EAAEC,YAAY,GAAGH,KAAK,CAAC,EAClCH,KAAK,CAACQ,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIT,KAAK,CAACF,QAAQ,EAAE;IACpBE,KAAK,CAACU,eAAe,CAAC,CAACV,KAAK,CAACW,OAAO,CAAC;IACrC,IAAIX,KAAK,CAACY,YAAY,EAAE;MACtBX,IAAI,CAACY,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,UAAU,GAAGb,IAAI,CAACI,MAAM,EAAEU,QAAQ;EACxC,MAAMC,UAAU,GAAGf,IAAI,CAACI,MAAM,EAAEY,QAAQ;EAExC,MAAMC,iBAAiB,GAAG/B,oBAAoB,CAC5Ca,KAAK,CAACmB,QAAQ,EACdL,UAAU,EACVE,UACF,CAAC;EAED,IAAIhB,KAAK,CAACoB,MAAM,EAAE;IAChB,oBACE3B,IAAA,CAAAF,SAAA;MAAA4B,QAAA,EACGnB,KAAK,CAACoB,MAAM,CAAC;QACZ,GAAGpB,KAAK;QACRmB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEvB,KAAA,CAACT,SAAS;IACRmC,OAAO,EAAEZ,WAAY;IACrBa,cAAc,EAAEA,CAAA,KAAMpB,YAAY,CAAC,IAAI,CAAE;IACzCqB,cAAc,EAAEA,CAAA,KAAMrB,YAAY,CAAC,KAAK,CAAE;IAC1CJ,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzB0B,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEd,OAAO,EAAEX,KAAK,CAACW,OAAO;MAAEb,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACzEU,KAAK,EAAEJ,aAAc;IAAAe,QAAA,GAEpBD,iBAAiB,eAClBzB,IAAA,CAACJ,sBAAsB;MAACqC,UAAU,EAAE1B,KAAK,CAACW;IAAQ,CAAE,CAAC;EAAA,CAC5C,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { Pressable } from "react-native";
|
|
5
|
+
import { useOrganizedChildren } from "../../../hooks/use-organized-children.js";
|
|
5
6
|
import { useMenu } from "../context.js";
|
|
6
|
-
import { useOrganizedChildren } from "../use-organized-children.js";
|
|
7
7
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
const calculateState = isHovered => {
|
|
9
9
|
if (isHovered) {
|
|
@@ -20,7 +20,9 @@ export function MenuItem(props) {
|
|
|
20
20
|
props.onPress?.();
|
|
21
21
|
menu.setIsOpen(prev => !prev);
|
|
22
22
|
};
|
|
23
|
-
const
|
|
23
|
+
const textStyles = menu.styles?.itemText;
|
|
24
|
+
const iconStyles = menu.styles?.itemIcon;
|
|
25
|
+
const organizedChildren = useOrganizedChildren(props.children, textStyles, iconStyles);
|
|
24
26
|
if (props.render) {
|
|
25
27
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
26
28
|
children: props.render({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","Fragment","_Fragment","jsx","_jsx","calculateState","isHovered","MenuItem","props","menu","setIsHovered","state","composedStyle","styles","item","default","style","handlePress","onPress","setIsOpen","prev","textStyles","itemText","iconStyles","itemIcon","organizedChildren","children","render","onPointerEnter","onPointerLeave"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAWrC,MAAMC,cAAc,GAAIC,SAAkB,IAAsB;EAC9D,IAAIA,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,IAAI,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM,CAACM,SAAS,EAAEI,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,KAAK,GAAGN,cAAc,CAACC,SAAS,CAAC;EACvC,MAAMM,aAAa,GAAG,CACpBH,IAAI,CAACI,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAC1BN,IAAI,CAACI,MAAM,EAAEC,IAAI,GAAGH,KAAK,CAAC,EAC1BH,KAAK,CAACQ,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBT,KAAK,CAACU,OAAO,GAAG,CAAC;IACjBT,IAAI,CAACU,SAAS,CAAEC,IAAI,IAAK,CAACA,IAAI,CAAC;EACjC,CAAC;EAED,MAAMC,UAAU,GAAGZ,IAAI,CAACI,MAAM,EAAES,QAAQ;EACxC,MAAMC,UAAU,GAAGd,IAAI,CAACI,MAAM,EAAEW,QAAQ;EAExC,MAAMC,iBAAiB,GAAG1B,oBAAoB,CAC5CS,KAAK,CAACkB,QAAQ,EACdL,UAAU,EACVE,UACF,CAAC;EAED,IAAIf,KAAK,CAACmB,MAAM,EAAE;IAChB,oBACEvB,IAAA,CAAAF,SAAA;MAAAwB,QAAA,EACGlB,KAAK,CAACmB,MAAM,CAAC;QACZ,GAAGnB,KAAK;QACRkB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACErB,IAAA,CAACN,SAAS;IACRoB,OAAO,EAAED,WAAY;IACrBW,cAAc,EAAEA,CAAA,KAAMlB,YAAY,CAAC,IAAI,CAAE;IACzCmB,cAAc,EAAEA,CAAA,KAAMnB,YAAY,CAAC,KAAK,CAAE;IAC1CM,KAAK,EAAEJ,aAAc;IAAAc,QAAA,EAEpBD;EAAiB,CACT,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
4
|
import { Pressable } from "react-native";
|
|
5
|
+
import { useOrganizedChildren } from "../../../hooks/use-organized-children.js";
|
|
5
6
|
import { useMenu, useMenuRadioGroup } from "../context.js";
|
|
6
|
-
import { useOrganizedChildren } from "../use-organized-children.js";
|
|
7
7
|
import { MenuSelectionIndicator } from "./menu-selection-indicator.js";
|
|
8
8
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
const calculateState = (isHovered, isSelected, disabled) => {
|
|
@@ -26,7 +26,9 @@ export function MenuRadioItem(props) {
|
|
|
26
26
|
menu.setIsOpen(false);
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
const
|
|
29
|
+
const textStyles = menu.styles?.itemText;
|
|
30
|
+
const iconStyles = menu.styles?.itemIcon;
|
|
31
|
+
const organizedChildren = useOrganizedChildren(props.children, textStyles, iconStyles);
|
|
30
32
|
if (props.render) {
|
|
31
33
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
32
34
|
children: props.render({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","useMenuRadioGroup","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","isSelected","disabled","MenuRadioItem","props","menu","radioGroup","setIsHovered","value","state","composedStyle","styles","radioItem","default","style","handlePress","onValueChange","closeOnPress","setIsOpen","textStyles","itemText","iconStyles","itemIcon","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","checked"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-radio-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,eAAY;AAEvD,SAASC,sBAAsB,QAAQ,+BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWpE,MAAMC,cAAc,GAAGA,CACrBC,SAAkB,EAClBC,UAAmB,EACnBC,QAAkB,KACK;EACvB,IAAIA,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,IAAI,GAAGf,OAAO,CAAC,CAAC;EACtB,MAAMgB,UAAU,GAAGf,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACS,SAAS,EAAEO,YAAY,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,UAAU,GAAGK,UAAU,CAACE,KAAK,KAAKJ,KAAK,CAACI,KAAK;EACnD,MAAMC,KAAK,GAAGV,cAAc,CAACC,SAAS,EAAEC,UAAU,EAAEG,KAAK,CAACF,QAAQ,CAAC;EAEnE,MAAMQ,aAAa,GAAG,CACpBL,IAAI,CAACM,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAC/BR,IAAI,CAACM,MAAM,EAAEC,SAAS,GAAGH,KAAK,CAAC,EAC/BL,KAAK,CAACU,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIX,KAAK,CAACF,QAAQ,EAAE;IACpBI,UAAU,CAACU,aAAa,CAACZ,KAAK,CAACI,KAAK,CAAC;IACrC,IAAIJ,KAAK,CAACa,YAAY,EAAE;MACtBZ,IAAI,CAACa,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,UAAU,GAAGd,IAAI,CAACM,MAAM,EAAES,QAAQ;EACxC,MAAMC,UAAU,GAAGhB,IAAI,CAACM,MAAM,EAAEW,QAAQ;EAExC,MAAMC,iBAAiB,GAAGlC,oBAAoB,CAC5Ce,KAAK,CAACoB,QAAQ,EACdL,UAAU,EACVE,UACF,CAAC;EAED,IAAIjB,KAAK,CAACqB,MAAM,EAAE;IAChB,oBACE7B,IAAA,CAAAF,SAAA;MAAA8B,QAAA,EACGpB,KAAK,CAACqB,MAAM,CAAC;QACZ,GAAGrB,KAAK;QACRoB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEzB,KAAA,CAACV,SAAS;IACRsC,OAAO,EAAEX,WAAY;IACrBY,cAAc,EAAEA,CAAA,KAAMpB,YAAY,CAAC,IAAI,CAAE;IACzCqB,cAAc,EAAEA,CAAA,KAAMrB,YAAY,CAAC,KAAK,CAAE;IAC1CL,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzB2B,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAEC,OAAO,EAAE9B,UAAU;MAAEC,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACtEY,KAAK,EAAEJ,aAAc;IAAAc,QAAA,GAEpBD,iBAAiB,eAClB3B,IAAA,CAACJ,sBAAsB;MAACS,UAAU,EAAEA;IAAW,CAAE,CAAC;EAAA,CACzC,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
5
|
+
import { useOrganizedChildren } from "../../../hooks/use-organized-children.js";
|
|
6
|
+
import { useTabsContext } from "../context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const calculateState = (isActive, isDisabled, isHovered) => {
|
|
9
|
+
if (isDisabled) {
|
|
10
|
+
return "disabled";
|
|
11
|
+
}
|
|
12
|
+
if (isActive) {
|
|
13
|
+
return "active";
|
|
14
|
+
}
|
|
15
|
+
if (isHovered) {
|
|
16
|
+
return "hovered";
|
|
17
|
+
}
|
|
18
|
+
return "default";
|
|
19
|
+
};
|
|
20
|
+
export function TabsItem(props) {
|
|
21
|
+
const {
|
|
22
|
+
children,
|
|
23
|
+
value: triggerValue,
|
|
24
|
+
isDisabled = false,
|
|
25
|
+
style,
|
|
26
|
+
...pressableProps
|
|
27
|
+
} = props;
|
|
28
|
+
const {
|
|
29
|
+
value,
|
|
30
|
+
onChange,
|
|
31
|
+
styles
|
|
32
|
+
} = useTabsContext();
|
|
33
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
34
|
+
const isActive = value === triggerValue;
|
|
35
|
+
const state = calculateState(isActive, isDisabled, isHovered);
|
|
36
|
+
const handlePress = () => {
|
|
37
|
+
if (!isDisabled) {
|
|
38
|
+
onChange(triggerValue);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
const calculatedStyle = StyleSheet.flatten([styles?.item?.default, styles?.item?.[state], style]);
|
|
42
|
+
const textStyles = StyleSheet.flatten([styles?.itemText?.default, styles?.itemText?.[state]]);
|
|
43
|
+
const iconStyles = StyleSheet.flatten([styles?.itemIcon?.default, styles?.itemIcon?.[state]]);
|
|
44
|
+
const organizedChildren = useOrganizedChildren(children, textStyles, iconStyles ?? undefined);
|
|
45
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
46
|
+
...pressableProps,
|
|
47
|
+
onHoverIn: e => {
|
|
48
|
+
setIsHovered(true);
|
|
49
|
+
pressableProps.onHoverIn?.(e);
|
|
50
|
+
},
|
|
51
|
+
onHoverOut: e => {
|
|
52
|
+
setIsHovered(false);
|
|
53
|
+
pressableProps.onHoverOut?.(e);
|
|
54
|
+
},
|
|
55
|
+
disabled: isDisabled,
|
|
56
|
+
onPress: handlePress,
|
|
57
|
+
style: calculatedStyle,
|
|
58
|
+
children: organizedChildren
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=tabs-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","StyleSheet","useOrganizedChildren","useTabsContext","jsx","_jsx","calculateState","isActive","isDisabled","isHovered","TabsItem","props","children","value","triggerValue","style","pressableProps","onChange","styles","setIsHovered","state","handlePress","calculatedStyle","flatten","item","default","textStyles","itemText","iconStyles","itemIcon","organizedChildren","undefined","onHoverIn","e","onHoverOut","disabled","onPress"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,EACTC,UAAU,QAIL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,cAAc,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU5C,MAAMC,cAAc,GAAGA,CACrBC,QAAiB,EACjBC,UAAmB,EACnBC,SAAkB,KACA;EAClB,IAAID,UAAU,EAAE;IACd,OAAO,UAAU;EACnB;EACA,IAAID,QAAQ,EAAE;IACZ,OAAO,QAAQ;EACjB;EACA,IAAIE,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IACJC,QAAQ;IACRC,KAAK,EAAEC,YAAY;IACnBN,UAAU,GAAG,KAAK;IAClBO,KAAK;IACL,GAAGC;EACL,CAAC,GAAGL,KAAK;EACT,MAAM;IAAEE,KAAK;IAAEI,QAAQ;IAAEC;EAAO,CAAC,GAAGf,cAAc,CAAC,CAAC;EACpD,MAAM,CAACM,SAAS,EAAEU,YAAY,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMQ,QAAQ,GAAGM,KAAK,KAAKC,YAAY;EACvC,MAAMM,KAAK,GAAGd,cAAc,CAACC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,CAAC;EAE7D,MAAMY,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACb,UAAU,EAAE;MACfS,QAAQ,CAACH,YAAY,CAAC;IACxB;EACF,CAAC;EAED,MAAMQ,eAAe,GAAGrB,UAAU,CAACsB,OAAO,CAAC,CACzCL,MAAM,EAAEM,IAAI,EAAEC,OAAO,EACrBP,MAAM,EAAEM,IAAI,GAAGJ,KAAK,CAAC,EACrBL,KAAK,CACN,CAAC;EAEF,MAAMW,UAAU,GAAGzB,UAAU,CAACsB,OAAO,CAAC,CACpCL,MAAM,EAAES,QAAQ,EAAEF,OAAO,EACzBP,MAAM,EAAES,QAAQ,GAAGP,KAAK,CAAC,CAC1B,CAAC;EAEF,MAAMQ,UAAU,GAAG3B,UAAU,CAACsB,OAAO,CAAC,CACpCL,MAAM,EAAEW,QAAQ,EAAEJ,OAAO,EACzBP,MAAM,EAAEW,QAAQ,GAAGT,KAAK,CAAC,CAC1B,CAAC;EAEF,MAAMU,iBAAiB,GAAG5B,oBAAoB,CAC5CU,QAAQ,EACRc,UAAU,EACVE,UAAU,IAAIG,SAChB,CAAC;EAED,oBACE1B,IAAA,CAACL,SAAS;IAAA,GACJgB,cAAc;IAClBgB,SAAS,EAAGC,CAAC,IAAK;MAChBd,YAAY,CAAC,IAAI,CAAC;MAClBH,cAAc,CAACgB,SAAS,GAAGC,CAAC,CAAC;IAC/B,CAAE;IACFC,UAAU,EAAGD,CAAC,IAAK;MACjBd,YAAY,CAAC,KAAK,CAAC;MACnBH,cAAc,CAACkB,UAAU,GAAGD,CAAC,CAAC;IAChC,CAAE;IACFE,QAAQ,EAAE3B,UAAW;IACrB4B,OAAO,EAAEf,WAAY;IACrBN,KAAK,EAAEO,eAAgB;IAAAV,QAAA,EAEtBkB;EAAiB,CACT,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useMemo } from "react";
|
|
4
|
-
import { View } from "react-native";
|
|
4
|
+
import { StyleSheet, View } from "react-native";
|
|
5
5
|
import { TabsContext } from "../context.js";
|
|
6
6
|
import { TabsVariants } from "../variants/index.js";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -19,11 +19,12 @@ export function TabsRoot(props) {
|
|
|
19
19
|
onChange,
|
|
20
20
|
styles: variantStyles
|
|
21
21
|
}), [value, onChange, variantStyles]);
|
|
22
|
+
const composedStyles = StyleSheet.flatten([variantStyles?.root, style]);
|
|
22
23
|
return /*#__PURE__*/_jsx(TabsContext.Provider, {
|
|
23
24
|
value: contextValue,
|
|
24
25
|
children: /*#__PURE__*/_jsx(View, {
|
|
25
26
|
...viewProps,
|
|
26
|
-
style:
|
|
27
|
+
style: composedStyles,
|
|
27
28
|
children: children
|
|
28
29
|
})
|
|
29
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","View","TabsContext","TabsVariants","jsx","_jsx","TabsRoot","props","children","value","onChange","style","viewProps","variantStyles","variant","contextValue","styles","Provider"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","View","TabsContext","TabsVariants","jsx","_jsx","TabsRoot","props","children","value","onChange","style","viewProps","variantStyles","variant","contextValue","styles","composedStyles","flatten","root","Provider"],"sourceRoot":"../../../../../src","sources":["components/tabs/components/tabs-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,UAAU,EACVC,IAAI,QAIC,cAAc;AACrB,SAASC,WAAW,QAAQ,eAAY;AACxC,SAASC,YAAY,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU3C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGL,KAAK;EAChE,MAAMM,aAAa,GAAGV,YAAY,CAACI,KAAK,CAACO,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAEhE,MAAMC,YAAY,GAAGhB,OAAO,CAC1B,OAAO;IACLU,KAAK;IACLC,QAAQ;IACRM,MAAM,EAAEH;EACV,CAAC,CAAC,EACF,CAACJ,KAAK,EAAEC,QAAQ,EAAEG,aAAa,CACjC,CAAC;EACD,MAAMI,cAAc,GAAGjB,UAAU,CAACkB,OAAO,CAAC,CAACL,aAAa,EAAEM,IAAI,EAAER,KAAK,CAAC,CAAC;EAEvE,oBACEN,IAAA,CAACH,WAAW,CAACkB,QAAQ;IAACX,KAAK,EAAEM,YAAa;IAAAP,QAAA,eACxCH,IAAA,CAACJ,IAAI;MAAA,GAAKW,SAAS;MAAED,KAAK,EAAEM,cAAe;MAAAT,QAAA,EACxCA;IAAQ,CACL;EAAC,CACa,CAAC;AAE3B","ignoreList":[]}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { TabsItem } from "./components/tabs-item.js";
|
|
4
4
|
import { TabsRoot } from "./components/tabs-root.js";
|
|
5
|
-
import { TabsTrigger } from "./components/tabs-trigger.js";
|
|
6
|
-
import { TabsTriggerText } from "./components/tabs-trigger-text.js";
|
|
7
5
|
export const Tabs = {
|
|
8
6
|
Root: TabsRoot,
|
|
9
|
-
|
|
10
|
-
Trigger: TabsTrigger,
|
|
11
|
-
TriggerText: TabsTriggerText
|
|
7
|
+
Item: TabsItem
|
|
12
8
|
};
|
|
13
9
|
export * from "./types.js";
|
|
14
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["TabsItem","TabsRoot","Tabs","Root","Item"],"sourceRoot":"../../../../src","sources":["components/tabs/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,QAAQ,QAAQ,2BAAwB;AAEjD,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEF,QAAQ;EACdG,IAAI,EAAEJ;AACR,CAAC;AAID,cAAc,YAAS","ignoreList":[]}
|
|
@@ -8,18 +8,23 @@ export const useTabsVariantDefault = () => {
|
|
|
8
8
|
fontFamily,
|
|
9
9
|
fontSize
|
|
10
10
|
}) => ({
|
|
11
|
-
|
|
11
|
+
root: {
|
|
12
12
|
flexDirection: "row",
|
|
13
13
|
backgroundColor: colors.muted,
|
|
14
14
|
padding: 4,
|
|
15
15
|
borderRadius: radius,
|
|
16
16
|
gap: 4
|
|
17
17
|
},
|
|
18
|
-
|
|
18
|
+
item: {
|
|
19
19
|
default: {
|
|
20
|
-
|
|
20
|
+
flex: 1,
|
|
21
|
+
flexDirection: "row",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
justifyContent: "center",
|
|
24
|
+
gap: 8,
|
|
25
|
+
paddingVertical: 6,
|
|
21
26
|
paddingHorizontal: 12,
|
|
22
|
-
borderRadius: radius,
|
|
27
|
+
borderRadius: radius - 2,
|
|
23
28
|
backgroundColor: "transparent"
|
|
24
29
|
},
|
|
25
30
|
active: {
|
|
@@ -29,19 +34,32 @@ export const useTabsVariantDefault = () => {
|
|
|
29
34
|
width: 0,
|
|
30
35
|
height: 1
|
|
31
36
|
},
|
|
32
|
-
shadowOpacity: 0.
|
|
37
|
+
shadowOpacity: 0.05,
|
|
33
38
|
shadowRadius: 2,
|
|
34
|
-
elevation:
|
|
39
|
+
elevation: 1
|
|
35
40
|
},
|
|
36
41
|
disabled: {
|
|
37
42
|
opacity: 0.5
|
|
38
43
|
}
|
|
39
44
|
},
|
|
40
|
-
|
|
45
|
+
itemText: {
|
|
41
46
|
default: {
|
|
42
47
|
color: colors.mutedForeground,
|
|
43
48
|
fontSize,
|
|
44
|
-
fontFamily
|
|
49
|
+
fontFamily,
|
|
50
|
+
fontWeight: "500"
|
|
51
|
+
},
|
|
52
|
+
active: {
|
|
53
|
+
color: colors.foreground
|
|
54
|
+
},
|
|
55
|
+
disabled: {
|
|
56
|
+
color: colors.mutedForeground
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
itemIcon: {
|
|
60
|
+
default: {
|
|
61
|
+
color: colors.mutedForeground,
|
|
62
|
+
size: fontSize
|
|
45
63
|
},
|
|
46
64
|
active: {
|
|
47
65
|
color: colors.foreground
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useTabsVariantDefault","colors","radius","fontFamily","fontSize","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useTabsVariantDefault","colors","radius","fontFamily","fontSize","root","flexDirection","backgroundColor","muted","padding","borderRadius","gap","item","default","flex","alignItems","justifyContent","paddingVertical","paddingHorizontal","active","background","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","disabled","opacity","itemText","color","mutedForeground","fontWeight","foreground","itemIcon","size"],"sourceRoot":"../../../../../src","sources":["components/tabs/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAkB;EACrD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAkB;IACzDC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,eAAe,EAAEN,MAAM,CAACO,KAAK;MAC7BC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAER,MAAM;MACpBS,GAAG,EAAE;IACP,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,IAAI,EAAE,CAAC;QACPR,aAAa,EAAE,KAAK;QACpBS,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBL,GAAG,EAAE,CAAC;QACNM,eAAe,EAAE,CAAC;QAClBC,iBAAiB,EAAE,EAAE;QACrBR,YAAY,EAAER,MAAM,GAAG,CAAC;QACxBK,eAAe,EAAE;MACnB,CAAC;MACDY,MAAM,EAAE;QACNZ,eAAe,EAAEN,MAAM,CAACmB,UAAU;QAClCC,WAAW,EAAE,MAAM;QACnBC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE;QAAE,CAAC;QACrCC,aAAa,EAAE,IAAI;QACnBC,YAAY,EAAE,CAAC;QACfC,SAAS,EAAE;MACb,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,QAAQ,EAAE;MACRjB,OAAO,EAAE;QACPkB,KAAK,EAAE9B,MAAM,CAAC+B,eAAe;QAC7B5B,QAAQ;QACRD,UAAU;QACV8B,UAAU,EAAE;MACd,CAAC;MACDd,MAAM,EAAE;QACNY,KAAK,EAAE9B,MAAM,CAACiC;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRG,KAAK,EAAE9B,MAAM,CAAC+B;MAChB;IACF,CAAC;IACDG,QAAQ,EAAE;MACRtB,OAAO,EAAE;QACPkB,KAAK,EAAE9B,MAAM,CAAC+B,eAAe;QAC7BI,IAAI,EAAEhC;MACR,CAAC;MACDe,MAAM,EAAE;QACNY,KAAK,EAAE9B,MAAM,CAACiC;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRG,KAAK,EAAE9B,MAAM,CAAC+B;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -7,16 +7,20 @@ export const useTabsVariantLine = () => {
|
|
|
7
7
|
fontFamily,
|
|
8
8
|
fontSize
|
|
9
9
|
}) => ({
|
|
10
|
-
|
|
10
|
+
root: {
|
|
11
11
|
flexDirection: "row",
|
|
12
12
|
borderBottomWidth: 1,
|
|
13
|
-
borderBottomColor: colors.border
|
|
14
|
-
gap: 0
|
|
13
|
+
borderBottomColor: colors.border
|
|
15
14
|
},
|
|
16
|
-
|
|
15
|
+
item: {
|
|
17
16
|
default: {
|
|
18
|
-
|
|
17
|
+
flexDirection: "row",
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
justifyContent: "center",
|
|
20
|
+
gap: 8,
|
|
21
|
+
paddingVertical: 8,
|
|
19
22
|
paddingHorizontal: 16,
|
|
23
|
+
marginBottom: -1,
|
|
20
24
|
borderBottomWidth: 2,
|
|
21
25
|
borderBottomColor: "transparent",
|
|
22
26
|
backgroundColor: "transparent"
|
|
@@ -28,11 +32,24 @@ export const useTabsVariantLine = () => {
|
|
|
28
32
|
opacity: 0.5
|
|
29
33
|
}
|
|
30
34
|
},
|
|
31
|
-
|
|
35
|
+
itemText: {
|
|
32
36
|
default: {
|
|
33
37
|
color: colors.mutedForeground,
|
|
34
38
|
fontSize,
|
|
35
|
-
fontFamily
|
|
39
|
+
fontFamily,
|
|
40
|
+
fontWeight: "500"
|
|
41
|
+
},
|
|
42
|
+
active: {
|
|
43
|
+
color: colors.foreground
|
|
44
|
+
},
|
|
45
|
+
disabled: {
|
|
46
|
+
color: colors.mutedForeground
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
itemIcon: {
|
|
50
|
+
default: {
|
|
51
|
+
color: colors.mutedForeground,
|
|
52
|
+
size: fontSize
|
|
36
53
|
},
|
|
37
54
|
active: {
|
|
38
55
|
color: colors.foreground
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useTabsVariantLine","colors","fontFamily","fontSize","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useTabsVariantLine","colors","fontFamily","fontSize","root","flexDirection","borderBottomWidth","borderBottomColor","border","item","default","alignItems","justifyContent","gap","paddingVertical","paddingHorizontal","marginBottom","backgroundColor","active","primary","disabled","opacity","itemText","color","mutedForeground","fontWeight","foreground","itemIcon","size"],"sourceRoot":"../../../../../src","sources":["components/tabs/variants/line.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAkB;EAClD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAkB;IACjDC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEN,MAAM,CAACO;IAC5B,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPL,aAAa,EAAE,KAAK;QACpBM,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBC,GAAG,EAAE,CAAC;QACNC,eAAe,EAAE,CAAC;QAClBC,iBAAiB,EAAE,EAAE;QACrBC,YAAY,EAAE,CAAC,CAAC;QAChBV,iBAAiB,EAAE,CAAC;QACpBC,iBAAiB,EAAE,aAAa;QAChCU,eAAe,EAAE;MACnB,CAAC;MACDC,MAAM,EAAE;QACNX,iBAAiB,EAAEN,MAAM,CAACkB;MAC5B,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,QAAQ,EAAE;MACRZ,OAAO,EAAE;QACPa,KAAK,EAAEtB,MAAM,CAACuB,eAAe;QAC7BrB,QAAQ;QACRD,UAAU;QACVuB,UAAU,EAAE;MACd,CAAC;MACDP,MAAM,EAAE;QACNK,KAAK,EAAEtB,MAAM,CAACyB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRG,KAAK,EAAEtB,MAAM,CAACuB;MAChB;IACF,CAAC;IACDG,QAAQ,EAAE;MACRjB,OAAO,EAAE;QACPa,KAAK,EAAEtB,MAAM,CAACuB,eAAe;QAC7BI,IAAI,EAAEzB;MACR,CAAC;MACDe,MAAM,EAAE;QACNK,KAAK,EAAEtB,MAAM,CAACyB;MAChB,CAAC;MACDN,QAAQ,EAAE;QACRG,KAAK,EAAEtB,MAAM,CAACuB;MAChB;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useToast","jsx","_jsx","ToastIcon","render","Component","props","toast","composedProps","styles","icon","style","absoluteStrokeWidth"],"sourceRoot":"../../../../../src","sources":["components/toast/components/toast-icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItC,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM,EAAEC,SAAS;EACjB,GAAGC;
|
|
1
|
+
{"version":3,"names":["React","useToast","jsx","_jsx","ToastIcon","render","Component","props","toast","composedProps","styles","icon","style","absoluteStrokeWidth"],"sourceRoot":"../../../../../src","sources":["components/toast/components/toast-icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,QAAQ,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItC,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM,EAAEC,SAAS;EACjB,GAAGC;AAC8B,CAAC,EAAE;EACpC,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,MAAMQ,aAAa,GAAG;IACpB,GAAGD,KAAK,CAACE,MAAM,EAAEC,IAAI;IACrB,GAAGJ,KAAK;IACRK,KAAK,EAAE,CAACJ,KAAK,CAACE,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEL,KAAK,CAACK,KAAK;EAChD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAACO,mBAAmB;IAAA,GAAKJ;EAAa,CAAG,CAAC;AAC7D","ignoreList":[]}
|
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useMemo } from "react";
|
|
4
4
|
import { Text } from "react-native";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import { useMenu } from "./context.js";
|
|
5
|
+
import { Icon } from "../components/icon/index.js";
|
|
6
|
+
import { getElementProp } from "../utils/element-utils.js";
|
|
8
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
export function useOrganizedChildren(children) {
|
|
10
|
-
const menu = useMenu();
|
|
8
|
+
export function useOrganizedChildren(children, textStyle, iconProps) {
|
|
11
9
|
const organizedChildren = useMemo(() => {
|
|
12
10
|
if (typeof children === "string") {
|
|
13
11
|
return /*#__PURE__*/_jsx(Text, {
|
|
14
|
-
style:
|
|
12
|
+
style: textStyle,
|
|
15
13
|
children: children
|
|
16
14
|
});
|
|
17
15
|
}
|
|
@@ -19,21 +17,21 @@ export function useOrganizedChildren(children) {
|
|
|
19
17
|
return children.map((child, index) => {
|
|
20
18
|
if (typeof child === "string") {
|
|
21
19
|
return /*#__PURE__*/_jsx(Text, {
|
|
22
|
-
style:
|
|
20
|
+
style: textStyle,
|
|
23
21
|
children: child
|
|
24
22
|
}, index);
|
|
25
23
|
} else if (/*#__PURE__*/React.isValidElement(child) && child.type === Icon) {
|
|
26
24
|
return /*#__PURE__*/React.cloneElement(child, {
|
|
27
25
|
key: child.key,
|
|
28
|
-
...
|
|
29
|
-
style: [
|
|
26
|
+
...iconProps,
|
|
27
|
+
style: [iconProps?.style, getElementProp(child, "style")]
|
|
30
28
|
});
|
|
31
29
|
}
|
|
32
30
|
return child;
|
|
33
31
|
});
|
|
34
32
|
}
|
|
35
33
|
return children;
|
|
36
|
-
}, [children,
|
|
34
|
+
}, [children, iconProps, textStyle]);
|
|
37
35
|
return organizedChildren;
|
|
38
36
|
}
|
|
39
37
|
//# sourceMappingURL=use-organized-children.js.map
|