@herca/rn-kit 0.1.34 → 0.1.35

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 (108) hide show
  1. package/lib/module/Accordion/Accordion.js +11 -2
  2. package/lib/module/Accordion/Accordion.js.map +1 -1
  3. package/lib/module/Accordion/AccordionItem.js +1 -0
  4. package/lib/module/Accordion/AccordionItem.js.map +1 -1
  5. package/lib/module/Accordion/README.md +14 -11
  6. package/lib/module/BadgeIcon/BadgeIcon.js +117 -0
  7. package/lib/module/BadgeIcon/BadgeIcon.js.map +1 -0
  8. package/lib/module/BadgeIcon/README.md +77 -0
  9. package/lib/module/BadgeIcon/type.js +2 -0
  10. package/lib/module/BadgeIcon/type.js.map +1 -0
  11. package/lib/module/BottomSheet/BottomSheet.js +1 -1
  12. package/lib/module/BottomSheet/BottomSheet.js.map +1 -1
  13. package/lib/module/CheckBox/CheckBox.js +65 -32
  14. package/lib/module/CheckBox/CheckBox.js.map +1 -1
  15. package/lib/module/CheckBox/CheckBoxList.js +10 -2
  16. package/lib/module/CheckBox/CheckBoxList.js.map +1 -1
  17. package/lib/module/CheckBox/README_CHECKBOX.md +10 -7
  18. package/lib/module/CheckBox/README_CHECKBOXLIST.md +13 -7
  19. package/lib/module/CheckBox/type.js +2 -0
  20. package/lib/module/CheckBox/type.js.map +1 -0
  21. package/lib/module/Icon/Icon.js +7 -1
  22. package/lib/module/Icon/Icon.js.map +1 -1
  23. package/lib/module/Icon/README.md +3 -0
  24. package/lib/module/Icon/icons/CopyFill.js +25 -0
  25. package/lib/module/Icon/icons/CopyFill.js.map +1 -0
  26. package/lib/module/Icon/icons/CopyTextFill.js +22 -0
  27. package/lib/module/Icon/icons/CopyTextFill.js.map +1 -0
  28. package/lib/module/Icon/icons/RadioButton.js +0 -1
  29. package/lib/module/Icon/icons/RadioButton.js.map +1 -1
  30. package/lib/module/Icon/icons/ShieldFillChecked.js +22 -0
  31. package/lib/module/Icon/icons/ShieldFillChecked.js.map +1 -0
  32. package/lib/module/Input/Input.js +19 -23
  33. package/lib/module/Input/Input.js.map +1 -1
  34. package/lib/module/Input/README_INPUT.md +17 -15
  35. package/lib/module/Tab/Tab.js +3 -3
  36. package/lib/module/Tab/Tab.js.map +1 -1
  37. package/lib/module/Tab/TabItem.js.map +1 -1
  38. package/lib/module/Timeline/README.md +5 -5
  39. package/lib/module/Timeline/TimelineItem.js +4 -1
  40. package/lib/module/Timeline/TimelineItem.js.map +1 -1
  41. package/lib/module/index.js +1 -0
  42. package/lib/module/index.js.map +1 -1
  43. package/lib/typescript/src/Accordion/Accordion.d.ts +1 -1
  44. package/lib/typescript/src/Accordion/Accordion.d.ts.map +1 -1
  45. package/lib/typescript/src/Accordion/AccordionItem.d.ts.map +1 -1
  46. package/lib/typescript/src/Accordion/type.d.ts +1 -0
  47. package/lib/typescript/src/Accordion/type.d.ts.map +1 -1
  48. package/lib/typescript/src/BadgeIcon/BadgeIcon.d.ts +20 -0
  49. package/lib/typescript/src/BadgeIcon/BadgeIcon.d.ts.map +1 -0
  50. package/lib/typescript/src/BadgeIcon/type.d.ts +11 -0
  51. package/lib/typescript/src/BadgeIcon/type.d.ts.map +1 -0
  52. package/lib/typescript/src/BottomSheet/BottomSheet.d.ts.map +1 -1
  53. package/lib/typescript/src/CheckBox/CheckBox.d.ts +4 -0
  54. package/lib/typescript/src/CheckBox/CheckBox.d.ts.map +1 -1
  55. package/lib/typescript/src/CheckBox/CheckBoxList.d.ts +3 -0
  56. package/lib/typescript/src/CheckBox/CheckBoxList.d.ts.map +1 -1
  57. package/lib/typescript/src/CheckBox/type.d.ts +2 -0
  58. package/lib/typescript/src/CheckBox/type.d.ts.map +1 -0
  59. package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
  60. package/lib/typescript/src/Icon/icons/CopyFill.d.ts +9 -0
  61. package/lib/typescript/src/Icon/icons/CopyFill.d.ts.map +1 -0
  62. package/lib/typescript/src/Icon/icons/CopyTextFill.d.ts +9 -0
  63. package/lib/typescript/src/Icon/icons/CopyTextFill.d.ts.map +1 -0
  64. package/lib/typescript/src/Icon/icons/ShieldFillChecked.d.ts +9 -0
  65. package/lib/typescript/src/Icon/icons/ShieldFillChecked.d.ts.map +1 -0
  66. package/lib/typescript/src/Icon/type.d.ts +1 -1
  67. package/lib/typescript/src/Icon/type.d.ts.map +1 -1
  68. package/lib/typescript/src/Input/Input.d.ts.map +1 -1
  69. package/lib/typescript/src/Input/type.d.ts +1 -0
  70. package/lib/typescript/src/Input/type.d.ts.map +1 -1
  71. package/lib/typescript/src/Tab/Tab.d.ts.map +1 -1
  72. package/lib/typescript/src/Tab/TabItem.d.ts.map +1 -1
  73. package/lib/typescript/src/Tab/type.d.ts +1 -1
  74. package/lib/typescript/src/Tab/type.d.ts.map +1 -1
  75. package/lib/typescript/src/Timeline/TimelineItem.d.ts +3 -0
  76. package/lib/typescript/src/Timeline/TimelineItem.d.ts.map +1 -1
  77. package/lib/typescript/src/index.d.ts +1 -0
  78. package/lib/typescript/src/index.d.ts.map +1 -1
  79. package/package.json +1 -1
  80. package/src/Accordion/Accordion.tsx +15 -3
  81. package/src/Accordion/AccordionItem.tsx +5 -1
  82. package/src/Accordion/README.md +14 -11
  83. package/src/Accordion/type.tsx +1 -0
  84. package/src/BadgeIcon/BadgeIcon.tsx +126 -0
  85. package/src/BadgeIcon/README.md +77 -0
  86. package/src/BadgeIcon/type.tsx +21 -0
  87. package/src/BottomSheet/BottomSheet.tsx +3 -1
  88. package/src/CheckBox/CheckBox.tsx +45 -29
  89. package/src/CheckBox/CheckBoxList.tsx +12 -0
  90. package/src/CheckBox/README_CHECKBOX.md +10 -7
  91. package/src/CheckBox/README_CHECKBOXLIST.md +13 -7
  92. package/src/CheckBox/type.ts +9 -0
  93. package/src/Icon/Icon.tsx +6 -0
  94. package/src/Icon/README.md +3 -0
  95. package/src/Icon/icons/CopyFill.tsx +23 -0
  96. package/src/Icon/icons/CopyTextFill.tsx +29 -0
  97. package/src/Icon/icons/RadioButton.tsx +1 -1
  98. package/src/Icon/icons/ShieldFillChecked.tsx +23 -0
  99. package/src/Icon/type.tsx +3 -0
  100. package/src/Input/Input.tsx +17 -25
  101. package/src/Input/README_INPUT.md +17 -15
  102. package/src/Input/type.tsx +1 -0
  103. package/src/Tab/Tab.tsx +3 -2
  104. package/src/Tab/TabItem.tsx +1 -1
  105. package/src/Tab/type.tsx +1 -1
  106. package/src/Timeline/README.md +5 -5
  107. package/src/Timeline/TimelineItem.tsx +3 -0
  108. package/src/index.tsx +1 -0
