@nexus-cross/design-system 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (339) hide show
  1. package/dist/breadcrumb.js +6 -2
  2. package/dist/breadcrumb.mjs +1 -1
  3. package/dist/chunks/{chunk-PXBZEAZQ.mjs → chunk-22O6YUYH.mjs} +1 -1
  4. package/dist/chunks/{chunk-SUIT4XKB.js → chunk-3RK3UT2O.js} +42 -11
  5. package/dist/chunks/{chunk-GN6X27QI.mjs → chunk-AAITRHED.mjs} +42 -11
  6. package/dist/chunks/chunk-DDY7ENHX.mjs +53 -0
  7. package/dist/chunks/{chunk-QRNHFOLG.js → chunk-OE5BAEBE.js} +1 -1
  8. package/dist/chunks/chunk-WATCVNBT.js +76 -0
  9. package/dist/component-tokens/button.d.ts +3 -0
  10. package/dist/component-tokens/button.d.ts.map +1 -0
  11. package/dist/component-tokens/index.d.ts +3 -0
  12. package/dist/component-tokens/index.d.ts.map +1 -0
  13. package/dist/component-tokens/types.d.ts +19 -0
  14. package/dist/component-tokens/types.d.ts.map +1 -0
  15. package/dist/{accordion.d.mts → components/Accordion.d.ts} +2 -3
  16. package/dist/components/Accordion.d.ts.map +1 -0
  17. package/dist/{alert.d.mts → components/Alert.d.ts} +5 -6
  18. package/dist/components/Alert.d.ts.map +1 -0
  19. package/dist/{avatar.d.mts → components/Avatar.d.ts} +5 -6
  20. package/dist/components/Avatar.d.ts.map +1 -0
  21. package/dist/{badge.d.mts → components/Badge.d.ts} +5 -6
  22. package/dist/components/Badge.d.ts.map +1 -0
  23. package/dist/components/Breadcrumb.d.ts +23 -0
  24. package/dist/components/Breadcrumb.d.ts.map +1 -0
  25. package/dist/{button.d.mts → components/Button.d.ts} +5 -6
  26. package/dist/components/Button.d.ts.map +1 -0
  27. package/dist/{carousel.d.mts → components/Carousel.d.ts} +5 -6
  28. package/dist/components/Carousel.d.ts.map +1 -0
  29. package/dist/{checkbox.d.mts → components/CheckBox.d.ts} +6 -7
  30. package/dist/components/CheckBox.d.ts.map +1 -0
  31. package/dist/{chip.d.mts → components/Chip.d.ts} +6 -7
  32. package/dist/components/Chip.d.ts.map +1 -0
  33. package/dist/{client-only.d.mts → components/ClientOnly.d.ts} +4 -5
  34. package/dist/components/ClientOnly.d.ts.map +1 -0
  35. package/dist/{countdown.d.mts → components/Countdown.d.ts} +3 -3
  36. package/dist/components/Countdown.d.ts.map +1 -0
  37. package/dist/{counter.d.mts → components/Counter.d.ts} +3 -3
  38. package/dist/components/Counter.d.ts.map +1 -0
  39. package/dist/{data-list.d.mts → components/DataList.d.ts} +4 -5
  40. package/dist/components/DataList.d.ts.map +1 -0
  41. package/dist/{date-picker.d.mts → components/DatePicker.d.ts} +3 -3
  42. package/dist/components/DatePicker.d.ts.map +1 -0
  43. package/dist/{divider.d.mts → components/Divider.d.ts} +5 -6
  44. package/dist/components/Divider.d.ts.map +1 -0
  45. package/dist/{drawer.d.mts → components/Drawer.d.ts} +13 -15
  46. package/dist/components/Drawer.d.ts.map +1 -0
  47. package/dist/{dropdown-menu.d.mts → components/DropdownMenu.d.ts} +4 -4
  48. package/dist/components/DropdownMenu.d.ts.map +1 -0
  49. package/dist/{ellipsis.d.mts → components/Ellipsis.d.ts} +4 -5
  50. package/dist/components/Ellipsis.d.ts.map +1 -0
  51. package/dist/{empty-state.d.mts → components/EmptyState.d.ts} +5 -6
  52. package/dist/components/EmptyState.d.ts.map +1 -0
  53. package/dist/{error-boundary.d.mts → components/ErrorBoundary.d.ts} +4 -5
  54. package/dist/components/ErrorBoundary.d.ts.map +1 -0
  55. package/dist/{infinite-scroll.d.mts → components/InfiniteScroll.d.ts} +5 -6
  56. package/dist/components/InfiniteScroll.d.ts.map +1 -0
  57. package/dist/{marquee.d.mts → components/Marquee.d.ts} +3 -3
  58. package/dist/components/Marquee.d.ts.map +1 -0
  59. package/dist/{number-input.d.mts → components/NumberInput.d.ts} +5 -6
  60. package/dist/components/NumberInput.d.ts.map +1 -0
  61. package/dist/{nx-image.d.mts → components/NxImage.d.ts} +3 -3
  62. package/dist/components/NxImage.d.ts.map +1 -0
  63. package/dist/{pagination.d.mts → components/Pagination.d.ts} +6 -7
  64. package/dist/components/Pagination.d.ts.map +1 -0
  65. package/dist/components/Popover.d.ts +23 -0
  66. package/dist/components/Popover.d.ts.map +1 -0
  67. package/dist/{price-input.d.ts → components/PriceInput.d.ts} +5 -6
  68. package/dist/components/PriceInput.d.ts.map +1 -0
  69. package/dist/{progress.d.mts → components/Progress.d.ts} +5 -6
  70. package/dist/components/Progress.d.ts.map +1 -0
  71. package/dist/{radio-group.d.mts → components/RadioGroup.d.ts} +6 -7
  72. package/dist/components/RadioGroup.d.ts.map +1 -0
  73. package/dist/{select.d.mts → components/Select.d.ts} +7 -10
  74. package/dist/components/Select.d.ts.map +1 -0
  75. package/dist/{skeleton.d.mts → components/Skeleton.d.ts} +3 -3
  76. package/dist/components/Skeleton.d.ts.map +1 -0
  77. package/dist/{slider.d.mts → components/Slider.d.ts} +5 -6
  78. package/dist/components/Slider.d.ts.map +1 -0
  79. package/dist/{spinner.d.mts → components/Spinner.d.ts} +3 -3
  80. package/dist/components/Spinner.d.ts.map +1 -0
  81. package/dist/{stepper.d.mts → components/Stepper.d.ts} +5 -6
  82. package/dist/components/Stepper.d.ts.map +1 -0
  83. package/dist/{switch.d.mts → components/Switch.d.ts} +5 -6
  84. package/dist/components/Switch.d.ts.map +1 -0
  85. package/dist/{tab.d.mts → components/Tab.d.ts} +7 -9
  86. package/dist/components/Tab.d.ts.map +1 -0
  87. package/dist/{tag-input.d.mts → components/TagInput.d.ts} +5 -6
  88. package/dist/components/TagInput.d.ts.map +1 -0
  89. package/dist/{text-area.d.mts → components/TextArea.d.ts} +5 -6
  90. package/dist/components/TextArea.d.ts.map +1 -0
  91. package/dist/{text-input.d.mts → components/TextInput.d.ts} +5 -6
  92. package/dist/components/TextInput.d.ts.map +1 -0
  93. package/dist/{theme-provider.d.mts → components/ThemeProvider.d.ts} +3 -3
  94. package/dist/components/ThemeProvider.d.ts.map +1 -0
  95. package/dist/{toggle-group.d.mts → components/ToggleGroup.d.ts} +5 -6
  96. package/dist/components/ToggleGroup.d.ts.map +1 -0
  97. package/dist/{tooltip.d.mts → components/Tooltip.d.ts} +6 -10
  98. package/dist/components/Tooltip.d.ts.map +1 -0
  99. package/dist/{virtual-scroll.d.mts → components/VirtualScroll.d.ts} +4 -4
  100. package/dist/components/VirtualScroll.d.ts.map +1 -0
  101. package/dist/hooks/useCheckDevice.d.ts +4 -4
  102. package/dist/hooks/useCheckDevice.d.ts.map +1 -0
  103. package/dist/hooks/useClickOutside.d.ts +2 -2
  104. package/dist/hooks/useClickOutside.d.ts.map +1 -0
  105. package/dist/hooks/useDraggableBottomSheet.d.ts +3 -3
  106. package/dist/hooks/useDraggableBottomSheet.d.ts.map +1 -0
  107. package/dist/hooks/useDraggableWindow.d.ts +5 -7
  108. package/dist/hooks/useDraggableWindow.d.ts.map +1 -0
  109. package/dist/hooks/useInView.d.ts +3 -3
  110. package/dist/hooks/useInView.d.ts.map +1 -0
  111. package/dist/hooks/useModal.d.ts +48 -2
  112. package/dist/hooks/useModal.d.ts.map +1 -0
  113. package/dist/index.d.ts +100 -91
  114. package/dist/index.d.ts.map +1 -0
  115. package/dist/index.js +13 -9
  116. package/dist/index.mjs +2 -2
  117. package/dist/modal/Modal.d.ts +52 -0
  118. package/dist/modal/Modal.d.ts.map +1 -0
  119. package/dist/modal/components/ModalComponent.d.ts +22 -0
  120. package/dist/modal/components/ModalComponent.d.ts.map +1 -0
  121. package/dist/modal/components/ModalContainer.d.ts +9 -0
  122. package/dist/modal/components/ModalContainer.d.ts.map +1 -0
  123. package/dist/modal/components/ModalPortal.d.ts +8 -0
  124. package/dist/modal/components/ModalPortal.d.ts.map +1 -0
  125. package/dist/modal/components/ModalPortalTarget.d.ts +7 -0
  126. package/dist/modal/components/ModalPortalTarget.d.ts.map +1 -0
  127. package/dist/modal/components/ModalTemplate.d.ts +20 -0
  128. package/dist/modal/components/ModalTemplate.d.ts.map +1 -0
  129. package/dist/modal/components/ModalTemplate.variants.d.ts +29 -0
  130. package/dist/modal/components/ModalTemplate.variants.d.ts.map +1 -0
  131. package/dist/modal/constants.d.ts +3 -0
  132. package/dist/modal/constants.d.ts.map +1 -0
  133. package/dist/modal/index.d.ts +11 -82
  134. package/dist/modal/index.d.ts.map +1 -0
  135. package/dist/modal/types.d.ts +90 -0
  136. package/dist/modal/types.d.ts.map +1 -0
  137. package/dist/schemas/_all.json +6 -26
  138. package/dist/schemas/accordion.d.ts +67 -0
  139. package/dist/schemas/accordion.d.ts.map +1 -0
  140. package/dist/schemas/alert.d.ts +30 -0
  141. package/dist/schemas/alert.d.ts.map +1 -0
  142. package/dist/schemas/avatar.d.ts +30 -0
  143. package/dist/schemas/avatar.d.ts.map +1 -0
  144. package/dist/schemas/badge.d.ts +33 -0
  145. package/dist/schemas/badge.d.ts.map +1 -0
  146. package/dist/schemas/breadcrumb.d.ts +28 -0
  147. package/dist/schemas/breadcrumb.d.ts.map +1 -0
  148. package/dist/schemas/breadcrumb.json +6 -26
  149. package/dist/schemas/button.d.ts +42 -0
  150. package/dist/schemas/button.d.ts.map +1 -0
  151. package/dist/schemas/carousel.d.ts +48 -0
  152. package/dist/schemas/carousel.d.ts.map +1 -0
  153. package/dist/schemas/checkbox.d.ts +48 -0
  154. package/dist/schemas/checkbox.d.ts.map +1 -0
  155. package/dist/schemas/chip.d.ts +30 -0
  156. package/dist/schemas/chip.d.ts.map +1 -0
  157. package/dist/schemas/client-only.d.ts +12 -0
  158. package/dist/schemas/client-only.d.ts.map +1 -0
  159. package/dist/schemas/countdown.d.ts +52 -0
  160. package/dist/schemas/countdown.d.ts.map +1 -0
  161. package/dist/schemas/counter.d.ts +36 -0
  162. package/dist/schemas/counter.d.ts.map +1 -0
  163. package/dist/schemas/data-list.d.ts +33 -0
  164. package/dist/schemas/data-list.d.ts.map +1 -0
  165. package/dist/schemas/date-picker.d.ts +36 -0
  166. package/dist/schemas/date-picker.d.ts.map +1 -0
  167. package/dist/schemas/divider.d.ts +21 -0
  168. package/dist/schemas/divider.d.ts.map +1 -0
  169. package/dist/schemas/drawer.d.ts +95 -0
  170. package/dist/schemas/drawer.d.ts.map +1 -0
  171. package/dist/schemas/dropdown-menu.d.ts +64 -0
  172. package/dist/schemas/dropdown-menu.d.ts.map +1 -0
  173. package/dist/schemas/ellipsis.d.ts +30 -0
  174. package/dist/schemas/ellipsis.d.ts.map +1 -0
  175. package/dist/schemas/empty-state.d.ts +27 -0
  176. package/dist/schemas/empty-state.d.ts.map +1 -0
  177. package/dist/schemas/error-boundary.d.ts +15 -0
  178. package/dist/schemas/error-boundary.d.ts.map +1 -0
  179. package/dist/schemas/index.d.ts +47 -0
  180. package/dist/schemas/index.d.ts.map +1 -0
  181. package/dist/schemas/infinite-scroll.d.ts +39 -0
  182. package/dist/schemas/infinite-scroll.d.ts.map +1 -0
  183. package/dist/schemas/marquee.d.ts +27 -0
  184. package/dist/schemas/marquee.d.ts.map +1 -0
  185. package/dist/schemas/modal.d.ts +176 -0
  186. package/dist/schemas/modal.d.ts.map +1 -0
  187. package/dist/schemas/number-input.d.ts +72 -0
  188. package/dist/schemas/number-input.d.ts.map +1 -0
  189. package/dist/schemas/nx-image.d.ts +33 -0
  190. package/dist/schemas/nx-image.d.ts.map +1 -0
  191. package/dist/schemas/pagination.d.ts +27 -0
  192. package/dist/schemas/pagination.d.ts.map +1 -0
  193. package/dist/schemas/popover.d.ts +39 -0
  194. package/dist/schemas/popover.d.ts.map +1 -0
  195. package/dist/schemas/price-input.d.ts +63 -0
  196. package/dist/schemas/price-input.d.ts.map +1 -0
  197. package/dist/schemas/progress.d.ts +30 -0
  198. package/dist/schemas/progress.d.ts.map +1 -0
  199. package/dist/schemas/radio-group.d.ts +61 -0
  200. package/dist/schemas/radio-group.d.ts.map +1 -0
  201. package/dist/schemas/select.d.ts +52 -0
  202. package/dist/schemas/select.d.ts.map +1 -0
  203. package/dist/schemas/skeleton.d.ts +27 -0
  204. package/dist/schemas/skeleton.d.ts.map +1 -0
  205. package/dist/schemas/slider.d.ts +45 -0
  206. package/dist/schemas/slider.d.ts.map +1 -0
  207. package/dist/schemas/spinner.d.ts +21 -0
  208. package/dist/schemas/spinner.d.ts.map +1 -0
  209. package/dist/schemas/stepper.d.ts +39 -0
  210. package/dist/schemas/stepper.d.ts.map +1 -0
  211. package/dist/schemas/switch.d.ts +33 -0
  212. package/dist/schemas/switch.d.ts.map +1 -0
  213. package/dist/schemas/tab.d.ts +61 -0
  214. package/dist/schemas/tab.d.ts.map +1 -0
  215. package/dist/schemas/table.d.ts +113 -0
  216. package/dist/schemas/table.d.ts.map +1 -0
  217. package/dist/schemas/tag-input.d.ts +39 -0
  218. package/dist/schemas/tag-input.d.ts.map +1 -0
  219. package/dist/schemas/text-area.d.ts +69 -0
  220. package/dist/schemas/text-area.d.ts.map +1 -0
  221. package/dist/schemas/text-input.d.ts +78 -0
  222. package/dist/schemas/text-input.d.ts.map +1 -0
  223. package/dist/schemas/theme-provider.d.ts +36 -0
  224. package/dist/schemas/theme-provider.d.ts.map +1 -0
  225. package/dist/schemas/toast.d.ts +91 -0
  226. package/dist/schemas/toast.d.ts.map +1 -0
  227. package/dist/schemas/toggle-group.d.ts +58 -0
  228. package/dist/schemas/toggle-group.d.ts.map +1 -0
  229. package/dist/schemas/tooltip.d.ts +33 -0
  230. package/dist/schemas/tooltip.d.ts.map +1 -0
  231. package/dist/schemas/virtual-scroll.d.ts +67 -0
  232. package/dist/schemas/virtual-scroll.d.ts.map +1 -0
  233. package/dist/schemas.js +11 -10
  234. package/dist/schemas.mjs +11 -10
  235. package/dist/styles/.generated/built.d.ts +3 -0
  236. package/dist/styles/.generated/built.d.ts.map +1 -0
  237. package/dist/styles/inject-layer.d.ts +2 -0
  238. package/dist/styles/inject-layer.d.ts.map +1 -0
  239. package/dist/styles/inject.d.ts +2 -0
  240. package/dist/styles/inject.d.ts.map +1 -0
  241. package/dist/styles/layer.js +2 -2
  242. package/dist/styles/layer.mjs +1 -1
  243. package/dist/styles.css +96 -33
  244. package/dist/styles.js +2 -2
  245. package/dist/styles.layered.css +96 -33
  246. package/dist/styles.mjs +1 -1
  247. package/dist/table/Table.d.ts +20 -0
  248. package/dist/table/Table.d.ts.map +1 -0
  249. package/dist/table/TableHighlightContext.d.ts +11 -0
  250. package/dist/table/TableHighlightContext.d.ts.map +1 -0
  251. package/dist/table/TableRow.d.ts +17 -0
  252. package/dist/table/TableRow.d.ts.map +1 -0
  253. package/dist/table/TdColumn.d.ts +14 -0
  254. package/dist/table/TdColumn.d.ts.map +1 -0
  255. package/dist/table/index.d.ts +23 -0
  256. package/dist/table/index.d.ts.map +1 -0
  257. package/dist/table/types.d.ts +27 -0
  258. package/dist/table/types.d.ts.map +1 -0
  259. package/dist/table.js +7 -7
  260. package/dist/table.mjs +1 -1
  261. package/dist/toast/Toast.d.ts +8 -0
  262. package/dist/toast/Toast.d.ts.map +1 -0
  263. package/dist/toast/index.d.ts +6 -0
  264. package/dist/toast/index.d.ts.map +1 -0
  265. package/dist/{toast.d.mts → toast/useToast.d.ts} +4 -14
  266. package/dist/toast/useToast.d.ts.map +1 -0
  267. package/dist/utils/cn.d.ts +3 -5
  268. package/dist/utils/cn.d.ts.map +1 -0
  269. package/dist/utils/scroll.d.ts +3 -4
  270. package/dist/utils/scroll.d.ts.map +1 -0
  271. package/package.json +49 -49
  272. package/dist/accordion.d.ts +0 -28
  273. package/dist/alert.d.ts +0 -17
  274. package/dist/avatar.d.ts +0 -17
  275. package/dist/badge.d.ts +0 -18
  276. package/dist/breadcrumb.d.mts +0 -15
  277. package/dist/breadcrumb.d.ts +0 -15
  278. package/dist/button.d.ts +0 -17
  279. package/dist/carousel.d.ts +0 -36
  280. package/dist/checkbox.d.ts +0 -21
  281. package/dist/chip.d.ts +0 -16
  282. package/dist/chunks/chunk-3ZWN66YH.js +0 -53
  283. package/dist/chunks/chunk-EJY7IVSK.mjs +0 -31
  284. package/dist/client-only.d.ts +0 -13
  285. package/dist/countdown.d.ts +0 -27
  286. package/dist/counter.d.ts +0 -15
  287. package/dist/data-list.d.ts +0 -33
  288. package/dist/date-picker.d.ts +0 -17
  289. package/dist/divider.d.ts +0 -14
  290. package/dist/drawer.d.ts +0 -42
  291. package/dist/dropdown-menu.d.ts +0 -30
  292. package/dist/ellipsis.d.ts +0 -16
  293. package/dist/empty-state.d.ts +0 -16
  294. package/dist/error-boundary.d.ts +0 -20
  295. package/dist/hooks/useCheckDevice.d.mts +0 -47
  296. package/dist/hooks/useClickOutside.d.mts +0 -12
  297. package/dist/hooks/useDraggableBottomSheet.d.mts +0 -24
  298. package/dist/hooks/useDraggableWindow.d.mts +0 -21
  299. package/dist/hooks/useInView.d.mts +0 -14
  300. package/dist/hooks/useModal.d.mts +0 -2
  301. package/dist/index.d.mts +0 -91
  302. package/dist/infinite-scroll.d.ts +0 -26
  303. package/dist/marquee.d.ts +0 -12
  304. package/dist/modal/index.d.mts +0 -87
  305. package/dist/number-input.d.ts +0 -37
  306. package/dist/nx-image.d.ts +0 -13
  307. package/dist/pagination.d.ts +0 -22
  308. package/dist/popover.d.mts +0 -25
  309. package/dist/popover.d.ts +0 -25
  310. package/dist/price-input.d.mts +0 -36
  311. package/dist/progress.d.ts +0 -18
  312. package/dist/radio-group.d.ts +0 -29
  313. package/dist/schemas.d.mts +0 -2173
  314. package/dist/schemas.d.ts +0 -2173
  315. package/dist/select.d.ts +0 -31
  316. package/dist/skeleton.d.ts +0 -15
  317. package/dist/slider.d.ts +0 -20
  318. package/dist/spinner.d.ts +0 -9
  319. package/dist/stepper.d.ts +0 -20
  320. package/dist/styles/layer.d.mts +0 -3
  321. package/dist/styles/layer.d.ts +0 -3
  322. package/dist/styles.d.mts +0 -3
  323. package/dist/styles.d.ts +0 -3
  324. package/dist/switch.d.ts +0 -15
  325. package/dist/tab.d.ts +0 -36
  326. package/dist/table.d.mts +0 -95
  327. package/dist/table.d.ts +0 -95
  328. package/dist/tag-input.d.ts +0 -21
  329. package/dist/text-area.d.ts +0 -19
  330. package/dist/text-input.d.ts +0 -21
  331. package/dist/theme-provider.d.ts +0 -25
  332. package/dist/toast.d.ts +0 -42
  333. package/dist/toggle-group.d.ts +0 -36
  334. package/dist/tooltip.d.ts +0 -24
  335. package/dist/useModal-BsGIcP8t.d.mts +0 -128
  336. package/dist/useModal-BsGIcP8t.d.ts +0 -128
  337. package/dist/utils/cn.d.mts +0 -5
  338. package/dist/utils/scroll.d.mts +0 -4
  339. package/dist/virtual-scroll.d.ts +0 -34
