react-native-system-ui 1.0.5 → 1.0.7

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 (321) hide show
  1. package/README.md +22 -22
  2. package/dist/cjs/components/field/Field.js +1 -1
  3. package/dist/cjs/components/flex/Flex.js +1 -1
  4. package/dist/cjs/components/flex/FlexItem.js +1 -1
  5. package/dist/cjs/components/form/Form.js +1 -1
  6. package/dist/cjs/components/grid/Grid.js +1 -1
  7. package/dist/cjs/components/grid/GridItem.js +1 -1
  8. package/dist/cjs/components/popup/Popup.js +1 -1
  9. package/dist/cjs/components/selector/Selector.js +1 -1
  10. package/dist/cjs/components/toast/Toast.js +1 -1
  11. package/dist/es/components/field/Field.js +1 -1
  12. package/dist/es/components/flex/Flex.js +1 -1
  13. package/dist/es/components/flex/FlexItem.js +1 -1
  14. package/dist/es/components/form/Form.js +1 -1
  15. package/dist/es/components/grid/Grid.js +1 -1
  16. package/dist/es/components/grid/GridItem.js +1 -1
  17. package/dist/es/components/popup/Popup.js +1 -1
  18. package/dist/es/components/selector/Selector.js +1 -1
  19. package/dist/es/components/toast/Toast.js +1 -1
  20. package/dist/types/components/action-sheet/ActionSheet.d.ts +1 -4
  21. package/dist/types/components/action-sheet/index.d.ts +1 -4
  22. package/dist/types/components/action-sheet/tokens.d.ts +1 -4
  23. package/dist/types/components/action-sheet/types.d.ts +1 -87
  24. package/dist/types/components/area/Area.d.ts +1 -4
  25. package/dist/types/components/area/index.d.ts +1 -3
  26. package/dist/types/components/area/tokens.d.ts +1 -7
  27. package/dist/types/components/area/types.d.ts +1 -20
  28. package/dist/types/components/avatar/Avatar.d.ts +1 -7
  29. package/dist/types/components/avatar/index.d.ts +1 -2
  30. package/dist/types/components/avatar/tokens.d.ts +1 -4
  31. package/dist/types/components/avatar/types.d.ts +1 -62
  32. package/dist/types/components/badge/Badge.d.ts +1 -4
  33. package/dist/types/components/badge/index.d.ts +1 -3
  34. package/dist/types/components/badge/tokens.d.ts +1 -2
  35. package/dist/types/components/badge/types.d.ts +1 -57
  36. package/dist/types/components/button/Button.d.ts +1 -5
  37. package/dist/types/components/button/ButtonContext.d.ts +1 -2
  38. package/dist/types/components/button/ButtonGroup.d.ts +1 -23
  39. package/dist/types/components/button/index.d.ts +1 -6
  40. package/dist/types/components/button/tokens.d.ts +1 -2
  41. package/dist/types/components/button/types.d.ts +1 -109
  42. package/dist/types/components/calendar/Calendar.d.ts +1 -4
  43. package/dist/types/components/calendar/index.d.ts +1 -3
  44. package/dist/types/components/calendar/tokens.d.ts +1 -4
  45. package/dist/types/components/calendar/types.d.ts +1 -111
  46. package/dist/types/components/cascader/Cascader.d.ts +1 -4
  47. package/dist/types/components/cascader/index.d.ts +1 -4
  48. package/dist/types/components/cascader/tokens.d.ts +1 -4
  49. package/dist/types/components/cascader/types.d.ts +1 -142
  50. package/dist/types/components/cascader/useCascaderExtend.d.ts +1 -12
  51. package/dist/types/components/cell/Cell.d.ts +1 -4
  52. package/dist/types/components/cell/CellContext.d.ts +1 -7
  53. package/dist/types/components/cell/CellGroup.d.ts +1 -3
  54. package/dist/types/components/cell/index.d.ts +1 -8
  55. package/dist/types/components/cell/tokens.d.ts +1 -4
  56. package/dist/types/components/cell/types.d.ts +1 -112
  57. package/dist/types/components/checkbox/Checkbox.d.ts +1 -5
  58. package/dist/types/components/checkbox/CheckboxContext.d.ts +1 -2
  59. package/dist/types/components/checkbox/CheckboxGroup.d.ts +1 -22
  60. package/dist/types/components/checkbox/index.d.ts +1 -7
  61. package/dist/types/components/checkbox/tokens.d.ts +1 -2
  62. package/dist/types/components/checkbox/types.d.ts +1 -99
  63. package/dist/types/components/circle/Circle.d.ts +1 -5
  64. package/dist/types/components/circle/index.d.ts +1 -3
  65. package/dist/types/components/circle/tokens.d.ts +1 -4
  66. package/dist/types/components/circle/types.d.ts +1 -51
  67. package/dist/types/components/collapse/Collapse.d.ts +1 -43
  68. package/dist/types/components/collapse/index.d.ts +1 -3
  69. package/dist/types/components/collapse/tokens.d.ts +1 -4
  70. package/dist/types/components/collapse/types.d.ts +1 -45
  71. package/dist/types/components/config-provider/ConfigProvider.d.ts +1 -3
  72. package/dist/types/components/config-provider/DirectionContext.d.ts +1 -3
  73. package/dist/types/components/config-provider/LocaleContext.d.ts +1 -3
  74. package/dist/types/components/config-provider/index.d.ts +1 -6
  75. package/dist/types/components/config-provider/locale/en-US.d.ts +1 -106
  76. package/dist/types/components/config-provider/locale/types.d.ts +1 -130
  77. package/dist/types/components/config-provider/locale/zh-CN.d.ts +1 -106
  78. package/dist/types/components/config-provider/tokens.d.ts +1 -3
  79. package/dist/types/components/config-provider/types.d.ts +1 -10
  80. package/dist/types/components/config-provider/useDirection.d.ts +1 -1
  81. package/dist/types/components/config-provider/useLocale.d.ts +1 -1
  82. package/dist/types/components/count-down/CountDown.d.ts +1 -4
  83. package/dist/types/components/count-down/index.d.ts +1 -4
  84. package/dist/types/components/count-down/tokens.d.ts +1 -4
  85. package/dist/types/components/count-down/types.d.ts +1 -29
  86. package/dist/types/components/datetime-picker/DatetimePicker.d.ts +1 -4
  87. package/dist/types/components/datetime-picker/index.d.ts +1 -3
  88. package/dist/types/components/datetime-picker/tokens.d.ts +1 -15
  89. package/dist/types/components/datetime-picker/types.d.ts +1 -38
  90. package/dist/types/components/dialog/Dialog.d.ts +1 -4
  91. package/dist/types/components/dialog/imperative.d.ts +1 -23
  92. package/dist/types/components/dialog/index.d.ts +1 -5
  93. package/dist/types/components/dialog/tokens.d.ts +1 -48
  94. package/dist/types/components/dialog/types.d.ts +1 -70
  95. package/dist/types/components/divider/Divider.d.ts +1 -3
  96. package/dist/types/components/divider/index.d.ts +1 -3
  97. package/dist/types/components/divider/tokens.d.ts +1 -4
  98. package/dist/types/components/divider/types.d.ts +1 -48
  99. package/dist/types/components/empty/Empty.d.ts +1 -3
  100. package/dist/types/components/empty/index.d.ts +1 -3
  101. package/dist/types/components/empty/tokens.d.ts +1 -4
  102. package/dist/types/components/empty/types.d.ts +1 -44
  103. package/dist/types/components/error-boundary/ErrorBoundary.d.ts +1 -6
  104. package/dist/types/components/error-boundary/index.d.ts +1 -2
  105. package/dist/types/components/error-boundary/types.d.ts +1 -18
  106. package/dist/types/components/field/Field.d.ts +1 -4
  107. package/dist/types/components/field/index.d.ts +1 -7
  108. package/dist/types/components/field/tokens.d.ts +1 -131
  109. package/dist/types/components/field/types.d.ts +1 -86
  110. package/dist/types/components/flex/Flex.d.ts +1 -9
  111. package/dist/types/components/flex/FlexContext.d.ts +1 -2
  112. package/dist/types/components/flex/FlexItem.d.ts +1 -3
  113. package/dist/types/components/flex/index.d.ts +1 -8
  114. package/dist/types/components/flex/tokens.d.ts +1 -2
  115. package/dist/types/components/flex/types.d.ts +1 -37
  116. package/dist/types/components/form/Form.d.ts +1 -26
  117. package/dist/types/components/form/FormItem.d.ts +1 -5
  118. package/dist/types/components/form/FormList.d.ts +1 -18
  119. package/dist/types/components/form/index.d.ts +1 -17
  120. package/dist/types/components/form/tokens.d.ts +1 -7
  121. package/dist/types/components/form/types.d.ts +1 -68
  122. package/dist/types/components/grid/Grid.d.ts +1 -18
  123. package/dist/types/components/grid/GridContext.d.ts +1 -2
  124. package/dist/types/components/grid/GridItem.d.ts +1 -3
  125. package/dist/types/components/grid/index.d.ts +1 -5
  126. package/dist/types/components/grid/tokens.d.ts +1 -4
  127. package/dist/types/components/grid/types.d.ts +1 -77
  128. package/dist/types/components/image/Image.d.ts +1 -5
  129. package/dist/types/components/image/index.d.ts +1 -4
  130. package/dist/types/components/image/tokens.d.ts +1 -2
  131. package/dist/types/components/image/types.d.ts +1 -53
  132. package/dist/types/components/image-preview/ImagePreview.d.ts +1 -4
  133. package/dist/types/components/image-preview/imperative.d.ts +1 -5
  134. package/dist/types/components/image-preview/index.d.ts +1 -6
  135. package/dist/types/components/image-preview/tokens.d.ts +1 -27
  136. package/dist/types/components/image-preview/types.d.ts +1 -55
  137. package/dist/types/components/index.d.ts +1 -213
  138. package/dist/types/components/input/Input.d.ts +1 -8
  139. package/dist/types/components/input/index.d.ts +1 -4
  140. package/dist/types/components/input/tokens.d.ts +1 -2
  141. package/dist/types/components/input/types.d.ts +1 -42
  142. package/dist/types/components/loading/Loading.d.ts +1 -3
  143. package/dist/types/components/loading/index.d.ts +1 -3
  144. package/dist/types/components/loading/tokens.d.ts +1 -4
  145. package/dist/types/components/loading/types.d.ts +1 -32
  146. package/dist/types/components/nav-bar/NavBar.d.ts +1 -4
  147. package/dist/types/components/nav-bar/index.d.ts +1 -4
  148. package/dist/types/components/nav-bar/tokens.d.ts +1 -4
  149. package/dist/types/components/nav-bar/types.d.ts +1 -67
  150. package/dist/types/components/notice-bar/NoticeBar.d.ts +1 -3
  151. package/dist/types/components/notice-bar/index.d.ts +1 -3
  152. package/dist/types/components/notice-bar/tokens.d.ts +1 -24
  153. package/dist/types/components/notice-bar/types.d.ts +1 -26
  154. package/dist/types/components/notify/Notify.d.ts +1 -6
  155. package/dist/types/components/notify/imperative.d.ts +1 -22
  156. package/dist/types/components/notify/index.d.ts +1 -15
  157. package/dist/types/components/notify/tokens.d.ts +1 -4
  158. package/dist/types/components/notify/types.d.ts +1 -64
  159. package/dist/types/components/number-keyboard/NumberKeyboard.d.ts +1 -4
  160. package/dist/types/components/number-keyboard/index.d.ts +1 -4
  161. package/dist/types/components/number-keyboard/tokens.d.ts +1 -42
  162. package/dist/types/components/number-keyboard/types.d.ts +1 -35
  163. package/dist/types/components/overlay/Overlay.d.ts +1 -5
  164. package/dist/types/components/overlay/index.d.ts +1 -5
  165. package/dist/types/components/overlay/tokens.d.ts +1 -6
  166. package/dist/types/components/overlay/types.d.ts +1 -13
  167. package/dist/types/components/password-input/PasswordInput.d.ts +1 -4
  168. package/dist/types/components/password-input/index.d.ts +1 -2
  169. package/dist/types/components/password-input/tokens.d.ts +1 -40
  170. package/dist/types/components/password-input/types.d.ts +1 -35
  171. package/dist/types/components/picker/Picker.d.ts +1 -32
  172. package/dist/types/components/picker/index.d.ts +1 -4
  173. package/dist/types/components/picker/tokens.d.ts +1 -39
  174. package/dist/types/components/picker/types.d.ts +1 -73
  175. package/dist/types/components/popup/Popup.d.ts +1 -5
  176. package/dist/types/components/popup/index.d.ts +1 -4
  177. package/dist/types/components/popup/tokens.d.ts +1 -48
  178. package/dist/types/components/popup/types.d.ts +1 -41
  179. package/dist/types/components/portal/Portal.d.ts +1 -14
  180. package/dist/types/components/portal/PortalContext.d.ts +1 -7
  181. package/dist/types/components/portal/PortalHost.d.ts +1 -11
  182. package/dist/types/components/portal/index.d.ts +1 -3
  183. package/dist/types/components/portal/tokens.d.ts +1 -3
  184. package/dist/types/components/portal/types.d.ts +1 -1
  185. package/dist/types/components/progress/Progress.d.ts +1 -8
  186. package/dist/types/components/progress/index.d.ts +1 -4
  187. package/dist/types/components/progress/tokens.d.ts +1 -4
  188. package/dist/types/components/progress/types.d.ts +1 -51
  189. package/dist/types/components/radio/Radio.d.ts +1 -3
  190. package/dist/types/components/radio/RadioContext.d.ts +1 -2
  191. package/dist/types/components/radio/RadioGroup.d.ts +1 -14
  192. package/dist/types/components/radio/index.d.ts +1 -7
  193. package/dist/types/components/radio/tokens.d.ts +1 -2
  194. package/dist/types/components/radio/types.d.ts +1 -95
  195. package/dist/types/components/safe-area-view/SafeAreaView.d.ts +1 -10
  196. package/dist/types/components/safe-area-view/index.d.ts +1 -2
  197. package/dist/types/components/safe-area-view/tokens.d.ts +1 -3
  198. package/dist/types/components/safe-area-view/types.d.ts +1 -1
  199. package/dist/types/components/search/Search.d.ts +1 -4
  200. package/dist/types/components/search/index.d.ts +1 -4
  201. package/dist/types/components/search/tokens.d.ts +1 -41
  202. package/dist/types/components/search/types.d.ts +1 -28
  203. package/dist/types/components/selector/Selector.d.ts +1 -7
  204. package/dist/types/components/selector/index.d.ts +1 -4
  205. package/dist/types/components/selector/tokens.d.ts +1 -2
  206. package/dist/types/components/selector/types.d.ts +1 -74
  207. package/dist/types/components/share-sheet/ShareSheet.d.ts +1 -4
  208. package/dist/types/components/share-sheet/index.d.ts +1 -4
  209. package/dist/types/components/share-sheet/tokens.d.ts +1 -40
  210. package/dist/types/components/share-sheet/types.d.ts +1 -26
  211. package/dist/types/components/sidebar/Sidebar.d.ts +1 -4
  212. package/dist/types/components/sidebar/SidebarContext.d.ts +1 -7
  213. package/dist/types/components/sidebar/SidebarItem.d.ts +1 -4
  214. package/dist/types/components/sidebar/index.d.ts +1 -8
  215. package/dist/types/components/sidebar/tokens.d.ts +1 -4
  216. package/dist/types/components/sidebar/types.d.ts +1 -64
  217. package/dist/types/components/skeleton/Skeleton.d.ts +1 -5
  218. package/dist/types/components/skeleton/index.d.ts +1 -5
  219. package/dist/types/components/skeleton/tokens.d.ts +1 -2
  220. package/dist/types/components/skeleton/types.d.ts +1 -45
  221. package/dist/types/components/slider/Slider.d.ts +1 -4
  222. package/dist/types/components/slider/index.d.ts +1 -3
  223. package/dist/types/components/slider/tokens.d.ts +1 -28
  224. package/dist/types/components/slider/types.d.ts +1 -38
  225. package/dist/types/components/space/Space.d.ts +1 -3
  226. package/dist/types/components/space/index.d.ts +1 -3
  227. package/dist/types/components/space/tokens.d.ts +1 -3
  228. package/dist/types/components/space/types.d.ts +1 -39
  229. package/dist/types/components/stepper/Stepper.d.ts +1 -4
  230. package/dist/types/components/stepper/index.d.ts +1 -4
  231. package/dist/types/components/stepper/tokens.d.ts +1 -46
  232. package/dist/types/components/stepper/types.d.ts +1 -46
  233. package/dist/types/components/swiper/Swiper.d.ts +1 -9
  234. package/dist/types/components/swiper/SwiperItem.d.ts +1 -1
  235. package/dist/types/components/swiper/SwiperPagIndicator.d.ts +1 -36
  236. package/dist/types/components/swiper/index.d.ts +1 -14
  237. package/dist/types/components/swiper/tokens.d.ts +1 -11
  238. package/dist/types/components/swiper/types.d.ts +1 -29
  239. package/dist/types/components/switch/Switch.d.ts +1 -7
  240. package/dist/types/components/switch/index.d.ts +1 -4
  241. package/dist/types/components/switch/tokens.d.ts +1 -2
  242. package/dist/types/components/switch/types.d.ts +1 -33
  243. package/dist/types/components/tabbar/Tabbar.d.ts +1 -4
  244. package/dist/types/components/tabbar/TabbarContext.d.ts +1 -13
  245. package/dist/types/components/tabbar/TabbarItem.d.ts +1 -4
  246. package/dist/types/components/tabbar/index.d.ts +1 -9
  247. package/dist/types/components/tabbar/tokens.d.ts +1 -28
  248. package/dist/types/components/tabbar/types.d.ts +1 -39
  249. package/dist/types/components/tabs/Tabs.d.ts +1 -8
  250. package/dist/types/components/tabs/index.d.ts +1 -10
  251. package/dist/types/components/tabs/tokens.d.ts +1 -96
  252. package/dist/types/components/tabs/types.d.ts +1 -64
  253. package/dist/types/components/tag/Tag.d.ts +1 -3
  254. package/dist/types/components/tag/index.d.ts +1 -3
  255. package/dist/types/components/tag/tokens.d.ts +1 -4
  256. package/dist/types/components/tag/types.d.ts +1 -69
  257. package/dist/types/components/theme.d.ts +1 -112
  258. package/dist/types/components/toast/Toast.d.ts +1 -33
  259. package/dist/types/components/toast/imperative.d.ts +1 -22
  260. package/dist/types/components/toast/index.d.ts +1 -15
  261. package/dist/types/components/toast/tokens.d.ts +1 -29
  262. package/dist/types/components/toast/types.d.ts +1 -1
  263. package/dist/types/components/typography/Typography.d.ts +1 -11
  264. package/dist/types/components/typography/index.d.ts +1 -3
  265. package/dist/types/components/typography/tokens.d.ts +1 -2
  266. package/dist/types/components/typography/types.d.ts +1 -66
  267. package/dist/types/components/water-mark/WaterMark.d.ts +1 -4
  268. package/dist/types/components/water-mark/index.d.ts +1 -5
  269. package/dist/types/components/water-mark/tokens.d.ts +1 -2
  270. package/dist/types/components/water-mark/types.d.ts +1 -58
  271. package/dist/types/design-system/Text.d.ts +1 -3
  272. package/dist/types/design-system/ThemeContext.d.ts +1 -14
  273. package/dist/types/design-system/ThemeProvider.d.ts +1 -14
  274. package/dist/types/design-system/createComponentTokensHook.d.ts +1 -4
  275. package/dist/types/design-system/index.d.ts +1 -11
  276. package/dist/types/design-system/mergeTokensOverride.d.ts +1 -2
  277. package/dist/types/design-system/presets.d.ts +1 -8
  278. package/dist/types/design-system/tokens.d.ts +1 -74
  279. package/dist/types/design-system/useTheme.d.ts +1 -1
  280. package/dist/types/hooks/animation/index.d.ts +1 -3
  281. package/dist/types/hooks/animation/useAnimatedTransition.d.ts +1 -13
  282. package/dist/types/hooks/animation/useReducedMotion.d.ts +1 -3
  283. package/dist/types/hooks/aria/index.d.ts +1 -4
  284. package/dist/types/hooks/aria/useAriaListBox.d.ts +1 -14
  285. package/dist/types/hooks/aria/useAriaOverlay.d.ts +1 -14
  286. package/dist/types/hooks/aria/useAriaPress.d.ts +1 -19
  287. package/dist/types/hooks/aria/useAriaToggle.d.ts +1 -12
  288. package/dist/types/hooks/gesture/index.d.ts +1 -1
  289. package/dist/types/hooks/gesture/useGestureScroll.d.ts +1 -33
  290. package/dist/types/hooks/index.d.ts +1 -9
  291. package/dist/types/hooks/overlay/OverlayStackStore.d.ts +1 -39
  292. package/dist/types/hooks/overlay/index.d.ts +1 -2
  293. package/dist/types/hooks/overlay/useOverlayStack.d.ts +1 -10
  294. package/dist/types/hooks/useControllableValue.d.ts +1 -9
  295. package/dist/types/hooks/useCountDown.d.ts +1 -23
  296. package/dist/types/hooks/useHairline.d.ts +1 -10
  297. package/dist/types/hooks/useSafeAreaPadding.d.ts +1 -13
  298. package/dist/types/index.d.ts +1 -9
  299. package/dist/types/nativewind.d.ts +1 -4
  300. package/dist/types/platform/animation.d.ts +1 -9
  301. package/dist/types/platform/history.d.ts +1 -1
  302. package/dist/types/platform/index.d.ts +1 -5
  303. package/dist/types/platform/measure.d.ts +1 -7
  304. package/dist/types/platform/runtime.d.ts +1 -3
  305. package/dist/types/platform/scrollLock.d.ts +1 -2
  306. package/dist/types/types.d.ts +1 -4
  307. package/dist/types/utils/array.d.ts +1 -1
  308. package/dist/types/utils/color.d.ts +1 -3
  309. package/dist/types/utils/compare.d.ts +1 -2
  310. package/dist/types/utils/createPlatformShadow.d.ts +1 -11
  311. package/dist/types/utils/date.d.ts +1 -13
  312. package/dist/types/utils/deepMerge.d.ts +1 -3
  313. package/dist/types/utils/hairline.d.ts +1 -15
  314. package/dist/types/utils/index.d.ts +1 -13
  315. package/dist/types/utils/number.d.ts +1 -11
  316. package/dist/types/utils/promise.d.ts +1 -1
  317. package/dist/types/utils/render.d.ts +1 -5
  318. package/dist/types/utils/rtl.d.ts +1 -5
  319. package/dist/types/utils/string.d.ts +1 -3
  320. package/dist/types/utils/validate.d.ts +1 -13
  321. package/package.json +142 -149
