@tecsinapse/react-native-kit 1.18.5 → 1.20.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 (190) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/dist/components/atoms/Avatar/Avatar.js +1 -1
  3. package/dist/components/atoms/Avatar/Avatar.js.map +1 -1
  4. package/dist/components/atoms/Avatar/index.js.map +1 -1
  5. package/dist/components/atoms/Badge/Badge.js +1 -1
  6. package/dist/components/atoms/Badge/Badge.js.map +1 -1
  7. package/dist/components/atoms/Badge/index.js.map +1 -1
  8. package/dist/components/atoms/BottomNavigator/BottomNavigator.js +1 -1
  9. package/dist/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
  10. package/dist/components/atoms/BottomNavigator/Item.js +1 -1
  11. package/dist/components/atoms/BottomNavigator/Item.js.map +1 -1
  12. package/dist/components/atoms/BottomNavigator/index.js +1 -1
  13. package/dist/components/atoms/BottomNavigator/index.js.map +1 -1
  14. package/dist/components/atoms/BottomNavigator/styled.js +1 -1
  15. package/dist/components/atoms/BottomNavigator/styled.js.map +1 -1
  16. package/dist/components/atoms/Button/Button.d.ts +2 -2
  17. package/dist/components/atoms/Button/Button.js +1 -1
  18. package/dist/components/atoms/Button/Button.js.map +1 -1
  19. package/dist/components/atoms/Button/States/Error.js +1 -1
  20. package/dist/components/atoms/Button/States/Error.js.map +1 -1
  21. package/dist/components/atoms/Button/States/Loading.js +1 -1
  22. package/dist/components/atoms/Button/States/Loading.js.map +1 -1
  23. package/dist/components/atoms/Button/States/Success.js +1 -1
  24. package/dist/components/atoms/Button/States/Success.js.map +1 -1
  25. package/dist/components/atoms/Button/States/index.js.map +1 -1
  26. package/dist/components/atoms/Button/index.js.map +1 -1
  27. package/dist/components/atoms/GroupButton/GroupButtonOption.js +1 -1
  28. package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
  29. package/dist/components/atoms/GroupButton/index.js.map +1 -1
  30. package/dist/components/atoms/Header/Header.js +1 -1
  31. package/dist/components/atoms/Header/Header.js.map +1 -1
  32. package/dist/components/atoms/Header/index.js.map +1 -1
  33. package/dist/components/atoms/Header/styled.js +1 -1
  34. package/dist/components/atoms/Header/styled.js.map +1 -1
  35. package/dist/components/atoms/Input/Input.d.ts +3 -2
  36. package/dist/components/atoms/Input/Input.js +1 -2
  37. package/dist/components/atoms/Input/Input.js.map +1 -1
  38. package/dist/components/atoms/Input/index.js.map +1 -1
  39. package/dist/components/atoms/Input/styled.js.map +1 -1
  40. package/dist/components/atoms/InputMask/InputMask.js +1 -1
  41. package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
  42. package/dist/components/atoms/InputMask/index.js.map +1 -1
  43. package/dist/components/atoms/InputMask/styled.js.map +1 -1
  44. package/dist/components/atoms/Modal/ModalGroupManager.js +2 -2
  45. package/dist/components/atoms/Modal/ModalGroupManager.js.map +1 -1
  46. package/dist/components/atoms/Modal/ModalLifecycleHandler.d.ts +2 -2
  47. package/dist/components/atoms/Modal/ModalLifecycleHandler.js +76 -85
  48. package/dist/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
  49. package/dist/components/atoms/Modal/index.js.map +1 -1
  50. package/dist/components/atoms/Modal/ui/BaseModalView.d.ts +2 -2
  51. package/dist/components/atoms/Modal/ui/BaseModalView.js +4 -4
  52. package/dist/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
  53. package/dist/components/atoms/Modal/ui/styled.js +12 -12
  54. package/dist/components/atoms/Modal/ui/styled.js.map +1 -1
  55. package/dist/components/atoms/Modal/ui/types.d.ts +1 -1
  56. package/dist/components/atoms/Modal/ui/types.js.map +1 -1
  57. package/dist/components/atoms/Modal/useLazyModalManager.d.ts +2 -2
  58. package/dist/components/atoms/Modal/useLazyModalManager.js.map +1 -1
  59. package/dist/components/atoms/Modal/useModalManager.d.ts +2 -2
  60. package/dist/components/atoms/Modal/useModalManager.js.map +1 -1
  61. package/dist/components/atoms/Modal/useModalRemoteControl.js.map +1 -1
  62. package/dist/components/atoms/Skeleton/Pulse.js.map +1 -1
  63. package/dist/components/atoms/Skeleton/Skeleton.js +1 -1
  64. package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
  65. package/dist/components/atoms/Skeleton/Wave.js.map +1 -1
  66. package/dist/components/atoms/Skeleton/animation.js +1 -1
  67. package/dist/components/atoms/Skeleton/animation.js.map +1 -1
  68. package/dist/components/atoms/Skeleton/index.js.map +1 -1
  69. package/dist/components/atoms/Skeleton/styled.js.map +1 -1
  70. package/dist/components/atoms/Skeleton/types.js.map +1 -1
  71. package/dist/components/atoms/SnappingSlider/SnappingSlider.js +1 -1
  72. package/dist/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
  73. package/dist/components/atoms/SnappingSlider/index.js.map +1 -1
  74. package/dist/components/atoms/Tag/Tag.js +1 -1
  75. package/dist/components/atoms/Tag/Tag.js.map +1 -1
  76. package/dist/components/atoms/Tag/index.js.map +1 -1
  77. package/dist/components/atoms/Text/Text.js.map +1 -1
  78. package/dist/components/atoms/Text/index.js.map +1 -1
  79. package/dist/components/atoms/Text/styled.js +1 -1
  80. package/dist/components/atoms/Text/styled.js.map +1 -1
  81. package/dist/components/atoms/TextArea/TextArea.js +1 -1
  82. package/dist/components/atoms/TextArea/TextArea.js.map +1 -1
  83. package/dist/components/atoms/TextArea/index.js.map +1 -1
  84. package/dist/components/atoms/TextArea/styled.js.map +1 -1
  85. package/dist/components/molecules/Calendar/Calendar.js +1 -1
  86. package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
  87. package/dist/components/molecules/Calendar/index.js.map +1 -1
  88. package/dist/components/molecules/DatePicker/DatePicker.js +1 -1
  89. package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
  90. package/dist/components/molecules/DatePicker/index.js.map +1 -1
  91. package/dist/components/molecules/DatePicker/styled.js +1 -1
  92. package/dist/components/molecules/DatePicker/styled.js.map +1 -1
  93. package/dist/components/molecules/DateTimePicker/DateTimePicker.js +1 -1
  94. package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  95. package/dist/components/molecules/DateTimePicker/index.js.map +1 -1
  96. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +1 -1
  97. package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
  98. package/dist/components/molecules/DateTimeSelector/index.js.map +1 -1
  99. package/dist/components/molecules/Grid/Grid.d.ts +5 -0
  100. package/dist/components/molecules/Grid/Grid.js +57 -0
  101. package/dist/components/molecules/Grid/Grid.js.map +1 -0
  102. package/dist/components/molecules/Grid/Item/Item.d.ts +7 -0
  103. package/dist/components/molecules/Grid/Item/Item.js +78 -0
  104. package/dist/components/molecules/Grid/Item/Item.js.map +1 -0
  105. package/dist/components/molecules/Grid/Item/index.d.ts +1 -0
  106. package/dist/components/molecules/Grid/Item/index.js +14 -0
  107. package/dist/components/molecules/Grid/Item/index.js.map +1 -0
  108. package/dist/components/molecules/Grid/index.d.ts +2 -0
  109. package/dist/components/molecules/Grid/index.js +15 -0
  110. package/dist/components/molecules/Grid/index.js.map +1 -0
  111. package/dist/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
  112. package/dist/components/molecules/IconTextButton/IconTextButton.js +50 -0
  113. package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -0
  114. package/dist/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
  115. package/dist/components/molecules/IconTextButton/TextComponent.js +34 -0
  116. package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -0
  117. package/dist/components/molecules/IconTextButton/index.d.ts +1 -0
  118. package/dist/components/molecules/IconTextButton/index.js +14 -0
  119. package/dist/components/molecules/IconTextButton/index.js.map +1 -0
  120. package/dist/components/molecules/IconTextButton/styled.d.ts +2 -0
  121. package/dist/components/molecules/IconTextButton/styled.js +46 -0
  122. package/dist/components/molecules/IconTextButton/styled.js.map +1 -0
  123. package/dist/components/molecules/InputPassword/InputPassword.d.ts +3 -2
  124. package/dist/components/molecules/InputPassword/InputPassword.js +1 -1
  125. package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
  126. package/dist/components/molecules/InputPassword/index.js.map +1 -1
  127. package/dist/components/molecules/LabeledSwitch/LabelComponent.d.ts +13 -0
  128. package/dist/components/molecules/LabeledSwitch/LabelComponent.js +36 -0
  129. package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -0
  130. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +8 -0
  131. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +53 -0
  132. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -0
  133. package/dist/components/molecules/LabeledSwitch/index.d.ts +1 -0
  134. package/dist/components/molecules/LabeledSwitch/index.js +14 -0
  135. package/dist/components/molecules/LabeledSwitch/index.js.map +1 -0
  136. package/dist/components/molecules/LabeledSwitch/styled.d.ts +9 -0
  137. package/dist/components/molecules/LabeledSwitch/styled.js +35 -0
  138. package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -0
  139. package/dist/components/molecules/Select/Modal.d.ts +1 -1
  140. package/dist/components/molecules/Select/Modal.js +1 -2
  141. package/dist/components/molecules/Select/Modal.js.map +1 -1
  142. package/dist/components/molecules/Select/Select.js +3 -3
  143. package/dist/components/molecules/Select/Select.js.map +1 -1
  144. package/dist/components/molecules/Select/index.js.map +1 -1
  145. package/dist/components/molecules/Select/styled.js +1 -1
  146. package/dist/components/molecules/Select/styled.js.map +1 -1
  147. package/dist/components/molecules/Snackbar/Snackbar.js +1 -1
  148. package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
  149. package/dist/components/molecules/Snackbar/index.js.map +1 -1
  150. package/dist/components/molecules/Snackbar/styled.js.map +1 -1
  151. package/dist/index.d.ts +17 -14
  152. package/dist/index.js +112 -91
  153. package/dist/index.js.map +1 -1
  154. package/dist/utils/date.js.map +1 -1
  155. package/package.json +5 -5
  156. package/src/components/atoms/BottomNavigator/BottomNavigator.tsx +3 -6
  157. package/src/components/atoms/Button/Button.tsx +19 -13
  158. package/src/components/atoms/Button/index.ts +1 -1
  159. package/src/components/atoms/Input/Input.tsx +8 -6
  160. package/src/components/atoms/Input/styled.ts +1 -3
  161. package/src/components/atoms/Modal/ModalGroupManager.tsx +22 -17
  162. package/src/components/atoms/Modal/ModalLifecycleHandler.ts +139 -126
  163. package/src/components/atoms/Modal/index.ts +7 -7
  164. package/src/components/atoms/Modal/ui/BaseModalView.tsx +150 -127
  165. package/src/components/atoms/Modal/ui/styled.ts +17 -17
  166. package/src/components/atoms/Modal/ui/types.ts +9 -8
  167. package/src/components/atoms/Modal/useLazyModalManager.ts +32 -31
  168. package/src/components/atoms/Modal/useModalManager.ts +28 -26
  169. package/src/components/atoms/Modal/useModalRemoteControl.ts +16 -18
  170. package/src/components/molecules/Calendar/Calendar.tsx +5 -1
  171. package/src/components/molecules/DatePicker/DatePicker.tsx +26 -17
  172. package/src/components/molecules/DatePicker/styled.ts +4 -4
  173. package/src/components/molecules/DateTimePicker/DateTimePicker.tsx +18 -16
  174. package/src/components/molecules/DateTimeSelector/DateTimeSelector.tsx +4 -1
  175. package/src/components/molecules/Grid/Grid.tsx +68 -0
  176. package/src/components/molecules/Grid/Item/Item.tsx +77 -0
  177. package/src/components/molecules/Grid/Item/index.ts +1 -0
  178. package/src/components/molecules/Grid/index.ts +2 -0
  179. package/src/components/molecules/IconTextButton/IconTextButton.tsx +55 -0
  180. package/src/components/molecules/IconTextButton/TextComponent.tsx +43 -0
  181. package/src/components/molecules/IconTextButton/index.ts +4 -0
  182. package/src/components/molecules/IconTextButton/styled.ts +35 -0
  183. package/src/components/molecules/InputPassword/InputPassword.tsx +3 -2
  184. package/src/components/molecules/LabeledSwitch/LabelComponent.tsx +46 -0
  185. package/src/components/molecules/LabeledSwitch/LabeledSwitch.tsx +59 -0
  186. package/src/components/molecules/LabeledSwitch/index.ts +4 -0
  187. package/src/components/molecules/LabeledSwitch/styled.ts +27 -0
  188. package/src/components/molecules/Select/Modal.tsx +88 -66
  189. package/src/components/molecules/Select/Select.tsx +2 -2
  190. package/src/index.ts +38 -29
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Select/styled.ts"],"names":["getStyledModal","safeTop","View","theme","miscellaneous","bodyColor","StyledSelectionText","Text","props","typography","h5","lineHeight","Dummy","StyledPressableSurface","PressableSurface","Header","spacing","deca","CloseButton","Button","SearchBarContainer","SearchBar","Input","ListItem","color","secondary","light","mili","ModalFooter","SelectIcon","Icon","centi","medium","FetchIndicator","ActivityIndicator","TextTitleModal"],"mappings":";;;;;AAAA;;AACA;;AAYA;;AACA;;AACA;;;;;;AAEO,MAAMA,cAAc,GAAG,CAACC,OAAO,GAAG,CAAX,KAAiB;AAC7C,SAAO,qBAAOC,iBAAP,CAA+C;AACxD,mBAAoB,GAAE,wBAAQD,OAAR,CAAiB,IAAI;AAC3C,wBAAwB,CAAC;AAAEE,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,SAAU;AACrE;AACA,GAJE;AAKD,CANM;;;AAQA,MAAMC,mBAAmB,GAAG,qBAAOC,UAAP,EAChCC,KAAD;AAAA;;AAAA,SAA+D,gBAAI;AACrE,mBADoE,gBACjDA,KAAK,CAACL,KAD2C,qBACjD,aAAaM,UAAb,CAAwBC,EAAxB,CAA2BC,UAAW;AACzD,MAAM,oCAAoBH,KAApB,CAA2B;AACjC,GAHE;AAAA,CADiC,CAA5B;;AAOA,MAAMI,KAAK,GAAG,qBAAOV,iBAAP,CAAa;AAClC;AACA;AACA,CAHO;;AAKA,MAAMW,sBAAsB,GAAG,qBACpCC,2BADoC,CAEb;AACzB;AACA,CAJO;;AAMA,MAAMC,MAAM,GAAG,qBAAOb,iBAAP,CAA8C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC/C,YAAY,2BAAW,MAAX,CAAmB;AAC/B,CATO;;AAWA,MAAMC,WAAW,GAAG,qBAAOC,iBAAP,CAAkD;AAC7E;AACA;AACA,CAHO;;AAKA,MAAMC,kBAAkB,GAAG,qBAAOlB,iBAAP,CAA8C;AAChF,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC/C;AACA,CAHO;;AAKA,MAAMI,SAAS,GAAG,qBAAOC,YAAP,CAAsD;AAC/E,mBAAmB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AACrD,CAFO;;AAIA,MAAMM,QAAQ,GAAG,qBAAOT,2BAAP,CAEtB;AACF,yBAAyB,2BAAW,KAAX,CAAkB;AAC3C,kBAAkB,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACqB,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AAC7D,sBAAsB,CAAC;AAAEvB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcW,IAAK;AACxD,wBAAwB,CAAC;AAAExB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC1D,CAPO;;AASA,MAAMW,WAAW,GAAG,qBAAO1B,iBAAP,CAAkC;AAC7D;AACA;AACA;AACA,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,SAAU;AACnE,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAcC,IAAK;AAC/C,CANO;;AAQA,MAAMY,UAAU,GAAG,qBAAOC,eAAP,CAAkC;AAC5D,aAAa,CAAC;AAAE3B,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACa,OAAN,CAAce,KAAM;AAChD,WAAW,CAAC;AAAE5B,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACqB,KAAN,CAAYC,SAAZ,CAAsBO,MAAO;AACvD,CAHO;;AAKA,MAAMC,cAAc,GAAG,qBAAOC,8BAAP,CAA0B;AACxD;AACA,CAFO;;AAIA,MAAMC,cAAc,GAAG,qBAAO5B,UAAP,CAAkC;AAChE;AACA,CAFO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n disabledInputStyles,\n Icon,\n InputContainerProps,\n PressableSurface,\n PressableSurfaceProps,\n RFValue,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n return styled(View)<ModalProps & Partial<StyleProps>>`\n padding-top: ${`${RFValue(safeTop)}px`};\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n height: 100%;\n `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n line-height: ${props.theme?.typography.h5.lineHeight};\n ${disabledInputStyles(props)};\n `\n);\n\nexport const Dummy = styled(View)`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n PressableSurface\n)<PressableSurfaceProps>`\n width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.deca};\n height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n PressableSurfaceProps & Partial<StyleProps>\n>`\n border-bottom-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.light};\n padding-vertical: ${({ theme }) => theme.spacing.mili};\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n width: 100%;\n height: auto;\n bottom: 0;\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n text-align: center;\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"file":"styled.js","names":["getStyledModal","safeTop","styled","View","RFValue","theme","miscellaneous","bodyColor","StyledSelectionText","Text","props","css","typography","h5","lineHeight","disabledInputStyles","Dummy","StyledPressableSurface","PressableSurface","Header","spacing","deca","RFValueStr","CloseButton","Button","SearchBarContainer","SearchBar","Input","ListItem","color","secondary","light","mili","ModalFooter","SelectIcon","Icon","centi","medium","FetchIndicator","ActivityIndicator","TextTitleModal"],"sources":["../../../../src/components/molecules/Select/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n disabledInputStyles,\n Icon,\n InputContainerProps,\n PressableSurface,\n PressableSurfaceProps,\n RFValue,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n return styled(View)<ModalProps & Partial<StyleProps>>`\n padding-top: ${`${RFValue(safeTop)}px`};\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n height: 100%;\n `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n line-height: ${props.theme?.typography.h5.lineHeight};\n ${disabledInputStyles(props)};\n `\n);\n\nexport const Dummy = styled(View)`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n PressableSurface\n)<PressableSurfaceProps>`\n width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.deca};\n height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n PressableSurfaceProps & Partial<StyleProps>\n>`\n border-bottom-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.light};\n padding-vertical: ${({ theme }) => theme.spacing.mili};\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n width: 100%;\n height: auto;\n bottom: 0;\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n text-align: center;\n`;\n"],"mappings":";;;;;AAAA;;AACA;;AAYA;;AACA;;AACA;;;;;;AAEO,MAAMA,cAAc,GAAG,CAACC,OAAO,GAAG,CAAX,KAAiB;EAC7C,OAAO,IAAAC,eAAA,EAAOC,iBAAP,CAA+C;AACxD,mBAAoB,GAAE,IAAAC,kBAAA,EAAQH,OAAR,CAAiB,IAAI;AAC3C,wBAAwB,CAAC;IAAEI;EAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,SAAU;AACrE;AACA,GAJE;AAKD,CANM;;;AAQA,MAAMC,mBAAmB,GAAG,IAAAN,eAAA,EAAOO,UAAP,EAChCC,KAAD;EAAA;;EAAA,OAA+D,IAAAC,WAAA,CAAI;AACrE,mBADoE,gBACjDD,KAAK,CAACL,KAD2C,qBACjD,aAAaO,UAAb,CAAwBC,EAAxB,CAA2BC,UAAW;AACzD,MAAM,IAAAC,8BAAA,EAAoBL,KAApB,CAA2B;AACjC,GAHE;AAAA,CADiC,CAA5B;;AAOA,MAAMM,KAAK,GAAG,IAAAd,eAAA,EAAOC,iBAAP,CAAa;AAClC;AACA;AACA,CAHO;;AAKA,MAAMc,sBAAsB,GAAG,IAAAf,eAAA,EACpCgB,2BADoC,CAEb;AACzB;AACA,CAJO;;AAMA,MAAMC,MAAM,GAAG,IAAAjB,eAAA,EAAOC,iBAAP,CAA8C;AACpE;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACe,OAAN,CAAcC,IAAK;AAC/C,YAAY,IAAAC,qBAAA,EAAW,MAAX,CAAmB;AAC/B,CATO;;AAWA,MAAMC,WAAW,GAAG,IAAArB,eAAA,EAAOsB,iBAAP,CAAkD;AAC7E;AACA;AACA,CAHO;;AAKA,MAAMC,kBAAkB,GAAG,IAAAvB,eAAA,EAAOC,iBAAP,CAA8C;AAChF,aAAa,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACe,OAAN,CAAcC,IAAK;AAC/C;AACA,CAHO;;AAKA,MAAMK,SAAS,GAAG,IAAAxB,eAAA,EAAOyB,YAAP,CAAsD;AAC/E,mBAAmB,CAAC;EAAEtB;AAAF,CAAD,KAAeA,KAAK,CAACe,OAAN,CAAcC,IAAK;AACrD,CAFO;;AAIA,MAAMO,QAAQ,GAAG,IAAA1B,eAAA,EAAOgB,2BAAP,CAEtB;AACF,yBAAyB,IAAAI,qBAAA,EAAW,KAAX,CAAkB;AAC3C,kBAAkB,CAAC;EAAEjB;AAAF,CAAD,KAAeA,KAAK,CAACwB,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AAC7D,sBAAsB,CAAC;EAAE1B;AAAF,CAAD,KAAeA,KAAK,CAACe,OAAN,CAAcY,IAAK;AACxD,wBAAwB,CAAC;EAAE3B;AAAF,CAAD,KAAeA,KAAK,CAACe,OAAN,CAAcC,IAAK;AAC1D,CAPO;;AASA,MAAMY,WAAW,GAAG,IAAA/B,eAAA,EAAOC,iBAAP,CAAkC;AAC7D;AACA;AACA;AACA,sBAAsB,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,SAAU;AACnE,aAAa,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACe,OAAN,CAAcC,IAAK;AAC/C,CANO;;AAQA,MAAMa,UAAU,GAAG,IAAAhC,eAAA,EAAOiC,eAAP,CAAkC;AAC5D,aAAa,CAAC;EAAE9B;AAAF,CAAD,KAAeA,KAAK,CAACe,OAAN,CAAcgB,KAAM;AAChD,WAAW,CAAC;EAAE/B;AAAF,CAAD,KAAeA,KAAK,CAACwB,KAAN,CAAYC,SAAZ,CAAsBO,MAAO;AACvD,CAHO;;AAKA,MAAMC,cAAc,GAAG,IAAApC,eAAA,EAAOqC,8BAAP,CAA0B;AACxD;AACA,CAFO;;AAIA,MAAMC,cAAc,GAAG,IAAAtC,eAAA,EAAOO,UAAP,CAAkC;AAChE;AACA,CAFO"}
@@ -11,7 +11,7 @@ var _styled = require("./styled");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
14
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
15
 
