@tecsinapse/react-native-kit 1.23.10 → 2.0.0

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 (227) hide show
  1. package/dist/cjs/components/atoms/Avatar/Avatar.js +1 -8
  2. package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -1
  3. package/dist/cjs/components/atoms/Badge/Badge.js +8 -12
  4. package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
  5. package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js +14 -16
  6. package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
  7. package/dist/cjs/components/atoms/BottomNavigator/Item.d.ts +3 -3
  8. package/dist/cjs/components/atoms/BottomNavigator/Item.js +4 -12
  9. package/dist/cjs/components/atoms/BottomNavigator/Item.js.map +1 -1
  10. package/dist/cjs/components/atoms/BottomNavigator/styled.js +4 -10
  11. package/dist/cjs/components/atoms/BottomNavigator/styled.js.map +1 -1
  12. package/dist/cjs/components/atoms/Button/Button.d.ts +1 -1
  13. package/dist/cjs/components/atoms/Button/Button.js +1 -10
  14. package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
  15. package/dist/cjs/components/atoms/Button/States/Error.js +1 -8
  16. package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -1
  17. package/dist/cjs/components/atoms/Button/States/Loading.js +1 -8
  18. package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -1
  19. package/dist/cjs/components/atoms/Button/States/Success.js +1 -8
  20. package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -1
  21. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.d.ts +1 -0
  22. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +1 -8
  23. package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  24. package/dist/cjs/components/atoms/Header/Header.d.ts +1 -1
  25. package/dist/cjs/components/atoms/Header/Header.js +14 -33
  26. package/dist/cjs/components/atoms/Header/Header.js.map +1 -1
  27. package/dist/cjs/components/atoms/Header/styled.js +3 -9
  28. package/dist/cjs/components/atoms/Header/styled.js.map +1 -1
  29. package/dist/cjs/components/atoms/Input/Input.js +37 -38
  30. package/dist/cjs/components/atoms/Input/Input.js.map +1 -1
  31. package/dist/cjs/components/atoms/Input/styled.js +2 -8
  32. package/dist/cjs/components/atoms/Input/styled.js.map +1 -1
  33. package/dist/cjs/components/atoms/InputMask/InputMask.js +37 -40
  34. package/dist/cjs/components/atoms/InputMask/InputMask.js.map +1 -1
  35. package/dist/cjs/components/atoms/InputMask/styled.js +3 -9
  36. package/dist/cjs/components/atoms/InputMask/styled.js.map +1 -1
  37. package/dist/cjs/components/atoms/Modal/ModalGroupManager.js +11 -13
  38. package/dist/cjs/components/atoms/Modal/ModalGroupManager.js.map +1 -1
  39. package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js +47 -7
  40. package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
  41. package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js +20 -21
  42. package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
  43. package/dist/cjs/components/atoms/Modal/ui/styled.js +3 -9
  44. package/dist/cjs/components/atoms/Modal/ui/styled.js.map +1 -1
  45. package/dist/cjs/components/atoms/Modal/ui/types.d.ts +2 -1
  46. package/dist/cjs/components/atoms/Modal/useLazyModalManager.js +0 -2
  47. package/dist/cjs/components/atoms/Modal/useLazyModalManager.js.map +1 -1
  48. package/dist/cjs/components/atoms/Modal/useModalManager.js +0 -2
  49. package/dist/cjs/components/atoms/Modal/useModalManager.js.map +1 -1
  50. package/dist/cjs/components/atoms/Modal/useModalRemoteControl.js +0 -2
  51. package/dist/cjs/components/atoms/Modal/useModalRemoteControl.js.map +1 -1
  52. package/dist/cjs/components/atoms/Skeleton/Pulse.d.ts +1 -0
  53. package/dist/cjs/components/atoms/Skeleton/Pulse.js +15 -18
  54. package/dist/cjs/components/atoms/Skeleton/Pulse.js.map +1 -1
  55. package/dist/cjs/components/atoms/Skeleton/Skeleton.js +25 -24
  56. package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +1 -1
  57. package/dist/cjs/components/atoms/Skeleton/Wave.d.ts +1 -0
  58. package/dist/cjs/components/atoms/Skeleton/Wave.js +47 -30
  59. package/dist/cjs/components/atoms/Skeleton/Wave.js.map +1 -1
  60. package/dist/cjs/components/atoms/Skeleton/animation.js +0 -2
  61. package/dist/cjs/components/atoms/Skeleton/animation.js.map +1 -1
  62. package/dist/cjs/components/atoms/Skeleton/styled.js +1 -7
  63. package/dist/cjs/components/atoms/Skeleton/styled.js.map +1 -1
  64. package/dist/cjs/components/atoms/Skeleton/types.d.ts +1 -1
  65. package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js +30 -23
  66. package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
  67. package/dist/cjs/components/atoms/Tag/Tag.js +17 -14
  68. package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
  69. package/dist/cjs/components/atoms/Text/Text.d.ts +1 -1
  70. package/dist/cjs/components/atoms/Text/Text.js +1 -7
  71. package/dist/cjs/components/atoms/Text/Text.js.map +1 -1
  72. package/dist/cjs/components/atoms/Text/styled.js +1 -7
  73. package/dist/cjs/components/atoms/Text/styled.js.map +1 -1
  74. package/dist/cjs/components/atoms/TextArea/TextArea.d.ts +1 -1
  75. package/dist/cjs/components/atoms/TextArea/TextArea.js +42 -39
  76. package/dist/cjs/components/atoms/TextArea/TextArea.js.map +1 -1
  77. package/dist/cjs/components/atoms/TextArea/styled.js +1 -7
  78. package/dist/cjs/components/atoms/TextArea/styled.js.map +1 -1
  79. package/dist/cjs/components/molecules/Calendar/Calendar.d.ts +1 -0
  80. package/dist/cjs/components/molecules/Calendar/Calendar.js +8 -11
  81. package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -1
  82. package/dist/cjs/components/molecules/DatePicker/DatePicker.d.ts +2 -1
  83. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +14 -22
  84. package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
  85. package/dist/cjs/components/molecules/DatePicker/styled.js +1 -7
  86. package/dist/cjs/components/molecules/DatePicker/styled.js.map +1 -1
  87. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
  88. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +13 -20
  89. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  90. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +8 -11
  91. package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  92. package/dist/cjs/components/molecules/Grid/Grid.d.ts +2 -1
  93. package/dist/cjs/components/molecules/Grid/Grid.js +38 -30
  94. package/dist/cjs/components/molecules/Grid/Grid.js.map +1 -1
  95. package/dist/cjs/components/molecules/Grid/Item/Item.d.ts +3 -2
  96. package/dist/cjs/components/molecules/Grid/Item/Item.js +3 -10
  97. package/dist/cjs/components/molecules/Grid/Item/Item.js.map +1 -1
  98. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
  99. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +25 -24
  100. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  101. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +13 -13
  102. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  103. package/dist/cjs/components/molecules/IconTextButton/styled.js +2 -8
  104. package/dist/cjs/components/molecules/IconTextButton/styled.js.map +1 -1
  105. package/dist/cjs/components/molecules/InputPassword/InputPassword.d.ts +1 -1
  106. package/dist/cjs/components/molecules/InputPassword/InputPassword.js +17 -15
  107. package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +1 -1
  108. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +11 -13
  109. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  110. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
  111. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -26
  112. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  113. package/dist/cjs/components/molecules/LabeledSwitch/styled.js +2 -8
  114. package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +1 -1
  115. package/dist/cjs/components/molecules/Select/Modal.d.ts +1 -0
  116. package/dist/cjs/components/molecules/Select/Modal.js +93 -78
  117. package/dist/cjs/components/molecules/Select/Modal.js.map +1 -1
  118. package/dist/cjs/components/molecules/Select/Select.d.ts +1 -0
  119. package/dist/cjs/components/molecules/Select/Select.js +56 -52
  120. package/dist/cjs/components/molecules/Select/Select.js.map +1 -1
  121. package/dist/cjs/components/molecules/Select/styled.js +14 -20
  122. package/dist/cjs/components/molecules/Select/styled.js.map +1 -1
  123. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +1 -11
  124. package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
  125. package/dist/cjs/components/molecules/Snackbar/styled.js +1 -7
  126. package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -1
  127. package/dist/cjs/index.js +0 -2
  128. package/dist/cjs/index.js.map +1 -1
  129. package/dist/cjs/utils/date.js +3 -6
  130. package/dist/cjs/utils/date.js.map +1 -1
  131. package/dist/esm/components/atoms/Avatar/Avatar.js +1 -4
  132. package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
  133. package/dist/esm/components/atoms/Badge/Badge.js +8 -8
  134. package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
  135. package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js +11 -12
  136. package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
  137. package/dist/esm/components/atoms/BottomNavigator/Item.d.ts +3 -3
  138. package/dist/esm/components/atoms/BottomNavigator/Item.js +1 -8
  139. package/dist/esm/components/atoms/BottomNavigator/Item.js.map +1 -1
  140. package/dist/esm/components/atoms/BottomNavigator/styled.js.map +1 -1
  141. package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
  142. package/dist/esm/components/atoms/Button/Button.js +1 -4
  143. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  144. package/dist/esm/components/atoms/Button/States/Error.js +1 -4
  145. package/dist/esm/components/atoms/Button/States/Error.js.map +1 -1
  146. package/dist/esm/components/atoms/Button/States/Loading.js +1 -4
  147. package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -1
  148. package/dist/esm/components/atoms/Button/States/Success.js +1 -4
  149. package/dist/esm/components/atoms/Button/States/Success.js.map +1 -1
  150. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +1 -0
  151. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +1 -4
  152. package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  153. package/dist/esm/components/atoms/Header/Header.d.ts +1 -1
  154. package/dist/esm/components/atoms/Header/Header.js +11 -29
  155. package/dist/esm/components/atoms/Header/Header.js.map +1 -1
  156. package/dist/esm/components/atoms/Input/Input.js +36 -33
  157. package/dist/esm/components/atoms/Input/Input.js.map +1 -1
  158. package/dist/esm/components/atoms/InputMask/InputMask.js +36 -35
  159. package/dist/esm/components/atoms/InputMask/InputMask.js.map +1 -1
  160. package/dist/esm/components/atoms/Modal/ModalGroupManager.js +11 -7
  161. package/dist/esm/components/atoms/Modal/ModalGroupManager.js.map +1 -1
  162. package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js +46 -0
  163. package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
  164. package/dist/esm/components/atoms/Modal/ui/BaseModalView.js +20 -15
  165. package/dist/esm/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
  166. package/dist/esm/components/atoms/Modal/ui/types.d.ts +2 -1
  167. package/dist/esm/components/atoms/Skeleton/Pulse.d.ts +1 -0
  168. package/dist/esm/components/atoms/Skeleton/Pulse.js +15 -12
  169. package/dist/esm/components/atoms/Skeleton/Pulse.js.map +1 -1
  170. package/dist/esm/components/atoms/Skeleton/Skeleton.js +25 -20
  171. package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
  172. package/dist/esm/components/atoms/Skeleton/Wave.d.ts +1 -0
  173. package/dist/esm/components/atoms/Skeleton/Wave.js +30 -25
  174. package/dist/esm/components/atoms/Skeleton/Wave.js.map +1 -1
  175. package/dist/esm/components/atoms/Skeleton/styled.js.map +1 -1
  176. package/dist/esm/components/atoms/Skeleton/types.d.ts +1 -1
  177. package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js +27 -19
  178. package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
  179. package/dist/esm/components/atoms/Tag/Tag.js +17 -10
  180. package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
  181. package/dist/esm/components/atoms/Text/Text.d.ts +1 -1
  182. package/dist/esm/components/atoms/Text/Text.js +1 -3
  183. package/dist/esm/components/atoms/Text/Text.js.map +1 -1
  184. package/dist/esm/components/atoms/Text/styled.js.map +1 -1
  185. package/dist/esm/components/atoms/TextArea/TextArea.d.ts +1 -1
  186. package/dist/esm/components/atoms/TextArea/TextArea.js +42 -35
  187. package/dist/esm/components/atoms/TextArea/TextArea.js.map +1 -1
  188. package/dist/esm/components/molecules/Calendar/Calendar.d.ts +1 -0
  189. package/dist/esm/components/molecules/Calendar/Calendar.js +8 -5
  190. package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -1
  191. package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +2 -1
  192. package/dist/esm/components/molecules/DatePicker/DatePicker.js +14 -16
  193. package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  194. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
  195. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +13 -14
  196. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  197. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +8 -5
  198. package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  199. package/dist/esm/components/molecules/Grid/Grid.d.ts +2 -1
  200. package/dist/esm/components/molecules/Grid/Grid.js +38 -26
  201. package/dist/esm/components/molecules/Grid/Grid.js.map +1 -1
  202. package/dist/esm/components/molecules/Grid/Item/Item.d.ts +3 -2
  203. package/dist/esm/components/molecules/Grid/Item/Item.js +1 -4
  204. package/dist/esm/components/molecules/Grid/Item/Item.js.map +1 -1
  205. package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
  206. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +25 -20
  207. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  208. package/dist/esm/components/molecules/IconTextButton/TextComponent.js +12 -8
  209. package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  210. package/dist/esm/components/molecules/InputPassword/InputPassword.d.ts +1 -1
  211. package/dist/esm/components/molecules/InputPassword/InputPassword.js +16 -10
  212. package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
  213. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +10 -8
  214. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  215. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
  216. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -22
  217. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  218. package/dist/esm/components/molecules/Select/Modal.d.ts +1 -0
  219. package/dist/esm/components/molecules/Select/Modal.js +90 -72
  220. package/dist/esm/components/molecules/Select/Modal.js.map +1 -1
  221. package/dist/esm/components/molecules/Select/Select.d.ts +1 -0
  222. package/dist/esm/components/molecules/Select/Select.js +53 -48
  223. package/dist/esm/components/molecules/Select/Select.js.map +1 -1
  224. package/dist/esm/components/molecules/Snackbar/Snackbar.js +1 -7
  225. package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  226. package/dist/esm/utils/date.js.map +1 -1
  227. package/package.json +10 -9
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
4
4
  var React = require('react');
