@korsolutions/ui 0.0.62 → 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 +1 -1
- package/dist/module/components/tabs/components/tabs-item.js.map +1 -1
- package/dist/module/components/toast/components/toast-icon.js.map +1 -1
- package/dist/module/{components/tabs → hooks}/use-organized-children.js +2 -2
- 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/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 +1 -1
- package/src/components/toast/components/toast-icon.tsx +1 -1
- package/src/{components/tabs → hooks}/use-organized-children.tsx +3 -3
- 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 +0 -39
- package/dist/module/components/menu/use-organized-children.js.map +0 -1
- package/dist/module/components/tabs/use-organized-children.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/use-organized-children.d.ts +0 -5
- package/dist/typescript/src/components/tabs/use-organized-children.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/menu/use-organized-children.tsx +0 -38
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { ElementChildren } from "../../../types/element.types";
|
|
2
|
-
import { calculateComposedStyles } from "../../../utils/calculate-styles";
|
|
3
|
-
import React from "react";
|
|
4
|
-
import { type StyleProp, View, type ViewStyle } from "react-native";
|
|
5
|
-
import { BadgeContext } from "../context";
|
|
6
|
-
import { BadgeVariants } from "../variants";
|
|
7
|
-
|
|
8
|
-
export interface BadgeRootProps {
|
|
9
|
-
variant?: keyof typeof BadgeVariants;
|
|
10
|
-
color?: string;
|
|
11
|
-
children?: ElementChildren;
|
|
12
|
-
|
|
13
|
-
render?: (props: BadgeRootProps) => React.ReactNode;
|
|
14
|
-
|
|
15
|
-
style?: StyleProp<ViewStyle>;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export function BadgeRoot(props: BadgeRootProps) {
|
|
19
|
-
const variantStyles = BadgeVariants[props.variant || "default"]();
|
|
20
|
-
|
|
21
|
-
const customStyle = props.color ? { backgroundColor: props.color } : undefined;
|
|
22
|
-
|
|
23
|
-
const composedStyle = calculateComposedStyles(variantStyles, "default", "root", props.style);
|
|
24
|
-
|
|
25
|
-
const Component = props.render ?? View;
|
|
26
|
-
return (
|
|
27
|
-
<BadgeContext.Provider
|
|
28
|
-
value={{
|
|
29
|
-
state: "default",
|
|
30
|
-
styles: variantStyles,
|
|
31
|
-
}}
|
|
32
|
-
>
|
|
33
|
-
<Component {...props} style={[composedStyle, customStyle]} />
|
|
34
|
-
</BadgeContext.Provider>
|
|
35
|
-
);
|
|
36
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React, { useMemo } from "react";
|
|
2
|
-
import { Text } from "react-native";
|
|
3
|
-
import { getElementProp } from "../../utils/element-utils";
|
|
4
|
-
import { Icon } from "../icon";
|
|
5
|
-
import { useMenu } from "./context";
|
|
6
|
-
|
|
7
|
-
export function useOrganizedChildren(children: React.ReactNode) {
|
|
8
|
-
const menu = useMenu();
|
|
9
|
-
|
|
10
|
-
const organizedChildren = useMemo(() => {
|
|
11
|
-
if (typeof children === "string") {
|
|
12
|
-
return <Text style={menu.styles?.itemText}>{children}</Text>;
|
|
13
|
-
}
|
|
14
|
-
if (Array.isArray(children)) {
|
|
15
|
-
return children.map((child, index) => {
|
|
16
|
-
if (typeof child === "string") {
|
|
17
|
-
return (
|
|
18
|
-
<Text key={index} style={menu.styles?.itemText}>
|
|
19
|
-
{child}
|
|
20
|
-
</Text>
|
|
21
|
-
);
|
|
22
|
-
} else if (React.isValidElement(child) && child.type === Icon) {
|
|
23
|
-
return React.cloneElement(child as React.ReactElement<any>, {
|
|
24
|
-
key: child.key,
|
|
25
|
-
...menu.styles?.itemIcon,
|
|
26
|
-
style: [
|
|
27
|
-
menu.styles?.itemIcon?.style,
|
|
28
|
-
getElementProp(child, "style"),
|
|
29
|
-
],
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
return child;
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
return children;
|
|
36
|
-
}, [children, menu.styles?.itemIcon]);
|
|
37
|
-
return organizedChildren;
|
|
38
|
-
}
|