@@ -1,3 +1 @@
1
- import React from 'react';
2
- import type { FlexItemProps } from './types';
3
- export declare const FlexItem: React.NamedExoticComponent<FlexItemProps>;
1
+ import React from'react';import type{FlexItemProps}from'./types';export declare const FlexItem:React.NamedExoticComponent<FlexItemProps>;
@@ -1,8 +1 @@
1
- import { FlexItem } from './FlexItem';
2
- declare const Flex: import("react").NamedExoticComponent<import("./types").FlexProps> & {
3
- Item: import("react").NamedExoticComponent<import("./types").FlexItemProps>;
4
- };
5
- export default Flex;
6
- export { Flex };
7
- export { FlexItem };
8
- export type { FlexAlign, FlexItemProps, FlexJustify, FlexProps, FlexWrap } from './types';
1
+ import{FlexItem}from'./FlexItem';declare const Flex:import("react").NamedExoticComponent<import("./types").FlexProps>&{Item:import("react").NamedExoticComponent<import("./types").FlexItemProps>;};export default Flex;export{Flex};export{FlexItem};export type{FlexAlign,FlexItemProps,FlexJustify,FlexProps,FlexWrap}from'./types';
@@ -1,2 +1 @@
1
- import type { FlexTokens } from './types';
2
- export declare const useFlexTokens: (overrides?: import("../..").DeepPartial<FlexTokens> | undefined) => FlexTokens;
1
+ import type{FlexTokens}from'./types';export declare const useFlexTokens:(overrides?:import("../..").DeepPartial<FlexTokens>|undefined)=>FlexTokens;
@@ -1,37 +1 @@
1
- import type React from 'react';
2
- import type { StyleProp, ViewStyle } from 'react-native';
3
- import type { DeepPartial } from '../../types';
4
- export type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
5
- export type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
6
- export type FlexAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
7
- export type FlexJustify = 'start' | 'end' | 'center' | 'around' | 'between';
8
- export interface FlexTokens {
9
- defaults: {
10
- direction: FlexDirection;
11
- wrap: FlexWrap;
12
- gutter: number | [number, number];
13
- align: FlexAlign;
14
- justify: FlexJustify;
15
- columns: number;
16
- };
17
- layout: {
18
- container: ViewStyle;
19
- };
20
- }
21
- export interface FlexProps {
22
- children?: React.ReactNode;
23
- direction?: FlexDirection;
24
- wrap?: FlexWrap;
25
- gutter?: number | [number, number];
26
- align?: FlexAlign;
27
- justify?: FlexJustify;
28
- style?: StyleProp<ViewStyle>;
29
- columns?: number;
30
- tokensOverride?: DeepPartial<FlexTokens>;
31
- }
32
- export interface FlexItemProps {
33
- span?: number;
34
- flex?: number | string;
35
- style?: StyleProp<ViewStyle>;
36
- children?: React.ReactNode;
37
- }
1
+ import type React from'react';import type{StyleProp,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type FlexDirection='row'|'row-reverse'|'column'|'column-reverse';export type FlexWrap='nowrap'|'wrap'|'wrap-reverse';export type FlexAlign='start'|'center'|'end'|'baseline'|'stretch';export type FlexJustify='start'|'end'|'center'|'around'|'between';export interface FlexTokens{defaults:{direction:FlexDirection;wrap:FlexWrap;gutter:number|[number,number];align:FlexAlign;justify:FlexJustify;columns:number;};layout:{container:ViewStyle;};}export interface FlexProps{children?:React.ReactNode;direction?:FlexDirection;wrap?:FlexWrap;gutter?:number|[number,number];align?:FlexAlign;justify?:FlexJustify;style?:StyleProp<ViewStyle>;columns?:number;tokensOverride?:DeepPartial<FlexTokens>;}export interface FlexItemProps{span?:number;flex?:number|string;style?:StyleProp<ViewStyle>;children?:React.ReactNode;}
@@ -1,26 +1 @@
1
- import React from 'react';
2
- import type { FormInstance, FormProps, FormSubscribeProps, NamePath, RegisteredFieldOptions } from './types';
3
- export declare const normalizeTrigger: (trigger?: string | string[]) => string[];
4
- export declare const FORM_ALL_FIELDS_KEY = "__form_all__";
5
- export declare const toNamePath: (name?: NamePath) => (string | number)[];
6
- export declare const serializeNamePath: (name?: NamePath) => string;
7
- export declare const getValueByName: (source: unknown, name: NamePath) => unknown;
8
- export declare const setValueByName: (source: Record<string, unknown>, name: NamePath, value: unknown) => Record<string, unknown>;
9
- export interface FormContextValue {
10
- getFieldValue: (name: NamePath) => unknown;
11
- setFieldValue: (name: NamePath, value: unknown, trigger?: string) => void;
12
- registerField: (name: NamePath, options: RegisteredFieldOptions) => () => void;
13
- getFieldError: (name: NamePath) => string[] | undefined;
14
- validateField: (name: NamePath, trigger?: string) => Promise<boolean>;
15
- getFieldsValue: () => Record<string, unknown>;
16
- subscribe: (listener: (changedValues: Record<string, unknown>, allValues: Record<string, unknown>) => void) => () => void;
17
- form?: FormInstance;
18
- colon?: boolean;
19
- labelWidth?: number;
20
- showValidateMessage?: boolean;
21
- }
22
- export declare const FormContext: React.Context<FormContextValue | null>;
23
- declare const InternalForm: React.NamedExoticComponent<FormProps & React.RefAttributes<FormInstance>>;
24
- export declare const useWatch: (name?: NamePath | NamePath[], formRef?: React.MutableRefObject<FormInstance | null>) => unknown;
25
- export declare const FormSubscribe: React.FC<FormSubscribeProps>;
26
- export default InternalForm;
1
+ import React from'react';import type{FormInstance,FormProps,FormSubscribeProps,NamePath,RegisteredFieldOptions}from'./types';export declare const normalizeTrigger:(trigger?:string|string[])=>string[];export declare const FORM_ALL_FIELDS_KEY="__form_all__";export declare const toNamePath:(name?:NamePath)=>(string|number)[];export declare const serializeNamePath:(name?:NamePath)=>string;export declare const getValueByName:(source:unknown,name:NamePath)=>unknown;export declare const setValueByName:(source:Record<string,unknown>,name:NamePath,value:unknown)=>Record<string,unknown>;export interface FormContextValue{getFieldValue:(name:NamePath)=>unknown;setFieldValue:(name:NamePath,value:unknown,trigger?:string)=>void;registerField:(name:NamePath,options:RegisteredFieldOptions)=>()=>void;getFieldError:(name:NamePath)=>string[]|undefined;validateField:(name:NamePath,trigger?:string)=>Promise<boolean>;getFieldsValue:()=>Record<string,unknown>;subscribe:(listener:(changedValues:Record<string,unknown>,allValues:Record<string,unknown>)=>void)=>()=>void;form?:FormInstance;colon?:boolean;labelWidth?:number;showValidateMessage?:boolean;}export declare const FormContext:React.Context<FormContextValue|null>;declare const InternalForm:React.NamedExoticComponent<FormProps&React.RefAttributes<FormInstance>>;export declare const useWatch:(name?:NamePath|NamePath[],formRef?:React.MutableRefObject<FormInstance|null>)=>unknown;export declare const FormSubscribe:React.FC<FormSubscribeProps>;export default InternalForm;
@@ -1,5 +1 @@
1
- import React from 'react';
2
- import type { FormItemProps } from './types';
3
- export type { FormItemProps, FormItemRule } from './types';
4
- export declare const FormItem: React.NamedExoticComponent<FormItemProps>;
5
- export default FormItem;
1
+ import React from'react';import type{FormItemProps}from'./types';export type{FormItemProps,FormItemRule}from'./types';export declare const FormItem:React.NamedExoticComponent<FormItemProps>;export default FormItem;
@@ -1,18 +1 @@
1
- import React from 'react';
2
- import type { NamePath } from './types';
3
- export interface FormListField {
4
- name: number;
5
- key: number;
6
- isListField: true;
7
- }
8
- export interface FormListOperation {
9
- add: (defaultValue?: unknown, index?: number) => void;
10
- remove: (index: number) => void;
11
- move: (from: number, to: number) => void;
12
- }
13
- export interface FormListProps {
14
- name: NamePath;
15
- initialValue?: unknown[];
16
- children: (fields: FormListField[], operation: FormListOperation) => React.ReactNode;
17
- }
18
- export declare const FormList: React.FC<FormListProps>;
1
+ import React from'react';import type{NamePath}from'./types';export interface FormListField{name:number;key:number;isListField:true;}export interface FormListOperation{add:(defaultValue?:unknown,index?:number)=>void;remove:(index:number)=>void;move:(from:number,to:number)=>void;}export interface FormListProps{name:NamePath;initialValue?:unknown[];children:(fields:FormListField[],operation:FormListOperation)=>React.ReactNode;}export declare const FormList:React.FC<FormListProps>;
@@ -1,17 +1 @@
1
- import { FormSubscribe, useWatch } from './Form';
2
- import { FormItem } from './FormItem';
3
- import { FormList } from './FormList';
4
- import type { FormInstance } from './types';
5
- declare const Form: import("react").NamedExoticComponent<import("./types").FormProps & import("react").RefAttributes<FormInstance>> & {
6
- Item: import("react").NamedExoticComponent<import("./types").FormItemProps>;
7
- List: import("react").FC<import("./FormList").FormListProps>;
8
- useForm: () => import("react").RefObject<FormInstance | null>;
9
- Subscribe: import("react").FC<import("./types").FormSubscribeProps>;
10
- useWatch: (name?: import("./types").NamePath | import("./types").NamePath[], formRef?: React.MutableRefObject<FormInstance | null>) => unknown;
11
- };
12
- export default Form;
13
- export { Form, FormItem, FormList, FormSubscribe, useWatch };
14
- export type { FormProps, FormInstance, FormSubscribeProps } from './types';
15
- export type { FormItemRule } from './FormItem';
16
- export type { FormListProps, FormListField, FormListOperation } from './FormList';
17
- export type { NamePath } from './types';
1
+ import{FormSubscribe,useWatch}from'./Form';import{FormItem}from'./FormItem';import{FormList}from'./FormList';import type{FormInstance}from'./types';declare const Form:import("react").NamedExoticComponent<import("./types").FormProps&import("react").RefAttributes<FormInstance>>&{Item:import("react").NamedExoticComponent<import("./types").FormItemProps>;List:import("react").FC<import("./FormList").FormListProps>;useForm:()=>import("react").RefObject<FormInstance|null>;Subscribe:import("react").FC<import("./types").FormSubscribeProps>;useWatch:(name?:import("./types").NamePath|import("./types").NamePath[],formRef?:React.MutableRefObject<FormInstance|null>)=>unknown;};export default Form;export{Form,FormItem,FormList,FormSubscribe,useWatch};export type{FormProps,FormInstance,FormSubscribeProps}from'./types';export type{FormItemRule}from'./FormItem';export type{FormListProps,FormListField,FormListOperation}from'./FormList';export type{NamePath}from'./types';
@@ -1,7 +1 @@
1
- export interface FormTokens {
2
- defaults: {
3
- showValidateMessage: boolean;
4
- defaultValidationMessage: string;
5
- };
6
- }
7
- export declare const useFormTokens: (overrides?: import("../..").DeepPartial<FormTokens> | undefined) => FormTokens;
1
+ export interface FormTokens{defaults:{showValidateMessage:boolean;defaultValidationMessage:string;};}export declare const useFormTokens:(overrides?:import("../..").DeepPartial<FormTokens>|undefined)=>FormTokens;
@@ -1,68 +1 @@
1
- import type { ReactNode } from 'react';
2
- import type { ViewProps } from 'react-native';
3
- export type FormRuleValidateTrigger = string | string[];
4
- export type FormRuleValidator = (value: unknown, values: Record<string, unknown>) => void | boolean | string | Promise<void | boolean | string>;
5
- export type NamePath = string | number | (string | number)[];
6
- export interface FormItemRule {
7
- required?: boolean;
8
- message?: string;
9
- pattern?: RegExp;
10
- len?: number;
11
- min?: number;
12
- max?: number;
13
- whitespace?: boolean;
14
- validator?: FormRuleValidator;
15
- validateTrigger?: FormRuleValidateTrigger;
16
- }
17
- export interface RegisteredFieldOptions {
18
- rules?: FormItemRule[];
19
- dependencies?: NamePath[];
20
- initialValue?: unknown;
21
- validateTrigger?: FormRuleValidateTrigger;
22
- }
23
- export interface FormInstance {
24
- submit: () => Promise<Record<string, unknown> | undefined>;
25
- getFieldsValue: () => Record<string, unknown>;
26
- setFieldsValue: (values: Record<string, unknown>, options?: {
27
- validate?: boolean;
28
- }) => void;
29
- resetFields: () => void;
30
- validateFields: (names?: NamePath[]) => Promise<Record<string, unknown>>;
31
- getFieldError: (name: NamePath) => string[];
32
- }
33
- export interface FormProps extends ViewProps {
34
- initialValues?: Record<string, unknown>;
35
- colon?: boolean;
36
- labelWidth?: number;
37
- showValidateMessage?: boolean;
38
- footer?: ReactNode;
39
- onValuesChange?: (values: Record<string, unknown>, name: string, value: unknown) => void;
40
- onFinish?: (values: Record<string, unknown>) => void;
41
- children?: ReactNode;
42
- }
43
- export interface FormSubscribeProps {
44
- to?: string[];
45
- children: (changedValues: Record<string, unknown>, form: FormInstance | null) => ReactNode;
46
- }
47
- export interface FormItemProps {
48
- name?: NamePath;
49
- label?: ReactNode;
50
- description?: ReactNode;
51
- intro?: ReactNode;
52
- tooltip?: ReactNode;
53
- rules?: FormItemRule[];
54
- dependencies?: NamePath[];
55
- valuePropName?: string;
56
- trigger?: string;
57
- validateTrigger?: FormRuleValidateTrigger;
58
- showValidateMessage?: boolean;
59
- required?: boolean;
60
- noStyle?: boolean;
61
- shouldUpdate?: (prev: Record<string, unknown>, next: Record<string, unknown>) => boolean;
62
- initialValue?: unknown;
63
- children: ReactNode | ((payload: {
64
- getFieldValue: (name: NamePath) => unknown;
65
- getFieldsValue: () => Record<string, unknown>;
66
- form: FormInstance | null;
67
- }) => ReactNode);
68
- }
1
+ import type{ReactNode}from'react';import type{ViewProps}from'react-native';export type FormRuleValidateTrigger=string|string[];export type FormRuleValidator=(value:unknown,values:Record<string,unknown>)=>void|boolean|string|Promise<void|boolean|string>;export type NamePath=string|number|(string|number)[];export interface FormItemRule{required?:boolean;message?:string;pattern?:RegExp;len?:number;min?:number;max?:number;whitespace?:boolean;validator?:FormRuleValidator;validateTrigger?:FormRuleValidateTrigger;}export interface RegisteredFieldOptions{rules?:FormItemRule[];dependencies?:NamePath[];initialValue?:unknown;validateTrigger?:FormRuleValidateTrigger;}export interface FormInstance{submit:()=>Promise<Record<string,unknown>|undefined>;getFieldsValue:()=>Record<string,unknown>;setFieldsValue:(values:Record<string,unknown>,options?:{validate?:boolean;})=>void;resetFields:()=>void;validateFields:(names?:NamePath[])=>Promise<Record<string,unknown>>;getFieldError:(name:NamePath)=>string[];}export interface FormProps extends ViewProps{initialValues?:Record<string,unknown>;colon?:boolean;labelWidth?:number;showValidateMessage?:boolean;footer?:ReactNode;onValuesChange?:(values:Record<string,unknown>,name:string,value:unknown)=>void;onFinish?:(values:Record<string,unknown>)=>void;children?:ReactNode;}export interface FormSubscribeProps{to?:string[];children:(changedValues:Record<string,unknown>,form:FormInstance|null)=>ReactNode;}export interface FormItemProps{name?:NamePath;label?:ReactNode;description?:ReactNode;intro?:ReactNode;tooltip?:ReactNode;rules?:FormItemRule[];dependencies?:NamePath[];valuePropName?:string;trigger?:string;validateTrigger?:FormRuleValidateTrigger;showValidateMessage?:boolean;required?:boolean;noStyle?:boolean;shouldUpdate?:(prev:Record<string,unknown>,next:Record<string,unknown>)=>boolean;initialValue?:unknown;children:ReactNode|((payload:{getFieldValue:(name:NamePath)=>unknown;getFieldsValue:()=>Record<string,unknown>;form:FormInstance|null;})=>ReactNode);}
@@ -1,18 +1 @@
1
- import React from 'react';
2
- import type { GridDirection, GridProps, GridTokens } from './types';
3
- export interface GridContextValue {
4
- columnNum: number;
5
- gutter: number;
6
- border: boolean;
7
- center: boolean;
8
- square: boolean;
9
- direction: GridDirection;
10
- reverse: boolean;
11
- clickable: boolean;
12
- iconSize: number;
13
- iconColor?: string;
14
- count: number;
15
- tokens: GridTokens;
16
- }
17
- export declare const GridContext: React.Context<GridContextValue | null>;
18
- export declare const Grid: React.NamedExoticComponent<GridProps>;
1
+ import React from'react';import type{GridDirection,GridProps,GridTokens}from'./types';export interface GridContextValue{columnNum:number;gutter:number;border:boolean;center:boolean;square:boolean;direction:GridDirection;reverse:boolean;clickable:boolean;iconSize:number;iconColor?:string;count:number;containerWidth:number;tokens:GridTokens;}export declare const GridContext:React.Context<GridContextValue|null>;export declare const Grid:React.NamedExoticComponent<GridProps>;
@@ -1,2 +1 @@
1
- export type { GridContextValue } from './Grid';
2
- export { GridContext } from './Grid';
1
+ export type{GridContextValue}from'./Grid';export{GridContext}from'./Grid';
@@ -1,3 +1 @@
1
- import React from 'react';
2
- import type { GridItemProps } from './types';
3
- export declare const GridItem: React.NamedExoticComponent<GridItemProps>;
1
+ import React from'react';import type{GridItemProps}from'./types';export declare const GridItem:React.NamedExoticComponent<GridItemProps>;
@@ -1,5 +1 @@
1
- export type { GridProps, GridItemProps, GridDirection } from './types';
2
- export declare const GridComponent: import("react").NamedExoticComponent<import("./types").GridProps> & {
3
- Item: import("react").NamedExoticComponent<import("./types").GridItemProps>;
4
- };
5
- export default GridComponent;
1
+ export type{GridProps,GridItemProps,GridDirection}from'./types';export declare const GridComponent:import("react").NamedExoticComponent<import("./types").GridProps>&{Item:import("react").NamedExoticComponent<import("./types").GridItemProps>;};export default GridComponent;
@@ -1,4 +1 @@
1
- import type { Foundations } from '../../design-system/tokens';
2
- import type { GridTokens } from './types';
3
- export declare const createGridTokens: (foundations: Foundations) => GridTokens;
4
- export declare const useGridTokens: (overrides?: import("../..").DeepPartial<GridTokens> | undefined) => GridTokens;
1
+ import type{Foundations}from'../../design-system/tokens';import type{GridTokens}from'./types';export declare const createGridTokens:(foundations:Foundations)=>GridTokens;export declare const useGridTokens:(overrides?:import("../..").DeepPartial<GridTokens>|undefined)=>GridTokens;
@@ -1,77 +1 @@
1
- import type { PressableProps, StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native';
2
- import type { BadgeProps } from '../badge';
3
- import type { DeepPartial } from '../../types';
4
- export type GridDirection = 'vertical' | 'horizontal';
5
- export interface GridTokens {
6
- defaults: {
7
- columnNum: number;
8
- gutter: number;
9
- border: boolean;
10
- center: boolean;
11
- square: boolean;
12
- direction: GridDirection;
13
- reverse: boolean;
14
- clickable: boolean;
15
- iconSize: number;
16
- pressedOpacity: number;
17
- textNumberOfLines: number;
18
- };
19
- layout: {
20
- container: ViewStyle;
21
- border: ViewStyle;
22
- borderTop: ViewStyle;
23
- borderBottom: ViewStyle;
24
- itemContentBase: ViewStyle;
25
- itemVertical: ViewStyle;
26
- itemHorizontal: ViewStyle;
27
- itemCenter: ViewStyle;
28
- itemReverseColumn: ViewStyle;
29
- itemReverseRow: ViewStyle;
30
- iconWrapper: ViewStyle;
31
- text: TextStyle;
32
- itemBorderRight: ViewStyle;
33
- itemBorderBottom: ViewStyle;
34
- itemContentSquare: ViewStyle;
35
- };
36
- colors: {
37
- border: string;
38
- text: string;
39
- background: string;
40
- active: string;
41
- };
42
- typography: {
43
- fontSize: number;
44
- fontFamily: string;
45
- lineHeight: number;
46
- fontWeight: NonNullable<TextStyle['fontWeight']>;
47
- };
48
- spacing: {
49
- paddingHorizontal: number;
50
- paddingVertical: number;
51
- iconGap: number;
52
- };
53
- }
54
- export interface GridProps extends ViewProps {
55
- children?: React.ReactNode;
56
- columnNum?: number;
57
- gutter?: number;
58
- border?: boolean;
59
- center?: boolean;
60
- square?: boolean;
61
- direction?: GridDirection;
62
- reverse?: boolean;
63
- clickable?: boolean;
64
- iconSize?: number;
65
- iconColor?: string;
66
- tokensOverride?: DeepPartial<GridTokens>;
67
- }
68
- export interface GridItemProps extends PressableProps {
69
- children?: React.ReactNode;
70
- text?: React.ReactNode;
71
- icon?: React.ReactNode | ((size: number, color: string) => React.ReactNode);
72
- iconColor?: string;
73
- badge?: BadgeProps;
74
- dot?: boolean;
75
- contentStyle?: StyleProp<ViewStyle>;
76
- textStyle?: StyleProp<TextStyle>;
77
- }
1
+ import type{PressableProps,StyleProp,TextStyle,ViewProps,ViewStyle}from'react-native';import type{BadgeProps}from'../badge';import type{DeepPartial}from'../../types';export type GridDirection='vertical'|'horizontal';export interface GridTokens{defaults:{columnNum:number;gutter:number;border:boolean;center:boolean;square:boolean;direction:GridDirection;reverse:boolean;clickable:boolean;iconSize:number;pressedOpacity:number;textNumberOfLines:number;};layout:{container:ViewStyle;border:ViewStyle;borderTop:ViewStyle;borderBottom:ViewStyle;itemContentBase:ViewStyle;itemVertical:ViewStyle;itemHorizontal:ViewStyle;itemCenter:ViewStyle;itemReverseColumn:ViewStyle;itemReverseRow:ViewStyle;iconWrapper:ViewStyle;text:TextStyle;itemBorderRight:ViewStyle;itemBorderBottom:ViewStyle;itemContentSquare:ViewStyle;};colors:{border:string;text:string;background:string;active:string;};typography:{fontSize:number;fontFamily:string;lineHeight:number;fontWeight:NonNullable<TextStyle['fontWeight']>;};spacing:{paddingHorizontal:number;paddingVertical:number;iconGap:number;};}export interface GridProps extends ViewProps{children?:React.ReactNode;columnNum?:number;gutter?:number;border?:boolean;center?:boolean;square?:boolean;direction?:GridDirection;reverse?:boolean;clickable?:boolean;iconSize?:number;iconColor?:string;tokensOverride?:DeepPartial<GridTokens>;}export interface GridItemProps extends PressableProps{children?:React.ReactNode;text?:React.ReactNode;icon?:React.ReactNode|((size:number,color:string)=>React.ReactNode);iconColor?:string;badge?:BadgeProps;dot?:boolean;contentStyle?:StyleProp<ViewStyle>;textStyle?:StyleProp<TextStyle>;}
@@ -1,5 +1 @@
1
- import React from 'react';
2
- import { Image as RNImage } from 'react-native';
3
- import type { ImageProps } from './types';
4
- declare const Image: React.NamedExoticComponent<ImageProps & React.RefAttributes<RNImage>>;
5
- export default Image;
1
+ import React from'react';import{Image as RNImage}from'react-native';import type{ImageProps}from'./types';declare const Image:React.NamedExoticComponent<ImageProps&React.RefAttributes<RNImage>>;export default Image;
@@ -1,4 +1 @@
1
- import Image from './Image';
2
- export type { ImageProps, ImageFit } from './types';
3
- export { useImageTokens } from './tokens';
4
- export default Image;
1
+ import Image from'./Image';export type{ImageProps,ImageFit}from'./types';export{useImageTokens}from'./tokens';export default Image;
@@ -1,2 +1 @@
1
- import type { ImageTokens } from './types';
2
- export declare const useImageTokens: (overrides?: import("../..").DeepPartial<ImageTokens> | undefined) => ImageTokens;
1
+ import type{ImageTokens}from'./types';export declare const useImageTokens:(overrides?:import("../..").DeepPartial<ImageTokens>|undefined)=>ImageTokens;
@@ -1,53 +1 @@
1
- import type * as React from 'react';
2
- import type { ImageProps as RNImageProps, ImageSourcePropType, ImageStyle, PressableProps, StyleProp, TextStyle, ViewStyle } from 'react-native';
3
- import type { DeepPartial } from '../../types';
4
- export type ImageFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
5
- export interface ImageTokens {
6
- defaults: {
7
- fit: ImageFit;
8
- showLoading: boolean;
9
- showError: boolean;
10
- loadingText: React.ReactNode;
11
- errorText: React.ReactNode;
12
- iconSize: number;
13
- loadingIndicatorBaseSize: number;
14
- loadingLabelMarginTop: number;
15
- roundRadius: number;
16
- };
17
- layout: {
18
- container: ViewStyle;
19
- overlay: ViewStyle;
20
- label: TextStyle;
21
- iconContainer: ViewStyle;
22
- absoluteFill: ImageStyle;
23
- };
24
- colors: {
25
- background: string;
26
- text: string;
27
- error: string;
28
- };
29
- }
30
- export interface ImageProps extends Omit<RNImageProps, 'source' | 'width' | 'height'> {
31
- src?: string;
32
- source?: ImageSourcePropType;
33
- width?: number | string;
34
- height?: number | string;
35
- radius?: number;
36
- round?: boolean;
37
- fit?: ImageFit;
38
- showLoading?: boolean;
39
- showError?: boolean;
40
- loadingText?: React.ReactNode;
41
- loadingIcon?: React.ReactNode;
42
- errorIcon?: React.ReactNode;
43
- iconSize?: number;
44
- loadingSize?: 'small' | 'large' | number;
45
- errorText?: React.ReactNode;
46
- fallback?: React.ReactNode;
47
- onPress?: PressableProps['onPress'];
48
- alt?: string;
49
- containerStyle?: StyleProp<ViewStyle>;
50
- children?: React.ReactNode;
51
- tokensOverride?: DeepPartial<ImageTokens>;
52
- 'aria-label'?: string;
53
- }
1
+ import type*as React from'react';import type{ImageProps as RNImageProps,ImageSourcePropType,ImageStyle,PressableProps,StyleProp,TextStyle,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';export type ImageFit='cover'|'contain'|'fill'|'none'|'scale-down';export interface ImageTokens{defaults:{fit:ImageFit;showLoading:boolean;showError:boolean;loadingText:React.ReactNode;errorText:React.ReactNode;iconSize:number;loadingIndicatorBaseSize:number;loadingLabelMarginTop:number;roundRadius:number;};layout:{container:ViewStyle;overlay:ViewStyle;label:TextStyle;iconContainer:ViewStyle;absoluteFill:ImageStyle;};colors:{background:string;text:string;error:string;};}export interface ImageProps extends Omit<RNImageProps,'source'|'width'|'height'>{src?:string;source?:ImageSourcePropType;width?:number|string;height?:number|string;radius?:number;round?:boolean;fit?:ImageFit;showLoading?:boolean;showError?:boolean;loadingText?:React.ReactNode;loadingIcon?:React.ReactNode;errorIcon?:React.ReactNode;iconSize?:number;loadingSize?:'small'|'large'|number;errorText?:React.ReactNode;fallback?:React.ReactNode;onPress?:PressableProps['onPress'];alt?:string;containerStyle?:StyleProp<ViewStyle>;children?:React.ReactNode;tokensOverride?:DeepPartial<ImageTokens>;'aria-label'?:string;}
@@ -1,4 +1 @@
1
- import React from 'react';
2
- import type { ImagePreviewProps, ImagePreviewRef } from './types';
3
- declare const ImagePreview: React.NamedExoticComponent<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>>;
4
- export default ImagePreview;
1
+ import React from'react';import type{ImagePreviewProps,ImagePreviewRef}from'./types';declare const ImagePreview:React.NamedExoticComponent<ImagePreviewProps&React.RefAttributes<ImagePreviewRef>>;export default ImagePreview;
@@ -1,5 +1 @@
1
- import type { ImagePreviewDestroy, ImagePreviewOpenOptions } from './types';
2
- export declare const ImagePreviewImperative: {
3
- open: (options?: ImagePreviewOpenOptions) => ImagePreviewDestroy;
4
- clear: () => void;
5
- };
1
+ import type{ImagePreviewDestroy,ImagePreviewOpenOptions}from'./types';export declare const ImagePreviewImperative:{open:(options?:ImagePreviewOpenOptions)=>ImagePreviewDestroy;clear:()=>void;};
@@ -1,6 +1 @@
1
- import type React from 'react';
2
- import type { ImagePreviewProps, ImagePreviewRef, ImagePreviewStatic, ImagePreviewOpenOptions, ImagePreviewDestroy, CloseParams as ImagePreviewCloseParams } from './types';
3
- declare const ImagePreview: React.ForwardRefExoticComponent<ImagePreviewProps & React.RefAttributes<ImagePreviewRef>> & ImagePreviewStatic;
4
- export default ImagePreview;
5
- export { ImagePreview };
6
- export type { ImagePreviewProps, ImagePreviewRef, ImagePreviewOpenOptions, ImagePreviewDestroy, ImagePreviewCloseParams, };
1
+ import type React from'react';import type{ImagePreviewProps,ImagePreviewRef,ImagePreviewStatic,ImagePreviewOpenOptions,ImagePreviewDestroy,CloseParams as ImagePreviewCloseParams}from'./types';declare const ImagePreview:React.ForwardRefExoticComponent<ImagePreviewProps&React.RefAttributes<ImagePreviewRef>>&ImagePreviewStatic;export default ImagePreview;export{ImagePreview};export type{ImagePreviewProps,ImagePreviewRef,ImagePreviewOpenOptions,ImagePreviewDestroy,ImagePreviewCloseParams,};
@@ -1,27 +1 @@
1
- export interface ImagePreviewTokens {
2
- colors: {
3
- background: string;
4
- indexBackground: string;
5
- indexText: string;
6
- indicatorActive: string;
7
- indicatorInactive: string;
8
- transparent: string;
9
- };
10
- spacing: {
11
- indexTop: number;
12
- indexPaddingHorizontal: number;
13
- indexPaddingVertical: number;
14
- };
15
- layout: {
16
- popupPadding: number;
17
- popupRadius: number;
18
- };
19
- radii: {
20
- indexBadge: number;
21
- };
22
- typography: {
23
- fontFamily: string;
24
- indexTextSize: number;
25
- };
26
- }
27
- export declare const useImagePreviewTokens: (overrides?: import("../..").DeepPartial<ImagePreviewTokens> | undefined) => ImagePreviewTokens;
1
+ export interface ImagePreviewTokens{colors:{background:string;indexBackground:string;indexText:string;indicatorActive:string;indicatorInactive:string;transparent:string;};spacing:{indexTop:number;indexPaddingHorizontal:number;indexPaddingVertical:number;};layout:{popupPadding:number;popupRadius:number;};radii:{indexBadge:number;};typography:{fontFamily:string;indexTextSize:number;};}export declare const useImagePreviewTokens:(overrides?:import("../..").DeepPartial<ImagePreviewTokens>|undefined)=>ImagePreviewTokens;
@@ -1,55 +1 @@
1
- import React from 'react';
2
- import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
3
- import type { PopupCloseIconPosition } from '../popup';
4
- import type { DeepPartial } from '../../types';
5
- import type { ImagePreviewTokens } from './tokens';
6
- export type ImagePreviewCloseReason = 'overlay' | 'close-icon' | 'content' | 'close';
7
- export type ImagePreviewImage = ImageSourcePropType | string;
8
- export interface ImagePreviewProps {
9
- visible: boolean;
10
- images?: ImagePreviewImage[];
11
- startPosition?: number;
12
- swipeDuration?: number;
13
- tokensOverride?: DeepPartial<ImagePreviewTokens>;
14
- lazyRender?: boolean;
15
- lazyRenderBuffer?: number;
16
- showIndex?: boolean;
17
- indexRender?: (ctx: {
18
- index: number;
19
- len: number;
20
- }) => React.ReactNode;
21
- showIndicators?: boolean;
22
- closeable?: boolean;
23
- closeIcon?: React.ReactNode;
24
- closeIconPosition?: PopupCloseIconPosition;
25
- overlay?: boolean;
26
- overlayStyle?: StyleProp<ViewStyle>;
27
- closeOnBackPress?: boolean;
28
- closeOnPopstate?: boolean;
29
- zIndex?: number;
30
- duration?: number;
31
- closeOnlyClickCloseIcon?: boolean;
32
- safeAreaInsetTop?: boolean;
33
- safeAreaInsetBottom?: boolean;
34
- onChange?: (index: number) => void;
35
- onClose?: (params: CloseParams) => void;
36
- onClosed?: () => void;
37
- beforeClose?: (context: CloseContext) => boolean | Promise<boolean>;
38
- }
39
- export interface CloseParams {
40
- index: number;
41
- image?: ImagePreviewImage;
42
- }
43
- export interface CloseContext extends CloseParams {
44
- reason: ImagePreviewCloseReason;
45
- }
46
- export type ImagePreviewRef = {
47
- swipeTo: (index: number, animated?: boolean) => void;
48
- };
49
- export type ImagePreviewOpenOptions = Omit<ImagePreviewProps, 'visible'>;
50
- export type ImagePreviewDestroy = () => void;
51
- export interface ImagePreviewStatic {
52
- Host: React.ComponentType<Record<string, unknown>>;
53
- open: (options: ImagePreviewOpenOptions) => ImagePreviewDestroy;
54
- clear: () => void;
55
- }
1
+ import React from'react';import type{ImageSourcePropType,StyleProp,ViewStyle}from'react-native';import type{PopupCloseIconPosition}from'../popup';import type{DeepPartial}from'../../types';import type{ImagePreviewTokens}from'./tokens';export type ImagePreviewCloseReason='overlay'|'close-icon'|'content'|'close';export type ImagePreviewImage=ImageSourcePropType|string;export interface ImagePreviewProps{visible:boolean;images?:ImagePreviewImage[];startPosition?:number;swipeDuration?:number;tokensOverride?:DeepPartial<ImagePreviewTokens>;lazyRender?:boolean;lazyRenderBuffer?:number;showIndex?:boolean;indexRender?:(ctx:{index:number;len:number;})=>React.ReactNode;showIndicators?:boolean;closeable?:boolean;closeIcon?:React.ReactNode;closeIconPosition?:PopupCloseIconPosition;overlay?:boolean;overlayStyle?:StyleProp<ViewStyle>;closeOnBackPress?:boolean;closeOnPopstate?:boolean;zIndex?:number;duration?:number;closeOnlyClickCloseIcon?:boolean;safeAreaInsetTop?:boolean;safeAreaInsetBottom?:boolean;onChange?:(index:number)=>void;onClose?:(params:CloseParams)=>void;onClosed?:()=>void;beforeClose?:(context:CloseContext)=>boolean|Promise<boolean>;}export interface CloseParams{index:number;image?:ImagePreviewImage;}export interface CloseContext extends CloseParams{reason:ImagePreviewCloseReason;}export type ImagePreviewRef={swipeTo:(index:number,animated?:boolean)=>void;};export type ImagePreviewOpenOptions=Omit<ImagePreviewProps,'visible'>;export type ImagePreviewDestroy=()=>void;export interface ImagePreviewStatic{Host:React.ComponentType<Record<string,unknown>>;open:(options:ImagePreviewOpenOptions)=>ImagePreviewDestroy;clear:()=>void;}