@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.
Files changed (85) 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 +1 -1
  19. package/dist/module/components/tabs/components/tabs-item.js.map +1 -1
  20. package/dist/module/components/toast/components/toast-icon.js.map +1 -1
  21. package/dist/module/{components/tabs → hooks}/use-organized-children.js +2 -2
  22. package/dist/module/hooks/use-organized-children.js.map +1 -0
  23. package/dist/module/themes/provider.js.map +1 -1
  24. package/dist/typescript/src/components/avatar/components/avatar-image.d.ts.map +1 -1
  25. package/dist/typescript/src/components/badge/badge.d.ts +12 -0
  26. package/dist/typescript/src/components/badge/badge.d.ts.map +1 -0
  27. package/dist/typescript/src/components/badge/context.d.ts +1 -2
  28. package/dist/typescript/src/components/badge/context.d.ts.map +1 -1
  29. package/dist/typescript/src/components/badge/index.d.ts +1 -8
  30. package/dist/typescript/src/components/badge/index.d.ts.map +1 -1
  31. package/dist/typescript/src/components/badge/types.d.ts +6 -5
  32. package/dist/typescript/src/components/badge/types.d.ts.map +1 -1
  33. package/dist/typescript/src/components/badge/variants/default.d.ts.map +1 -1
  34. package/dist/typescript/src/components/badge/variants/secondary.d.ts.map +1 -1
  35. package/dist/typescript/src/components/input/input.d.ts +1 -1
  36. package/dist/typescript/src/components/input/input.d.ts.map +1 -1
  37. package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts.map +1 -1
  38. package/dist/typescript/src/components/menu/components/menu-item.d.ts.map +1 -1
  39. package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts.map +1 -1
  40. package/dist/typescript/src/components/menu/types.d.ts +2 -1
  41. package/dist/typescript/src/components/menu/types.d.ts.map +1 -1
  42. package/dist/typescript/src/components/toast/components/toast-icon.d.ts +1 -1
  43. package/dist/typescript/src/components/toast/components/toast-icon.d.ts.map +1 -1
  44. package/dist/typescript/src/hooks/use-organized-children.d.ts +5 -0
  45. package/dist/typescript/src/hooks/use-organized-children.d.ts.map +1 -0
  46. package/dist/typescript/src/themes/provider.d.ts +3 -3
  47. package/dist/typescript/src/themes/provider.d.ts.map +1 -1
  48. package/dist/typescript/src/types/props.types.d.ts +2 -1
  49. package/dist/typescript/src/types/props.types.d.ts.map +1 -1
  50. package/package.json +1 -1
  51. package/src/components/avatar/components/avatar-image.tsx +14 -2
  52. package/src/components/badge/badge.tsx +46 -0
  53. package/src/components/badge/context.ts +1 -2
  54. package/src/components/badge/index.ts +1 -10
  55. package/src/components/badge/types.ts +6 -6
  56. package/src/components/badge/variants/default.tsx +17 -14
  57. package/src/components/badge/variants/secondary.tsx +17 -14
  58. package/src/components/input/input.tsx +6 -2
  59. package/src/components/menu/components/menu-checkbox-item.tsx +9 -2
  60. package/src/components/menu/components/menu-item.tsx +9 -2
  61. package/src/components/menu/components/menu-radio-item.tsx +9 -2
  62. package/src/components/menu/types.ts +2 -1
  63. package/src/components/tabs/components/tabs-item.tsx +1 -1
  64. package/src/components/toast/components/toast-icon.tsx +1 -1
  65. package/src/{components/tabs → hooks}/use-organized-children.tsx +3 -3
  66. package/src/themes/provider.tsx +5 -3
  67. package/src/types/props.types.ts +2 -1
  68. package/dist/module/components/badge/components/badge-label.js +0 -17
  69. package/dist/module/components/badge/components/badge-label.js.map +0 -1
  70. package/dist/module/components/badge/components/badge-root.js +0 -27
  71. package/dist/module/components/badge/components/badge-root.js.map +0 -1
  72. package/dist/module/components/menu/use-organized-children.js +0 -39
  73. package/dist/module/components/menu/use-organized-children.js.map +0 -1
  74. package/dist/module/components/tabs/use-organized-children.js.map +0 -1
  75. package/dist/typescript/src/components/badge/components/badge-label.d.ts +0 -9
  76. package/dist/typescript/src/components/badge/components/badge-label.d.ts.map +0 -1
  77. package/dist/typescript/src/components/badge/components/badge-root.d.ts +0 -13
  78. package/dist/typescript/src/components/badge/components/badge-root.d.ts.map +0 -1
  79. package/dist/typescript/src/components/menu/use-organized-children.d.ts +0 -3
  80. package/dist/typescript/src/components/menu/use-organized-children.d.ts.map +0 -1
  81. package/dist/typescript/src/components/tabs/use-organized-children.d.ts +0 -5
  82. package/dist/typescript/src/components/tabs/use-organized-children.d.ts.map +0 -1
  83. package/src/components/badge/components/badge-label.tsx +0 -21
  84. package/src/components/badge/components/badge-root.tsx +0 -36
  85. 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
- }