@@ -1,128 +0,0 @@
1
- import { MutableRefObject, ComponentType, ReactNode, FunctionComponent } from 'react';
2
-
3
- type ModalLayout = 'default' | 'bottom-sheet' | 'slide-left' | 'slide-right' | 'full-page' | 'full-page-reverse' | 'draggable';
4
- interface AnimationOptions {
5
- name?: string;
6
- mobile?: string;
7
- delay?: number;
8
- duration?: number;
9
- timingFunc?: string;
10
- leaveTimingFunc?: string;
11
- }
12
- interface DefaultModalOption {
13
- animation?: AnimationOptions;
14
- dimCloseEnable?: boolean;
15
- }
16
- interface ModalType {
17
- id: string;
18
- props: Record<string, unknown>;
19
- component: ComponentType<Record<string, unknown>>;
20
- isUpdate?: boolean;
21
- close?: (modalId: string, isAnimation?: boolean) => void;
22
- onOpen?: (value: ModalType) => void;
23
- onClose?: () => void;
24
- resolve: <T>(value: T) => void;
25
- reject: (reason?: unknown) => void;
26
- }
27
- interface ModalTemplatePropsType {
28
- className?: string;
29
- layout?: ModalLayout;
30
- children: ReactNode;
31
- showDim?: boolean;
32
- title?: ReactNode | string;
33
- desc?: ReactNode | string;
34
- dimClose?: boolean;
35
- animation?: AnimationOptions;
36
- close: (isAnimation?: boolean) => void | Promise<unknown>;
37
- }
38
- interface ModalPropsType<T = unknown> {
39
- children?: ReactNode;
40
- className?: string;
41
- layout?: ModalLayout;
42
- componentName?: string;
43
- animation?: AnimationOptions;
44
- close: (isAnimation?: boolean) => void | Promise<unknown>;
45
- resolve: (value: T, useClose?: boolean) => void;
46
- }
47
- interface DefaultModalPropsType {
48
- id?: string;
49
- duplicateCheck?: boolean;
50
- portalId?: string;
51
- scrollEnable?: boolean;
52
- isToggle?: boolean;
53
- isAlone?: boolean;
54
- clickOutSideRef?: MutableRefObject<HTMLElement>;
55
- componentName?: string;
56
- animation?: AnimationOptions;
57
- layout?: ModalLayout;
58
- disableEscapeKeyPress?: boolean;
59
- onOpen?: (value: ModalType) => void;
60
- onClose?: () => void;
61
- }
62
- type PropsOf<T> = T extends FunctionComponent<infer P> ? P : undefined;
63
- type ModalPropsOf<T> = Omit<PropsOf<T>, 'close' | 'resolve'>;
64
- type RequiredKeys<T> = {
65
- [K in keyof T]: T extends Record<K, T[K]> ? K : never;
66
- }[keyof T];
67
- type HasRequiredKeys<T> = RequiredKeys<T> extends never ? false : true;
68
- type OpenModalPropsAndOptions<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? ModalPropsOf<T> & DefaultModalPropsType : (ModalPropsOf<T> & DefaultModalPropsType) | undefined;
69
- type OpenModalProps<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? {
70
- component: T;
71
- props: ModalPropsOf<T>;
72
- options?: DefaultModalPropsType;
73
- } : {
74
- component: T;
75
- props?: ModalPropsOf<T>;
76
- options?: DefaultModalPropsType;
77
- };
78
- interface OpenModal {
79
- <T extends ComponentType<any>>(params: OpenModalProps<T>): Promise<unknown>;
80
- <T extends ComponentType<any>>(component: T, props?: OpenModalPropsAndOptions<T>): Promise<unknown>;
81
- }
82
-
83
- type OpenModalParams<T extends ComponentType<any> = ComponentType<any>> = {
84
- component: T;
85
- props?: ModalPropsOf<T>;
86
- options?: DefaultModalPropsType;
87
- };
88
- interface ModalFn {
89
- <T extends ComponentType<any>>(params: OpenModalParams<T>): Promise<unknown>;
90
- close: (id: string, isAnimation?: boolean) => void;
91
- check: (params: {
92
- componentName: string;
93
- onlyLastCheck?: boolean;
94
- } | {
95
- modalId: string;
96
- onlyLastCheck?: boolean;
97
- }) => boolean;
98
- reset: () => void;
99
- }
100
- /**
101
- * @example
102
- * ```tsx
103
- * const { modal, toggleModal, scrollModal, closeModal } = useModal();
104
- *
105
- * const result = await modal({
106
- * component: MyModal,
107
- * props: { title: 'Hello' },
108
- * options: { animation: { name: 'pop-fade', duration: 300 } },
109
- * });
110
- * ```
111
- */
112
- declare function useModal(): {
113
- modal: ModalFn;
114
- toggleModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
115
- toggleOneModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
116
- scrollModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
117
- closeModal: (id: string, isAnimation?: boolean) => void;
118
- checkModal: (params: {
119
- componentName: string;
120
- onlyLastCheck?: boolean;
121
- } | {
122
- modalId: string;
123
- onlyLastCheck?: boolean;
124
- }) => boolean;
125
- resetModal: () => void;
126
- };
127
-
128
- export { type AnimationOptions as A, type DefaultModalPropsType as D, type ModalLayout as M, type OpenModal as O, type ModalPropsType as a, type ModalTemplatePropsType as b, type ModalType as c, type DefaultModalOption as d, type ModalPropsOf as e, useModal as u };
@@ -1,128 +0,0 @@
1
- import { MutableRefObject, ComponentType, ReactNode, FunctionComponent } from 'react';
2
-
3
- type ModalLayout = 'default' | 'bottom-sheet' | 'slide-left' | 'slide-right' | 'full-page' | 'full-page-reverse' | 'draggable';
4
- interface AnimationOptions {
5
- name?: string;
6
- mobile?: string;
7
- delay?: number;
8
- duration?: number;
9
- timingFunc?: string;
10
- leaveTimingFunc?: string;
11
- }
12
- interface DefaultModalOption {
13
- animation?: AnimationOptions;
14
- dimCloseEnable?: boolean;
15
- }
16
- interface ModalType {
17
- id: string;
18
- props: Record<string, unknown>;
19
- component: ComponentType<Record<string, unknown>>;
20
- isUpdate?: boolean;
21
- close?: (modalId: string, isAnimation?: boolean) => void;
22
- onOpen?: (value: ModalType) => void;
23
- onClose?: () => void;
24
- resolve: <T>(value: T) => void;
25
- reject: (reason?: unknown) => void;
26
- }
27
- interface ModalTemplatePropsType {
28
- className?: string;
29
- layout?: ModalLayout;
30
- children: ReactNode;
31
- showDim?: boolean;
32
- title?: ReactNode | string;
33
- desc?: ReactNode | string;
34
- dimClose?: boolean;
35
- animation?: AnimationOptions;
36
- close: (isAnimation?: boolean) => void | Promise<unknown>;
37
- }
38
- interface ModalPropsType<T = unknown> {
39
- children?: ReactNode;
40
- className?: string;
41
- layout?: ModalLayout;
42
- componentName?: string;
43
- animation?: AnimationOptions;
44
- close: (isAnimation?: boolean) => void | Promise<unknown>;
45
- resolve: (value: T, useClose?: boolean) => void;
46
- }
47
- interface DefaultModalPropsType {
48
- id?: string;
49
- duplicateCheck?: boolean;
50
- portalId?: string;
51
- scrollEnable?: boolean;
52
- isToggle?: boolean;
53
- isAlone?: boolean;
54
- clickOutSideRef?: MutableRefObject<HTMLElement>;
55
- componentName?: string;
56
- animation?: AnimationOptions;
57
- layout?: ModalLayout;
58
- disableEscapeKeyPress?: boolean;
59
- onOpen?: (value: ModalType) => void;
60
- onClose?: () => void;
61
- }
62
- type PropsOf<T> = T extends FunctionComponent<infer P> ? P : undefined;
63
- type ModalPropsOf<T> = Omit<PropsOf<T>, 'close' | 'resolve'>;
64
- type RequiredKeys<T> = {
65
- [K in keyof T]: T extends Record<K, T[K]> ? K : never;
66
- }[keyof T];
67
- type HasRequiredKeys<T> = RequiredKeys<T> extends never ? false : true;
68
- type OpenModalPropsAndOptions<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? ModalPropsOf<T> & DefaultModalPropsType : (ModalPropsOf<T> & DefaultModalPropsType) | undefined;
69
- type OpenModalProps<T> = HasRequiredKeys<ModalPropsOf<T>> extends true ? {
70
- component: T;
71
- props: ModalPropsOf<T>;
72
- options?: DefaultModalPropsType;
73
- } : {
74
- component: T;
75
- props?: ModalPropsOf<T>;
76
- options?: DefaultModalPropsType;
77
- };
78
- interface OpenModal {
79
- <T extends ComponentType<any>>(params: OpenModalProps<T>): Promise<unknown>;
80
- <T extends ComponentType<any>>(component: T, props?: OpenModalPropsAndOptions<T>): Promise<unknown>;
81
- }
82
-
83
- type OpenModalParams<T extends ComponentType<any> = ComponentType<any>> = {
84
- component: T;
85
- props?: ModalPropsOf<T>;
86
- options?: DefaultModalPropsType;
87
- };
88
- interface ModalFn {
89
- <T extends ComponentType<any>>(params: OpenModalParams<T>): Promise<unknown>;
90
- close: (id: string, isAnimation?: boolean) => void;
91
- check: (params: {
92
- componentName: string;
93
- onlyLastCheck?: boolean;
94
- } | {
95
- modalId: string;
96
- onlyLastCheck?: boolean;
97
- }) => boolean;
98
- reset: () => void;
99
- }
100
- /**
101
- * @example
102
- * ```tsx
103
- * const { modal, toggleModal, scrollModal, closeModal } = useModal();
104
- *
105
- * const result = await modal({
106
- * component: MyModal,
107
- * props: { title: 'Hello' },
108
- * options: { animation: { name: 'pop-fade', duration: 300 } },
109
- * });
110
- * ```
111
- */
112
- declare function useModal(): {
113
- modal: ModalFn;
114
- toggleModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
115
- toggleOneModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
116
- scrollModal: <T extends ComponentType<any>>(params: OpenModalParams<T>) => Promise<unknown>;
117
- closeModal: (id: string, isAnimation?: boolean) => void;
118
- checkModal: (params: {
119
- componentName: string;
120
- onlyLastCheck?: boolean;
121
- } | {
122
- modalId: string;
123
- onlyLastCheck?: boolean;
124
- }) => boolean;
125
- resetModal: () => void;
126
- };
127
-
128
- export { type AnimationOptions as A, type DefaultModalPropsType as D, type ModalLayout as M, type OpenModal as O, type ModalPropsType as a, type ModalTemplatePropsType as b, type ModalType as c, type DefaultModalOption as d, type ModalPropsOf as e, useModal as u };
@@ -1,5 +0,0 @@
1
- import { ClassValue } from 'clsx';
2
-
3
- declare function cn(...inputs: ClassValue[]): string;
4
-
5
- export { cn };
@@ -1,4 +0,0 @@
1
- declare const scrollFreeze: () => void;
2
- declare const scrollRelease: () => void;
3
-
4
- export { scrollFreeze, scrollRelease };
@@ -1,34 +0,0 @@
1
- import * as React from 'react';
2
- import { VirtualItem } from '@tanstack/react-virtual';
3
-
4
- interface VirtualListProps<T> {
5
- items: T[];
6
- estimateSize: number | ((index: number) => number);
7
- renderItem: (item: T, index: number, virtualItem: VirtualItem) => React.ReactNode;
8
- overscan?: number;
9
- gap?: number;
10
- className?: string;
11
- style?: React.CSSProperties;
12
- onEndReached?: () => void;
13
- endReachedThreshold?: number;
14
- }
15
- declare const VirtualList: <T>(props: VirtualListProps<T> & {
16
- ref?: React.Ref<HTMLDivElement>;
17
- }) => React.ReactElement;
18
- interface VirtualGridProps<T> {
19
- items: T[];
20
- columns: number;
21
- estimateSize: number | ((index: number) => number);
22
- renderItem: (item: T, index: number) => React.ReactNode;
23
- overscan?: number;
24
- gap?: number;
25
- className?: string;
26
- style?: React.CSSProperties;
27
- onEndReached?: () => void;
28
- endReachedThreshold?: number;
29
- }
30
- declare const VirtualGrid: <T>(props: VirtualGridProps<T> & {
31
- ref?: React.Ref<HTMLDivElement>;
32
- }) => React.ReactElement;
33
-
34
- export { VirtualGrid, type VirtualGridProps, VirtualList, type VirtualListProps };