@kivid/native-components 1.0.0-alpha.6 → 1.0.0-alpha.8

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 (183) hide show
  1. package/dist/commonjs/components/Avatar/index.js +5 -4
  2. package/dist/commonjs/components/Avatar/index.js.map +1 -1
  3. package/dist/commonjs/components/ChatBubble/assets/class-variants.js +6 -6
  4. package/dist/commonjs/components/ChatBubble/assets/class-variants.js.map +1 -1
  5. package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js +5 -5
  6. package/dist/commonjs/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -1
  7. package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js +4 -4
  8. package/dist/commonjs/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
  9. package/dist/commonjs/components/ChatBubble/{context.js → contexts/ChatBubbleContext/index.js} +1 -1
  10. package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/index.js.map +1 -0
  11. package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/types.js +6 -0
  12. package/dist/commonjs/components/ChatBubble/contexts/ChatBubbleContext/types.js.map +1 -0
  13. package/dist/commonjs/components/ChatBubble/contexts/index.js +17 -0
  14. package/dist/commonjs/components/ChatBubble/contexts/index.js.map +1 -0
  15. package/dist/commonjs/components/ChatBubble/index.js +10 -9
  16. package/dist/commonjs/components/ChatBubble/index.js.map +1 -1
  17. package/dist/commonjs/components/IconButton/assets/class-variants.js +82 -0
  18. package/dist/commonjs/components/IconButton/assets/class-variants.js.map +1 -0
  19. package/dist/commonjs/components/IconButton/assets/design-system-showcase.js +119 -0
  20. package/dist/commonjs/components/IconButton/assets/design-system-showcase.js.map +1 -0
  21. package/dist/commonjs/components/IconButton/enums.js +33 -0
  22. package/dist/commonjs/components/IconButton/enums.js.map +1 -0
  23. package/dist/commonjs/components/IconButton/index.js +108 -0
  24. package/dist/commonjs/components/IconButton/index.js.map +1 -0
  25. package/dist/commonjs/components/IconButton/types.js +6 -0
  26. package/dist/commonjs/components/IconButton/types.js.map +1 -0
  27. package/dist/commonjs/components/ListButton/assets/class-variants.js +2 -10
  28. package/dist/commonjs/components/ListButton/assets/class-variants.js.map +1 -1
  29. package/dist/commonjs/components/ListButton/assets/design-system-showcase.js +424 -0
  30. package/dist/commonjs/components/ListButton/assets/design-system-showcase.js.map +1 -0
  31. package/dist/commonjs/components/ListButton/enums/index.js +0 -11
  32. package/dist/commonjs/components/ListButton/enums/index.js.map +1 -1
  33. package/dist/commonjs/components/ListButton/index.js +41 -36
  34. package/dist/commonjs/components/ListButton/index.js.map +1 -1
  35. package/dist/commonjs/components/OtpInput/assets/class-variant.js +1 -1
  36. package/dist/commonjs/components/OtpInput/assets/class-variant.js.map +1 -1
  37. package/dist/commonjs/components/OtpInput/components/InformationStatus/index.js +13 -11
  38. package/dist/commonjs/components/OtpInput/components/InformationStatus/index.js.map +1 -1
  39. package/dist/commonjs/components/OtpInput/enums/index.js +7 -8
  40. package/dist/commonjs/components/OtpInput/enums/index.js.map +1 -1
  41. package/dist/commonjs/components/OtpInput/index.js +66 -101
  42. package/dist/commonjs/components/OtpInput/index.js.map +1 -1
  43. package/dist/commonjs/components/PasswordInput/index.js +42 -0
  44. package/dist/commonjs/components/PasswordInput/index.js.map +1 -0
  45. package/dist/commonjs/components/PasswordInput/types.js +6 -0
  46. package/dist/commonjs/components/PasswordInput/types.js.map +1 -0
  47. package/dist/commonjs/components/TextInput/index.js +14 -3
  48. package/dist/commonjs/components/TextInput/index.js.map +1 -1
  49. package/dist/commonjs/components/Tooltip/index.js +44 -5
  50. package/dist/commonjs/components/Tooltip/index.js.map +1 -1
  51. package/dist/commonjs/components/index.js +33 -0
  52. package/dist/commonjs/components/index.js.map +1 -1
  53. package/dist/commonjs/iconography/Icons/index.js +1 -1
  54. package/dist/commonjs/iconography/Icons/index.js.map +1 -1
  55. package/dist/module/components/Avatar/index.js +5 -4
  56. package/dist/module/components/Avatar/index.js.map +1 -1
  57. package/dist/module/components/ChatBubble/assets/class-variants.js +6 -6
  58. package/dist/module/components/ChatBubble/assets/class-variants.js.map +1 -1
  59. package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js +4 -4
  60. package/dist/module/components/ChatBubble/components/ChatBubbleSeal/index.js.map +1 -1
  61. package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js +5 -4
  62. package/dist/module/components/ChatBubble/components/ChatBubbleText/index.js.map +1 -1
  63. package/dist/module/components/ChatBubble/{context.js → contexts/ChatBubbleContext/index.js} +1 -1
  64. package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/index.js.map +1 -0
  65. package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js +4 -0
  66. package/dist/module/components/ChatBubble/contexts/ChatBubbleContext/types.js.map +1 -0
  67. package/dist/module/components/ChatBubble/contexts/index.js +4 -0
  68. package/dist/module/components/ChatBubble/contexts/index.js.map +1 -0
  69. package/dist/module/components/ChatBubble/index.js +9 -8
  70. package/dist/module/components/ChatBubble/index.js.map +1 -1
  71. package/dist/module/components/IconButton/assets/class-variants.js +79 -0
  72. package/dist/module/components/IconButton/assets/class-variants.js.map +1 -0
  73. package/dist/module/components/IconButton/assets/design-system-showcase.js +115 -0
  74. package/dist/module/components/IconButton/assets/design-system-showcase.js.map +1 -0
  75. package/dist/module/components/IconButton/enums.js +29 -0
  76. package/dist/module/components/IconButton/enums.js.map +1 -0
  77. package/dist/module/components/IconButton/index.js +103 -0
  78. package/dist/module/components/IconButton/index.js.map +1 -0
  79. package/dist/module/components/IconButton/types.js +4 -0
  80. package/dist/module/components/IconButton/types.js.map +1 -0
  81. package/dist/module/components/ListButton/assets/class-variants.js +2 -10
  82. package/dist/module/components/ListButton/assets/class-variants.js.map +1 -1
  83. package/dist/module/components/ListButton/assets/design-system-showcase.js +420 -0
  84. package/dist/module/components/ListButton/assets/design-system-showcase.js.map +1 -0
  85. package/dist/module/components/ListButton/enums/index.js +0 -1
  86. package/dist/module/components/ListButton/enums/index.js.map +1 -1
  87. package/dist/module/components/ListButton/index.js +44 -39
  88. package/dist/module/components/ListButton/index.js.map +1 -1
  89. package/dist/module/components/OtpInput/assets/class-variant.js +1 -1
  90. package/dist/module/components/OtpInput/assets/class-variant.js.map +1 -1
  91. package/dist/module/components/OtpInput/components/InformationStatus/index.js +15 -13
  92. package/dist/module/components/OtpInput/components/InformationStatus/index.js.map +1 -1
  93. package/dist/module/components/OtpInput/enums/index.js +6 -7
  94. package/dist/module/components/OtpInput/enums/index.js.map +1 -1
  95. package/dist/module/components/OtpInput/index.js +66 -101
  96. package/dist/module/components/OtpInput/index.js.map +1 -1
  97. package/dist/module/components/PasswordInput/index.js +37 -0
  98. package/dist/module/components/PasswordInput/index.js.map +1 -0
  99. package/dist/module/components/PasswordInput/types.js +4 -0
  100. package/dist/module/components/PasswordInput/types.js.map +1 -0
  101. package/dist/module/components/TextInput/index.js +14 -3
  102. package/dist/module/components/TextInput/index.js.map +1 -1
  103. package/dist/module/components/Tooltip/index.js +45 -6
  104. package/dist/module/components/Tooltip/index.js.map +1 -1
  105. package/dist/module/components/index.js +3 -0
  106. package/dist/module/components/index.js.map +1 -1
  107. package/dist/module/iconography/Icons/index.js +2 -2
  108. package/dist/module/iconography/Icons/index.js.map +1 -1
  109. package/dist/typescript/components/Avatar/types.d.ts +1 -0
  110. package/dist/typescript/components/ChatBubble/assets/class-variants.d.ts +1 -1
  111. package/dist/typescript/components/ChatBubble/components/ChatBubbleSeal/types.d.ts +1 -1
  112. package/dist/typescript/components/ChatBubble/components/ChatBubbleText/types.d.ts +1 -1
  113. package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/index.d.ts +3 -0
  114. package/dist/typescript/components/ChatBubble/contexts/ChatBubbleContext/types.d.ts +6 -0
  115. package/dist/typescript/components/ChatBubble/contexts/index.d.ts +1 -0
  116. package/dist/typescript/components/ChatBubble/types.d.ts +2 -2
  117. package/dist/typescript/components/IconButton/assets/class-variants.d.ts +8 -0
  118. package/dist/typescript/components/IconButton/assets/design-system-showcase.d.ts +17 -0
  119. package/dist/typescript/components/IconButton/enums.d.ts +22 -0
  120. package/dist/typescript/components/IconButton/index.d.ts +2 -0
  121. package/dist/typescript/components/IconButton/types.d.ts +15 -0
  122. package/dist/typescript/components/ListButton/assets/class-variants.d.ts +1 -4
  123. package/dist/typescript/components/ListButton/assets/design-system-showcase.d.ts +14 -0
  124. package/dist/typescript/components/ListButton/enums/index.d.ts +0 -1
  125. package/dist/typescript/components/ListButton/types.d.ts +7 -5
  126. package/dist/typescript/components/OtpInput/components/InformationStatus/types.d.ts +2 -2
  127. package/dist/typescript/components/OtpInput/enums/index.d.ts +2 -3
  128. package/dist/typescript/components/OtpInput/index.d.ts +1 -1
  129. package/dist/typescript/components/OtpInput/types.d.ts +4 -4
  130. package/dist/typescript/components/PasswordInput/index.d.ts +2 -0
  131. package/dist/typescript/components/PasswordInput/types.d.ts +3 -0
  132. package/dist/typescript/components/TextInput/index.d.ts +1 -1
  133. package/dist/typescript/components/TextInput/types.d.ts +3 -0
  134. package/dist/typescript/components/Tooltip/components/Content/types.d.ts +1 -0
  135. package/dist/typescript/components/Tooltip/types.d.ts +2 -1
  136. package/dist/typescript/components/index.d.ts +6 -0
  137. package/package.json +5 -5
  138. package/src/components/Avatar/index.tsx +4 -4
  139. package/src/components/Avatar/types.ts +1 -0
  140. package/src/components/ChatBubble/assets/class-variants.ts +6 -6
  141. package/src/components/ChatBubble/components/ChatBubbleSeal/index.tsx +5 -4
  142. package/src/components/ChatBubble/components/ChatBubbleSeal/types.ts +1 -1
  143. package/src/components/ChatBubble/components/ChatBubbleText/index.tsx +4 -3
  144. package/src/components/ChatBubble/components/ChatBubbleText/types.ts +1 -1
  145. package/src/components/ChatBubble/{context.tsx → contexts/ChatBubbleContext/index.tsx} +1 -10
  146. package/src/components/ChatBubble/contexts/ChatBubbleContext/types.ts +11 -0
  147. package/src/components/ChatBubble/contexts/index.ts +1 -0
  148. package/src/components/ChatBubble/index.tsx +12 -10
  149. package/src/components/ChatBubble/types.ts +2 -3
  150. package/src/components/IconButton/assets/class-variants.ts +126 -0
  151. package/src/components/IconButton/assets/design-system-showcase.ts +246 -0
  152. package/src/components/IconButton/enums.ts +26 -0
  153. package/src/components/IconButton/index.tsx +124 -0
  154. package/src/components/IconButton/types.ts +22 -0
  155. package/src/components/ListButton/assets/class-variants.ts +2 -11
  156. package/src/components/ListButton/assets/design-system-showcase.ts +502 -0
  157. package/src/components/ListButton/enums/index.ts +0 -1
  158. package/src/components/ListButton/index.tsx +44 -41
  159. package/src/components/ListButton/types.ts +7 -5
  160. package/src/components/OtpInput/assets/class-variant.ts +1 -1
  161. package/src/components/OtpInput/components/InformationStatus/index.tsx +15 -14
  162. package/src/components/OtpInput/components/InformationStatus/types.ts +2 -2
  163. package/src/components/OtpInput/enums/index.ts +1 -2
  164. package/src/components/OtpInput/index.tsx +77 -136
  165. package/src/components/OtpInput/types.ts +4 -4
  166. package/src/components/PasswordInput/index.tsx +37 -0
  167. package/src/components/PasswordInput/types.ts +4 -0
  168. package/src/components/TextInput/index.tsx +17 -3
  169. package/src/components/TextInput/types.ts +3 -0
  170. package/src/components/Tooltip/components/Content/types.ts +1 -0
  171. package/src/components/Tooltip/index.tsx +57 -5
  172. package/src/components/Tooltip/types.ts +2 -1
  173. package/src/components/index.ts +8 -0
  174. package/src/iconography/Icons/index.tsx +2 -3
  175. package/dist/commonjs/components/ChatBubble/context.js.map +0 -1
  176. package/dist/commonjs/components/ListButton/enums/icon-color.js +0 -18
  177. package/dist/commonjs/components/ListButton/enums/icon-color.js.map +0 -1
  178. package/dist/module/components/ChatBubble/context.js.map +0 -1
  179. package/dist/module/components/ListButton/enums/icon-color.js +0 -14
  180. package/dist/module/components/ListButton/enums/icon-color.js.map +0 -1
  181. package/dist/typescript/components/ChatBubble/context.d.ts +0 -8
  182. package/dist/typescript/components/ListButton/enums/icon-color.d.ts +0 -10
  183. package/src/components/ListButton/enums/icon-color.ts +0 -10