5
5
  var Text = require('../Text/Text.js');
6
6
 
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
-
11
7
  const Avatar = (props) => {
12
- return /* @__PURE__ */ React__default["default"].createElement(reactCore.Avatar, {
13
- ...props,
14
- TextComponent: Text
15
- });
8
+ return /* @__PURE__ */ React.createElement(reactCore.Avatar, { ...props, TextComponent: Text });
16
9
  };
17
10
 
18
11
  module.exports = Avatar;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["React","AvatarCore"],"mappings":";;;;;;;;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,IAAY,GAAG,KAAA;AAAA,IAAO,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA;AACrD;;;;"}
1
+ {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["AvatarCore"],"mappings":";;;;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,gBAAA,EAAA,EAAY,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACrD;;;;"}
@@ -4,24 +4,20 @@ var React = require('react');
4
4
  var reactCore = require('@tecsinapse/react-core');
5
5
  var Text = require('../Text/Text.js');
6
6
 
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
-
11
7
  const Badge = ({
12
8
  children,
13
9
  fontColor = "light",
14
10
  value,
15
11
  ...props
16
12
  }) => {
17
- return /* @__PURE__ */ React__default["default"].createElement(reactCore.Badge, {
18
- ...props,
19
- value: /* @__PURE__ */ React__default["default"].createElement(Text, {
20
- fontColor,
21
- fontWeight: "bold",
22
- typography: "label"
23
- }, value)
24
- }, children);
13
+ return /* @__PURE__ */ React.createElement(
14
+ reactCore.Badge,
15
+ {
16
+ ...props,
17
+ value: /* @__PURE__ */ React.createElement(Text, { fontColor, fontWeight: "bold", typography: "label" }, value)
18
+ },
19
+ children
20
+ );
25
21
  };