@@ -1,10 +1,14 @@
1
1
  import React from 'react';
2
+ import type { Variant } from './type';
2
3
  interface CheckBoxProps {
3
4
  checked?: boolean;
4
5
  onChange?: (checked: boolean) => void;
5
6
  label?: string | React.ReactNode;
7
+ hint?: string;
6
8
  disabled?: boolean;
7
9
  renderLabel?: () => React.ReactNode;
10
+ renderHint?: () => React.ReactNode;
11
+ color?: Variant;
8
12
  }
9
13
  declare const CheckBox: React.FC<CheckBoxProps>;
10
14
  export default CheckBox;
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAErC;AAkBD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuCrC,CAAC;AA8BF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"CheckBox.d.ts","sourceRoot":"","sources":["../../../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,UAAU,aAAa;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAgBD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0DrC,CAAC;AA0BF,eAAe,QAAQ,CAAC"}
@@ -1,13 +1,16 @@
1
1
  import React from 'react';
2
+ import type { Variant } from './type';
2
3
  interface CheckBoxListItem {
3
4
  label: string;
4
5
  value: string;
6
+ hint?: string;
5
7
  }
6
8
  interface CheckBoxListProps {
7
9
  items: CheckBoxListItem[];
8
10
  selectedValues: string[];
9
11
  onChange: (selected: string[]) => void;
10
12
  direction?: 'vertical' | 'horizontal';
13
+ color?: Variant;
11
14
  }