@@ -7,21 +7,21 @@ import { Button } from "../../../Button/index.js";
7
7
  import { HighlightedText } from "../../../HighlightedText/index.js";
8
8
  import LoadingDots from "../../../LoadingDots/index.js";
9
9
  import { Chip } from "../../../Chip/index.js";
10
- import { Text } from "react-native";
10
+ import { Text, View } from "react-native";
11
11
  import { ChipVariantEnum } from "../../../Chip/enums/index.js";
12
12
  import { SealVariantEnum } from "../../../Seal/enums/index.js";
13
- import { InformationStatusEnum } from "../../enums/index.js";
13
+ import { OTPInputInformationStatusEnum } from "../../enums/index.js";
14
14
  import { SizeEnum, CornersEnum } from "../../../../enums/index.js";
15
15
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
16
16
  export function InformationStatus(props) {
17
17
  const {
18
- status = InformationStatusEnum.DEFAULT,
18
+ status = OTPInputInformationStatusEnum.DEFAULT,
19
19
  disabled = false,
20
20
  onPress
21
21
  } = props;
22
22
  const renderInformation = useMemo(() => {
23
23
  const textStyle = merge("", disabled && "opacity-50");
24
- if (status === InformationStatusEnum.DEFAULT) {
24
+ if (status === OTPInputInformationStatusEnum.DEFAULT) {
25
25
  return /*#__PURE__*/_jsxs(_Fragment, {
26
26
  children: [/*#__PURE__*/_jsx(Button, {
27
27
  variant: "outline",
@@ -38,7 +38,7 @@ export function InformationStatus(props) {
38
38
  })]
39
39
  });
40
40
  }
41
- if (status === InformationStatusEnum.LOADING) {
41
+ if (status === OTPInputInformationStatusEnum.LOADING) {
42
42
  return /*#__PURE__*/_jsxs(_Fragment, {
43
43
  children: [/*#__PURE__*/_jsx(LoadingDots, {
44
44
  variant: "dark"
@@ -50,21 +50,23 @@ export function InformationStatus(props) {
50
50
  })]
51
51
  });
52
52
  }
53
- if (status === InformationStatusEnum.SUCCESS) {
54
- return /*#__PURE__*/_jsxs(_Fragment, {
55
- children: [/*#__PURE__*/_jsx(Chip, {
56
- variant: ChipVariantEnum.OUTLINE,
57
- sealVariant: SealVariantEnum.SUCCESS,
58
- label: "Confirmado"
59
- }), /*#__PURE__*/_jsx(HighlightedText, {
53
+ if (status === OTPInputInformationStatusEnum.SUCCESS) {
54
+ return /*#__PURE__*/_jsxs(View, {
55
+ className: "flex flex-col mt-600 gap-600 items-center",
56
+ children: [/*#__PURE__*/_jsx(HighlightedText, {
60
57
  highlightText: "C\xF3digo validado",
61
58
  text: "com sucesso.",
62
59
  reverse: true,
63
60
  className: textStyle
61
+ }), /*#__PURE__*/_jsx(Chip, {
62
+ variant: ChipVariantEnum.OUTLINE,
63
+ sealVariant: SealVariantEnum.SUCCESS,
64
+ label: "Confirmado",
65
+ className: "max-w-fit"
64
66
  })]
65
67
  });
66
68
  }
67
- if (status === InformationStatusEnum.ERROR) {
69
+ if (status === OTPInputInformationStatusEnum.ERROR) {
68
70
  return /*#__PURE__*/_jsxs(_Fragment, {
69
71
  children: [/*#__PURE__*/_jsx(Button, {
70
72
  variant: "outline",
@@ -1 +1 @@
1
- {"version":3,"names":["useMemo","merge","Button","HighlightedText","LoadingDots","Chip","Text","ChipVariantEnum","SealVariantEnum","InformationStatusEnum","SizeEnum","CornersEnum","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","InformationStatus","props","status","DEFAULT","disabled","onPress","renderInformation","textStyle","children","variant","corners","MEDIUM","size","SMALL","highlightText","text","reverse","className","LOADING","SUCCESS","OUTLINE","sealVariant","label","ERROR"],"sourceRoot":"../../../../../../src","sources":["components/OtpInput/components/InformationStatus/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useMemo","merge","Button","HighlightedText","LoadingDots","Chip","Text","View","ChipVariantEnum","SealVariantEnum","OTPInputInformationStatusEnum","SizeEnum","CornersEnum","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","InformationStatus","props","status","DEFAULT","disabled","onPress","renderInformation","textStyle","children","variant","corners","MEDIUM","size","SMALL","highlightText","text","reverse","className","LOADING","SUCCESS","OUTLINE","sealVariant","label","ERROR"],"sourceRoot":"../../../../../../src","sources":["components/OtpInput/components/InformationStatus/index.tsx"],"mappings":";AAAA,YAAY;;AAEZ,SAASA,OAAO,QAAQ,OAAO;AAG/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,0BAAiB;AACxC,SAASC,eAAe,QAAQ,mCAA0B;AAC1D,OAAOC,WAAW,MAAM,+BAAsB;AAC9C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,8BAAqB;AACrD,SAASC,eAAe,QAAQ,8BAAqB;AACrD,SAASC,6BAA6B,QAAQ,sBAAa;AAC3D,SAASC,QAAQ,EAAEC,WAAW,QAAQ,4BAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1D,OAAO,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAM;IACJC,MAAM,GAAGX,6BAA6B,CAACY,OAAO;IAC9CC,QAAQ,GAAG,KAAK;IAChBC;EACF,CAAC,GAAGJ,KAAK;EAET,MAAMK,iBAAiB,GAAGzB,OAAO,CAAC,MAAM;IACtC,MAAM0B,SAAS,GAAGzB,KAAK,CAAC,EAAE,EAAEsB,QAAQ,IAAI,YAAY,CAAC;IAErD,IAAIF,MAAM,KAAKX,6BAA6B,CAACY,OAAO,EAAE;MACpD,oBACEJ,KAAA,CAAAF,SAAA;QAAAW,QAAA,gBACEb,IAAA,CAACZ,MAAM;UACL0B,OAAO,EAAC,SAAS;UACjBC,OAAO,EAAEjB,WAAW,CAACkB,MAAO;UAC5BP,QAAQ,EAAEA,QAAS;UACnBC,OAAO,EAAEA,OAAQ;UACjBO,IAAI,EAAEpB,QAAQ,CAACqB,KAAM;UAAAL,QAAA,EACtB;QAED,CAAQ,CAAC,eAETb,IAAA,CAACX,eAAe;UACd8B,aAAa,EAAC,SAAS;UACvBC,IAAI,EAAC,0CAAiC;UACtCC,OAAO;UACPC,SAAS,EAAEV;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIL,MAAM,KAAKX,6BAA6B,CAAC2B,OAAO,EAAE;MACpD,oBACEnB,KAAA,CAAAF,SAAA;QAAAW,QAAA,gBACEb,IAAA,CAACV,WAAW;UAACwB,OAAO,EAAC;QAAM,CAAE,CAAC,eAC9Bd,IAAA,CAACX,eAAe;UACd8B,aAAa,EAAC,sBAAmB;UACjCC,IAAI,EAAC,oBAAoB;UACzBC,OAAO;UACPC,SAAS,EAAEV;QAAU,CACtB,CAAC;MAAA,CACF,CAAC;IAEP;IAEA,IAAIL,MAAM,KAAKX,6BAA6B,CAAC4B,OAAO,EAAE;MACpD,oBACEpB,KAAA,CAACX,IAAI;QAAC6B,SAAS,EAAC,2CAA2C;QAAAT,QAAA,gBACzDb,IAAA,CAACX,eAAe;UACd8B,aAAa,EAAC,oBAAiB;UAC/BC,IAAI,EAAC,cAAc;UACnBC,OAAO;UACPC,SAAS,EAAEV;QAAU,CACtB,CAAC,eACFZ,IAAA,CAACT,IAAI;UACHuB,OAAO,EAAEpB,eAAe,CAAC+B,OAAQ;UACjCC,WAAW,EAAE/B,eAAe,CAAC6B,OAAQ;UACrCG,KAAK,EAAC,YAAY;UAClBL,SAAS,EAAC;QAAW,CACtB,CAAC;MAAA,CACE,CAAC;IAEX;IAEA,IAAIf,MAAM,KAAKX,6BAA6B,CAACgC,KAAK,EAAE;MAClD,oBACExB,KAAA,CAAAF,SAAA;QAAAW,QAAA,gBACEb,IAAA,CAACZ,MAAM;UACL0B,OAAO,EAAC,SAAS;UACjBC,OAAO,EAAEjB,WAAW,CAACkB,MAAO;UAC5BP,QAAQ,EAAEA,QAAS;UACnBC,OAAO,EAAEA,OAAQ;UACjBO,IAAI,EAAEpB,QAAQ,CAACqB,KAAM;UAAAL,QAAA,EACtB;QAED,CAAQ,CAAC,eAETb,IAAA,CAACR,IAAI;UAAC8B,SAAS,EAAEb,QAAQ,GAAG,YAAY,GAAG,EAAG;UAAAI,QAAA,EAAC;QAE/C,CAAM,CAAC;MAAA,CACP,CAAC;IAEP;EACF,CAAC,EAAE,CAACJ,QAAQ,EAAEC,OAAO,EAAEH,MAAM,CAAC,CAAC;EAE/B,oBAAOP,IAAA,CAAAE,SAAA;IAAAW,QAAA,EAAGF;EAAiB,CAAG,CAAC;AACjC;AAEA,eAAeN,iBAAiB","ignoreList":[]}
@@ -1,11 +1,10 @@
1
1
  "use strict";
2
2
 
3
- export let InformationStatusEnum = /*#__PURE__*/function (InformationStatusEnum) {
4
- InformationStatusEnum["DEFAULT"] = "default";
5
- InformationStatusEnum["ERROR"] = "error";
6
- InformationStatusEnum["SUCCESS"] = "success";
7
- InformationStatusEnum["LOADING"] = "loading";
8
- InformationStatusEnum["COOLDOWN"] = "cooldown";
9
- return InformationStatusEnum;
3
+ export let OTPInputInformationStatusEnum = /*#__PURE__*/function (OTPInputInformationStatusEnum) {
4
+ OTPInputInformationStatusEnum["DEFAULT"] = "default";
5
+ OTPInputInformationStatusEnum["ERROR"] = "error";
6
+ OTPInputInformationStatusEnum["SUCCESS"] = "success";
7
+ OTPInputInformationStatusEnum["LOADING"] = "loading";
8
+ return OTPInputInformationStatusEnum;
10
9
  }({});
11
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["InformationStatusEnum"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/enums/index.ts"],"mappings":";;AAAA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA","ignoreList":[]}
1
+ {"version":3,"names":["OTPInputInformationStatusEnum"],"sourceRoot":"../../../../../src","sources":["components/OtpInput/enums/index.ts"],"mappings":";;AAAA,WAAYA,6BAA6B,0BAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAA7BA,6BAA6B;EAAA,OAA7BA,6BAA6B;AAAA","ignoreList":[]}
@@ -1,16 +1,16 @@
1
1
  "use strict";
2
2
 
3
3
  import { useRef, useState } from "react";
4
- import { View, TextInput, Platform } from "react-native";
4
+ import { OTPInputInformationStatusEnum } from "./enums/index.js";
5
+ import { TextInput, Text, View, Platform } from "react-native";
5
6
  import { merge } from "@kivid/tailwind-preset";
6
- import { InformationStatus } from "./components/index.js";
7
- import { InformationStatusEnum } from "./enums/index.js";
8
7
  import { inputVariants } from "./assets/class-variant.js";
8
+ import { InformationStatus } from "./components/index.js";
9
9
  import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
10
10
  export function OtpInput(props) {
11
11
  const {
12
- status = InformationStatusEnum.DEFAULT,
13
- OTPInputsQuantity = 6,
12
+ status = OTPInputInformationStatusEnum.DEFAULT,
13
+ length = 6,
14
14
  customInformation,
15
15
  rounded = false,
16
16
  disabled = false,
@@ -18,80 +18,35 @@ export function OtpInput(props) {
18
18
  onChange,
19
19
  onPressRetryToken
20
20
  } = props;
21
- const inputsRef = useRef([]);
22
- const [inputValues, setInputValues] = useState(Array(OTPInputsQuantity).fill(""));
23
- const hasError = status === InformationStatusEnum.ERROR;
24
- function handlePress() {
25
- const values = [...inputValues];
26
- const inputRefValuesJoined = values.join("");
27
- if (inputRefValuesJoined.length === OTPInputsQuantity) {
28
- onPressRetryToken?.(inputRefValuesJoined);
29
- }
21
+ const hasError = status === OTPInputInformationStatusEnum.ERROR;
22
+ const [code, setCode] = useState('');
23
+ const textInputRef = useRef(null);
24
+ const codeDigitsArray = new Array(length).fill(0);
25
+ const inputStyle = merge(inputVariants({
26
+ rounded,
27
+ hasError,
28
+ disabled
29
+ }), inputClassName);
30
+ const [inputContainerIsFocused, setInputContainerIsFocused] = useState(false);
31
+ function handleOnPress() {
32
+ setInputContainerIsFocused(true);
33
+ textInputRef.current?.focus();
30
34
  }
31
- const handleChange = (event, index) => {
32
- const text = event.nativeEvent.text;
33
- const newValues = [...inputValues];
34
- if (text.length > 1) {
35
- const chars = text.split("");
36
- let targetIndex = index;
37
- chars.forEach(char => {
38
- if (targetIndex < OTPInputsQuantity) {
39
- newValues[targetIndex] = char;
40
- targetIndex++;
41
- }
42
- });
43
- setInputValues(newValues);
44
- onChange?.(newValues.join(""));
45
- const nextEmptyIndex = newValues.findIndex(value => !value);
46
- if (nextEmptyIndex !== -1) {
47
- inputsRef.current[nextEmptyIndex]?.focus();
48
- } else {
49
- inputsRef.current[OTPInputsQuantity - 1]?.focus();
50
- }
51
- return;
52
- }
53
- newValues[index] = text;
54
- setInputValues(newValues);
55
- onChange?.(newValues.join(""));
56
- if (text && index < OTPInputsQuantity - 1) {
57
- const nextEmptyIndex = newValues.findIndex((v, i) => i > index && !v);
58
- if (nextEmptyIndex !== -1) {
59
- inputsRef.current[nextEmptyIndex]?.focus();
60
- }
61
- }
62
- };
63
- const handleKeyDown = (e, index) => {
64
- if (e.nativeEvent.key === "Backspace") {
65
- const hasValueAhead = inputValues.slice(index + 1).some(value => value);
66
- if (hasValueAhead) {
67
- const lastFilledIndex = [...inputValues].map((value, i) => value ? i : -1).filter(i => i !== -1).pop();
68
- if (lastFilledIndex !== undefined) {
69
- inputsRef.current[lastFilledIndex]?.focus();
70
- }
71
- return;
72
- }
73
- if (inputValues[index]) {
74
- const newValues = [...inputValues];
75
- newValues[index] = "";
76
- setInputValues(newValues);
77
- }
78
- if (index > 0) {
79
- inputsRef.current[index - 1]?.focus();
80
- }
81
- }
82
- };
83
- const handleFocus = (event, index) => {
84
- const firstEmptyIndex = inputValues.findIndex(value => !value);
85
- if (firstEmptyIndex !== -1 && index > firstEmptyIndex) {
86
- inputsRef.current[firstEmptyIndex]?.focus();
87
- event.preventDefault();
88
- return;
35
+ function handleOnBlur() {
36
+ setInputContainerIsFocused(false);
37
+ }
38
+ function handleChangeText(text) {
39
+ const textInputQuantity = text.replace(/\s+/g, '').slice(0, length);
40
+ setCode(textInputQuantity);
41
+ if (textInputQuantity.length === length) {
42
+ onChange?.(textInputQuantity);
89
43
  }
90
- if (firstEmptyIndex === -1 && index < OTPInputsQuantity - 1) {
91
- inputsRef.current[OTPInputsQuantity - 1]?.focus();
92
- event.preventDefault();
44
+ }
45
+ function handleInformationStatusOnPress() {
46
+ if (code.length === length) {
47
+ onPressRetryToken?.(code);
93
48
  }
94
- };
49
+ }
95
50
  function renderInformationStatus() {
96
51
  if (customInformation) {
97
52
  return /*#__PURE__*/_jsx(_Fragment, {
@@ -100,35 +55,45 @@ export function OtpInput(props) {
100
55
  }
101
56
  return /*#__PURE__*/_jsx(InformationStatus, {
102
57
  status: status,
103
- onPress: handlePress
58
+ onPress: handleInformationStatusOnPress
104
59
  });
105
60
  }
106
- const inputStyle = merge(inputVariants({
107
- rounded,
108
- hasError,
109
- disabled
110
- }), inputClassName);
61
+ function renderDigit(_value, index) {
62
+ const isCurrentDigit = index === code.length;
63
+ const isLastDigit = index === length - 1;
64
+ const isCodeFull = code.length === length;
65
+ const isDigitFocused = isCurrentDigit && inputContainerIsFocused || isLastDigit && isCodeFull && inputContainerIsFocused;
66
+ return /*#__PURE__*/_jsx(Text, {
67
+ className: inputStyle,
68
+ style: {
69
+ ...(isDigitFocused ? {
70
+ borderColor: '#98A3A3'
71
+ } : {}),
72
+ ...(code[index] ? {} : {
73
+ color: '#98A3A3'
74
+ })
75
+ },
76
+ children: code[index] ?? "•"
77
+ }, index);
78
+ }
111
79
  return /*#__PURE__*/_jsxs(View, {
112
- className: "flex flex-col items-center gap-600",
80
+ className: "flex-col gap-300 max-w-[280px] items-center justify-between",
113
81
  children: [/*#__PURE__*/_jsx(View, {
114
- className: "flex-row gap-300 max-w-[280px] items-center justify-between",
115
- children: Array.from({
116
- length: OTPInputsQuantity
117
- }).map((_, i) => /*#__PURE__*/_jsx(TextInput, {
118
- ref: ref => {
119
- inputsRef.current[i] = ref;
120
- },
121
- textContentType: "oneTimeCode",
122
- placeholder: "_",
123
- className: inputStyle,
124
- autoComplete: Platform.OS === "android" ? "sms-otp" : "one-time-code",
125
- placeholderTextColor: "#DEE7E7",
126
- editable: !disabled,
127
- value: inputValues[i],
128
- onChange: e => handleChange(e, i),
129
- onKeyPress: e => handleKeyDown(e, i),
130
- onFocus: e => handleFocus(e, i)
131
- }, `otp-input-${i}`))
82
+ className: "w-full flex-row justify-around gap-400",
83
+ children: codeDigitsArray.map(renderDigit)
84
+ }), /*#__PURE__*/_jsx(TextInput, {
85
+ className: "w-full h-1000 absolute text-transparent",
86
+ value: code,
87
+ onChangeText: handleChangeText,
88
+ maxLength: length,
89
+ editable: !disabled,
90
+ returnKeyType: "done",
91
+ textContentType: "oneTimeCode",
92
+ ref: textInputRef,
93
+ onBlur: handleOnBlur,
94
+ onPress: handleOnPress,
95
+ caretHidden: true,
96
+ autoComplete: Platform.OS === "android" ? "sms-otp" : "one-time-code"
132
97
  }), renderInformationStatus()]
133
98
  });
134
99
  }
@@ -1 +1 @@
1
- {"version":3,"names":["useRef","useState","View","TextInput","Platform","merge","InformationStatus","InformationStatusEnum","inputVariants","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","OtpInput","props","status","DEFAULT","OTPInputsQuantity","customInformation","rounded","disabled","inputClassName","onChange","onPressRetryToken","inputsRef","inputValues","setInputValues","Array","fill","hasError","ERROR","handlePress","values","inputRefValuesJoined","join","length","handleChange","event","index","text","nativeEvent","newValues","chars","split","targetIndex","forEach","char","nextEmptyIndex","findIndex","value","current","focus","v","i","handleKeyDown","e","key","hasValueAhead","slice","some","lastFilledIndex","map","filter","pop","undefined","handleFocus","firstEmptyIndex","preventDefault","renderInformationStatus","children","onPress","inputStyle","className","from","_","ref","textContentType","placeholder","autoComplete","OS","placeholderTextColor","editable","onKeyPress","onFocus"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useRef","useState","OTPInputInformationStatusEnum","TextInput","Text","View","Platform","merge","inputVariants","InformationStatus","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","OtpInput","props","status","DEFAULT","length","customInformation","rounded","disabled","inputClassName","onChange","onPressRetryToken","hasError","ERROR","code","setCode","textInputRef","codeDigitsArray","Array","fill","inputStyle","inputContainerIsFocused","setInputContainerIsFocused","handleOnPress","current","focus","handleOnBlur","handleChangeText","text","textInputQuantity","replace","slice","handleInformationStatusOnPress","renderInformationStatus","children","onPress","renderDigit","_value","index","isCurrentDigit","isLastDigit","isCodeFull","isDigitFocused","className","style","borderColor","color","map","value","onChangeText","maxLength","editable","returnKeyType","textContentType","ref","onBlur","caretHidden","autoComplete","OS"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+
3
+ import { useState } from "react";
4
+ import TextInput from "../TextInput/index.js";
5
+ import { IconButton } from "../IconButton/index.js";
6
+ import { Eye, EyeOff } from "@kivid/icons/native";
7
+ import { IconButtonVariantEnum } from "../IconButton/enums.js";
8
+ import { jsx as _jsx } from "react/jsx-runtime";
9
+ export function PasswordInput(props) {
10
+ const [shouldHidePassword, setShouldHidePassword] = useState(true);
11
+ function toogleHidePassword() {
12
+ setShouldHidePassword(!shouldHidePassword);
13
+ }
14
+ function renderIcon() {
15
+ if (shouldHidePassword) {
16
+ return /*#__PURE__*/_jsx(Eye, {
17
+ size: 24,
18
+ className: "text-chia-900"
19
+ });
20
+ }
21
+ return /*#__PURE__*/_jsx(EyeOff, {
22
+ size: 24,
23
+ className: "text-chia-900"
24
+ });
25
+ }
26
+ return /*#__PURE__*/_jsx(TextInput, {
27
+ ...props,
28
+ secureTextEntry: shouldHidePassword,
29
+ rightIcon: /*#__PURE__*/_jsx(IconButton, {
30
+ onPress: toogleHidePassword,
31
+ accessibilityLabel: "Toggle Password Visibility",
32
+ variant: IconButtonVariantEnum.GHOST,
33
+ icon: renderIcon()
34
+ })
35
+ });
36
+ }
37
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["useState","TextInput","IconButton","Eye","EyeOff","IconButtonVariantEnum","jsx","_jsx","PasswordInput","props","shouldHidePassword","setShouldHidePassword","toogleHidePassword","renderIcon","size","className","secureTextEntry","rightIcon","onPress","accessibilityLabel","variant","GHOST","icon"],"sourceRoot":"../../../../src","sources":["components/PasswordInput/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,OAAOC,SAAS,MAAM,uBAAc;AACpC,SAASC,UAAU,QAAQ,wBAAe;AAE1C,SAASC,GAAG,EAAEC,MAAM,QAAQ,qBAAqB;AACjD,SAASC,qBAAqB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5D,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGX,QAAQ,CAAC,IAAI,CAAC;EAElE,SAASY,kBAAkBA,CAAA,EAAG;IAC5BD,qBAAqB,CAAC,CAACD,kBAAkB,CAAC;EAC5C;EAEA,SAASG,UAAUA,CAAA,EAAG;IACpB,IAAIH,kBAAkB,EAAE;MACtB,oBAAOH,IAAA,CAACJ,GAAG;QAACW,IAAI,EAAE,EAAG;QAACC,SAAS,EAAC;MAAe,CAAE,CAAC;IACpD;IAEA,oBAAOR,IAAA,CAACH,MAAM;MAACU,IAAI,EAAE,EAAG;MAACC,SAAS,EAAC;IAAe,CAAE,CAAC;EACvD;EAEA,oBACER,IAAA,CAACN,SAAS;IAAA,GACJQ,KAAK;IACTO,eAAe,EAAEN,kBAAmB;IACpCO,SAAS,eACPV,IAAA,CAACL,UAAU;MACTgB,OAAO,EAAEN,kBAAmB;MAC5BO,kBAAkB,EAAC,4BAA4B;MAC/CC,OAAO,EAAEf,qBAAqB,CAACgB,KAAM;MACrCC,IAAI,EAAET,UAAU,CAAC;IAAE,CACpB;EACF,CACF,CAAC;AAEN","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/PasswordInput/types.ts"],"mappings":"","ignoreList":[]}
@@ -28,6 +28,9 @@ export function TextInput({
28
28
  containerTestID,
29
29
  ref,
30
30
  tooltipClassName = "",
31
+ tooltipPointerClassName,
32
+ tooltipContainerClassName,
33
+ rightIcon,
31
34
  ...rest
32
35
  }) {
33
36
  const inputRef = useRef(null);
@@ -47,6 +50,12 @@ export function TextInput({
47
50
  })
48
51
  });
49
52
  };
53
+ const renderRightIcon = () => {
54
+ if (rightIcon) {
55
+ return rightIcon;
56
+ }
57
+ return renderSeal();
58
+ };
50
59
  const handleChangeText = text => {
51
60
  onChangeText?.(text);
52
61
  };
@@ -59,10 +68,12 @@ export function TextInput({
59
68
  return labelText;
60
69
  };
61
70
  return /*#__PURE__*/_jsx(Tooltip, {
62
- isVisible: hasError,
63
- message: "This is a error",
71
+ isOpenedByVariantError: hasError,
72
+ message: error,
64
73
  variant: TooltipVariantEnum.ERROR,
65
74
  className: tooltipClassName,
75
+ pointerClassName: tooltipPointerClassName,
76
+ containerClassName: tooltipContainerClassName,
66
77
  children: /*#__PURE__*/_jsxs(Pressable, {
67
78
  testID: containerTestID,
68
79
  className: merge(textInputContainerVariants({
@@ -109,7 +120,7 @@ export function TextInput({
109
120
  }
110
121
  }
111
122
  })]
112
- }), renderSeal()]
123
+ }), renderRightIcon()]
113
124
  })
114
125
  });
115
126
  }
@@ -1 +1 @@
1
- {"version":3,"names":["useRef","View","TextInput","RNTextInput","Pressable","merge","Seal","SealVariantEnum","TextInputCornersEnum","textInputContainerVariants","textInputContentVariants","textInputFieldVariants","Typography","SizeEnum","Tooltip","TooltipVariantEnum","jsx","_jsx","jsxs","_jsxs","corners","MEDIUM","label","value","onChangeText","disabled","error","isValid","className","inputClassName","labelClassName","placeholder","accessibilityLabel","containerTestID","ref","tooltipClassName","rest","inputRef","hasLabel","hasError","shouldShowSeal","renderSeal","testID","sealVariant","ERROR","SUCCESS","children","variant","size","handleChangeText","text","getAccessibilityLabel","labelText","isVisible","message","showLabel","onPress","current","focus","weight","editable","accessibilityState","instance","displayName"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useRef","View","TextInput","RNTextInput","Pressable","merge","Seal","SealVariantEnum","TextInputCornersEnum","textInputContainerVariants","textInputContentVariants","textInputFieldVariants","Typography","SizeEnum","Tooltip","TooltipVariantEnum","jsx","_jsx","jsxs","_jsxs","corners","MEDIUM","label","value","onChangeText","disabled","error","isValid","className","inputClassName","labelClassName","placeholder","accessibilityLabel","containerTestID","ref","tooltipClassName","tooltipPointerClassName","tooltipContainerClassName","rightIcon","rest","inputRef","hasLabel","hasError","shouldShowSeal","renderSeal","testID","sealVariant","ERROR","SUCCESS","children","variant","size","renderRightIcon","handleChangeText","text","getAccessibilityLabel","labelText","isOpenedByVariantError","message","pointerClassName","containerClassName","showLabel","onPress","current","focus","weight","editable","accessibilityState","instance","displayName"],"sourceRoot":"../../../../src","sources":["components/TextInput/index.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,IAAI,EAAEC,SAAS,IAAIC,WAAW,EAAEC,SAAS,QAAQ,cAAc;AACxE,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,eAAe,QAAQ,wBAAe;AAE/C,SAASC,oBAAoB,QAAQ,YAAS;AAC9C,SACEC,0BAA0B,EAC1BC,wBAAwB,EACxBC,sBAAsB,QACjB,4BAAyB;AAChC,OAAOC,UAAU,MAAM,wBAAe;AACtC,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,kBAAkB,QAAQ,0BAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErD,OAAO,SAASjB,SAASA,CAAC;EACxBkB,OAAO,GAAGZ,oBAAoB,CAACa,MAAM;EACrCC,KAAK;EACLC,KAAK;EACLC,YAAY;EACZC,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACLC,OAAO;EACPC,SAAS,GAAG,EAAE;EACdC,cAAc,GAAG,EAAE;EACnBC,cAAc,GAAG,EAAE;EACnBC,WAAW,GAAG,aAAa;EAC3BC,kBAAkB;EAClBC,eAAe;EACfC,GAAG;EACHC,gBAAgB,GAAG,EAAE;EACrBC,uBAAuB;EACvBC,yBAAyB;EACzBC,SAAS;EACT,GAAGC;AACW,CAAC,EAAE;EACjB,MAAMC,QAAQ,GAAGxC,MAAM,CAAc,IAAI,CAAC;EAC1C,MAAMyC,QAAQ,GAAG,CAAC,CAACnB,KAAK;EACxB,MAAMoB,QAAQ,GAAG,CAAC,CAAChB,KAAK;EAExB,MAAMiB,cAAc,GAAGjB,KAAK,IAAIC,OAAO;EAEvC,MAAMiB,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;IAEhC,MAAME,MAAM,GAAGnB,KAAK,GAAG,YAAY,GAAG,cAAc;IACpD,MAAMoB,WAAW,GAAGpB,KAAK,GAAGnB,eAAe,CAACwC,KAAK,GAAGxC,eAAe,CAACyC,OAAO;IAE3E,oBACE/B,IAAA,CAAChB,IAAI;MAAC2B,SAAS,EAAE,aAAc;MAAAqB,QAAA,eAC7BhC,IAAA,CAACX,IAAI;QAAC4C,OAAO,EAAEJ,WAAY;QAACK,IAAI,EAAEtC,QAAQ,CAACQ,MAAO;QAACwB,MAAM,EAAEA;MAAO,CAAE;IAAC,CACjE,CAAC;EAEX,CAAC;EAED,MAAMO,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAId,SAAS,EAAE;MACb,OAAOA,SAAS;IAClB;IAEA,OAAOM,UAAU,CAAC,CAAC;EACrB,CAAC;EAED,MAAMS,gBAAgB,GAAIC,IAAY,IAAK;IACzC9B,YAAY,GAAG8B,IAAI,CAAC;EACtB,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAIvB,kBAAkB,EAAE,OAAOA,kBAAkB;IAEjD,IAAIwB,SAAS,GAAGlC,KAAK,IAAI,YAAY;IAErC,IAAII,KAAK,EAAE8B,SAAS,IAAI,YAAY9B,KAAK,EAAE;IAC3C,IAAIC,OAAO,EAAE6B,SAAS,IAAI,WAAW;IACrC,IAAI/B,QAAQ,EAAE+B,SAAS,IAAI,YAAY;IAEvC,OAAOA,SAAS;EAClB,CAAC;EAED,oBACEvC,IAAA,CAACH,OAAO;IACN2C,sBAAsB,EAAEf,QAAS;IACjCgB,OAAO,EAAEhC,KAAM;IACfwB,OAAO,EAAEnC,kBAAkB,CAACgC,KAAM;IAClCnB,SAAS,EAAEO,gBAAiB;IAC5BwB,gBAAgB,EAAEvB,uBAAwB;IAC1CwB,kBAAkB,EAAEvB,yBAA0B;IAAAY,QAAA,eAE9C9B,KAAA,CAACf,SAAS;MACRyC,MAAM,EAAEZ,eAAgB;MACxBL,SAAS,EAAEvB,KAAK,CACdI,0BAA0B,CAAC;QACzBW,OAAO;QACPM,KAAK,EAAE,CAAC,CAACA,KAAK;QACdD,QAAQ;QACRoC,SAAS,EAAEpB;MACb,CAAC,CAAC,EACFb,SACF,CAAE;MACFkC,OAAO,EAAEA,CAAA,KAAM;QACb,IAAI,CAACrC,QAAQ,EAAE;UACbe,QAAQ,CAACuB,OAAO,EAAEC,KAAK,CAAC,CAAC;QAC3B;MACF,CAAE;MACFvC,QAAQ,EAAEA,QAAS;MAAAwB,QAAA,gBAEnB9B,KAAA,CAAClB,IAAI;QACH2B,SAAS,EAAEvB,KAAK,CAACK,wBAAwB,CAAC;UAAEmD,SAAS,EAAEpB;QAAS,CAAC,CAAC,CAAE;QAAAQ,QAAA,GAEnE3B,KAAK,iBACJH,KAAA,CAACP,UAAU;UACTsC,OAAO,EAAC,aAAa;UACrBe,MAAM,EAAC,KAAK;UACZrC,SAAS,EAAEE,cAAe;UAAAmB,QAAA,GAEzB3B,KAAK,EAAC,GACT;QAAA,CAAY,CACb,eAEDL,IAAA,CAACd,WAAW;UACVoB,KAAK,EAAEA,KAAM;UACbC,YAAY,EAAE6B,gBAAiB;UAC/Ba,QAAQ,EAAE,CAACzC,QAAS;UACpBM,WAAW,EAAEA,WAAY;UACzBH,SAAS,EAAEvB,KAAK,CACdM,sBAAsB,CAAC;YACrBc,QAAQ;YACRE,OAAO;YACPD,KAAK,EAAEgB,QAAQ;YACfmB,SAAS,EAAEpB;UACb,CAAC,CAAC,EACFZ,cACF,CAAE;UACFG,kBAAkB,EAAEuB,qBAAqB,CAAC,CAAE;UAC5CY,kBAAkB,EAAE;YAClB1C;UACF,CAAE;UAAA,GACEc,IAAI;UACRL,GAAG,EAAGkC,QAAQ,IAAK;YACjB5B,QAAQ,CAACuB,OAAO,GAAGK,QAAQ;YAE3B,IAAIlC,GAAG,EAAE;cACPA,GAAG,CAAC6B,OAAO,GAAGK,QAAQ;YACxB;UACF;QAAE,CACH,CAAC;MAAA,CACE,CAAC,EAENhB,eAAe,CAAC,CAAC;IAAA,CACT;EAAC,CACL,CAAC;AAEd;AAEAlD,SAAS,CAACmE,WAAW,GAAG,WAAW;AAEnC,eAAenE,SAAS","ignoreList":[]}
@@ -1,38 +1,77 @@
1
1
  "use strict";
2
2
 
3
- import { View } from "react-native";
3
+ import { View, Pressable } from "react-native";
4
4
  import { Content } from "./components/index.js";
5
5
  import { useTooltipPosition } from "./hooks/index.js";
6
6
  import { TooltipVariantEnum } from "./enum/index.js";
7
+ import { useState, useCallback, cloneElement, isValidElement } from "react";
7
8
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
9
  export function Tooltip(props) {
9
10
  const {
10
11
  children,
11
12
  message,
12
13
  variant = TooltipVariantEnum.TRIGGER,
13
- isVisible,
14
14
  className,
15
15
  containerClassName,
16
- pointerClassName
16
+ pointerClassName,
17
+ isOpenedByVariantError,
18
+ onChangeVisibility
17
19
  } = props;
18
20
  const {
19
21
  positionData,
20
22
  onTriggerLayout,
21
23
  onTooltipLayout
22
24
  } = useTooltipPosition();
25
+ const [isVisible, setIsVisible] = useState(false);
26
+ const handleVisibilityChange = useCallback(visible => {
27
+ setIsVisible(visible);
28
+ onChangeVisibility?.(visible);
29
+ }, [onChangeVisibility]);
30
+ const handleToggleVisibility = useCallback(() => {
31
+ const newVisibility = !isVisible;
32
+ handleVisibilityChange(newVisibility);
33
+ }, [isVisible, handleVisibilityChange]);
34
+ const renderTriggerContent = () => {
35
+ if (variant !== TooltipVariantEnum.TRIGGER) {
36
+ return children;
37
+ }
38
+ if (/*#__PURE__*/isValidElement(children)) {
39
+ const child = children;
40
+ const childProps = child.props;
41
+ const componentType = child.type;
42
+ const componentName = (typeof componentType === 'function' ? componentType.displayName || componentType.name : componentType) || '';
43
+ const isButton = componentName === 'Button' || componentName === 'Pressable' || componentName === 'TouchableOpacity';
44
+ if (isButton || childProps && typeof childProps.onPress === 'function') {
45
+ return /*#__PURE__*/cloneElement(child, {
46
+ ...childProps,
47
+ onPress: (...args) => {
48
+ if (typeof childProps.onPress === 'function') {
49
+ childProps.onPress(...args);
50
+ handleToggleVisibility();
51
+ }
52
+ }
53
+ });
54
+ }
55
+ }
56
+ return /*#__PURE__*/_jsx(Pressable, {
57
+ onPress: handleToggleVisibility,
58
+ children: children
59
+ });
60
+ };
23
61
  return /*#__PURE__*/_jsxs(View, {
24
62
  className: "relative",
25
63
  onLayout: onTriggerLayout,
26
- children: [children, /*#__PURE__*/_jsx(Content, {
64
+ children: [renderTriggerContent(), /*#__PURE__*/_jsx(Content, {
27
65
  message: message,
28
66
  variant: variant,
29
- isVisible: isVisible,
67
+ isVisible: variant === TooltipVariantEnum.TRIGGER ? isVisible : !!isOpenedByVariantError,
30
68
  onLayout: onTooltipLayout,
31
69
  translateX: positionData.adjustedPosition.translateX,
32
70
  pointerOffset: positionData.pointerOffset,
33
71
  className: className,
34
72
  containerClassName: containerClassName,
35
- pointerClassName: pointerClassName
73
+ pointerClassName: pointerClassName,
74
+ onChangeVisibility: handleVisibilityChange
36
75
  })]
37
76
  });
38
77
  }
@@ -1 +1 @@
1
- {"version":3,"names":["View","Content","useTooltipPosition","TooltipVariantEnum","jsx","_jsx","jsxs","_jsxs","Tooltip","props","children","message","variant","TRIGGER","isVisible","className","containerClassName","pointerClassName","positionData","onTriggerLayout","onTooltipLayout","onLayout","translateX","adjustedPosition","pointerOffset"],"sourceRoot":"../../../../src","sources":["components/Tooltip/index.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,OAAO,QAAQ,uBAAc;AACtC,SAASC,kBAAkB,QAAQ,kBAAS;AAG5C,SAASC,kBAAkB,QAAQ,iBAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5C,OAAO,SAASC,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IACJC,QAAQ;IACRC,OAAO;IACPC,OAAO,GAAGT,kBAAkB,CAACU,OAAO;IACpCC,SAAS;IACTC,SAAS;IACTC,kBAAkB;IAClBC;EACF,CAAC,GAAGR,KAAK;EACT,MAAM;IAAES,YAAY;IAAEC,eAAe;IAAEC;EAAgB,CAAC,GACtDlB,kBAAkB,CAAC,CAAC;EAEtB,oBACEK,KAAA,CAACP,IAAI;IAACe,SAAS,EAAC,UAAU;IAACM,QAAQ,EAAEF,eAAgB;IAAAT,QAAA,GAClDA,QAAQ,eAETL,IAAA,CAACJ,OAAO;MACNU,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBE,SAAS,EAAEA,SAAU;MACrBO,QAAQ,EAAED,eAAgB;MAC1BE,UAAU,EAAEJ,YAAY,CAACK,gBAAgB,CAACD,UAAW;MACrDE,aAAa,EAAEN,YAAY,CAACM,aAAc;MAC1CT,SAAS,EAAEA,SAAU;MACrBC,kBAAkB,EAAEA,kBAAmB;MACvCC,gBAAgB,EAAEA;IAAiB,CACpC,CAAC;EAAA,CACE,CAAC;AAEX","ignoreList":[]}
1
+ {"version":3,"names":["View","Pressable","Content","useTooltipPosition","TooltipVariantEnum","useState","useCallback","cloneElement","isValidElement","jsx","_jsx","jsxs","_jsxs","Tooltip","props","children","message","variant","TRIGGER","className","containerClassName","pointerClassName","isOpenedByVariantError","onChangeVisibility","positionData","onTriggerLayout","onTooltipLayout","isVisible","setIsVisible","handleVisibilityChange","visible","handleToggleVisibility","newVisibility","renderTriggerContent","child","childProps","componentType","type","componentName","displayName","name","isButton","onPress","args","onLayout","translateX","adjustedPosition","pointerOffset"],"sourceRoot":"../../../../src","sources":["components/Tooltip/index.tsx"],"mappings":"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","ignoreList":[]}
@@ -32,4 +32,7 @@ export * from "./SelectButton/index.js";
32
32
  export * from "./SelectButton/enums/index.js";
33
33
  export * from "./RadioInput/index.js";
34
34
  export * from "./RadioInput/enums/index.js";
35
+ export * from "./IconButton/index.js";
36
+ export * from "./IconButton/enums.js";
37
+ export * from "./PasswordInput/index.js";
35
38
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,uBAAc;AAG5B,cAAc,iBAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,uBAAc;AAE5B,cAAc,8BAAqB;AAEnC,cAAc,8BAA2B;AAEzC,cAAc,0BAAiB;AAE/B,cAAc,gCAAuB;AAErC,cAAc,qBAAY;AAE1B,cAAc,2BAAkB;AAEhC,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AAEtB,cAAc,uBAAc;AAE5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AAExB,cAAc,yBAAgB;AAE9B,cAAc,uBAAc;AAG5B,cAAc,kBAAS;AAEvB,cAAc,wBAAe;AAE7B,cAAc,oBAAW;AAGzB,cAAc,uBAAc;AAE5B,cAAc,6BAAoB;AAElC,cAAc,sBAAa;AAE3B,cAAc,sBAAmB;AAEjC,cAAc,yBAAgB;AAE9B,cAAc,+BAAsB;AAEpC,cAAc,uBAAc;AAE5B,cAAc,6BAAoB","ignoreList":[]}
1
+ {"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,mBAAU;AACxB,cAAc,mBAAU;AAGxB,cAAc,uBAAc;AAI5B,cAAc,iBAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,uBAAc;AAE5B,cAAc,8BAAqB;AAEnC,cAAc,8BAA2B;AAEzC,cAAc,0BAAiB;AAE/B,cAAc,gCAAuB;AAErC,cAAc,qBAAY;AAE1B,cAAc,2BAAkB;AAEhC,cAAc,4BAAmB;AAGjC,cAAc,wBAAe;AAC7B,cAAc,wBAAqB;AAEnC,cAAc,iBAAQ;AAEtB,cAAc,uBAAc;AAE5B,cAAc,kBAAS;AAGvB,cAAc,mBAAU;AAExB,cAAc,yBAAgB;AAE9B,cAAc,uBAAc;AAG5B,cAAc,kBAAS;AAEvB,cAAc,wBAAe;AAE7B,cAAc,oBAAW;AAGzB,cAAc,uBAAc;AAE5B,cAAc,6BAAoB;AAElC,cAAc,sBAAa;AAE3B,cAAc,sBAAmB;AAEjC,cAAc,yBAAgB;AAE9B,cAAc,+BAAsB;AAEpC,cAAc,uBAAc;AAE5B,cAAc,6BAAoB;AAElC,cAAc,uBAAc;AAE5B,cAAc,uBAAoB;AAElC,cAAc,0BAAiB","ignoreList":[]}
@@ -2,7 +2,7 @@
2
2
 
3
3
  import * as IconsNative from "@kivid/icons/native";
4
4
  import React, { useMemo, useState } from "react";
5
- import { Alert, FlatList, Pressable, SafeAreaView, Text, TextInput, View } from "react-native";
5
+ import { Alert, FlatList, Pressable, Text, TextInput, View } from "react-native";
6
6
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
7
7
  export function Icons(props) {
8
8
  const {
@@ -23,7 +23,7 @@ export function Icons(props) {
23
23
  const component = `<${name} size={${size}} ${isCurrentColor ? "" : `color="${color}"`} />`;
24
24
  Alert.alert(`Ícone selecionado: ${component}`);
25
25
  }
26
- return /*#__PURE__*/_jsxs(SafeAreaView, {
26
+ return /*#__PURE__*/_jsxs(View, {
27
27
  className: "m-16",
28
28
  children: [/*#__PURE__*/_jsx(TextInput, {
29
29
  placeholder: "Pesquisar \xEDcones...",