26
22
 
27
23
  module.exports = Badge;
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n BadgeProps,\n Badge as BadgeCore,\n FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n fontColor?: FontColorType;\n value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n children,\n fontColor = 'light',\n value,\n ...props\n}) => {\n return (\n <BadgeCore\n {...props}\n value={\n <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n {value}\n </Text>\n }\n >\n {children}\n </BadgeCore>\n );\n};\n\nexport default Badge;\n"],"names":["React","BadgeCore"],"mappings":";;;;;;;;;;AAaA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,SAAY,GAAA,OAAA;AAAA,EACZ,KAAA;AAAA,EACG,GAAA,KAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,eAAA,EAAA;AAAA,IACE,GAAG,KAAA;AAAA,IACJ,uBACGD,yBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,SAAA;AAAA,MAAsB,UAAY,EAAA,MAAA;AAAA,MAAQ,UAAY,EAAA,OAAA;AAAA,KAAA,EACzD,KACH,CAAA;AAAA,GAAA,EAGD,QACH,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n BadgeProps,\n Badge as BadgeCore,\n FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n fontColor?: FontColorType;\n value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n children,\n fontColor = 'light',\n value,\n ...props\n}) => {\n return (\n <BadgeCore\n {...props}\n value={\n <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n {value}\n </Text>\n }\n >\n {children}\n </BadgeCore>\n );\n};\n\nexport default Badge;\n"],"names":["BadgeCore"],"mappings":";;;;;;AAaA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,SAAY,GAAA,OAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,KAAA,sCACG,IAAK,EAAA,EAAA,SAAA,EAAsB,YAAY,MAAQ,EAAA,UAAA,EAAY,WACzD,KACH,CAAA;AAAA,KAAA;AAAA,IAGD,QAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
@@ -5,8 +5,7 @@ var styled = require('./styled.js');
5
5
  var Item = require('./Item.js');
6
6
  var Text = require('../Text/Text.js');
7
7
 
8
- function _interopNamespace(e) {
9
- if (e && e.__esModule) return e;
8
+ function _interopNamespaceDefault(e) {
10
9
  var n = Object.create(null);
11
10
  if (e) {
12
11
  Object.keys(e).forEach(function (k) {
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
19
18
  }
20
19
  });
21
20
  }
22
- n["default"] = e;
21
+ n.default = e;
23
22
  return Object.freeze(n);
24
23
  }
25
24
 
26
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
25
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
27
26
 
