react-native-system-ui 0.0.4 → 0.0.6

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 (371) hide show
  1. package/dist/cjs/components/action-sheet/ActionSheet.js +28 -22
  2. package/dist/cjs/components/area/Area.js +72 -6
  3. package/dist/cjs/components/area/tokens.js +11 -0
  4. package/dist/cjs/components/avatar/Avatar.js +42 -10
  5. package/dist/cjs/components/badge/Badge.js +10 -10
  6. package/dist/cjs/components/badge/tokens.js +4 -0
  7. package/dist/cjs/components/button/Button.js +16 -65
  8. package/dist/cjs/components/button/ButtonContext.js +7 -10
  9. package/dist/cjs/components/button/ButtonGroup.js +13 -15
  10. package/dist/cjs/components/button/tokens.js +1 -5
  11. package/dist/cjs/components/calendar/Calendar.js +23 -12
  12. package/dist/cjs/components/cascader/Cascader.js +18 -13
  13. package/dist/cjs/components/cell/Cell.js +3 -3
  14. package/dist/cjs/components/cell/CellGroup.js +26 -21
  15. package/dist/cjs/components/checkbox/Checkbox.js +5 -4
  16. package/dist/cjs/components/checkbox/CheckboxContext.js +7 -10
  17. package/dist/cjs/components/checkbox/CheckboxGroup.js +24 -21
  18. package/dist/cjs/components/circle/Circle.js +6 -6
  19. package/dist/cjs/components/collapse/Collapse.js +10 -10
  20. package/dist/cjs/components/config-provider/locale/en-US.js +66 -4
  21. package/dist/cjs/components/config-provider/locale/zh-CN.js +74 -2
  22. package/dist/cjs/components/config-provider/tokens.js +11 -0
  23. package/dist/cjs/components/count-down/CountDown.js +6 -6
  24. package/dist/cjs/components/datetime-picker/DatetimePicker.js +6 -6
  25. package/dist/cjs/components/datetime-picker/tokens.js +11 -0
  26. package/dist/cjs/components/dialog/Dialog.js +39 -34
  27. package/dist/cjs/components/dialog/tokens.js +1 -4
  28. package/dist/cjs/components/divider/Divider.js +36 -1
  29. package/dist/cjs/components/field/Field.js +303 -201
  30. package/dist/cjs/components/flex/Flex.js +7 -3
  31. package/dist/cjs/components/flex/FlexContext.js +7 -14
  32. package/dist/cjs/components/form/Form.js +112 -122
  33. package/dist/cjs/components/form/FormContext.js +7 -10
  34. package/dist/cjs/components/form/FormItem.js +30 -4
  35. package/dist/cjs/components/form/FormList.js +16 -3
  36. package/dist/cjs/components/form/tokens.js +11 -0
  37. package/dist/cjs/components/form/utils.js +2 -1
  38. package/dist/cjs/components/grid/Grid.js +45 -31
  39. package/dist/cjs/components/grid/GridContext.js +7 -10
  40. package/dist/cjs/components/grid/GridItem.js +22 -22
  41. package/dist/cjs/components/image/Image.js +17 -13
  42. package/dist/cjs/components/image-preview/ImagePreview.js +43 -41
  43. package/dist/cjs/components/index.js +43 -141
  44. package/dist/cjs/components/input/Input.js +19 -5
  45. package/dist/cjs/components/loading/Loading.js +10 -139
  46. package/dist/cjs/components/loading/tokens.js +0 -24
  47. package/dist/cjs/components/notice-bar/NoticeBar.js +45 -41
  48. package/dist/cjs/components/notify/Notify.js +72 -30
  49. package/dist/cjs/components/notify/imperative.js +2 -2
  50. package/dist/cjs/components/notify/tokens.js +11 -1
  51. package/dist/cjs/components/number-keyboard/NumberKeyboard.js +6 -6
  52. package/dist/cjs/components/overlay/Overlay.js +70 -77
  53. package/dist/cjs/components/overlay/index.js +13 -27
  54. package/dist/cjs/components/overlay/tokens.js +4 -31
  55. package/dist/cjs/components/password-input/PasswordInput.js +2 -41
  56. package/dist/cjs/components/password-input/tokens.js +53 -0
  57. package/dist/cjs/components/picker/Picker.js +618 -38
  58. package/dist/cjs/components/popup/Popup.js +60 -47
  59. package/dist/cjs/components/portal/Portal.js +39 -31
  60. package/dist/cjs/components/portal/PortalHost.js +258 -213
  61. package/dist/cjs/components/portal/tokens.js +11 -0
  62. package/dist/cjs/components/progress/Progress.js +77 -36
  63. package/dist/cjs/components/progress/index.js +6 -0
  64. package/dist/cjs/components/radio/Radio.js +35 -12
  65. package/dist/cjs/components/radio/RadioContext.js +7 -10
  66. package/dist/cjs/components/radio/RadioGroup.js +23 -20
  67. package/dist/cjs/components/safe-area-view/tokens.js +11 -0
  68. package/dist/cjs/components/search/Search.js +16 -16
  69. package/dist/cjs/components/selector/Selector.js +6 -6
  70. package/dist/cjs/components/share-sheet/ShareSheet.js +50 -46
  71. package/dist/cjs/components/sidebar/Sidebar.js +27 -22
  72. package/dist/cjs/components/sidebar/SidebarItem.js +27 -22
  73. package/dist/cjs/components/skeleton/Skeleton.js +34 -21
  74. package/dist/cjs/components/slider/Slider.js +135 -78
  75. package/dist/cjs/components/stepper/Stepper.js +12 -10
  76. package/dist/cjs/components/swiper/Swiper.js +247 -710
  77. package/dist/cjs/components/swiper/SwiperItem.js +5 -33
  78. package/dist/cjs/components/swiper/tokens.js +11 -0
  79. package/dist/cjs/components/switch/Switch.js +46 -98
  80. package/dist/cjs/components/switch/tokens.js +1 -55
  81. package/dist/cjs/components/tabbar/Tabbar.js +26 -22
  82. package/dist/cjs/components/tabbar/TabbarItem.js +23 -22
  83. package/dist/cjs/components/tabbar/tokens.js +0 -2
  84. package/dist/cjs/components/tabs/Tabs.js +268 -94
  85. package/dist/cjs/components/tabs/index.js +4 -5
  86. package/dist/cjs/components/toast/Toast.js +72 -27
  87. package/dist/cjs/components/toast/imperative.js +2 -2
  88. package/dist/cjs/hooks/gesture/useGestureScroll.js +1 -2
  89. package/dist/cjs/hooks/index.js +12 -12
  90. package/dist/cjs/hooks/overlay/index.js +27 -0
  91. package/dist/cjs/hooks/useHairline.js +0 -4
  92. package/dist/cjs/platform/scrollLock.js +1 -1
  93. package/dist/cjs/utils/compare.js +26 -0
  94. package/dist/cjs/utils/index.js +11 -0
  95. package/dist/es/components/action-sheet/ActionSheet.js +29 -23
  96. package/dist/es/components/area/Area.js +73 -7
  97. package/dist/es/components/area/tokens.js +5 -0
  98. package/dist/es/components/avatar/Avatar.js +42 -10
  99. package/dist/es/components/badge/Badge.js +11 -11
  100. package/dist/es/components/badge/tokens.js +4 -0
  101. package/dist/es/components/button/Button.js +17 -65
  102. package/dist/es/components/button/ButtonContext.js +1 -2
  103. package/dist/es/components/button/ButtonGroup.js +10 -12
  104. package/dist/es/components/button/tokens.js +1 -5
  105. package/dist/es/components/calendar/Calendar.js +24 -13
  106. package/dist/es/components/cascader/Cascader.js +16 -11
  107. package/dist/es/components/cell/Cell.js +4 -4
  108. package/dist/es/components/cell/CellGroup.js +25 -20
  109. package/dist/es/components/checkbox/Checkbox.js +5 -4
  110. package/dist/es/components/checkbox/CheckboxContext.js +1 -2
  111. package/dist/es/components/checkbox/CheckboxGroup.js +24 -21
  112. package/dist/es/components/circle/Circle.js +7 -7
  113. package/dist/es/components/collapse/Collapse.js +11 -11
  114. package/dist/es/components/config-provider/locale/en-US.js +66 -4
  115. package/dist/es/components/config-provider/locale/zh-CN.js +74 -2
  116. package/dist/es/components/config-provider/tokens.js +5 -0
  117. package/dist/es/components/count-down/CountDown.js +7 -7
  118. package/dist/es/components/datetime-picker/DatetimePicker.js +7 -7
  119. package/dist/es/components/datetime-picker/tokens.js +5 -0
  120. package/dist/es/components/dialog/Dialog.js +40 -35
  121. package/dist/es/components/dialog/tokens.js +1 -4
  122. package/dist/es/components/divider/Divider.js +36 -1
  123. package/dist/es/components/field/Field.js +304 -202
  124. package/dist/es/components/flex/Flex.js +5 -1
  125. package/dist/es/components/flex/FlexContext.js +1 -6
  126. package/dist/es/components/form/Form.js +89 -99
  127. package/dist/es/components/form/FormContext.js +1 -2
  128. package/dist/es/components/form/FormItem.js +32 -6
  129. package/dist/es/components/form/FormList.js +18 -5
  130. package/dist/es/components/form/tokens.js +5 -0
  131. package/dist/es/components/form/utils.js +1 -0
  132. package/dist/es/components/grid/Grid.js +43 -29
  133. package/dist/es/components/grid/GridContext.js +1 -2
  134. package/dist/es/components/grid/GridItem.js +24 -24
  135. package/dist/es/components/image/Image.js +18 -14
  136. package/dist/es/components/image-preview/ImagePreview.js +44 -42
  137. package/dist/es/components/index.js +2 -17
  138. package/dist/es/components/input/Input.js +20 -6
  139. package/dist/es/components/loading/Loading.js +10 -139
  140. package/dist/es/components/loading/tokens.js +0 -24
  141. package/dist/es/components/notice-bar/NoticeBar.js +46 -42
  142. package/dist/es/components/notify/Notify.js +72 -30
  143. package/dist/es/components/notify/imperative.js +2 -2
  144. package/dist/es/components/notify/tokens.js +5 -1
  145. package/dist/es/components/number-keyboard/NumberKeyboard.js +7 -7
  146. package/dist/es/components/overlay/Overlay.js +58 -75
  147. package/dist/es/components/overlay/index.js +3 -4
  148. package/dist/es/components/overlay/tokens.js +3 -29
  149. package/dist/es/components/password-input/PasswordInput.js +1 -40
  150. package/dist/es/components/password-input/tokens.js +41 -0
  151. package/dist/es/components/picker/Picker.js +610 -34
  152. package/dist/es/components/popup/Popup.js +62 -49
  153. package/dist/es/components/portal/Portal.js +37 -31
  154. package/dist/es/components/portal/PortalHost.js +257 -211
  155. package/dist/es/components/portal/tokens.js +5 -0
  156. package/dist/es/components/progress/Progress.js +76 -36
  157. package/dist/es/components/progress/index.js +2 -1
  158. package/dist/es/components/radio/Radio.js +37 -14
  159. package/dist/es/components/radio/RadioContext.js +1 -2
  160. package/dist/es/components/radio/RadioGroup.js +23 -20
  161. package/dist/es/components/safe-area-view/tokens.js +5 -0
  162. package/dist/es/components/search/Search.js +17 -17
  163. package/dist/es/components/selector/Selector.js +7 -7
  164. package/dist/es/components/share-sheet/ShareSheet.js +51 -47
  165. package/dist/es/components/sidebar/Sidebar.js +26 -21
  166. package/dist/es/components/sidebar/SidebarItem.js +26 -22
  167. package/dist/es/components/skeleton/Skeleton.js +35 -22
  168. package/dist/es/components/slider/Slider.js +132 -75
  169. package/dist/es/components/stepper/Stepper.js +13 -11
  170. package/dist/es/components/swiper/Swiper.js +248 -711
  171. package/dist/es/components/swiper/SwiperItem.js +1 -21
  172. package/dist/es/components/swiper/tokens.js +5 -0
  173. package/dist/es/components/switch/Switch.js +49 -101
  174. package/dist/es/components/switch/tokens.js +1 -49
  175. package/dist/es/components/tabbar/Tabbar.js +27 -23
  176. package/dist/es/components/tabbar/TabbarItem.js +22 -22
  177. package/dist/es/components/tabbar/tokens.js +0 -2
  178. package/dist/es/components/tabs/Tabs.js +264 -90
  179. package/dist/es/components/tabs/index.js +1 -2
  180. package/dist/es/components/toast/Toast.js +72 -28
  181. package/dist/es/components/toast/imperative.js +2 -2
  182. package/dist/es/hooks/gesture/useGestureScroll.js +1 -2
  183. package/dist/es/hooks/index.js +1 -1
  184. package/dist/es/hooks/overlay/index.js +3 -0
  185. package/dist/es/hooks/useHairline.js +0 -4
  186. package/dist/es/platform/scrollLock.js +1 -1
  187. package/dist/es/utils/compare.js +18 -0
  188. package/dist/es/utils/index.js +1 -1
  189. package/dist/types/components/area/tokens.d.ts +3 -0
  190. package/dist/types/components/avatar/Avatar.d.ts +4 -2
  191. package/dist/types/components/button/ButtonContext.d.ts +2 -16
  192. package/dist/types/components/button/ButtonGroup.d.ts +14 -1
  193. package/dist/types/components/button/index.d.ts +1 -1
  194. package/dist/types/components/checkbox/CheckboxContext.d.ts +2 -16
  195. package/dist/types/components/checkbox/CheckboxGroup.d.ts +15 -1
  196. package/dist/types/components/collapse/Collapse.d.ts +0 -1
  197. package/dist/types/components/config-provider/LocaleContext.d.ts +2 -74
  198. package/dist/types/components/config-provider/tokens.d.ts +3 -0
  199. package/dist/types/components/config-provider/useLocale.d.ts +1 -74
  200. package/dist/types/components/datetime-picker/tokens.d.ts +3 -0
  201. package/dist/types/components/flex/Flex.d.ts +6 -0
  202. package/dist/types/components/flex/FlexContext.d.ts +2 -8
  203. package/dist/types/components/form/Form.d.ts +15 -1
  204. package/dist/types/components/form/FormContext.d.ts +2 -17
  205. package/dist/types/components/form/tokens.d.ts +3 -0
  206. package/dist/types/components/form/utils.d.ts +1 -0
  207. package/dist/types/components/grid/Grid.d.ts +16 -1
  208. package/dist/types/components/grid/GridContext.d.ts +2 -17
  209. package/dist/types/components/index.d.ts +3 -33
  210. package/dist/types/components/loading/index.d.ts +1 -1
  211. package/dist/types/components/notify/Notify.d.ts +1 -0
  212. package/dist/types/components/overlay/Overlay.d.ts +6 -1
  213. package/dist/types/components/overlay/index.d.ts +2 -3
  214. package/dist/types/components/overlay/tokens.d.ts +2 -3
  215. package/dist/types/components/password-input/PasswordInput.d.ts +0 -39
  216. package/dist/types/components/password-input/tokens.d.ts +40 -0
  217. package/dist/types/components/picker/Picker.d.ts +18 -2
  218. package/dist/types/components/picker/index.d.ts +1 -1
  219. package/dist/types/components/portal/Portal.d.ts +4 -6
  220. package/dist/types/components/portal/PortalHost.d.ts +1 -15
  221. package/dist/types/components/portal/tokens.d.ts +3 -0
  222. package/dist/types/components/progress/Progress.d.ts +4 -0
  223. package/dist/types/components/progress/index.d.ts +2 -1
  224. package/dist/types/components/radio/RadioContext.d.ts +2 -13
  225. package/dist/types/components/radio/RadioGroup.d.ts +12 -1
  226. package/dist/types/components/safe-area-view/tokens.d.ts +3 -0
  227. package/dist/types/components/swiper/Swiper.d.ts +4 -2
  228. package/dist/types/components/swiper/SwiperItem.d.ts +1 -5
  229. package/dist/types/components/swiper/tokens.d.ts +3 -0
  230. package/dist/types/components/tabs/Tabs.d.ts +8 -4
  231. package/dist/types/components/tabs/index.d.ts +3 -1
  232. package/dist/types/components/toast/Toast.d.ts +1 -4
  233. package/dist/types/hooks/aria/useAriaListBox.d.ts +0 -6
  234. package/dist/types/hooks/aria/useAriaOverlay.d.ts +0 -10
  235. package/dist/types/hooks/aria/useAriaPress.d.ts +0 -20
  236. package/dist/types/hooks/aria/useAriaToggle.d.ts +0 -3
  237. package/dist/types/hooks/index.d.ts +1 -1
  238. package/dist/types/hooks/overlay/index.d.ts +2 -0
  239. package/dist/types/hooks/useHairline.d.ts +0 -21
  240. package/dist/types/utils/compare.d.ts +2 -0
  241. package/dist/types/utils/index.d.ts +1 -0
  242. package/package.json +10 -48
  243. package/dist/cjs/components/area/utils.js +0 -74
  244. package/dist/cjs/components/cascader/utils.js +0 -20
  245. package/dist/cjs/components/config-provider/locale/base.js +0 -80
  246. package/dist/cjs/components/dropdown-menu/DropdownItem.js +0 -288
  247. package/dist/cjs/components/dropdown-menu/DropdownMenu.js +0 -340
  248. package/dist/cjs/components/dropdown-menu/DropdownMenuContext.js +0 -21
  249. package/dist/cjs/components/dropdown-menu/index.js +0 -25
  250. package/dist/cjs/components/dropdown-menu/tokens.js +0 -67
  251. package/dist/cjs/components/field/utils.js +0 -24
  252. package/dist/cjs/components/index-bar/IndexAnchor.js +0 -74
  253. package/dist/cjs/components/index-bar/IndexBar.js +0 -436
  254. package/dist/cjs/components/index-bar/index.js +0 -25
  255. package/dist/cjs/components/index-bar/tokens.js +0 -45
  256. package/dist/cjs/components/list/List.js +0 -165
  257. package/dist/cjs/components/list/index.js +0 -9
  258. package/dist/cjs/components/list/tokens.js +0 -39
  259. package/dist/cjs/components/notify/defaults.js +0 -15
  260. package/dist/cjs/components/pagination/Pagination.js +0 -160
  261. package/dist/cjs/components/pagination/index.js +0 -22
  262. package/dist/cjs/components/pagination/tokens.js +0 -103
  263. package/dist/cjs/components/picker/WheelPicker.js +0 -492
  264. package/dist/cjs/components/picker/utils.js +0 -138
  265. package/dist/cjs/components/pull-refresh/PullRefresh.js +0 -378
  266. package/dist/cjs/components/pull-refresh/index.js +0 -16
  267. package/dist/cjs/components/pull-refresh/tokens.js +0 -22
  268. package/dist/cjs/components/rate/Rate.js +0 -269
  269. package/dist/cjs/components/rate/index.js +0 -15
  270. package/dist/cjs/components/rate/tokens.js +0 -60
  271. package/dist/cjs/components/slider/utils.js +0 -60
  272. package/dist/cjs/components/swiper/useSwiperWeb.js +0 -209
  273. package/dist/cjs/components/swiper/utils.js +0 -49
  274. package/dist/cjs/components/tabs/TabPane.js +0 -9
  275. package/dist/cjs/components/tabs/useTabsAnimation.js +0 -74
  276. package/dist/cjs/components/tabs/useTabsScroll.js +0 -133
  277. package/dist/cjs/components/tabs/utils.js +0 -34
  278. package/dist/cjs/components/types.js +0 -1
  279. package/dist/cjs/components/uploader/Uploader.js +0 -557
  280. package/dist/cjs/components/uploader/index.js +0 -22
  281. package/dist/cjs/components/uploader/tokens.js +0 -58
  282. package/dist/cjs/components/uploader/utils.js +0 -72
  283. package/dist/cjs/hooks/usePresenceAnimation.js +0 -70
  284. package/dist/es/components/area/utils.js +0 -67
  285. package/dist/es/components/cascader/utils.js +0 -13
  286. package/dist/es/components/config-provider/locale/base.js +0 -74
  287. package/dist/es/components/dropdown-menu/DropdownItem.js +0 -269
  288. package/dist/es/components/dropdown-menu/DropdownMenu.js +0 -320
  289. package/dist/es/components/dropdown-menu/DropdownMenuContext.js +0 -7
  290. package/dist/es/components/dropdown-menu/index.js +0 -7
  291. package/dist/es/components/dropdown-menu/tokens.js +0 -61
  292. package/dist/es/components/field/utils.js +0 -17
  293. package/dist/es/components/index-bar/IndexAnchor.js +0 -55
  294. package/dist/es/components/index-bar/IndexBar.js +0 -417
  295. package/dist/es/components/index-bar/index.js +0 -7
  296. package/dist/es/components/index-bar/tokens.js +0 -39
  297. package/dist/es/components/list/List.js +0 -145
  298. package/dist/es/components/list/index.js +0 -2
  299. package/dist/es/components/list/tokens.js +0 -32
  300. package/dist/es/components/notify/defaults.js +0 -9
  301. package/dist/es/components/pagination/Pagination.js +0 -141
  302. package/dist/es/components/pagination/index.js +0 -4
  303. package/dist/es/components/pagination/tokens.js +0 -91
  304. package/dist/es/components/picker/WheelPicker.js +0 -473
  305. package/dist/es/components/picker/utils.js +0 -127
  306. package/dist/es/components/pull-refresh/PullRefresh.js +0 -359
  307. package/dist/es/components/pull-refresh/index.js +0 -3
  308. package/dist/es/components/pull-refresh/tokens.js +0 -16
  309. package/dist/es/components/rate/Rate.js +0 -250
  310. package/dist/es/components/rate/index.js +0 -3
  311. package/dist/es/components/rate/tokens.js +0 -53
  312. package/dist/es/components/slider/utils.js +0 -49
  313. package/dist/es/components/swiper/useSwiperWeb.js +0 -190
  314. package/dist/es/components/swiper/utils.js +0 -37
  315. package/dist/es/components/tabs/TabPane.js +0 -3
  316. package/dist/es/components/tabs/useTabsAnimation.js +0 -55
  317. package/dist/es/components/tabs/useTabsScroll.js +0 -114
  318. package/dist/es/components/tabs/utils.js +0 -19
  319. package/dist/es/components/types.js +0 -1
  320. package/dist/es/components/uploader/Uploader.js +0 -537
  321. package/dist/es/components/uploader/index.js +0 -4
  322. package/dist/es/components/uploader/tokens.js +0 -52
  323. package/dist/es/components/uploader/utils.js +0 -60
  324. package/dist/es/hooks/usePresenceAnimation.js +0 -51
  325. package/dist/types/components/area/utils.d.ts +0 -2
  326. package/dist/types/components/cascader/utils.d.ts +0 -6
  327. package/dist/types/components/config-provider/locale/base.d.ts +0 -74
  328. package/dist/types/components/dropdown-menu/DropdownItem.d.ts +0 -4
  329. package/dist/types/components/dropdown-menu/DropdownMenu.d.ts +0 -4
  330. package/dist/types/components/dropdown-menu/DropdownMenuContext.d.ts +0 -17
  331. package/dist/types/components/dropdown-menu/index.d.ts +0 -8
  332. package/dist/types/components/dropdown-menu/tokens.d.ts +0 -52
  333. package/dist/types/components/field/utils.d.ts +0 -4
  334. package/dist/types/components/index-bar/IndexAnchor.d.ts +0 -4
  335. package/dist/types/components/index-bar/IndexBar.d.ts +0 -4
  336. package/dist/types/components/index-bar/index.d.ts +0 -9
  337. package/dist/types/components/index-bar/tokens.d.ts +0 -31
  338. package/dist/types/components/list/List.d.ts +0 -4
  339. package/dist/types/components/list/index.d.ts +0 -3
  340. package/dist/types/components/list/tokens.d.ts +0 -4
  341. package/dist/types/components/notify/defaults.d.ts +0 -10
  342. package/dist/types/components/pagination/Pagination.d.ts +0 -5
  343. package/dist/types/components/pagination/index.d.ts +0 -5
  344. package/dist/types/components/pagination/tokens.d.ts +0 -2
  345. package/dist/types/components/picker/WheelPicker.d.ts +0 -21
  346. package/dist/types/components/picker/utils.d.ts +0 -17
  347. package/dist/types/components/pull-refresh/PullRefresh.d.ts +0 -5
  348. package/dist/types/components/pull-refresh/index.d.ts +0 -4
  349. package/dist/types/components/pull-refresh/tokens.d.ts +0 -10
  350. package/dist/types/components/rate/Rate.d.ts +0 -4
  351. package/dist/types/components/rate/index.d.ts +0 -4
  352. package/dist/types/components/rate/tokens.d.ts +0 -4
  353. package/dist/types/components/slider/utils.d.ts +0 -42
  354. package/dist/types/components/swiper/useSwiperWeb.d.ts +0 -41
  355. package/dist/types/components/swiper/utils.d.ts +0 -17
  356. package/dist/types/components/tabs/TabPane.d.ts +0 -4
  357. package/dist/types/components/tabs/useTabsAnimation.d.ts +0 -30
  358. package/dist/types/components/tabs/useTabsScroll.d.ts +0 -23
  359. package/dist/types/components/tabs/utils.d.ts +0 -5
  360. package/dist/types/components/types.d.ts +0 -59
  361. package/dist/types/components/uploader/Uploader.d.ts +0 -4
  362. package/dist/types/components/uploader/index.d.ts +0 -5
  363. package/dist/types/components/uploader/tokens.d.ts +0 -42
  364. package/dist/types/components/uploader/utils.d.ts +0 -11
  365. package/dist/types/hooks/usePresenceAnimation.d.ts +0 -20
  366. /package/dist/cjs/{components → hooks}/overlay/OverlayStackStore.js +0 -0
  367. /package/dist/cjs/{components → hooks}/overlay/useOverlayStack.js +0 -0
  368. /package/dist/es/{components → hooks}/overlay/OverlayStackStore.js +0 -0
  369. /package/dist/es/{components → hooks}/overlay/useOverlayStack.js +0 -0
  370. /package/dist/types/{components → hooks}/overlay/OverlayStackStore.d.ts +0 -0
  371. /package/dist/types/{components → hooks}/overlay/useOverlayStack.d.ts +0 -0