12
15
  declare const CheckBoxList: React.FC<CheckBoxListProps>;
13
16
  export default CheckBoxList;
@@ -1 +1 @@
1
- {"version":3,"file":"CheckBoxList.d.ts","sourceRoot":"","sources":["../../../../src/CheckBox/CheckBoxList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACvC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmC7C,CAAC;AAYF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"CheckBoxList.d.ts","sourceRoot":"","sources":["../../../../src/CheckBox/CheckBoxList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4C7C,CAAC;AAYF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,2 @@
1
+ export type Variant = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'orange' | 'purple';
2
+ //# sourceMappingURL=type.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/CheckBox/type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GACf,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAmHvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAyHvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface Props {
3
+ size?: number;
4
+ color?: string;
5
+ style?: object;
6
+ }
7
+ declare const CopyFill: React.FC<Props>;
8
+ export default CopyFill;
9
+ //# sourceMappingURL=CopyFill.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CopyFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/CopyFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface Props {
3
+ size?: number;
4
+ color?: string;
5
+ style?: object;
6
+ }
7
+ declare const CopyTextFill: React.FC<Props>;
8
+ export default CopyTextFill;
9
+ //# sourceMappingURL=CopyTextFill.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CopyTextFill.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/CopyTextFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiBjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface Props {
3
+ size?: number;
4
+ color?: string;
5
+ style?: object;
6
+ }
7
+ declare const ShieldCheckedFill: React.FC<Props>;
8
+ export default ShieldCheckedFill;
9
+ //# sourceMappingURL=ShieldFillChecked.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShieldFillChecked.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/ShieldFillChecked.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { type ViewStyle } from 'react-native';
2
- export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'whatsapp-fill';
2
+ export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'whatsapp-fill';
3
3
  export interface IconProps {
4
4
  name: IconNameProps;
5
5
  size?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,eAAe,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
1
+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,CAAC;AAEpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsG/B,CAAC;AAsCF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6F/B,CAAC;AAuCF,eAAe,KAAK,CAAC"}
@@ -12,6 +12,7 @@ export interface InputProps extends TextInputProps {
12
12
  onChangeText?: (val: string) => void;
13
13
  secureTextEntry?: boolean;
14
14
  iconRightColor?: string;
15
+ prefix?: React.ReactNode;
15
16
  }
16
17
  export interface TextAreaProps extends InputProps {
17
18
  height?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Input/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
1
+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Input/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAyE3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA0E3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/Tab/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAkC,CAAC;AACvE,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../src/Tab/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAoB,CAAC;AACzD,eAAe,OAAO,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import React, { type ReactElement } from 'react';
2
2
  export interface TabItemProps {
3
3
  name: string | number;
4
- children: React.ReactNode;
4
+ component: React.ComponentType<any>;
5
5
  }
6
6
  export interface TabProps {
7
7
  children: ReactElement<TabItemProps> | ReactElement<TabItemProps>[];
@@ -1 +1 @@
1
- {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC"}
1
+ {"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CACrC;AACD,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC"}
@@ -4,6 +4,9 @@ declare const COLOR_MAP: {
4
4
  success: string;
5
5
  purple: string;
6
6
  danger: string;
7
+ info: string;
8
+ default: string;
9
+ orange: string;
7
10
  };
8
11
  type ColorKey = keyof typeof COLOR_MAP;
9
12
  interface TimelineItemProps {
@@ -1 +1 @@
1
- {"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS;;;;;;CAMd,CAAC;AACF,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAEvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,KAAiB,EACjB,MAAc,GACf,EAAE,iBAAiB,2CA2BnB"}
1
+ {"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../../src/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS;;;;;;;;;CASd,CAAC;AACF,KAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC;AAEvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,EACR,KAAiB,EACjB,MAAc,GACf,EAAE,iBAAiB,2CA2BnB"}
@@ -66,4 +66,5 @@ export { ToastProvider, useToast } from './Toast/ToastContext';
66
66
  export { default as Skeleton } from './Skeleton/Skeleton';
67
67
  export type { SkeletonProps } from './Skeleton/type';
68
68
  export { default as CounterButton } from './CounterButton/CounterButton';
69
+ export { default as BadgeIcon } from './BadgeIcon/BadgeIcon';
69
70
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@herca/rn-kit",
3
- "version": "0.1.34",
3
+ "version": "0.1.35",
4
4
  "description": "React Native UI Kit",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/src/index.d.ts",
@@ -1,5 +1,5 @@
1
1
  import React, { useState, useEffect } from 'react';
2
- import { TouchableOpacity, View } from 'react-native';
2
+ import { StyleSheet, TouchableOpacity, View } from 'react-native';
3
3
  import List from '../List/List';
4
4
  import ListItem from '../List/ListItem';
5
5
  import type { AccordionProps } from './type';
@@ -9,6 +9,7 @@ export default function Accordion({
9
9
  renderHeader,
10
10
  isOpen,
11
11
  onCollapse,
12
+ variant = 'default',
12
13
  }: AccordionProps) {
13
14
  const [isExpanded, setIsExpanded] = useState<boolean>(false);
14
15
  const toggle = () => {
@@ -22,10 +23,14 @@ export default function Accordion({
22
23
 
23
24
  return (
24
25
  <View>
25
- <List>
26
+ <List style={variant === 'borderless' ? styles.borderless : undefined}>
26
27
  {renderHeader && (
27
28
  <TouchableOpacity onPress={toggle}>
28
- <ListItem>{renderHeader}</ListItem>
29
+ <ListItem
30
+ style={variant === 'borderless' ? styles.borderless : undefined}
31
+ >
32
+ {renderHeader}
33
+ </ListItem>
29
34
  </TouchableOpacity>
30
35
  )}
31
36
  {isExpanded &&
@@ -36,3 +41,10 @@ export default function Accordion({
36
41
  </View>
37
42
  );
38
43
  }
44
+
45
+ const styles = StyleSheet.create({
46
+ borderless: {
47
+ borderWidth: 0,
48
+ borderBottomWidth: 0,
49
+ },
50
+ });
@@ -5,5 +5,9 @@ export default function AccordionItem({
5
5
  children,
6
6
  index = 0,
7
7
  }: AccordionItemProps) {
8
- return <ListItem key={index}>{children}</ListItem>;
8
+ return (
9
+ <ListItem key={index} isLast>
10
+ {children}
11
+ </ListItem>
12
+ );
9
13
  }
@@ -15,7 +15,9 @@ import AccordionItem from '@herca/rn-kit/Accordion/AccordionItem';
15
15
  export default function FAQSection() {
16
16
  return (
17
17
  <Accordion
18
- header={() => <Text style={{ fontWeight: 'bold' }}>Apa itu produk ini?</Text>}
18
+ header={() => (
19
+ <Text style={{ fontWeight: 'bold' }}>Apa itu produk ini?</Text>
20
+ )}
19
21
  isOpen={false}
20
22
  onCollapse={(isOpen) => console.log('Status:', isOpen)}
21
23
  >
@@ -28,25 +30,26 @@ export default function FAQSection() {
28
30
  </Accordion>
29
31
  );
30
32
  }
31
-
32
33
  ```
33
34
 
34
-
35
35
  ## Props
36
+
36
37
  ### Accordion
38
+
37
39
  | Props | Tipe | Wajib | Default | Deskripsi |
38
40
  | -------------- | --------------------------- | ----- | ------- | ------------------------------------------------------------------------------- |
39
- | `children` | `ReactNode` | ✅ | - | Isi Accordion, harus terdiri dari satu atau beberapa `AccordionItem`. |
40
- | `renderHeader` | `ReactNode \| null` | ❌ | `null` | Komponen untuk menampilkan header. Biasanya berupa `Text` atau komponen kustom. |
41
- | `isOpen` | `boolean` | ❌ | `true` | Menentukan apakah Accordion terbuka saat pertama kali dirender. |
42
- | `onCollapse` | `(isOpen: boolean) => void` | ❌ | - | Callback saat status terbuka/tutup berubah. |
41
+ | `children` | `ReactNode` | ✅ | - | Isi Accordion, harus terdiri dari satu atau beberapa `AccordionItem`. |
42
+ | `renderHeader` | `ReactNode \| null` | ❌ | `null` | Komponen untuk menampilkan header. Biasanya berupa `Text` atau komponen kustom. |
43
+ | `isOpen` | `boolean` | ❌ | `true` | Menentukan apakah Accordion terbuka saat pertama kali dirender. |
44
+ | `onCollapse` | `(isOpen: boolean) => void` | ❌ | - | Callback saat status terbuka/tutup berubah. |
45
+ | `variant` | `'default' \| 'borderless'` | ❌ | - | Opsi untuk menampilkan sebuah border di pembungkus accordion nya atau tidak |
43
46
 
44
47
  ### AccordionItem
48
+
45
49
  | Props | Tipe | Wajib | Default | Deskripsi |
46
50
  | ---------- | ----------- | ----- | ------- | --------------------------------------------------------------- |
47
- | `children` | `ReactNode` | ✅ | - | Konten yang akan ditampilkan saat Accordion dibuka. |
48
- | `index` | `number` | ❌ | - | Untuk pengendalian item tertentu jika diperlukan secara manual. |
49
-
51
+ | `children` | `ReactNode` | ✅ | - | Konten yang akan ditampilkan saat Accordion dibuka. |
52
+ | `index` | `number` | ❌ | - | Untuk pengendalian item tertentu jika diperlukan secara manual. |
50
53
 
51
54
  ## Note
52
55
 
@@ -54,4 +57,4 @@ Komponen Accordion menggunakan state internal (useState) untuk mengatur apakah k
54
57
 
55
58
  Fungsi header digunakan untuk merender tampilan judul Accordion dan dapat disesuaikan.
56
59
 
57
- Konten yang disembunyikan/diperluas sebaiknya dibungkus dalam AccordionItem.
60
+ Konten yang disembunyikan/diperluas sebaiknya dibungkus dalam AccordionItem.
@@ -12,6 +12,7 @@ export interface AccordionProps {
12
12
  renderHeader?: AccordionRenderHeaderProps;
13
13
  isOpen?: boolean;
14
14
  onCollapse?: (isOpen: boolean) => void;
15
+ variant?: 'default' | 'borderless';
15
16
  }
16
17
  export interface AccordionItemProps {
17
18
  children: ReactNode;
@@ -0,0 +1,126 @@
1
+ import React from 'react';
2
+ import { StyleSheet, View } from 'react-native';
3
+ import Color from '../Color/Color';
4
+ import Icon, { type IconNameProps } from '../Icon';
5
+ import { hexToRGBA } from '../helpers/hexToRgba';
6
+ import type { HexColor, IconSizeStyle, Size, Variant } from './type';
7
+
8
+ interface BaseBadgeProps {
9
+ color?: Variant | HexColor;
10
+ size?: Size;
11
+ variant?: Variant;
12
+ }
13
+
14
+ interface IconBadgeProps extends BaseBadgeProps {
15
+ icon: IconNameProps;
16
+ children?: never;
17
+ }
18
+
19
+ interface ChildrenBadgeProps extends BaseBadgeProps {
20
+ icon?: never;
21
+ children: React.ReactNode;
22
+ }
23
+
24
+ // Union tipe
25
+ export type BadgeProps = IconBadgeProps | ChildrenBadgeProps;
26
+
27
+ const COLORS: Record<Variant, { background: string; fontColor: string }> = {
28
+ default: { background: Color.gray[100], fontColor: Color.gray[800] },
29
+ primary: { background: Color.primary[50], fontColor: Color.primary[1000] },
30
+ success: { background: Color.success[50], fontColor: Color.success[500] },
31
+ info: { background: Color.info[50], fontColor: Color.info[500] },
32
+ danger: { background: Color.danger[50], fontColor: Color.danger[600] },
33
+ warning: { background: Color.warning[50], fontColor: Color.warning[300] },
34
+ orange: { background: Color.orange[50], fontColor: Color.orange[500] },
35
+ purple: { background: Color.purple[50], fontColor: Color.purple[500] },
36
+ };
37
+
38
+ const SIZE_MAP: Record<Size, IconSizeStyle> = {
39
+ small: {
40
+ minHeight: 24,
41
+ minWidth: 24,
42
+ padding: 4,
43
+ borderRadius: 4,
44
+ },
45
+ medium: {
46
+ minHeight: 32,
47
+ minWidth: 32,
48
+ padding: 4,
49
+ borderRadius: 4,
50
+ },
51
+ large: {
52
+ minHeight: 40,
53
+ minWidth: 40,
54
+ padding: 8,
55
+ borderRadius: 4,
56
+ },
57
+ };
58
+
59
+ const ICON_SIZE_MAP: Record<Size, number> = {
60
+ small: 16,
61
+ medium: 24,
62
+ large: 24,
63
+ };
64
+
65
+ const BadgeIcon: React.FC<BadgeProps> = ({
66
+ icon,
67
+ size = 'medium',
68
+ color = 'default',
69
+ children,
70
+ }) => {
71
+ const safeSize: Size = ['small', 'medium', 'large'].includes(size)
72
+ ? size
73
+ : 'medium';
74
+
75
+ const isVariant = Object.prototype.hasOwnProperty.call(COLORS, color);
76
+
77
+ const { background, fontColor } = isVariant
78
+ ? COLORS[color as Variant]
79
+ : { background: color, fontColor: '#fff' };
80
+
81
+ const { minHeight, padding, minWidth, borderRadius } = SIZE_MAP[safeSize];
82
+
83
+ const iconSize = ICON_SIZE_MAP[safeSize];
84
+
85
+ const bgRgba = hexToRGBA(
86
+ typeof color === 'string' && color.startsWith('#') ? color : background,
87
+ 0.1
88
+ );
89
+
90
+ const isHex = typeof color === 'string' && color.startsWith('#');
91
+
92
+ return (
93
+ <View
94
+ style={[
95
+ styles.badge,
96
+ {
97
+ minHeight: minHeight,
98
+ minWidth: minWidth,
99
+ backgroundColor: isHex ? bgRgba : background,
100
+ padding: padding,
101
+ borderRadius: borderRadius,
102
+ },
103
+ ]}
104
+ >
105
+ {children
106
+ ? children
107
+ : icon && (
108
+ <Icon
109
+ name={icon}
110
+ color={isHex ? color : fontColor}
111
+ size={iconSize}
112
+ />
113
+ )}
114
+ </View>
115
+ );
116
+ };
117
+
118
+ const styles = StyleSheet.create({
119
+ badge: {
120
+ justifyContent: 'center',
121
+ alignItems: 'center',
122
+ alignSelf: 'flex-start',
123
+ },
124
+ });
125
+
126
+ export default BadgeIcon;
@@ -0,0 +1,77 @@
1
+ # BadgeIcon Component
2
+
3
+ `BadgeIcon` adalah komponen React Native untuk menampilkan **badge** yang dapat berisi **ikon** atau **konten custom** (children). Komponen ini fleksibel dalam ukuran (`size`), warna (`color`), dan varian (`variant`).
4
+
5
+ ---
6
+
7
+ ## ⚙️ Props
8
+
9
+ ### **BaseBadgeProps**
10
+
11
+ | Prop | Tipe | Default | Deskripsi |
12
+ | --------- | ------------------------------------ | ----------- | ------------------------------------------------------------------------- |
13
+ | `color` | `Variant` \| `HexColor` | `"default"` | Warna badge. Bisa berupa nama varian yang tersedia atau kode warna HEX. |
14
+ | `size` | `"small"` \| `"medium"` \| `"large"` | `"medium"` | Ukuran badge. Mengatur tinggi, lebar minimum, padding, dan radius border. |
15
+ | `variant` | `Variant` | - | Alias untuk varian warna (tidak digunakan langsung di komponen ini). |
16
+
17
+ ---
18
+
19
+ ### **IconBadgeProps** (Badge dengan Icon)
20
+
21
+ | Prop | Tipe | Deskripsi |
22
+ | ---------- | --------------- | ----------------------------------------------- |
23
+ | `icon` | `IconNameProps` | Nama ikon yang akan ditampilkan. |
24
+ | `children` | `never` | Tidak boleh ada children jika menggunakan ikon. |
25
+
26
+ ---
27
+
28
+ ### **ChildrenBadgeProps** (Badge dengan Konten Custom)
29
+
30
+ | Prop | Tipe | Deskripsi |
31
+ | ---------- | ----------------- | ----------------------------------------------- |
32
+ | `children` | `React.ReactNode` | Konten yang akan ditampilkan di dalam badge. |
33
+ | `icon` | `never` | Tidak boleh ada icon jika menggunakan children. |
34
+
35
+ ---
36
+
37
+ ## 🎨 Varian Warna (`Variant`)
38
+
39
+ | Nama Varian | Background | Font Color |
40
+ | ----------- | ------------------- | --------------------- |
41
+ | `default` | `Color.gray[100]` | `Color.gray[800]` |
42
+ | `primary` | `Color.primary[50]` | `Color.primary[1000]` |
43
+ | `success` | `Color.success[50]` | `Color.success[500]` |
44
+ | `info` | `Color.info[50]` | `Color.info[500]` |
45
+ | `danger` | `Color.danger[50]` | `Color.danger[600]` |
46
+ | `warning` | `Color.warning[50]` | `Color.warning[300]` |
47
+ | `orange` | `Color.orange[50]` | `Color.orange[500]` |
48
+ | `purple` | `Color.purple[50]` | `Color.purple[500]` |
49
+
50
+ > Jika `color` berupa kode HEX, maka background badge akan otomatis diubah menjadi warna transparan (`opacity 0.1`) menggunakan helper `hexToRGBA`.
51
+
52
+ ---
53
+
54
+ ## 📏 Ukuran Badge (`size`)
55
+
56
+ | Ukuran | minHeight | minWidth | Padding | BorderRadius | Icon Size |
57
+ | -------- | --------- | -------- | ------- | ------------ | --------- |
58
+ | `small` | 24 | 24 | 4 | 4 | 16 |
59
+ | `medium` | 32 | 32 | 4 | 4 | 24 |
60
+ | `large` | 40 | 40 | 8 | 4 | 24 |
61
+
62
+ ---
63
+
64
+ ## 💻 Contoh Penggunaan
65
+
66
+ ```tsx
67
+ <BadgeIcon icon="check" size="small" color="success" />
68
+ ```
69
+
70
+ ---
71
+
72
+ ## 🛠 Catatan Implementasi
73
+
74
+ - Jika `color` adalah varian (`default`, `primary`, dsb.), warna background dan font color akan diambil dari konstanta `COLORS`.
75
+ - Jika `color` adalah kode HEX (`#rrggbb`), maka background akan menggunakan versi transparan dari warna tersebut.
76
+ - Menggunakan helper `hexToRGBA` untuk mengubah HEX menjadi warna RGBA.
77
+ - Komponen `Icon` digunakan untuk menampilkan ikon sesuai ukuran badge.
@@ -0,0 +1,21 @@
1
+ type Variant =
2
+ | 'default'
3
+ | 'primary'
4
+ | 'info'
5
+ | 'success'
6
+ | 'warning'
7
+ | 'danger'
8
+ | 'orange'
9
+ | 'purple';
10
+
11
+ type Size = 'small' | 'medium' | 'large';
12
+ type HexColor = `#${string}`;
13
+
14
+ export type { HexColor, Size, Variant };
15
+
16
+ export interface IconSizeStyle {
17
+ minHeight: number;
18
+ minWidth: number;
19
+ padding: number;
20
+ borderRadius: number;
21
+ }
@@ -22,7 +22,9 @@ import type { BottomSheetHeighProps, BottomSheetProops } from './type';
22
22
  const statusBarHeight =
23
23
  Platform.OS === 'android' && Platform.Version < 35
24
24
  ? (StatusBar.currentHeight ?? 24)
25
- : 65;
25
+ : Platform.OS === 'android' && Platform.Version >= 35
26
+ ? 80
27
+ : 65;
26
28
  const screenHeight = Dimensions.get('window').height;
27
29
  const actualScreenHeight = screenHeight - statusBarHeight;
28
30
  const DEFAULT_PADDING_BOTTOM = 40;