28
27
  function BottomNavigator({
29
28
  selected,
@@ -31,21 +30,20 @@ function BottomNavigator({
31
30
  children,
32
31
  ...rest
33
32
  }) {
34
- return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, {
35
- ...rest
36
- }, React__namespace.Children.map(children, (child) => {
33
+ return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, { ...rest }, React__namespace.Children.map(children, (child) => {
37
34
  const { value, label, labelProps, labelElement } = child.props;
38
35
  const isSelected = value == selected;
39
- return /* @__PURE__ */ React__namespace.createElement(styled.TabContainer, {
40
- selected: isSelected,
41
- onPress: () => onSelect(value)
42
- }, React__namespace.cloneElement(child, {
36
+ return /* @__PURE__ */ React__namespace.createElement(styled.TabContainer, { selected: isSelected, onPress: () => onSelect(value) }, React__namespace.cloneElement(child, {
43
37
  _selected: isSelected
44
- }), label && !labelElement && /* @__PURE__ */ React__namespace.createElement(Text, {
45
- colorVariant: labelProps?.colorVariant || isSelected ? "primary" : "secondary",
46
- typography: labelProps?.typography || "sub",
47
- ...labelProps
48
- }, label), labelElement && labelElement);
38
+ }), label && !labelElement && /* @__PURE__ */ React__namespace.createElement(
39
+ Text,
40
+ {
41
+ colorVariant: labelProps?.colorVariant || isSelected ? "primary" : "secondary",
42
+ typography: labelProps?.typography || "sub",
43
+ ...labelProps
44
+ },
45
+ label
46
+ ), labelElement && labelElement);
49
47
  }));
50
48
  }
51
49
  BottomNavigator.Item = Item;
@@ -1 +1 @@
1
- {"version":3,"file":"BottomNavigator.js","sources":["../../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n extends ViewProps {\n selected: T;\n onSelect: (value: T) => void | never;\n children:\n | React.ReactElement<BottomNavigatorItemProps<T>>\n | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n selected,\n onSelect,\n children,\n ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n return (\n <StyledView {...rest}>\n {React.Children.map(children, child => {\n const { value, label, labelProps, labelElement } = (\n child as React.ReactElement<BottomNavigatorItemProps<T>>\n ).props;\n const isSelected = value == selected;\n\n return (\n <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n {React.cloneElement(child as React.ReactElement, {\n _selected: isSelected,\n })}\n {label && !labelElement && (\n <Text\n colorVariant={\n labelProps?.colorVariant || isSelected\n ? 'primary'\n : 'secondary'\n }\n typography={labelProps?.typography || 'sub'}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n {labelElement && labelElement}\n </TabContainer>\n );\n })}\n </StyledView>\n );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":["React","StyledView","TabContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAyC,EAAA;AACvC,EAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA;AAAA,IAAY,GAAG,IAAA;AAAA,GAAA,EACbD,gBAAM,CAAA,QAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAE,mBAAA,EAAA;AAAA,MAAa,QAAU,EAAA,UAAA;AAAA,MAAY,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,KAC9D,EAAAF,gBAAA,CAAM,aAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,gCACRA,gBAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,YACE,EAAA,UAAA,EAAY,YAAgB,IAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,MAEN,UAAA,EAAY,YAAY,UAAc,IAAA,KAAA;AAAA,MACrC,GAAG,UAAA;AAAA,KAEH,EAAA,KACH,CAED,EAAA,YAAA,IAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}
1
+ {"version":3,"file":"BottomNavigator.js","sources":["../../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n extends ViewProps {\n selected: T;\n onSelect: (value: T) => void | never;\n children:\n | React.ReactElement<BottomNavigatorItemProps<T>>\n | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n selected,\n onSelect,\n children,\n ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n return (\n <StyledView {...rest}>\n {React.Children.map(children, child => {\n const { value, label, labelProps, labelElement } = (\n child as React.ReactElement<BottomNavigatorItemProps<T>>\n ).props;\n const isSelected = value == selected;\n\n return (\n <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n {React.cloneElement(child as React.ReactElement, {\n _selected: isSelected,\n })}\n {label && !labelElement && (\n <Text\n colorVariant={\n labelProps?.colorVariant || isSelected\n ? 'primary'\n : 'secondary'\n }\n typography={labelProps?.typography || 'sub'}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n {labelElement && labelElement}\n </TabContainer>\n );\n })}\n </StyledView>\n );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":["React","StyledView","TabContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAyC,EAAA;AACvC,EACE,uBAAAA,gBAAA,CAAA,aAAA,CAACC,qBAAY,GAAG,IAAA,EAAA,EACbD,iBAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IACE,uBAAAA,gBAAA,CAAA,aAAA,CAACE,mBAAa,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA,EAAA,EAC9DF,gBAAM,CAAA,YAAA,CAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,YACT,oBAAAA,gBAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,YACE,EAAA,UAAA,EAAY,YAAgB,IAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,QAEN,UAAA,EAAY,YAAY,UAAc,IAAA,KAAA;AAAA,QACrC,GAAG,UAAA;AAAA,OAAA;AAAA,MAEH,KAAA;AAAA,KACH,EAED,gBAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { IconProps } from '@tecsinapse/react-core';
3
3
  import { ViewProps } from 'react-native';
4
4
  import { TextNativeProps } from '../Text';
5
- declare type ValueType = string | number | symbol;
5
+ type ValueType = string | number | symbol;
6
6
  export interface BottomNavigatorItemProps<T extends ValueType> extends Omit<ViewProps, 'children'> {
7
7
  _selected?: boolean;
8
8
  value: T;
@@ -12,8 +12,8 @@ export interface BottomNavigatorItemProps<T extends ValueType> extends Omit<View
12
12
  labelElement?: React.ReactNode | React.ReactNode[];
13
13
  children: React.ReactNode | React.ReactNode[];
14
14
  }
15
- declare type ItemPropsWithIcon<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'children'>;
16
- declare type ItemPropsWithChildren<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'icon' | 'label' | 'labelElement' | 'labelProps'>;
15
+ type ItemPropsWithIcon<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'children'>;
16
+ type ItemPropsWithChildren<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'icon' | 'label' | 'labelElement' | 'labelProps'>;
17
17
  declare function Item<T extends ValueType>(props: ItemPropsWithChildren<T>): any;
18
18
  declare function Item<T extends ValueType>(props: ItemPropsWithIcon<T>): any;
19
19
  export default Item;
@@ -4,8 +4,7 @@ var React = require('react');
4
4
  var reactCore = require('@tecsinapse/react-core');
5
5
  var styled = require('./styled.js');
6
6
 
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
7
+ function _interopNamespaceDefault(e) {
9
8
  var n = Object.create(null);
10
9
  if (e) {
11
10
  Object.keys(e).forEach(function (k) {
@@ -18,11 +17,11 @@ function _interopNamespace(e) {
18
17
  }
19
18
  });
20
19
  }
21
- n["default"] = e;
20
+ n.default = e;
22
21
  return Object.freeze(n);
23
22
  }
24
23
 
25
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
24
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
26
25
 
27
26
  function Item({
28
27
  _selected,
@@ -33,14 +32,7 @@ function Item({
33
32
  const styledButtonStyle = _selected ? void 0 : { backgroundColor: "transparent" };
34
33
  const iconColorVariant = _selected ? "primary" : "secondary";
35
34
  if (icon) {
36
- return /* @__PURE__ */ React__namespace.createElement(styled.TabContent, {
37
- style: styledButtonStyle,
38
- ...rest
39
- }, /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, {
40
- colorVariant: iconColorVariant,
41
- size: "centi",
42
- ...icon
43
- }));
35
+ return /* @__PURE__ */ React__namespace.createElement(styled.TabContent, { style: styledButtonStyle, ...rest }, /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, { colorVariant: iconColorVariant, size: "centi", ...icon }));
44
36
  } else {
45
37
  return /* @__PURE__ */ React__namespace.createElement(styled.CustomTabContent, null, children);
46
38
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","sources":["../../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n extends Omit<ViewProps, 'children'> {\n _selected?: boolean;\n value: T;\n icon: IconProps;\n label?: string;\n labelProps?: TextNativeProps;\n labelElement?: React.ReactNode | React.ReactNode[];\n children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n _selected,\n icon,\n children,\n ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n const styledButtonStyle = _selected\n ? undefined\n : { backgroundColor: 'transparent' };\n\n const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n if (icon) {\n return (\n <TabContent style={styledButtonStyle} {...rest}>\n <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n </TabContent>\n );\n } else {\n return <CustomTabContent>{children}</CustomTabContent>;\n }\n}\n\nexport default Item;\n"],"names":["React","TabContent","Icon","CustomTabContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,IAA0B,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAsD,EAAA;AACpD,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA;AAAA,MAAW,KAAO,EAAA,iBAAA;AAAA,MAAoB,GAAG,IAAA;AAAA,KAAA,kBACvCD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,MAAK,YAAc,EAAA,gBAAA;AAAA,MAAkB,IAAM,EAAA,OAAA;AAAA,MAAU,GAAG,IAAA;AAAA,KAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAAF,gBAAA,CAAA,aAAA,CAACG,+BAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}
1
+ {"version":3,"file":"Item.js","sources":["../../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n extends Omit<ViewProps, 'children'> {\n _selected?: boolean;\n value: T;\n icon: IconProps;\n label?: string;\n labelProps?: TextNativeProps;\n labelElement?: React.ReactNode | React.ReactNode[];\n children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n _selected,\n icon,\n children,\n ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n const styledButtonStyle = _selected\n ? undefined\n : { backgroundColor: 'transparent' };\n\n const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n if (icon) {\n return (\n <TabContent style={styledButtonStyle} {...rest}>\n <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n </TabContent>\n );\n } else {\n return <CustomTabContent>{children}</CustomTabContent>;\n }\n}\n\nexport default Item;\n"],"names":["React","TabContent","Icon","CustomTabContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,IAA0B,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAsD,EAAA;AACpD,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,EAAW,KAAO,EAAA,iBAAA,EAAoB,GAAG,IACxC,EAAA,kBAAAD,gBAAA,CAAA,aAAA,CAACE,cAAK,EAAA,EAAA,YAAA,EAAc,gBAAkB,EAAA,IAAA,EAAM,OAAU,EAAA,GAAG,MAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAAF,gBAAA,CAAA,aAAA,CAACG,+BAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}
@@ -1,22 +1,16 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var styled = require('@emotion/native');
6
4
  var reactCore = require('@tecsinapse/react-core');
7
5
 
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
-
12
- const StyledView = styled__default["default"].View`
6
+ const StyledView = styled.View`
13
7
  flex-direction: row;
14
8
  justify-content: space-between;
15
9
  padding-horizontal: ${({ theme }) => theme.spacing.deca};
16
10
  padding-bottom: ${({ theme }) => theme.spacing.kilo};
17
11
  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
18
12
  `;
19
- const TabContainer = styled__default["default"].Pressable`
13
+ const TabContainer = styled.Pressable`
20
14
  flex: 1;
21
15
  margin-horizontal: ${({ theme }) => theme.spacing.mili};
22
16
  padding-top: ${({ theme }) => theme.spacing.deca};
@@ -25,7 +19,7 @@ const TabContainer = styled__default["default"].Pressable`
25
19
  align-items: center;
26
20
  justify-content: flex-end;
27
21
  `;
28
- const TabContent = styled__default["default"].View`
22
+ const TabContent = styled.View`
29
23
  aspect-ratio: 1;
30
24
  justify-content: center;
31
25
  align-items: center;
@@ -33,7 +27,7 @@ const TabContent = styled__default["default"].View`
33
27
  background-color: ${({ theme }) => theme.color.primary.xlight};
34
28
  border-radius: ${({ theme }) => theme.borderRadius["mili"]};
35
29
  `;
36
- const CustomTabContent = styled__default["default"].View``;
30
+ const CustomTabContent = styled.View``;
37
31
 
38
32
  exports.CustomTabContent = CustomTabContent;
39
33
  exports.StyledView = StyledView;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n padding-bottom: ${({ theme }) => theme.spacing.kilo};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n flex: 1;\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n padding-top: ${({ theme }) => theme.spacing.deca};\n border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n border-color: ${({ theme }) => theme.color.primary.medium};\n align-items: center;\n justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n justify-content: center;\n align-items: center;\n min-height: ${RFValueStr('48px')};\n background-color: ${({ theme }) => theme.color.primary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":["styled","RFValueStr"],"mappings":";;;;;;;;;;;AAIO,MAAM,aAAaA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,eAAeA,0BAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,QAAA,OAAgB,QAAW,GAAAC,oBAAA,CAAW,KAAK,CAAI,GAAA,CAAA,CAAA;AAAA,gBAAA,EACtD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK9C,MAAM,aAAaD,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIjBC,qBAAW,MAAM,CAAA,CAAA;AAAA,oBAAA,EACX,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,MAAA,CAAA,CAAA;AAAA,EAAA;AAG9C,MAAM,mBAAmBD,0BAAO,CAAA,IAAA,CAAA;;;;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n padding-bottom: ${({ theme }) => theme.spacing.kilo};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n flex: 1;\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n padding-top: ${({ theme }) => theme.spacing.deca};\n border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n border-color: ${({ theme }) => theme.color.primary.medium};\n align-items: center;\n justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n justify-content: center;\n align-items: center;\n min-height: ${RFValueStr('48px')};\n background-color: ${({ theme }) => theme.color.primary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":["RFValueStr"],"mappings":";;;;;AAIO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,eAAe,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,QAAA,OAAgB,QAAW,GAAAA,oBAAA,CAAW,KAAK,CAAI,GAAA,CAAA,CAAA;AAAA,gBAAA,EACtD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK9C,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIjBA,qBAAW,MAAM,CAAA,CAAA;AAAA,oBAAA,EACX,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,MAAM,CAAA,CAAA;AAAA,EAAA;AAGpD,MAAM,mBAAmB,MAAO,CAAA,IAAA,CAAA;;;;;;;"}
@@ -1,6 +1,6 @@
1
1
  import { ButtonProps } from '@tecsinapse/react-core';
2
2
  import { FC } from 'react';
3
- export declare type ButtonNativeProps = ButtonProps & {
3
+ export type ButtonNativeProps = ButtonProps & {
4
4
  autoDismissKeyboard?: boolean;
5
5
  };
6
6
  export declare const Button: FC<ButtonNativeProps>;
@@ -1,15 +1,9 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var reactCore = require('@tecsinapse/react-core');
6
4
  var React = require('react');
7
5
  var reactNative = require('react-native');
8
6
 
9
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
-
11
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
-
13
7
  const Button = ({
14
8
  autoDismissKeyboard = true,
15
9
  onPress,
@@ -22,10 +16,7 @@ const Button = ({
22
16
  },
23
17
  [onPress]
24
18
  );
25
- return /* @__PURE__ */ React__default["default"].createElement(reactCore.Button, {
26
- ...others,
27
- onPress: handleOnPress
28
- });
19
+ return /* @__PURE__ */ React.createElement(reactCore.Button, { ...others, onPress: handleOnPress });
29
20
  };
30
21
 
31
22
  exports.Button = Button;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n autoDismissKeyboard = true,\n onPress,\n ...others\n}) => {\n const handleOnPress = useCallback(\n event => {\n autoDismissKeyboard && Keyboard.dismiss();\n onPress?.(event);\n },\n [onPress]\n );\n\n return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["useCallback","Keyboard","React","ButtonCore"],"mappings":";;;;;;;;;;;;AAQO,MAAM,SAAgC,CAAC;AAAA,EAC5C,mBAAsB,GAAA,IAAA;AAAA,EACtB,OAAA;AAAA,EACG,GAAA,MAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAS,KAAA,KAAA;AACP,MAAA,mBAAA,IAAuBC,qBAAS,OAAQ,EAAA,CAAA;AACxC,MAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,uBAAQC,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA;AAAA,IAAY,GAAG,MAAA;AAAA,IAAQ,OAAS,EAAA,aAAA;AAAA,GAAe,CAAA,CAAA;AACzD;;;;"}
1
+ {"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n autoDismissKeyboard = true,\n onPress,\n ...others\n}) => {\n const handleOnPress = useCallback(\n event => {\n autoDismissKeyboard && Keyboard.dismiss();\n onPress?.(event);\n },\n [onPress]\n );\n\n return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["useCallback","Keyboard","ButtonCore"],"mappings":";;;;;;AAQO,MAAM,SAAgC,CAAC;AAAA,EAC5C,mBAAsB,GAAA,IAAA;AAAA,EACtB,OAAA;AAAA,EACA,GAAG,MAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAS,KAAA,KAAA;AACP,MAAA,mBAAA,IAAuBC,qBAAS,OAAQ,EAAA,CAAA;AACxC,MAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,EAAY,GAAG,MAAA,EAAQ,SAAS,aAAe,EAAA,CAAA,CAAA;AACzD;;;;"}
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
4
4
  var React = require('react');
5
5
  var Text = require('../../Text/Text.js');
6
6
 
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
-
11
7
  const Error = (props) => {
12
- return /* @__PURE__ */ React__default["default"].createElement(reactCore.Error, {
13
- ...props,
14
- textComponent: Text
15
- });
8
+ return /* @__PURE__ */ React.createElement(reactCore.Error, { ...props, textComponent: Text });
16
9
  };
17
10
 
18
11
  module.exports = Error;
@@ -1 +1 @@
1
- {"version":3,"file":"Error.js","sources":["../../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["React","CoreError"],"mappings":";;;;;;;;;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAAC,eAAA,EAAA;AAAA,IAAW,GAAG,KAAA;AAAA,IAAO,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA;AACpD;;;;"}
1
+ {"version":3,"file":"Error.js","sources":["../../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["CoreError"],"mappings":";;;;;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,eAAA,EAAA,EAAW,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACpD;;;;"}
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
4
4
  var React = require('react');
5
5
  var Text = require('../../Text/Text.js');
6
6
 
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
-
11
7
  const Loading = (props) => {
12
- return /* @__PURE__ */ React__default["default"].createElement(reactCore.Loading, {
13
- ...props,
14
- textComponent: Text
15
- });
8
+ return /* @__PURE__ */ React.createElement(reactCore.Loading, { ...props, textComponent: Text });
16
9
  };
17
10
 
18
11
  module.exports = Loading;
@@ -1 +1 @@
1
- {"version":3,"file":"Loading.js","sources":["../../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["React","CoreLoading"],"mappings":";;;;;;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA;AAAA,IAAa,GAAG,KAAA;AAAA,IAAO,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA;AACtD;;;;"}
1
+ {"version":3,"file":"Loading.js","sources":["../../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["CoreLoading"],"mappings":";;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
4
4
  var React = require('react');
5
5
  var Text = require('../../Text/Text.js');
6
6
 
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
-
11
7
  const Success = (props) => {
12
- return /* @__PURE__ */ React__default["default"].createElement(reactCore.Success, {
13
- ...props,
14
- textComponent: Text
15
- });
8
+ return /* @__PURE__ */ React.createElement(reactCore.Success, { ...props, textComponent: Text });
16
9
  };
17
10
 
18
11
  module.exports = Success;
@@ -1 +1 @@
1
- {"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["React","CoreSuccess"],"mappings":";;;;;;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA;AAAA,IAAa,GAAG,KAAA;AAAA,IAAO,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA;AACtD;;;;"}
1
+ {"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["CoreSuccess"],"mappings":";;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}
@@ -1,2 +1,3 @@
1
+ /// <reference types="react" />
1
2
  declare const GroupButtonOption: (props: GroupButtonOptionProps) => JSX.Element;
2
3
  export default GroupButtonOption;
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
4
4
  var React = require('react');
5
5
  var Text = require('../Text/Text.js');
6
6
 
7
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
-
9
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
-
11
7
  const GroupButtonOption = (props) => {
12
- return /* @__PURE__ */ React__default["default"].createElement(reactCore.GroupButtonOption, {
13
- ...props,
14
- TextComponent: Text
15
- });
8
+ return /* @__PURE__ */ React.createElement(reactCore.GroupButtonOption, { ...props, TextComponent: Text });
16
9
  };
17
10
 
18
11
  module.exports = GroupButtonOption;
@@ -1 +1 @@
1
- {"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n GroupButtonOption as CoreGroupButtonOption,\n GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["React","CoreGroupButtonOption"],"mappings":";;;;;;;;;;AAOM,MAAA,iBAAA,GAAoB,CAAC,KAA+C,KAAA;AACxE,EAAA,uBAAQA,yBAAA,CAAA,aAAA,CAAAC,2BAAA,EAAA;AAAA,IAAuB,GAAG,KAAA;AAAA,IAAO,aAAe,EAAA,IAAA;AAAA,GAAM,CAAA,CAAA;AAChE;;;;"}
1
+ {"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n GroupButtonOption as CoreGroupButtonOption,\n GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["CoreGroupButtonOption"],"mappings":";;;;;;AAOM,MAAA,iBAAA,GAAoB,CAAC,KAA+C,KAAA;AACxE,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,2BAAA,EAAA,EAAuB,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AAChE;;;;"}
@@ -1,7 +1,7 @@
1
1
  import { ViewProps } from 'react-native';
2
2
  import { ButtonProps, IconProps } from '@tecsinapse/react-core';
3
3
  import * as React from 'react';
4
- export declare type Attachable = ButtonProps & {
4
+ export type Attachable = ButtonProps & {
5
5
  icon: IconProps;
6
6
  valueBadge?: number;
7
7
  };
@@ -5,8 +5,7 @@ var reactCore = require('@tecsinapse/react-core');
5
5
  var React = require('react');
6
6
  var Badge = require('../Badge/Badge.js');
7
7
 
8
- function _interopNamespace(e) {
9
- if (e && e.__esModule) return e;
8
+ function _interopNamespaceDefault(e) {
10
9
  var n = Object.create(null);
11
10
  if (e) {
12
11
  Object.keys(e).forEach(function (k) {
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
19
18
  }
20
19
  });
21
20
  }
22
- n["default"] = e;
21
+ n.default = e;
23
22
  return Object.freeze(n);
24
23
  }
25
24
 
26
- var React__namespace = /*#__PURE__*/_interopNamespace(React);
25
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
27
26
 
28
27
  const Header = ({
29
28
  rightButton,
@@ -31,35 +30,17 @@ const Header = ({
31
30
  children,
32
31
  ...rest
33
32
  }) => {
34
- const ButtonBase = ({ button }) => /* @__PURE__ */ React__namespace.createElement(styled.FloatingButton, {
35
- ...button,
36
- variant: button?.variant || "filled",
37
- color: button?.color || "primary",
38
- size: button?.size || "small"
39
- }, button?.icon && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, {
40
- ...button?.icon
41
- }));
42
- return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, {
43
- ...rest
44
- }, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, {
45
- value: leftButton.valueBadge,
46
- color: "error"
47
- }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
48
- button: leftButton
49
- })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
50
- button: leftButton
51
- })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
52
- disabled: true
53
- }), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, {
54
- value: rightButton.valueBadge,
55
- color: "error"
56
- }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
57
- button: rightButton
58
- })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
59
- button: rightButton
60
- })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
61
- disabled: true
62
- }));
33
+ const ButtonBase = ({ button }) => /* @__PURE__ */ React__namespace.createElement(
34
+ styled.FloatingButton,
35
+ {
36
+ ...button,
37
+ variant: button?.variant || "filled",
38
+ color: button?.color || "primary",
39
+ size: button?.size || "small"
40
+ },
41
+ button?.icon && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, { ...button?.icon })
42
+ );
43
+ return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, { ...rest }, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, { value: leftButton.valueBadge, color: "error" }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, { disabled: true }), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, { value: rightButton.valueBadge, color: "error" }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, { disabled: true }));
63
44
  };
64
45
 
65
46
  module.exports = Header;
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","sources":["../../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport Badge from '../Badge/Badge';\nimport { FC } from 'react';\n\nexport type Attachable = ButtonProps & {\n icon: IconProps;\n valueBadge?: number;\n};\n\nexport interface HeaderProps extends ViewProps {\n rightButton?: Attachable;\n leftButton?: Attachable;\n}\n\nexport interface ButtonBaseProps extends ViewProps {\n button?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n rightButton,\n leftButton,\n children,\n ...rest\n}) => {\n const ButtonBase: FC<ButtonBaseProps> = ({ button }) => (\n <FloatingButton\n {...button}\n variant={button?.variant || 'filled'}\n color={button?.color || 'primary'}\n size={button?.size || 'small'}\n >\n {button?.icon && <Icon {...button?.icon} />}\n </FloatingButton>\n );\n\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <>\n {leftButton?.valueBadge ? (\n <Badge value={leftButton.valueBadge} color={'error'}>\n <ButtonBase button={leftButton} />\n </Badge>\n ) : (\n <ButtonBase button={leftButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <>\n {rightButton?.valueBadge ? (\n <Badge value={rightButton.valueBadge} color={'error'}>\n <ButtonBase button={rightButton} />\n </Badge>\n ) : (\n <ButtonBase button={rightButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"names":["React","FloatingButton","Icon","StyledView","Dummy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,SAAgC,CAAC;AAAA,EACrC,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,UAAkC,GAAA,CAAC,EAAE,MAAA,uBACxCA,gBAAA,CAAA,aAAA,CAAAC,qBAAA,EAAA;AAAA,IACE,GAAG,MAAA;AAAA,IACJ,OAAA,EAAS,QAAQ,OAAW,IAAA,QAAA;AAAA,IAC5B,KAAA,EAAO,QAAQ,KAAS,IAAA,SAAA;AAAA,IACxB,IAAA,EAAM,QAAQ,IAAQ,IAAA,OAAA;AAAA,GAErB,EAAA,MAAA,EAAQ,wBAASD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,IAAM,GAAG,MAAQ,EAAA,IAAA;AAAA,GAAM,CAC3C,CAAA,CAAA;AAGF,EAAA,uBACGF,gBAAA,CAAA,aAAA,CAAAG,iBAAA,EAAA;AAAA,IAAY,GAAG,IAAA;AAAA,GAAA,EACb,UACC,mBAAAH,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EACG,UAAY,EAAA,UAAA,mBACVA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,UAAW,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAAA,kBACzCA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,UAAA;AAAA,GAAY,CAClC,oBAECA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,UAAA;AAAA,GAAY,CAEpC,oBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,GAEjB,QACA,EAAA,WAAA,mBAEIJ,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAa,6BACXA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,WAAY,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAAA,kBAC1CA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,WAAA;AAAA,GAAa,CACnC,oBAECA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,WAAA;AAAA,GAAa,CAErC,oBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Header.js","sources":["../../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport Badge from '../Badge/Badge';\nimport { FC } from 'react';\n\nexport type Attachable = ButtonProps & {\n icon: IconProps;\n valueBadge?: number;\n};\n\nexport interface HeaderProps extends ViewProps {\n rightButton?: Attachable;\n leftButton?: Attachable;\n}\n\nexport interface ButtonBaseProps extends ViewProps {\n button?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n rightButton,\n leftButton,\n children,\n ...rest\n}) => {\n const ButtonBase: FC<ButtonBaseProps> = ({ button }) => (\n <FloatingButton\n {...button}\n variant={button?.variant || 'filled'}\n color={button?.color || 'primary'}\n size={button?.size || 'small'}\n >\n {button?.icon && <Icon {...button?.icon} />}\n </FloatingButton>\n );\n\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <>\n {leftButton?.valueBadge ? (\n <Badge value={leftButton.valueBadge} color={'error'}>\n <ButtonBase button={leftButton} />\n </Badge>\n ) : (\n <ButtonBase button={leftButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <>\n {rightButton?.valueBadge ? (\n <Badge value={rightButton.valueBadge} color={'error'}>\n <ButtonBase button={rightButton} />\n </Badge>\n ) : (\n <ButtonBase button={rightButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"names":["React","FloatingButton","Icon","StyledView","Dummy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,SAAgC,CAAC;AAAA,EACrC,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,UAAkC,GAAA,CAAC,EAAE,MAAA,EACzC,qBAAAA,gBAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,MAAA;AAAA,MACJ,OAAA,EAAS,QAAQ,OAAW,IAAA,QAAA;AAAA,MAC5B,KAAA,EAAO,QAAQ,KAAS,IAAA,SAAA;AAAA,MACxB,IAAA,EAAM,QAAQ,IAAQ,IAAA,OAAA;AAAA,KAAA;AAAA,IAErB,QAAQ,IAAQ,oBAAAD,gBAAA,CAAA,aAAA,CAACE,cAAM,EAAA,EAAA,GAAG,QAAQ,IAAM,EAAA,CAAA;AAAA,GAC3C,CAAA;AAGF,EAAA,uBACGF,gBAAA,CAAA,aAAA,CAAAG,iBAAA,EAAA,EAAY,GAAG,IAAA,EAAA,EACb,UACC,mBAAAH,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EACG,UAAY,EAAA,UAAA,mBACVA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,KAAO,EAAA,UAAA,CAAW,UAAY,EAAA,KAAA,EAAO,OAC1C,EAAA,kBAAAA,gBAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAClC,CAEA,mBAAAA,gBAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAEpC,CAEA,mBAAAA,gBAAA,CAAA,aAAA,CAACI,YAAM,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,CAAA,EAEjB,QACA,EAAA,WAAA,mBAEIJ,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAa,UACZ,mBAAAA,gBAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,KAAA,EAAO,WAAY,CAAA,UAAA,EAAY,KAAO,EAAA,OAAA,EAAA,kBAC1CA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CACnC,CAAA,mBAECA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CAErC,CAAA,mBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA,EAAM,QAAQ,EAAA,IAAA,EAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
@@ -1,26 +1,20 @@
1
1
  'use strict';
2
2
 
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
3
  var styled = require('@emotion/native');
6
4
  var reactCore = require('@tecsinapse/react-core');
7
5
 
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
-
12
- const StyledView = styled__default["default"].View`
6
+ const StyledView = styled.View`
13
7
  flex-direction: row;
14
8
  justify-content: space-between;
15
9
  align-items: center;
16
10
  padding: ${({ theme }) => theme.spacing.deca};
17
11
  width: 100%;
18
12
  `;
19
- const FloatingButton = styled__default["default"](reactCore.Button)`
13
+ const FloatingButton = styled(reactCore.Button)`
20
14
  aspect-ratio: 1;
21
15
  height: ${() => `${reactCore.RFValue(49)}px`};
22
16
  `;
23
- const Dummy = styled__default["default"](FloatingButton)`
17
+ const Dummy = styled(FloatingButton)`
24
18
  background-color: rgba(0, 0, 0, 0);
25
19
  `;
26
20
 
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n RFValue,\n StyleProps,\n} from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: ${() => `${RFValue(49)}px`};\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":["styled","Button","RFValue"],"mappings":";;;;;;;;;;;AAQO,MAAM,aAAaA,0BAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAA,cAAA,GAAiBA,2BAAOC,gBAAM,CAAA,CAAA;AAAA;AAAA,UAE/B,EAAA,MAAM,CAAG,EAAAC,iBAAA,CAAQ,EAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA;AAGlB,MAAA,KAAA,GAAQF,2BAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n RFValue,\n StyleProps,\n} from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: ${() => `${RFValue(49)}px`};\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":["Button","RFValue"],"mappings":";;;;;AAQO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAA,cAAA,GAAiB,OAAOA,gBAAM,CAAA,CAAA;AAAA;AAAA,UAE/B,EAAA,MAAM,CAAG,EAAAC,iBAAA,CAAQ,EAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA;AAGlB,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}