@@ -1,15 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Rate", {
7
- enumerable: true,
8
- get: function () {
9
- return _Rate.default;
10
- }
11
- });
12
- exports.default = void 0;
13
- var _Rate = _interopRequireDefault(require("./Rate"));
14
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
- var _default = exports.default = _Rate.default;
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useRateTokens = exports.createRateTokens = void 0;
7
- var _designSystem = require("../../design-system");
8
- const createRateTokens = foundations => {
9
- const {
10
- palette,
11
- spacing,
12
- fontSize
13
- } = foundations;
14
- return {
15
- defaults: {
16
- count: 5,
17
- allowHalf: false,
18
- size: fontSize.lg,
19
- gutter: spacing.xs,
20
- touchable: true,
21
- disabled: false,
22
- readOnly: false
23
- },
24
- layout: {
25
- container: {
26
- flexDirection: 'row',
27
- alignItems: 'center'
28
- },
29
- item: {
30
- justifyContent: 'center',
31
- alignItems: 'center'
32
- },
33
- iconBox: {
34
- position: 'relative',
35
- justifyContent: 'center',
36
- alignItems: 'center',
37
- flexShrink: 0
38
- },
39
- character: {
40
- includeFontPadding: false
41
- },
42
- fill: {
43
- position: 'absolute',
44
- left: 0,
45
- top: 0,
46
- overflow: 'hidden'
47
- }
48
- },
49
- colors: {
50
- active: palette.warning[500] ?? '#fa8c16',
51
- inactive: palette.default[200],
52
- disabled: palette.default[400]
53
- },
54
- states: {
55
- pressedOpacity: 0.75
56
- }
57
- };
58
- };
59
- exports.createRateTokens = createRateTokens;
60
- const useRateTokens = exports.useRateTokens = (0, _designSystem.createComponentTokensHook)('rate', createRateTokens);
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.toSliderValue = exports.normalizeValue = exports.isSameLayout = exports.defaultNumberFormatter = exports.createAccessibilityProps = exports.clampValue = void 0;
7
- var _utils = require("../../utils");
8
- const clampValue = (value, min, max) => {
9
- if (!(0, _utils.isFiniteNumber)(value)) {
10
- return min;
11
- }
12
- return (0, _utils.clamp)(value, min, max);
13
- };
14
- exports.clampValue = clampValue;
15
- const isSameLayout = (a, b) => a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
16
- exports.isSameLayout = isSameLayout;
17
- const normalizeValue = (value, range, min, max) => {
18
- if (range) {
19
- const raw = Array.isArray(value) ? value : (0, _utils.isFiniteNumber)(value) ? [min, value] : [min, min];
20
- const first = clampValue(raw[0], min, max);
21
- const second = clampValue(raw[1] ?? raw[0], min, max);
22
- return first <= second ? [first, second] : [second, first];
23
- }
24
- const single = Array.isArray(value) ? value[0] : value;
25
- return [clampValue(single, min, max)];
26
- };
27
- exports.normalizeValue = normalizeValue;
28
- const toSliderValue = (values, range, fallback) => {
29
- if (range) {
30
- const start = values[0] ?? fallback;
31
- const end = values[1] ?? start;
32
- return [start, end];
33
- }
34
- return values[0] ?? fallback;
35
- };
36
- exports.toSliderValue = toSliderValue;
37
- const createAccessibilityProps = inputProps => {
38
- if (!inputProps) return {};
39
- const {
40
- role,
41
- ['aria-value']: ariaValue,
42
- accessibilityActions,
43
- onAccessibilityAction,
44
- disabled
45
- } = inputProps;
46
- return {
47
- accessible: true,
48
- accessibilityRole: role ?? 'adjustable',
49
- accessibilityValue: ariaValue,
50
- accessibilityActions,
51
- onAccessibilityAction,
52
- accessibilityState: {
53
- disabled
54
- }
55
- };
56
- };
57
- exports.createAccessibilityProps = createAccessibilityProps;
58
- const defaultNumberFormatter = exports.defaultNumberFormatter = typeof Intl !== 'undefined' && (0, _utils.isFunction)(Intl.NumberFormat) ? new Intl.NumberFormat() : {
59
- format: val => String(val)
60
- };
@@ -1,209 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useSwiperWeb = void 0;
7
- function _react() {
8
- const data = require("react");
9
- _react = function () {
10
- return data;
11
- };
12
- return data;
13
- }
14
- function _reactNative() {
15
- const data = require("react-native");
16
- _reactNative = function () {
17
- return data;
18
- };
19
- return data;
20
- }
21
- var _utils = require("../../utils");
22
- var _utils2 = require("./utils");
23
- const useSwiperWeb = ({
24
- isWeb,
25
- enabledState,
26
- touchable,
27
- vertical,
28
- count,
29
- shouldLoop,
30
- displayCount,
31
- slideSizeValue,
32
- nonLoopMinOffset,
33
- nonLoopMaxOffset,
34
- durationMs,
35
- preventScroll,
36
- trackOffsetPx,
37
- swipeToRef,
38
- onDragStart,
39
- onDragEnd
40
- }) => {
41
- const canUseRaf = typeof requestAnimationFrame === 'function' && typeof cancelAnimationFrame === 'function';
42
- const webOffsetRef = (0, _react().useRef)(0);
43
- const startOffsetRef = (0, _react().useRef)(0);
44
- const panLockRef = (0, _react().useRef)(false);
45
- const webTranslateXAnim = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
46
- const webTranslateYAnim = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
47
- const currentState = {
48
- enabledState,
49
- touchable,
50
- vertical,
51
- count,
52
- shouldLoop,
53
- displayCount,
54
- slideSizeValue,
55
- nonLoopMinOffset,
56
- nonLoopMaxOffset,
57
- maxOffsetLoop: Math.max(0, displayCount - 1) * slideSizeValue,
58
- duration: durationMs,
59
- preventScroll,
60
- onDragStart,
61
- onDragEnd
62
- };
63
- const panLatestRef = (0, _react().useRef)(currentState);
64
- panLatestRef.current = currentState;
65
- const webRafIdRef = (0, _react().useRef)(null);
66
- const webPendingOffsetRef = (0, _react().useRef)(null);
67
- const flushWebTranslate = (0, _react().useCallback)(() => {
68
- const pending = webPendingOffsetRef.current;
69
- if (pending == null) return;
70
- webPendingOffsetRef.current = null;
71
- const latest = panLatestRef.current;
72
- (latest.vertical ? webTranslateYAnim : webTranslateXAnim).setValue(pending);
73
- }, []);
74
- const scheduleWebTranslate = (0, _react().useCallback)(next => {
75
- webPendingOffsetRef.current = next;
76
- if (webRafIdRef.current != null) return;
77
- if (canUseRaf) {
78
- webRafIdRef.current = requestAnimationFrame(() => {
79
- webRafIdRef.current = null;
80
- flushWebTranslate();
81
- });
82
- return;
83
- }
84
- webRafIdRef.current = setTimeout(() => {
85
- webRafIdRef.current = null;
86
- flushWebTranslate();
87
- }, 16);
88
- }, [canUseRaf, flushWebTranslate]);
89
- const cancelWebRaf = (0, _react().useCallback)(() => {
90
- if (webRafIdRef.current != null) {
91
- if (canUseRaf) {
92
- cancelAnimationFrame(webRafIdRef.current);
93
- } else {
94
- clearTimeout(webRafIdRef.current);
95
- }
96
- webRafIdRef.current = null;
97
- }
98
- webPendingOffsetRef.current = null;
99
- }, [canUseRaf]);
100
- const webSnapAnimRef = (0, _react().useRef)(null);
101
- const stopWebSnapAnim = (0, _react().useCallback)(() => {
102
- const anim = webSnapAnimRef.current;
103
- if (anim) {
104
- anim.stop();
105
- webSnapAnimRef.current = null;
106
- }
107
- const latest = panLatestRef.current;
108
- const activeAnim = latest.vertical ? webTranslateYAnim : webTranslateXAnim;
109
- let nextOffset = webOffsetRef.current;
110
- activeAnim.stopAnimation(value => {
111
- if (typeof value === 'number') {
112
- nextOffset = value;
113
- }
114
- });
115
- (latest.vertical ? webTranslateXAnim : webTranslateYAnim).stopAnimation();
116
- webOffsetRef.current = nextOffset;
117
- }, []);
118
- const webTrackTransform = vertical ? trackOffsetPx ? [{
119
- translateY: trackOffsetPx
120
- }, {
121
- translateY: webTranslateYAnim
122
- }] : [{
123
- translateY: webTranslateYAnim
124
- }] : trackOffsetPx ? [{
125
- translateX: trackOffsetPx
126
- }, {
127
- translateX: webTranslateXAnim
128
- }] : [{
129
- translateX: webTranslateXAnim
130
- }];
131
- const panResponder = (() => {
132
- if (!isWeb) return null;
133
- return _reactNative().PanResponder.create({
134
- onStartShouldSetPanResponder: () => false,
135
- onMoveShouldSetPanResponder: (_, gestureState) => {
136
- const latest = panLatestRef.current;
137
- if (!latest.enabledState || !latest.touchable || latest.count <= 1) return false;
138
- if (latest.vertical) {
139
- return Math.abs(gestureState.dy) > Math.abs(gestureState.dx);
140
- }
141
- return Math.abs(gestureState.dx) > Math.abs(gestureState.dy);
142
- },
143
- onPanResponderGrant: () => {
144
- const latest = panLatestRef.current;
145
- if (!latest.enabledState || !latest.touchable || latest.count <= 1) return;
146
- panLockRef.current = true;
147
- cancelWebRaf();
148
- stopWebSnapAnim();
149
- startOffsetRef.current = webOffsetRef.current;
150
- latest.onDragStart?.();
151
- },
152
- onPanResponderMove: (event, gestureState) => {
153
- if (!panLockRef.current) return;
154
- const latest = panLatestRef.current;
155
- if (latest.preventScroll) {
156
- (0, _utils2.stopWebEvent)(event);
157
- }
158
- const delta = latest.vertical ? gestureState.dy : gestureState.dx;
159
- const nextRaw = startOffsetRef.current + delta;
160
- const next = latest.shouldLoop ? (0, _utils.clamp)(nextRaw, -latest.maxOffsetLoop, 0) : (0, _utils.clamp)(nextRaw, -latest.nonLoopMaxOffset, -latest.nonLoopMinOffset);
161
- webOffsetRef.current = next;
162
- scheduleWebTranslate(next);
163
- },
164
- onPanResponderRelease: (_, gestureState) => {
165
- const latest = panLatestRef.current;
166
- panLockRef.current = false;
167
- cancelWebRaf();
168
- flushWebTranslate();
169
- const distance = latest.vertical ? gestureState.dy : gestureState.dx;
170
- const velocity = latest.vertical ? gestureState.vy : gestureState.vx;
171
- const dir = velocity !== 0 ? velocity > 0 ? 1 : -1 : distance !== 0 ? distance > 0 ? 1 : -1 : 0;
172
- const velocityOffset = Math.min(Math.abs(velocity) * 2000, latest.slideSizeValue) * dir;
173
- let targetOffset = startOffsetRef.current + distance + velocityOffset;
174
- targetOffset = latest.shouldLoop ? (0, _utils.clamp)(targetOffset, -latest.maxOffsetLoop, 0) : (0, _utils.clamp)(targetOffset, -latest.nonLoopMaxOffset, -latest.nonLoopMinOffset);
175
- const targetIndex = Math.round(-targetOffset / latest.slideSizeValue);
176
- const displayIndex = latest.shouldLoop ? (0, _utils.clamp)(targetIndex, 0, latest.displayCount - 1) : (0, _utils.clamp)(targetIndex, 0, latest.count - 1);
177
- const realIndex = latest.shouldLoop ? displayIndex === 0 ? latest.count - 1 : displayIndex === latest.displayCount - 1 ? 0 : displayIndex - 1 : displayIndex;
178
- swipeToRef.current(realIndex, true);
179
- latest.onDragEnd?.();
180
- },
181
- onPanResponderTerminationRequest: () => false,
182
- onPanResponderTerminate: () => {
183
- panLockRef.current = false;
184
- cancelWebRaf();
185
- stopWebSnapAnim();
186
- panLatestRef.current.onDragEnd?.();
187
- }
188
- });
189
- })();
190
- (0, _react().useEffect)(() => {
191
- return () => {
192
- cancelWebRaf();
193
- stopWebSnapAnim();
194
- };
195
- }, [cancelWebRaf, stopWebSnapAnim]);
196
- return {
197
- webOffsetRef,
198
- webTranslateXAnim,
199
- webTranslateYAnim,
200
- webTrackTransform,
201
- panResponder,
202
- stopWebSnapAnim,
203
- cancelWebRaf,
204
- flushWebTranslate,
205
- scheduleWebTranslate,
206
- webSnapAnimRef
207
- };
208
- };
209
- exports.useSwiperWeb = useSwiperWeb;
@@ -1,49 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.stopWebEvent = exports.runAfterFrames = exports.getTrackOffsetPct = exports.getSlideSizePct = exports.getInitialSwipeValue = exports.getDurationMs = exports.FALLBACK_WIDTH = exports.FALLBACK_HEIGHT = void 0;
7
- var _utils = require("../../utils");
8
- const FALLBACK_WIDTH = exports.FALLBACK_WIDTH = 375;
9
- const FALLBACK_HEIGHT = exports.FALLBACK_HEIGHT = 667;
10
- const runAfterFrames = (frames, fn) => {
11
- const raf = typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame : cb => {
12
- setTimeout(() => cb(Date.now()), 16);
13
- return 0;
14
- };
15
- let left = Math.max(1, frames);
16
- const step = () => {
17
- left -= 1;
18
- if (left <= 0) {
19
- fn();
20
- return;
21
- }
22
- raf(step);
23
- };
24
- raf(step);
25
- };
26
- exports.runAfterFrames = runAfterFrames;
27
- const stopWebEvent = event => {
28
- event.preventDefault?.();
29
- event.stopPropagation?.();
30
- event.nativeEvent?.preventDefault?.();
31
- event.nativeEvent?.stopPropagation?.();
32
- };
33
- exports.stopWebEvent = stopWebEvent;
34
- const getInitialSwipeValue = initialSwipe => {
35
- return (0, _utils.isFiniteNumber)(initialSwipe) ? initialSwipe : 0;
36
- };
37
- exports.getInitialSwipeValue = getInitialSwipeValue;
38
- const getDurationMs = duration => {
39
- return (0, _utils.isFiniteNumber)(duration) ? Math.max(0, duration) : 0;
40
- };
41
- exports.getDurationMs = getDurationMs;
42
- const getSlideSizePct = slideSize => {
43
- return (0, _utils.isFiniteNumber)(slideSize) ? (0, _utils.clamp)(slideSize, 1, 100) : 100;
44
- };
45
- exports.getSlideSizePct = getSlideSizePct;
46
- const getTrackOffsetPct = trackOffset => {
47
- return (0, _utils.isFiniteNumber)(trackOffset) ? (0, _utils.clamp)(trackOffset, 0, 100) : 0;
48
- };
49
- exports.getTrackOffsetPct = getTrackOffsetPct;
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- const TabPane = () => null;
8
- TabPane.displayName = 'Tabs.TabPane';
9
- var _default = exports.default = TabPane;
@@ -1,74 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useTabsAnimation = void 0;
7
- function _react() {
8
- const data = require("react");
9
- _react = function () {
10
- return data;
11
- };
12
- return data;
13
- }
14
- function _reactNative() {
15
- const data = require("react-native");
16
- _reactNative = function () {
17
- return data;
18
- };
19
- return data;
20
- }
21
- const useTabsAnimation = ({
22
- type,
23
- animated,
24
- scrollable,
25
- align,
26
- panes,
27
- nameIndexMap,
28
- resolvedLineWidth,
29
- resolvedDuration,
30
- currentName,
31
- layoutMap,
32
- navContainerWidthRef
33
- }) => {
34
- const indicatorX = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
35
- const indicatorWidth = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
36
- const indicatorInitializedRef = (0, _react().useRef)(false);
37
- const animateIndicator = (0, _react().useCallback)((name, immediate) => {
38
- if (name == null || type !== 'line') return false;
39
- const shouldUseEqualWidth = !scrollable && align !== 'start' && navContainerWidthRef.current > 0 && panes.length > 0;
40
- const index = nameIndexMap.get(name) ?? -1;
41
- const equalTabWidth = shouldUseEqualWidth ? navContainerWidthRef.current / panes.length : 0;
42
- const layout = shouldUseEqualWidth ? {
43
- x: Math.max(index, 0) * equalTabWidth,
44
- width: equalTabWidth
45
- } : layoutMap.current.get(name);
46
- if (!layout || index < 0) {
47
- return false;
48
- }
49
- const timing = (value, toValue) => _reactNative().Animated.timing(value, {
50
- toValue,
51
- duration: immediate || !animated ? 0 : resolvedDuration,
52
- useNativeDriver: false
53
- });
54
- const targetWidth = resolvedLineWidth ?? layout.width;
55
- const targetX = resolvedLineWidth ? layout.x + (layout.width - targetWidth) / 2 : layout.x;
56
- _reactNative().Animated.parallel([timing(indicatorX, targetX), timing(indicatorWidth, targetWidth)]).start();
57
- return true;
58
- }, [align, animated, indicatorWidth, indicatorX, nameIndexMap, panes.length, resolvedDuration, resolvedLineWidth, scrollable, type, layoutMap, navContainerWidthRef]);
59
- (0, _react().useEffect)(() => {
60
- if (currentName == null) return;
61
- const shouldAnimate = indicatorInitializedRef.current;
62
- const didAnimate = animateIndicator(currentName, !shouldAnimate);
63
- if (didAnimate && !indicatorInitializedRef.current) {
64
- indicatorInitializedRef.current = true;
65
- }
66
- }, [animateIndicator, currentName]);
67
- return {
68
- indicatorX,
69
- indicatorWidth,
70
- indicatorInitializedRef,
71
- animateIndicator
72
- };
73
- };
74
- exports.useTabsAnimation = useTabsAnimation;
@@ -1,133 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useTabsScroll = void 0;
7
- function _react() {
8
- const data = require("react");
9
- _react = function () {
10
- return data;
11
- };
12
- return data;
13
- }
14
- function _reactNative() {
15
- const data = require("react-native");
16
- _reactNative = function () {
17
- return data;
18
- };
19
- return data;
20
- }
21
- var _utils = require("./utils");
22
- const useTabsScroll = ({
23
- scrollable,
24
- animated,
25
- currentName,
26
- resolvedDuration,
27
- layoutMap,
28
- navContainerWidthRef,
29
- navContentWidthRef
30
- }) => {
31
- const navScrollRef = (0, _react().useRef)(null);
32
- const navScrollX = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
33
- const navScrollAnimRef = (0, _react().useRef)(null);
34
- const navAutoScrollingRef = (0, _react().useRef)(false);
35
- const navLastScrollXRef = (0, _react().useRef)(0);
36
- const navAutoScrollFrameRef = (0, _react().useRef)(null);
37
- const scrollIntoView = (0, _react().useCallback)(immediate => {
38
- if (!scrollable || currentName == null) return;
39
- const layout = layoutMap.current.get(currentName);
40
- const containerWidth = navContainerWidthRef.current;
41
- if (!layout || !containerWidth) return;
42
- const contentWidth = navContentWidthRef.current;
43
- const targetX = layout.x - (containerWidth - layout.width) / 2;
44
- const maxScroll = Math.max(contentWidth - containerWidth, 0);
45
- const clampedX = Math.max(0, Math.min(targetX, maxScroll));
46
- if (maxScroll <= 0) {
47
- return;
48
- }
49
- if (Math.abs(clampedX - navLastScrollXRef.current) < 1) {
50
- return;
51
- }
52
- if (navScrollAnimRef.current) {
53
- navScrollAnimRef.current.stop();
54
- navScrollAnimRef.current = null;
55
- }
56
- (0, _utils.cancelFrame)(navAutoScrollFrameRef.current);
57
- navAutoScrollFrameRef.current = null;
58
- if (immediate || !animated) {
59
- navAutoScrollingRef.current = true;
60
- navScrollX.setValue(clampedX);
61
- navAutoScrollFrameRef.current = (0, _utils.requestFrame)(() => {
62
- navAutoScrollFrameRef.current = null;
63
- navAutoScrollingRef.current = false;
64
- });
65
- return;
66
- }
67
- navScrollX.setValue(navLastScrollXRef.current);
68
- navAutoScrollingRef.current = true;
69
- navScrollAnimRef.current = _reactNative().Animated.timing(navScrollX, {
70
- toValue: clampedX,
71
- duration: resolvedDuration,
72
- useNativeDriver: false
73
- });
74
- navScrollAnimRef.current.start(({
75
- finished
76
- }) => {
77
- navScrollAnimRef.current = null;
78
- navAutoScrollingRef.current = false;
79
- if (!finished) {
80
- return;
81
- }
82
- navLastScrollXRef.current = clampedX;
83
- });
84
- }, [animated, currentName, navScrollX, resolvedDuration, scrollable, layoutMap, navContainerWidthRef, navContentWidthRef]);
85
- (0, _react().useEffect)(() => {
86
- if (!scrollable) return;
87
- const listenerId = navScrollX.addListener(({
88
- value
89
- }) => {
90
- const prev = navLastScrollXRef.current;
91
- navLastScrollXRef.current = value;
92
- if (Math.abs(value - prev) < 0.5) {
93
- return;
94
- }
95
- navScrollRef.current?.scrollTo({
96
- x: value,
97
- y: 0,
98
- animated: false
99
- });
100
- });
101
- return () => {
102
- navScrollX.removeListener(listenerId);
103
- };
104
- }, [navScrollX, scrollable]);
105
- (0, _react().useEffect)(() => {
106
- return () => {
107
- (0, _utils.cancelFrame)(navAutoScrollFrameRef.current);
108
- navAutoScrollFrameRef.current = null;
109
- };
110
- }, []);
111
- const handleNavScrollBeginDrag = (0, _react().useCallback)(event => {
112
- navAutoScrollingRef.current = false;
113
- if (navScrollAnimRef.current) {
114
- navScrollAnimRef.current.stop();
115
- navScrollAnimRef.current = null;
116
- }
117
- navLastScrollXRef.current = event.nativeEvent.contentOffset.x;
118
- }, []);
119
- const handleNavScroll = (0, _react().useCallback)(event => {
120
- if (navAutoScrollingRef.current) {
121
- return;
122
- }
123
- navLastScrollXRef.current = event.nativeEvent.contentOffset.x;
124
- }, []);
125
- return {
126
- navScrollRef,
127
- navScrollX,
128
- scrollIntoView,
129
- handleNavScrollBeginDrag,
130
- handleNavScroll
131
- };
132
- };
133
- exports.useTabsScroll = useTabsScroll;
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.requestFrame = exports.isTabPaneElement = exports.cancelFrame = void 0;
7
- function _react() {
8
- const data = _interopRequireDefault(require("react"));
9
- _react = function () {
10
- return data;
11
- };
12
- return data;
13
- }
14
- var _utils = require("../../utils");
15
- var _TabPane = _interopRequireDefault(require("./TabPane"));
16
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- const canUseRaf = typeof requestAnimationFrame !== 'undefined' && (0, _utils.isFunction)(requestAnimationFrame) && typeof cancelAnimationFrame !== 'undefined' && (0, _utils.isFunction)(cancelAnimationFrame);
18
- const requestFrame = exports.requestFrame = canUseRaf ? cb => requestAnimationFrame(cb) : cb => setTimeout(cb, 16);
19
- const cancelFrame = id => {
20
- if (id == null) return;
21
- if (canUseRaf) {
22
- cancelAnimationFrame(id);
23
- } else {
24
- clearTimeout(id);
25
- }
26
- };
27
- exports.cancelFrame = cancelFrame;
28
- const isTabPaneElement = child => {
29
- if (! /*#__PURE__*/_react().default.isValidElement(child)) return false;
30
- if (child.type === _TabPane.default) return true;
31
- const type = child.type;
32
- return type.displayName === 'Tabs.TabPane';
33
- };
34
- exports.isTabPaneElement = isTabPaneElement;
@@ -1 +0,0 @@
1
- "use strict";