@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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"badge-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/badge/components/badge-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,SAAS,CAAC;IAEpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBAkB9C"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare function useOrganizedChildren(children: React.ReactNode): number | bigint | boolean | any[] | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
|
|
3
|
-
//# sourceMappingURL=use-organized-children.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-organized-children.d.ts","sourceRoot":"","sources":["../../../../../src/components/menu/use-organized-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,kSA+B7D"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
|
|
3
|
-
export interface TabsListProps extends ViewProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
style?: StyleProp<ViewStyle>;
|
|
6
|
-
}
|
|
7
|
-
export declare function TabsList(props: TabsListProps): React.JSX.Element;
|
|
8
|
-
//# sourceMappingURL=tabs-list.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-list.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tabs/components/tabs-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAW5C"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type StyleProp, type TextProps, type TextStyle } from "react-native";
|
|
3
|
-
export interface TabsTriggerTextProps extends TextProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
value: string;
|
|
6
|
-
isDisabled?: boolean;
|
|
7
|
-
style?: StyleProp<TextStyle>;
|
|
8
|
-
}
|
|
9
|
-
export declare function TabsTriggerText(props: TabsTriggerTextProps): React.JSX.Element;
|
|
10
|
-
//# sourceMappingURL=tabs-trigger-text.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-trigger-text.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tabs/components/tabs-trigger-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpF,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAc1D"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tabs/components/tabs-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9F,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAYD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAoBlD"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { calculateComposedStyles } from "../../../utils/calculate-styles";
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { type StyleProp, Text, type TextStyle } from "react-native";
|
|
4
|
-
import { useBadge } from "../context";
|
|
5
|
-
|
|
6
|
-
export interface BadgeLabelProps {
|
|
7
|
-
children?: string;
|
|
8
|
-
|
|
9
|
-
render?: (props: BadgeLabelProps) => React.ReactNode;
|
|
10
|
-
|
|
11
|
-
style?: StyleProp<TextStyle>;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export function BadgeLabel(props: BadgeLabelProps) {
|
|
15
|
-
const badge = useBadge();
|
|
16
|
-
|
|
17
|
-
const composedStyle = calculateComposedStyles(badge.styles, badge.state, "label", props.style);
|
|
18
|
-
|
|
19
|
-
const Component = props.render ?? Text;
|
|
20
|
-
return <Component {...props} style={composedStyle} />;
|
|
21
|
-
}
|
|
@@ -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,21 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { View, type StyleProp, type ViewProps, type ViewStyle } from "react-native";
|
|
3
|
-
import { useTabsContext } from "../context";
|
|
4
|
-
|
|
5
|
-
export interface TabsListProps extends ViewProps {
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
style?: StyleProp<ViewStyle>;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export function TabsList(props: TabsListProps) {
|
|
11
|
-
const { children, style, ...viewProps } = props;
|
|
12
|
-
const { styles } = useTabsContext();
|
|
13
|
-
|
|
14
|
-
const calculatedStyle = [styles?.list, style];
|
|
15
|
-
|
|
16
|
-
return (
|
|
17
|
-
<View {...viewProps} style={calculatedStyle}>
|
|
18
|
-
{children}
|
|
19
|
-
</View>
|
|
20
|
-
);
|
|
21
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Text, type StyleProp, type TextProps, type TextStyle } from "react-native";
|
|
3
|
-
import { useTabsContext } from "../context";
|
|
4
|
-
|
|
5
|
-
export interface TabsTriggerTextProps extends TextProps {
|
|
6
|
-
children: React.ReactNode;
|
|
7
|
-
value: string;
|
|
8
|
-
isDisabled?: boolean;
|
|
9
|
-
style?: StyleProp<TextStyle>;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export function TabsTriggerText(props: TabsTriggerTextProps) {
|
|
13
|
-
const { children, value: triggerValue, isDisabled, style, ...textProps } = props;
|
|
14
|
-
const { value, styles } = useTabsContext();
|
|
15
|
-
|
|
16
|
-
const isActive = value === triggerValue;
|
|
17
|
-
const state = isDisabled ? "disabled" : isActive ? "active" : "default";
|
|
18
|
-
|
|
19
|
-
const calculatedStyle = [styles?.triggerText?.default, styles?.triggerText?.[state], style];
|
|
20
|
-
|
|
21
|
-
return (
|
|
22
|
-
<Text {...textProps} style={calculatedStyle}>
|
|
23
|
-
{children}
|
|
24
|
-
</Text>
|
|
25
|
-
);
|
|
26
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
-
import { useTabsContext } from "../context";
|
|
4
|
-
import type { TabsState } from "../types";
|
|
5
|
-
|
|
6
|
-
export interface TabsTriggerProps extends PressableProps {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
value: string;
|
|
9
|
-
isDisabled?: boolean;
|
|
10
|
-
style?: StyleProp<ViewStyle>;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
const calculateState = (isActive: boolean, isDisabled: boolean | undefined): TabsState => {
|
|
14
|
-
if (isDisabled) {
|
|
15
|
-
return "disabled";
|
|
16
|
-
}
|
|
17
|
-
if (isActive) {
|
|
18
|
-
return "active";
|
|
19
|
-
}
|
|
20
|
-
return "default";
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export function TabsTrigger(props: TabsTriggerProps) {
|
|
24
|
-
const { children, value: triggerValue, isDisabled, style, ...pressableProps } = props;
|
|
25
|
-
const { value, onChange, styles } = useTabsContext();
|
|
26
|
-
|
|
27
|
-
const isActive = value === triggerValue;
|
|
28
|
-
const state = calculateState(isActive, isDisabled);
|
|
29
|
-
|
|
30
|
-
const handlePress = () => {
|
|
31
|
-
if (!isDisabled) {
|
|
32
|
-
onChange(triggerValue);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
const calculatedStyle = [styles?.trigger?.default, styles?.trigger?.[state], style];
|
|
37
|
-
|
|
38
|
-
return (
|
|
39
|
-
<Pressable {...pressableProps} disabled={isDisabled} onPress={handlePress} style={calculatedStyle}>
|
|
40
|
-
{children}
|
|
41
|
-
</Pressable>
|
|
42
|
-
);
|
|
43
|
-
}
|