@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.
Files changed (116) hide show
  1. package/dist/module/components/avatar/components/avatar-image.js.map +1 -1
  2. package/dist/module/components/badge/badge.js +30 -0
  3. package/dist/module/components/badge/badge.js.map +1 -0
  4. package/dist/module/components/badge/context.js.map +1 -1
  5. package/dist/module/components/badge/index.js +1 -6
  6. package/dist/module/components/badge/index.js.map +1 -1
  7. package/dist/module/components/badge/variants/default.js +17 -14
  8. package/dist/module/components/badge/variants/default.js.map +1 -1
  9. package/dist/module/components/badge/variants/secondary.js +17 -14
  10. package/dist/module/components/badge/variants/secondary.js.map +1 -1
  11. package/dist/module/components/input/input.js.map +1 -1
  12. package/dist/module/components/menu/components/menu-checkbox-item.js +4 -2
  13. package/dist/module/components/menu/components/menu-checkbox-item.js.map +1 -1
  14. package/dist/module/components/menu/components/menu-item.js +4 -2
  15. package/dist/module/components/menu/components/menu-item.js.map +1 -1
  16. package/dist/module/components/menu/components/menu-radio-item.js +4 -2
  17. package/dist/module/components/menu/components/menu-radio-item.js.map +1 -1
  18. package/dist/module/components/tabs/components/tabs-item.js +61 -0
  19. package/dist/module/components/tabs/components/tabs-item.js.map +1 -0
  20. package/dist/module/components/tabs/components/tabs-root.js +3 -2
  21. package/dist/module/components/tabs/components/tabs-root.js.map +1 -1
  22. package/dist/module/components/tabs/index.js +2 -6
  23. package/dist/module/components/tabs/index.js.map +1 -1
  24. package/dist/module/components/tabs/variants/default.js +26 -8
  25. package/dist/module/components/tabs/variants/default.js.map +1 -1
  26. package/dist/module/components/tabs/variants/line.js +24 -7
  27. package/dist/module/components/tabs/variants/line.js.map +1 -1
  28. package/dist/module/components/toast/components/toast-icon.js.map +1 -1
  29. package/dist/module/{components/menu → hooks}/use-organized-children.js +8 -10
  30. package/dist/module/hooks/use-organized-children.js.map +1 -0
  31. package/dist/module/themes/provider.js.map +1 -1
  32. package/dist/typescript/src/components/avatar/components/avatar-image.d.ts.map +1 -1
  33. package/dist/typescript/src/components/badge/badge.d.ts +12 -0
  34. package/dist/typescript/src/components/badge/badge.d.ts.map +1 -0
  35. package/dist/typescript/src/components/badge/context.d.ts +1 -2
  36. package/dist/typescript/src/components/badge/context.d.ts.map +1 -1
  37. package/dist/typescript/src/components/badge/index.d.ts +1 -8
  38. package/dist/typescript/src/components/badge/index.d.ts.map +1 -1
  39. package/dist/typescript/src/components/badge/types.d.ts +6 -5
  40. package/dist/typescript/src/components/badge/types.d.ts.map +1 -1
  41. package/dist/typescript/src/components/badge/variants/default.d.ts.map +1 -1
  42. package/dist/typescript/src/components/badge/variants/secondary.d.ts.map +1 -1
  43. package/dist/typescript/src/components/input/input.d.ts +1 -1
  44. package/dist/typescript/src/components/input/input.d.ts.map +1 -1
  45. package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts.map +1 -1
  46. package/dist/typescript/src/components/menu/components/menu-item.d.ts.map +1 -1
  47. package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts.map +1 -1
  48. package/dist/typescript/src/components/menu/types.d.ts +2 -1
  49. package/dist/typescript/src/components/menu/types.d.ts.map +1 -1
  50. package/dist/typescript/src/components/tabs/components/{tabs-trigger.d.ts → tabs-item.d.ts} +3 -3
  51. package/dist/typescript/src/components/tabs/components/tabs-item.d.ts.map +1 -0
  52. package/dist/typescript/src/components/tabs/components/tabs-root.d.ts.map +1 -1
  53. package/dist/typescript/src/components/tabs/index.d.ts +3 -9
  54. package/dist/typescript/src/components/tabs/index.d.ts.map +1 -1
  55. package/dist/typescript/src/components/tabs/types.d.ts +8 -7
  56. package/dist/typescript/src/components/tabs/types.d.ts.map +1 -1
  57. package/dist/typescript/src/components/tabs/variants/default.d.ts.map +1 -1
  58. package/dist/typescript/src/components/tabs/variants/line.d.ts.map +1 -1
  59. package/dist/typescript/src/components/toast/components/toast-icon.d.ts +1 -1
  60. package/dist/typescript/src/components/toast/components/toast-icon.d.ts.map +1 -1
  61. package/dist/typescript/src/hooks/use-organized-children.d.ts +5 -0
  62. package/dist/typescript/src/hooks/use-organized-children.d.ts.map +1 -0
  63. package/dist/typescript/src/themes/provider.d.ts +3 -3
  64. package/dist/typescript/src/themes/provider.d.ts.map +1 -1
  65. package/dist/typescript/src/types/props.types.d.ts +2 -1
  66. package/dist/typescript/src/types/props.types.d.ts.map +1 -1
  67. package/package.json +1 -1
  68. package/src/components/avatar/components/avatar-image.tsx +14 -2
  69. package/src/components/badge/badge.tsx +46 -0
  70. package/src/components/badge/context.ts +1 -2
  71. package/src/components/badge/index.ts +1 -10
  72. package/src/components/badge/types.ts +6 -6
  73. package/src/components/badge/variants/default.tsx +17 -14
  74. package/src/components/badge/variants/secondary.tsx +17 -14
  75. package/src/components/input/input.tsx +6 -2
  76. package/src/components/menu/components/menu-checkbox-item.tsx +9 -2
  77. package/src/components/menu/components/menu-item.tsx +9 -2
  78. package/src/components/menu/components/menu-radio-item.tsx +9 -2
  79. package/src/components/menu/types.ts +2 -1
  80. package/src/components/tabs/components/tabs-item.tsx +96 -0
  81. package/src/components/tabs/components/tabs-root.tsx +9 -2
  82. package/src/components/tabs/index.ts +3 -9
  83. package/src/components/tabs/types.ts +8 -7
  84. package/src/components/tabs/variants/default.tsx +25 -7
  85. package/src/components/tabs/variants/line.tsx +22 -5
  86. package/src/components/toast/components/toast-icon.tsx +1 -1
  87. package/src/{components/menu → hooks}/use-organized-children.tsx +14 -15
  88. package/src/themes/provider.tsx +5 -3
  89. package/src/types/props.types.ts +2 -1
  90. package/dist/module/components/badge/components/badge-label.js +0 -17
  91. package/dist/module/components/badge/components/badge-label.js.map +0 -1
  92. package/dist/module/components/badge/components/badge-root.js +0 -27
  93. package/dist/module/components/badge/components/badge-root.js.map +0 -1
  94. package/dist/module/components/menu/use-organized-children.js.map +0 -1
  95. package/dist/module/components/tabs/components/tabs-list.js +0 -23
  96. package/dist/module/components/tabs/components/tabs-list.js.map +0 -1
  97. package/dist/module/components/tabs/components/tabs-trigger-text.js +0 -28
  98. package/dist/module/components/tabs/components/tabs-trigger-text.js.map +0 -1
  99. package/dist/module/components/tabs/components/tabs-trigger.js +0 -45
  100. package/dist/module/components/tabs/components/tabs-trigger.js.map +0 -1
  101. package/dist/typescript/src/components/badge/components/badge-label.d.ts +0 -9
  102. package/dist/typescript/src/components/badge/components/badge-label.d.ts.map +0 -1
  103. package/dist/typescript/src/components/badge/components/badge-root.d.ts +0 -13
  104. package/dist/typescript/src/components/badge/components/badge-root.d.ts.map +0 -1
  105. package/dist/typescript/src/components/menu/use-organized-children.d.ts +0 -3
  106. package/dist/typescript/src/components/menu/use-organized-children.d.ts.map +0 -1
  107. package/dist/typescript/src/components/tabs/components/tabs-list.d.ts +0 -8
  108. package/dist/typescript/src/components/tabs/components/tabs-list.d.ts.map +0 -1
  109. package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts +0 -10
  110. package/dist/typescript/src/components/tabs/components/tabs-trigger-text.d.ts.map +0 -1
  111. package/dist/typescript/src/components/tabs/components/tabs-trigger.d.ts.map +0 -1
  112. package/src/components/badge/components/badge-label.tsx +0 -21
  113. package/src/components/badge/components/badge-root.tsx +0 -36
  114. package/src/components/tabs/components/tabs-list.tsx +0 -21
  115. package/src/components/tabs/components/tabs-trigger-text.tsx +0 -26
  116. 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
- }