16
16
  const Snackbar = ({
17
17
  value,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAOO,MAAMA,QAAuC,GAAG,CAAC;AACtDC,EAAAA,KADsD;AAEtDC,EAAAA,SAAS,GAAG;AAAEC,IAAAA,YAAY,EAAE,SAAhB;AAA2BC,IAAAA,SAAS,EAAE;AAAtC,GAF0C;AAGtD,KAAGC;AAHmD,CAAD,KAIjD;AACJ,SACE,6BAAC,sBAAD,EAAoBA,IAApB,EACE,6BAAC,UAAD,eAAUH,SAAV;AAAqB,IAAA,UAAU,EAAC,MAAhC;AAAuC,IAAA,UAAU,EAAC;AAAlD,MACGD,KADH,CADF,CADF;AAOD,CAZM;;;eAcQD,Q","sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextNativeProps;\n}\n\nexport const Snackbar: React.FC<SnackbarNativeProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"file":"Snackbar.js"}
1
+ {"version":3,"file":"Snackbar.js","names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextNativeProps;\n}\n\nexport const Snackbar: React.FC<SnackbarNativeProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"mappings":";;;;;AAAA;;AAEA;;AACA;;;;;;AAOO,MAAMA,QAAuC,GAAG,CAAC;EACtDC,KADsD;EAEtDC,SAAS,GAAG;IAAEC,YAAY,EAAE,SAAhB;IAA2BC,SAAS,EAAE;EAAtC,CAF0C;EAGtD,GAAGC;AAHmD,CAAD,KAIjD;EACJ,OACE,6BAAC,sBAAD,EAAoBA,IAApB,EACE,6BAAC,UAAD,eAAUH,SAAV;IAAqB,UAAU,EAAC,MAAhC;IAAuC,UAAU,EAAC;EAAlD,IACGD,KADH,CADF,CADF;AAOD,CAZM;;;eAcQD,Q"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Snackbar, SnackbarNativeProps } from './Snackbar';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar, SnackbarNativeProps } from './Snackbar';\n"],"mappings":";;;;;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"names":["SnackbarStyled","SnackbarCore","theme","spacing","deca"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAOC,mBAAP,CAA0C;AACxE,UAAU,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC5C,WAAW,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC7C,CAHO","sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n left: ${({ theme }) => theme.spacing.deca};\n right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"file":"styled.js"}
1
+ {"version":3,"file":"styled.js","names":["SnackbarStyled","styled","SnackbarCore","theme","spacing","deca"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n left: ${({ theme }) => theme.spacing.deca};\n right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,mBAAP,CAA0C;AACxE,UAAU,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC5C,WAAW,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC7C,CAHO"}
package/dist/index.d.ts CHANGED
@@ -1,22 +1,25 @@
1
1
  export * from '@tecsinapse/react-core';
2
+ export { Avatar } from './components/atoms/Avatar';
3
+ export { Badge, BadgeNativeProps } from './components/atoms/Badge';
4
+ export { BottomNavigator, BottomNavigatorProps, } from './components/atoms/BottomNavigator';
5
+ export { Button, ButtonNativeProps, Error, Loading, Success, } from './components/atoms/Button';
6
+ export { GroupButtonOption } from './components/atoms/GroupButton';
2
7
  export { Header, HeaderProps } from './components/atoms/Header';
3
- export { Select, SelectNativeProps } from './components/molecules/Select';
4
8
  export { Input, InputNativeProps } from './components/atoms/Input';
5
9
  export { InputMask, InputMaskNativeProps } from './components/atoms/InputMask';
6
- export { TextArea, TextAreaProps } from './components/atoms/TextArea';
7
- export { Text, TextNativeProps } from './components/atoms/Text';
8
- export { Error, Loading, Success, Button, ButtonNativeProps, } from './components/atoms/Button';
9
- export { GroupButtonOption } from './components/atoms/GroupButton';
10
- export { InputPassword, InputPasswordNativeProps, } from './components/molecules/InputPassword';
11
- export { BottomNavigator, BottomNavigatorProps, } from './components/atoms/BottomNavigator';
12
- export { Tag, TagProps } from './components/atoms/Tag';
10
+ export { IBaseModal, ModalGroupManager, ModalLifecycleHandler, ModalView, useLazyModalManager, useModalManager, useModalRemoteControl, } from './components/atoms/Modal';
11
+ export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
13
12
  export { SnappingSlider, SnappingSliderProps, } from './components/atoms/SnappingSlider';
14
- export { Badge, BadgeNativeProps } from './components/atoms/Badge';
15
- export { Snackbar, SnackbarNativeProps } from './components/molecules/Snackbar';
13
+ export { Tag, TagProps } from './components/atoms/Tag';
14
+ export { Text, TextNativeProps } from './components/atoms/Text';
15
+ export { TextArea, TextAreaProps } from './components/atoms/TextArea';
16
+ export { Calendar } from './components/molecules/Calendar';
16
17
  export { DatePicker, NativeDatePickerProps, } from './components/molecules/DatePicker';
17
18
  export { DateTimePicker, NativeDateTimePickerProps, } from './components/molecules/DateTimePicker';
18
- export { Avatar } from './components/atoms/Avatar';
19
- export { Calendar } from './components/molecules/Calendar';
20
19
  export { DateTimeSelector } from './components/molecules/DateTimeSelector';
21
- export { ModalGroupManager, ModalView, ModalLifecycleHandler, useLazyModalManager, useModalManager, useModalRemoteControl, IBaseModal, } from './components/atoms/Modal';
22
- export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
20
+ export { IconTextButton, NativeIconTextButtonProps, } from './components/molecules/IconTextButton';
21
+ export { InputPassword, InputPasswordNativeProps, } from './components/molecules/InputPassword';
22
+ export { LabeledSwitch, LabeledSwitchNativeProps, } from './components/molecules/LabeledSwitch';
23
+ export { Select, SelectNativeProps } from './components/molecules/Select';
24
+ export { Snackbar, SnackbarNativeProps } from './components/molecules/Snackbar';
25
+ export { Grid, GridItem } from './components/molecules/Grid';
package/dist/index.js CHANGED
@@ -2,54 +2,60 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  var _exportNames = {
5
+ Avatar: true,
6
+ Badge: true,
7
+ BadgeNativeProps: true,
8
+ BottomNavigator: true,
9
+ BottomNavigatorProps: true,
10
+ Button: true,
11
+ ButtonNativeProps: true,
12
+ Error: true,
13
+ Loading: true,
14
+ Success: true,
15
+ GroupButtonOption: true,
5
16
  Header: true,
6
17
  HeaderProps: true,
7
- Select: true,
8
- SelectNativeProps: true,
9
18
  Input: true,
10
19
  InputNativeProps: true,
11
20
  InputMask: true,
12
21
  InputMaskNativeProps: true,
13
- TextArea: true,
14
- TextAreaProps: true,
15
- Text: true,
16
- TextNativeProps: true,
17
- Error: true,
18
- Loading: true,
19
- Success: true,
20
- Button: true,
21
- ButtonNativeProps: true,
22
- GroupButtonOption: true,
23
- InputPassword: true,
24
- InputPasswordNativeProps: true,
25
- BottomNavigator: true,
26
- BottomNavigatorProps: true,
27
- Tag: true,
28
- TagProps: true,
22
+ IBaseModal: true,
23
+ ModalGroupManager: true,
24
+ ModalLifecycleHandler: true,
25
+ ModalView: true,
26
+ useLazyModalManager: true,
27
+ useModalManager: true,
28
+ useModalRemoteControl: true,
29
+ Skeleton: true,
30
+ SkeletonProps: true,
29
31
  SnappingSlider: true,
30
32
  SnappingSliderProps: true,
31
- Badge: true,
32
- BadgeNativeProps: true,
33
- Snackbar: true,
34
- SnackbarNativeProps: true,
33
+ Tag: true,
34
+ TagProps: true,
35
+ Text: true,
36
+ TextNativeProps: true,
37
+ TextArea: true,
38
+ TextAreaProps: true,
39
+ Calendar: true,
35
40
  DatePicker: true,
36
41
  NativeDatePickerProps: true,
37
42
  DateTimePicker: true,
38
43
  NativeDateTimePickerProps: true,
39
- Avatar: true,
40
- Calendar: true,
41
44
  DateTimeSelector: true,
42
- ModalGroupManager: true,
43
- ModalView: true,
44
- ModalLifecycleHandler: true,
45
- useLazyModalManager: true,
46
- useModalManager: true,
47
- useModalRemoteControl: true,
48
- IBaseModal: true,
49
- Skeleton: true,
50
- SkeletonProps: true
45
+ IconTextButton: true,
46
+ NativeIconTextButtonProps: true,
47
+ InputPassword: true,
48
+ InputPasswordNativeProps: true,
49
+ LabeledSwitch: true,
50
+ LabeledSwitchNativeProps: true,
51
+ Select: true,
52
+ SelectNativeProps: true,
53
+ Snackbar: true,
54
+ SnackbarNativeProps: true,
55
+ Grid: true,
56
+ GridItem: true
51
57
  };
52
- exports.SkeletonProps = exports.Skeleton = exports.IBaseModal = exports.useModalRemoteControl = exports.useModalManager = exports.useLazyModalManager = exports.ModalLifecycleHandler = exports.ModalView = exports.ModalGroupManager = exports.DateTimeSelector = exports.Calendar = exports.Avatar = exports.NativeDateTimePickerProps = exports.DateTimePicker = exports.NativeDatePickerProps = exports.DatePicker = exports.SnackbarNativeProps = exports.Snackbar = exports.BadgeNativeProps = exports.Badge = exports.SnappingSliderProps = exports.SnappingSlider = exports.TagProps = exports.Tag = exports.BottomNavigatorProps = exports.BottomNavigator = exports.InputPasswordNativeProps = exports.InputPassword = exports.GroupButtonOption = exports.ButtonNativeProps = exports.Button = exports.Success = exports.Loading = exports.Error = exports.TextNativeProps = exports.Text = exports.TextAreaProps = exports.TextArea = exports.InputMaskNativeProps = exports.InputMask = exports.InputNativeProps = exports.Input = exports.SelectNativeProps = exports.Select = exports.HeaderProps = exports.Header = void 0;
58
+ exports.useModalRemoteControl = exports.useModalManager = exports.useLazyModalManager = exports.TextNativeProps = exports.TextAreaProps = exports.TextArea = exports.Text = exports.TagProps = exports.Tag = exports.Success = exports.SnappingSliderProps = exports.SnappingSlider = exports.SnackbarNativeProps = exports.Snackbar = exports.SkeletonProps = exports.Skeleton = exports.SelectNativeProps = exports.Select = exports.NativeIconTextButtonProps = exports.NativeDateTimePickerProps = exports.NativeDatePickerProps = exports.ModalView = exports.ModalLifecycleHandler = exports.ModalGroupManager = exports.Loading = exports.LabeledSwitchNativeProps = exports.LabeledSwitch = exports.InputPasswordNativeProps = exports.InputPassword = exports.InputNativeProps = exports.InputMaskNativeProps = exports.InputMask = exports.Input = exports.IconTextButton = exports.IBaseModal = exports.HeaderProps = exports.Header = exports.GroupButtonOption = exports.GridItem = exports.Grid = exports.Error = exports.DateTimeSelector = exports.DateTimePicker = exports.DatePicker = exports.Calendar = exports.ButtonNativeProps = exports.Button = exports.BottomNavigatorProps = exports.BottomNavigator = exports.BadgeNativeProps = exports.Badge = exports.Avatar = void 0;
53
59
 
54
60
  var _reactCore = require("@tecsinapse/react-core");
55
61
 
@@ -60,16 +66,37 @@ Object.keys(_reactCore).forEach(function (key) {
60
66
  exports[key] = _reactCore[key];
61
67
  });
62
68
 
69
+ var _Avatar = require("./components/atoms/Avatar");
70
+
71
+ exports.Avatar = _Avatar.Avatar;
72
+
73
+ var _Badge = require("./components/atoms/Badge");
74
+
75
+ exports.Badge = _Badge.Badge;
76
+ exports.BadgeNativeProps = _Badge.BadgeNativeProps;
77
+
78
+ var _BottomNavigator = require("./components/atoms/BottomNavigator");
79
+
80
+ exports.BottomNavigator = _BottomNavigator.BottomNavigator;
81
+ exports.BottomNavigatorProps = _BottomNavigator.BottomNavigatorProps;
82
+
83
+ var _Button = require("./components/atoms/Button");
84
+
85
+ exports.Button = _Button.Button;
86
+ exports.ButtonNativeProps = _Button.ButtonNativeProps;
87
+ exports.Error = _Button.Error;
88
+ exports.Loading = _Button.Loading;
89
+ exports.Success = _Button.Success;
90
+
91
+ var _GroupButton = require("./components/atoms/GroupButton");
92
+
93
+ exports.GroupButtonOption = _GroupButton.GroupButtonOption;
94
+
63
95
  var _Header = require("./components/atoms/Header");
64
96
 
65
97
  exports.Header = _Header.Header;
66
98
  exports.HeaderProps = _Header.HeaderProps;
67
99
 
68
- var _Select = require("./components/molecules/Select");
69
-
70
- exports.Select = _Select.Select;
71
- exports.SelectNativeProps = _Select.SelectNativeProps;
72
-
73
100
  var _Input = require("./components/atoms/Input");
74
101
 
75
102
  exports.Input = _Input.Input;
@@ -80,57 +107,44 @@ var _InputMask = require("./components/atoms/InputMask");
80
107
  exports.InputMask = _InputMask.InputMask;
81
108
  exports.InputMaskNativeProps = _InputMask.InputMaskNativeProps;
82
109
 
83
- var _TextArea = require("./components/atoms/TextArea");
84
-
85
- exports.TextArea = _TextArea.TextArea;
86
- exports.TextAreaProps = _TextArea.TextAreaProps;
87
-
88
- var _Text = require("./components/atoms/Text");
89
-
90
- exports.Text = _Text.Text;
91
- exports.TextNativeProps = _Text.TextNativeProps;
92
-
93
- var _Button = require("./components/atoms/Button");
94
-
95
- exports.Error = _Button.Error;
96
- exports.Loading = _Button.Loading;
97
- exports.Success = _Button.Success;
98
- exports.Button = _Button.Button;
99
- exports.ButtonNativeProps = _Button.ButtonNativeProps;
100
-
101
- var _GroupButton = require("./components/atoms/GroupButton");
110
+ var _Modal = require("./components/atoms/Modal");
102
111
 
103
- exports.GroupButtonOption = _GroupButton.GroupButtonOption;
112
+ exports.IBaseModal = _Modal.IBaseModal;
113
+ exports.ModalGroupManager = _Modal.ModalGroupManager;
114
+ exports.ModalLifecycleHandler = _Modal.ModalLifecycleHandler;
115
+ exports.ModalView = _Modal.ModalView;
116
+ exports.useLazyModalManager = _Modal.useLazyModalManager;
117
+ exports.useModalManager = _Modal.useModalManager;
118
+ exports.useModalRemoteControl = _Modal.useModalRemoteControl;
104
119
 
105
- var _InputPassword = require("./components/molecules/InputPassword");
120
+ var _Skeleton = require("./components/atoms/Skeleton");
106
121
 
107
- exports.InputPassword = _InputPassword.InputPassword;
108
- exports.InputPasswordNativeProps = _InputPassword.InputPasswordNativeProps;
122
+ exports.Skeleton = _Skeleton.Skeleton;
123
+ exports.SkeletonProps = _Skeleton.SkeletonProps;
109
124
 
110
- var _BottomNavigator = require("./components/atoms/BottomNavigator");
125
+ var _SnappingSlider = require("./components/atoms/SnappingSlider");
111
126
 
112
- exports.BottomNavigator = _BottomNavigator.BottomNavigator;
113
- exports.BottomNavigatorProps = _BottomNavigator.BottomNavigatorProps;
127
+ exports.SnappingSlider = _SnappingSlider.SnappingSlider;
128
+ exports.SnappingSliderProps = _SnappingSlider.SnappingSliderProps;
114
129
 
115
130
  var _Tag = require("./components/atoms/Tag");
116
131
 
117
132
  exports.Tag = _Tag.Tag;
118
133
  exports.TagProps = _Tag.TagProps;
119
134
 
120
- var _SnappingSlider = require("./components/atoms/SnappingSlider");
135
+ var _Text = require("./components/atoms/Text");
121
136
 
122
- exports.SnappingSlider = _SnappingSlider.SnappingSlider;
123
- exports.SnappingSliderProps = _SnappingSlider.SnappingSliderProps;
137
+ exports.Text = _Text.Text;
138
+ exports.TextNativeProps = _Text.TextNativeProps;
124
139
 
125
- var _Badge = require("./components/atoms/Badge");
140
+ var _TextArea = require("./components/atoms/TextArea");
126
141
 
127
- exports.Badge = _Badge.Badge;
128
- exports.BadgeNativeProps = _Badge.BadgeNativeProps;
142
+ exports.TextArea = _TextArea.TextArea;
143
+ exports.TextAreaProps = _TextArea.TextAreaProps;
129
144
 
130
- var _Snackbar = require("./components/molecules/Snackbar");
145
+ var _Calendar = require("./components/molecules/Calendar");
131
146
 
132
- exports.Snackbar = _Snackbar.Snackbar;
133
- exports.SnackbarNativeProps = _Snackbar.SnackbarNativeProps;
147
+ exports.Calendar = _Calendar.Calendar;
134
148
 
135
149
  var _DatePicker = require("./components/molecules/DatePicker");
136
150
 
@@ -142,30 +156,37 @@ var _DateTimePicker = require("./components/molecules/DateTimePicker");
142
156
  exports.DateTimePicker = _DateTimePicker.DateTimePicker;
143
157
  exports.NativeDateTimePickerProps = _DateTimePicker.NativeDateTimePickerProps;
144
158
 
145
- var _Avatar = require("./components/atoms/Avatar");
159
+ var _DateTimeSelector = require("./components/molecules/DateTimeSelector");
146
160
 
147
- exports.Avatar = _Avatar.Avatar;
161
+ exports.DateTimeSelector = _DateTimeSelector.DateTimeSelector;
148
162
 
149
- var _Calendar = require("./components/molecules/Calendar");
163
+ var _IconTextButton = require("./components/molecules/IconTextButton");
150
164
 
151
- exports.Calendar = _Calendar.Calendar;
165
+ exports.IconTextButton = _IconTextButton.IconTextButton;
166
+ exports.NativeIconTextButtonProps = _IconTextButton.NativeIconTextButtonProps;
152
167
 
153
- var _DateTimeSelector = require("./components/molecules/DateTimeSelector");
168
+ var _InputPassword = require("./components/molecules/InputPassword");
154
169
 
155
- exports.DateTimeSelector = _DateTimeSelector.DateTimeSelector;
170
+ exports.InputPassword = _InputPassword.InputPassword;
171
+ exports.InputPasswordNativeProps = _InputPassword.InputPasswordNativeProps;
156
172
 
157
- var _Modal = require("./components/atoms/Modal");
173
+ var _LabeledSwitch = require("./components/molecules/LabeledSwitch");
158
174
 
159
- exports.ModalGroupManager = _Modal.ModalGroupManager;
160
- exports.ModalView = _Modal.ModalView;
161
- exports.ModalLifecycleHandler = _Modal.ModalLifecycleHandler;
162
- exports.useLazyModalManager = _Modal.useLazyModalManager;
163
- exports.useModalManager = _Modal.useModalManager;
164
- exports.useModalRemoteControl = _Modal.useModalRemoteControl;
165
- exports.IBaseModal = _Modal.IBaseModal;
175
+ exports.LabeledSwitch = _LabeledSwitch.LabeledSwitch;
176
+ exports.LabeledSwitchNativeProps = _LabeledSwitch.LabeledSwitchNativeProps;
166
177
 
167
- var _Skeleton = require("./components/atoms/Skeleton");
178
+ var _Select = require("./components/molecules/Select");
168
179
 
169
- exports.Skeleton = _Skeleton.Skeleton;
170
- exports.SkeletonProps = _Skeleton.SkeletonProps;
180
+ exports.Select = _Select.Select;
181
+ exports.SelectNativeProps = _Select.SelectNativeProps;
182
+
183
+ var _Snackbar = require("./components/molecules/Snackbar");
184
+
185
+ exports.Snackbar = _Snackbar.Snackbar;
186
+ exports.SnackbarNativeProps = _Snackbar.SnackbarNativeProps;
187
+
188
+ var _Grid = require("./components/molecules/Grid");
189
+
190
+ exports.Grid = _Grid.Grid;
191
+ exports.GridItem = _Grid.GridItem;
171
192
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;AAOA;;;;AACA;;;;;AAIA;;;;;AAIA;;;;;AACA;;;;;AAIA;;;;;AACA;;;;;AACA;;;;;AAIA;;;;;AAIA;;;;AACA;;;;AACA;;;;AACA;;;;;;;;;;AASA","sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Header, HeaderProps } from './components/atoms/Header';\nexport { Select, SelectNativeProps } from './components/molecules/Select';\nexport { Input, InputNativeProps } from './components/atoms/Input';\nexport { InputMask, InputMaskNativeProps } from './components/atoms/InputMask';\nexport { TextArea, TextAreaProps } from './components/atoms/TextArea';\nexport { Text, TextNativeProps } from './components/atoms/Text';\nexport {\n Error,\n Loading,\n Success,\n Button,\n ButtonNativeProps,\n} from './components/atoms/Button';\nexport { GroupButtonOption } from './components/atoms/GroupButton';\nexport {\n InputPassword,\n InputPasswordNativeProps,\n} from './components/molecules/InputPassword';\nexport {\n BottomNavigator,\n BottomNavigatorProps,\n} from './components/atoms/BottomNavigator';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport {\n SnappingSlider,\n SnappingSliderProps,\n} from './components/atoms/SnappingSlider';\nexport { Badge, BadgeNativeProps } from './components/atoms/Badge';\nexport { Snackbar, SnackbarNativeProps } from './components/molecules/Snackbar';\nexport {\n DatePicker,\n NativeDatePickerProps,\n} from './components/molecules/DatePicker';\nexport {\n DateTimePicker,\n NativeDateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport { Avatar } from './components/atoms/Avatar';\nexport { Calendar } from './components/molecules/Calendar';\nexport { DateTimeSelector } from './components/molecules/DateTimeSelector';\nexport {\n ModalGroupManager,\n ModalView,\n ModalLifecycleHandler,\n useLazyModalManager,\n useModalManager,\n useModalRemoteControl,\n IBaseModal,\n} from './components/atoms/Modal';\nexport { Skeleton, SkeletonProps } from './components/atoms/Skeleton';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Avatar } from './components/atoms/Avatar';\nexport { Badge, BadgeNativeProps } from './components/atoms/Badge';\nexport {\n BottomNavigator,\n BottomNavigatorProps,\n} from './components/atoms/BottomNavigator';\nexport {\n Button,\n ButtonNativeProps,\n Error,\n Loading,\n Success,\n} from './components/atoms/Button';\nexport { GroupButtonOption } from './components/atoms/GroupButton';\nexport { Header, HeaderProps } from './components/atoms/Header';\nexport { Input, InputNativeProps } from './components/atoms/Input';\nexport { InputMask, InputMaskNativeProps } from './components/atoms/InputMask';\nexport {\n IBaseModal,\n ModalGroupManager,\n ModalLifecycleHandler,\n ModalView,\n useLazyModalManager,\n useModalManager,\n useModalRemoteControl,\n} from './components/atoms/Modal';\nexport { Skeleton, SkeletonProps } from './components/atoms/Skeleton';\nexport {\n SnappingSlider,\n SnappingSliderProps,\n} from './components/atoms/SnappingSlider';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { Text, TextNativeProps } from './components/atoms/Text';\nexport { TextArea, TextAreaProps } from './components/atoms/TextArea';\nexport { Calendar } from './components/molecules/Calendar';\nexport {\n DatePicker,\n NativeDatePickerProps,\n} from './components/molecules/DatePicker';\nexport {\n DateTimePicker,\n NativeDateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport { DateTimeSelector } from './components/molecules/DateTimeSelector';\nexport {\n IconTextButton,\n NativeIconTextButtonProps,\n} from './components/molecules/IconTextButton';\nexport {\n InputPassword,\n InputPasswordNativeProps,\n} from './components/molecules/InputPassword';\nexport {\n LabeledSwitch,\n LabeledSwitchNativeProps,\n} from './components/molecules/LabeledSwitch';\nexport { Select, SelectNativeProps } from './components/molecules/Select';\nexport { Snackbar, SnackbarNativeProps } from './components/molecules/Snackbar';\nexport { Grid, GridItem } from './components/molecules/Grid';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA;;AACA;;;;AACA;;;;;AACA;;;;;AAIA;;;;;;;;AAOA;;;;AACA;;;;;AACA;;;;;AACA;;;;;AACA;;;;;;;;;;AASA;;;;;AACA;;;;;AAIA;;;;;AACA;;;;;AACA;;;;;AACA;;;;AACA;;;;;AAIA;;;;;AAIA;;;;AACA;;;;;AAIA;;;;;AAIA;;;;;AAIA;;;;;AACA;;;;;AACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utils/date.ts"],"names":["getLocale","locale","Platform","OS","NativeModules","SettingsManager","settings","AppleLocale","AppleLanguages","I18nManager","localeIdentifier","code","replace","dateFnsLocales"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEO,MAAMA,SAAS,GAAG,MAAc;AACrC,MAAIC,MAAJ;;AACA,MAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzBF,IAAAA,MAAM,GACJG,2BAAcC,eAAd,CAA8BC,QAA9B,CAAuCC,WAAvC,IACAH,2BAAcC,eAAd,CAA8BC,QAA9B,CAAuCE,cAAvC,CAAsD,CAAtD,CAFF;AAGD,GAJD,MAIO;AACLP,IAAAA,MAAM,GAAGG,2BAAcK,WAAd,CAA0BC,gBAAnC;AACD;;AAED,QAAMC,IAAI,GAAGV,MAAM,CAACW,OAAP,CAAe,GAAf,EAAoB,EAApB,CAAb;AAEA,SAAOC,cAAc,CAACF,IAAD,CAArB;AACD,CAbM","sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport * as dateFnsLocales from 'date-fns/locale';\n\nexport const getLocale = (): Locale => {\n let locale: string;\n if (Platform.OS === 'ios') {\n locale =\n NativeModules.SettingsManager.settings.AppleLocale ||\n NativeModules.SettingsManager.settings.AppleLanguages[0];\n } else {\n locale = NativeModules.I18nManager.localeIdentifier;\n }\n\n const code = locale.replace('_', '');\n\n return dateFnsLocales[code];\n};\n"],"file":"date.js"}
1
+ {"version":3,"file":"date.js","names":["getLocale","locale","Platform","OS","NativeModules","SettingsManager","settings","AppleLocale","AppleLanguages","I18nManager","localeIdentifier","code","replace","dateFnsLocales"],"sources":["../../src/utils/date.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport * as dateFnsLocales from 'date-fns/locale';\n\nexport const getLocale = (): Locale => {\n let locale: string;\n if (Platform.OS === 'ios') {\n locale =\n NativeModules.SettingsManager.settings.AppleLocale ||\n NativeModules.SettingsManager.settings.AppleLanguages[0];\n } else {\n locale = NativeModules.I18nManager.localeIdentifier;\n }\n\n const code = locale.replace('_', '');\n\n return dateFnsLocales[code];\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;;;AAEO,MAAMA,SAAS,GAAG,MAAc;EACrC,IAAIC,MAAJ;;EACA,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;IACzBF,MAAM,GACJG,0BAAA,CAAcC,eAAd,CAA8BC,QAA9B,CAAuCC,WAAvC,IACAH,0BAAA,CAAcC,eAAd,CAA8BC,QAA9B,CAAuCE,cAAvC,CAAsD,CAAtD,CAFF;EAGD,CAJD,MAIO;IACLP,MAAM,GAAGG,0BAAA,CAAcK,WAAd,CAA0BC,gBAAnC;EACD;;EAED,MAAMC,IAAI,GAAGV,MAAM,CAACW,OAAP,CAAe,GAAf,EAAoB,EAApB,CAAb;EAEA,OAAOC,cAAc,CAACF,IAAD,CAArB;AACD,CAbM"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tecsinapse/react-native-kit",
3
3
  "description": "TecSinapse React Native components",
4
- "version": "1.18.5",
4
+ "version": "1.20.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "license": "MIT",
@@ -14,9 +14,9 @@
14
14
  "yalc:show": "yalc installations show $npm_package_name"
15
15
  },
16
16
  "dependencies": {
17
- "@emotion/native": "^11.0.0",
18
- "@emotion/react": "^11.4.1",
19
- "@tecsinapse/react-core": "^1.17.4",
17
+ "@emotion/native": "^11.10.0",
18
+ "@emotion/react": "^11.10.0",
19
+ "@tecsinapse/react-core": "^1.19.0",
20
20
  "react-native-linear-gradient": "^2.5.6"
21
21
  },
22
22
  "repository": {
@@ -39,5 +39,5 @@
39
39
  "devDependencies": {
40
40
  "@types/uuid": "^8.3.3"
41
41
  },
42
- "gitHead": "03c2dd15a8e489f803bcb0aab01ec83a3cd7f277"
42
+ "gitHead": "59f85f1085ace4af0b26b85e32faf92cd2bf303f"
43
43
  }
@@ -22,12 +22,9 @@ function BottomNavigator<T extends string | number | symbol>({
22
22
  return (
23
23
  <StyledView {...rest}>
24
24
  {React.Children.map(children, child => {
25
- const {
26
- value,
27
- label,
28
- labelProps,
29
- labelElement,
30
- } = (child as React.ReactElement<BottomNavigatorItemProps<T>>).props;
25
+ const { value, label, labelProps, labelElement } = (
26
+ child as React.ReactElement<BottomNavigatorItemProps<T>>
27
+ ).props;
31
28
  const isSelected = value == selected;
32
29
 
33
30
  return (
@@ -1,17 +1,23 @@
1
- import { Button as ButtonCore, ButtonProps } from "@tecsinapse/react-core";
2
- import React, { FC, useCallback } from "react";
3
- import { Keyboard } from "react-native";
1
+ import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';
2
+ import React, { FC, useCallback } from 'react';
3
+ import { Keyboard } from 'react-native';
4
4
 
5
5
  export type ButtonNativeProps = ButtonProps & {
6
- autoDismissKeyboard?: boolean
7
- }
6
+ autoDismissKeyboard?: boolean;
7
+ };
8
8
 
9
- export const Button: FC<ButtonNativeProps> = ({ autoDismissKeyboard = true, onPress, ...others }) => {
9
+ export const Button: FC<ButtonNativeProps> = ({
10
+ autoDismissKeyboard = true,
11
+ onPress,
12
+ ...others
13
+ }) => {
14
+ const handleOnPress = useCallback(
15
+ event => {
16
+ autoDismissKeyboard && Keyboard.dismiss();
17
+ onPress?.(event);
18
+ },
19
+ [onPress]
20
+ );
10
21
 
11
- const handleOnPress = useCallback((event) => {
12
- autoDismissKeyboard && Keyboard.dismiss()
13
- onPress?.(event)
14
- }, [onPress])
15
-
16
- return <ButtonCore {...others} onPress={handleOnPress}/>
17
- }
22
+ return <ButtonCore {...others} onPress={handleOnPress} />;
23
+ };
@@ -1,2 +1,2 @@
1
1
  export { Button, ButtonNativeProps } from './Button';
2
- export { Error, Loading, Success } from './States';
2
+ export { Error, Loading, Success } from './States';
@@ -6,10 +6,10 @@ import {
6
6
  InputContainerProps,
7
7
  InputElementProps,
8
8
  RFValue,
9
- useInputFocus
9
+ useInputFocus,
10
10
  } from '@tecsinapse/react-core';
11
- import React, { FC } from 'react';
12
- import { StyleProp, View, ViewStyle } from 'react-native';
11
+ import React from 'react';
12
+ import { StyleProp, TextInput, View, ViewStyle } from 'react-native';
13
13
  import { Text } from '../Text';
14
14
  import { StyledNativeInput } from './styled';
15
15
 
@@ -20,7 +20,7 @@ export interface InputNativeProps
20
20
  inputFontWeight?: FontWeightType;
21
21
  }
22
22
 
23
- const Input: FC<InputNativeProps> = React.forwardRef(
23
+ const Input = React.forwardRef<TextInput, InputNativeProps>(
24
24
  (
25
25
  {
26
26
  label,
@@ -33,7 +33,6 @@ const Input: FC<InputNativeProps> = React.forwardRef(
33
33
  leftComponent,
34
34
  rightComponent,
35
35
  disabled,
36
- style,
37
36
  borderColor,
38
37
  borderColorGradation,
39
38
  inputFontStack = 'default',
@@ -59,7 +58,10 @@ const Input: FC<InputNativeProps> = React.forwardRef(
59
58
  !disabled
60
59
  );
61
60
 
62
- const internalStyle: StyleProp<ViewStyle> = { minHeight: RFValue(50), ...{ inputContainerStyle }}
61
+ const internalStyle: StyleProp<ViewStyle> = {
62
+ minHeight: RFValue(50),
63
+ ...{ inputContainerStyle },
64
+ };
63
65
  const onlyLabel = label && !placeholder;
64
66
 
65
67
  return (
@@ -1,7 +1,5 @@
1
1
  import styled from '@emotion/native';
2
- import {
3
- InputElement, StyleProps
4
- } from '@tecsinapse/react-core';
2
+ import { InputElement, StyleProps } from '@tecsinapse/react-core';
5
3
  import { Font, fontStyles } from '../Text/styled';
6
4
  import { InputNativeProps } from './Input';
7
5
 
@@ -3,26 +3,31 @@ import { Modal as RNModal, ModalProps } from 'react-native';
3
3
  import { createModalLifecycleHandler } from './ModalLifecycleHandler';
4
4
  import { IBaseModal } from './ui/types';
5
5
 
6
- export const modalLifecycle = createModalLifecycleHandler()
6
+ export const modalLifecycle = createModalLifecycleHandler();
7
7
 
8
8
  /**
9
9
  * It's responsable for rendering all the modal components.
10
- *
11
- * @param param0
12
- * @returns
10
+ *
11
+ * @param param0
12
+ * @returns
13
13
  */
14
14
  export const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {
15
+ modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]));
16
+ const _render = modalLifecycle.render();
17
+ const hasModals = _render.length > 0;
15
18
 
16
- modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]))
17
- const _render = modalLifecycle.render()
18
- const hasModals = _render.length > 0
19
-
20
- return (
21
- <>
22
- {children}
23
- <RNModal transparent statusBarTranslucent animationType='none' visible={hasModals} {...others}>
24
- {_render}
25
- </RNModal>
26
- </>
27
- )
28
- }
19
+ return (
20
+ <>
21
+ {children}
22
+ <RNModal
23
+ transparent
24
+ statusBarTranslucent
25
+ animationType="none"
26
+ visible={hasModals}
27
+ {...others}
28
+ >
29
+ {_render}
30
+ </RNModal>
31
+ </>
32
+ );
33
+ };