funda-ui 4.5.712 → 4.5.766

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 (501) hide show
  1. package/Chatbox/index.d.ts +54 -0
  2. package/{publish/lib/cjs/Date → Chatbox}/index.js +2465 -3802
  3. package/README.md +4 -105
  4. package/Utils/useStreamController.d.ts +71 -0
  5. package/Utils/useStreamController.js +494 -0
  6. package/{publish/all.d.ts → all.d.ts} +1 -0
  7. package/{publish/all.js → all.js} +1 -0
  8. package/lib/cjs/Chatbox/index.d.ts +54 -0
  9. package/lib/cjs/Chatbox/index.js +4863 -0
  10. package/lib/cjs/Utils/useStreamController.d.ts +71 -0
  11. package/lib/cjs/Utils/useStreamController.js +494 -0
  12. package/lib/cjs/index.d.ts +1 -0
  13. package/lib/cjs/index.js +1 -0
  14. package/lib/esm/Chatbox/PureLoader.tsx +45 -0
  15. package/lib/esm/Chatbox/TypingEffect.tsx +32 -0
  16. package/lib/esm/Chatbox/index.scss +502 -0
  17. package/lib/esm/Chatbox/index.tsx +1171 -0
  18. package/lib/esm/Chatbox/useStreamController.tsx +277 -0
  19. package/lib/esm/Chatbox/utils/func.ts +107 -0
  20. package/lib/esm/Textarea/index.tsx +1 -0
  21. package/lib/esm/Utils/hooks/useStreamController.tsx +277 -0
  22. package/lib/esm/index.js +1 -0
  23. package/package.json +44 -41
  24. package/.gitattributes +0 -2
  25. package/README_PUBLISH.md +0 -126
  26. package/logo.png +0 -0
  27. package/preview.png +0 -0
  28. package/publish/LICENSE +0 -21
  29. package/publish/README.md +0 -126
  30. package/publish/lib/cjs/Accordion/index.d.ts +0 -2
  31. package/publish/lib/cjs/Accordion/index.js +0 -1035
  32. package/publish/lib/cjs/BackToTop/index.d.ts +0 -17
  33. package/publish/lib/cjs/BackToTop/index.js +0 -904
  34. package/publish/lib/cjs/CascadingSelect/index.d.ts +0 -60
  35. package/publish/lib/cjs/CascadingSelect/index.js +0 -2943
  36. package/publish/lib/cjs/CascadingSelectE2E/index.d.ts +0 -71
  37. package/publish/lib/cjs/CascadingSelectE2E/index.js +0 -3540
  38. package/publish/lib/cjs/Checkbox/index.d.ts +0 -28
  39. package/publish/lib/cjs/Checkbox/index.js +0 -662
  40. package/publish/lib/cjs/ColorPicker/index.d.ts +0 -27
  41. package/publish/lib/cjs/ColorPicker/index.js +0 -662
  42. package/publish/lib/cjs/Date/index.d.ts +0 -70
  43. package/publish/lib/cjs/DigitalClock/index.d.ts +0 -7
  44. package/publish/lib/cjs/DigitalClock/index.js +0 -402
  45. package/publish/lib/cjs/DragDropList/index.d.ts +0 -44
  46. package/publish/lib/cjs/DragDropList/index.js +0 -1587
  47. package/publish/lib/cjs/DropdownMenu/index.d.ts +0 -38
  48. package/publish/lib/cjs/DropdownMenu/index.js +0 -1498
  49. package/publish/lib/cjs/DynamicFields/index.d.ts +0 -40
  50. package/publish/lib/cjs/DynamicFields/index.js +0 -810
  51. package/publish/lib/cjs/EventCalendar/index.d.ts +0 -61
  52. package/publish/lib/cjs/EventCalendar/index.js +0 -3740
  53. package/publish/lib/cjs/EventCalendarTimeline/index.d.ts +0 -100
  54. package/publish/lib/cjs/EventCalendarTimeline/index.js +0 -6084
  55. package/publish/lib/cjs/File/index.d.ts +0 -40
  56. package/publish/lib/cjs/File/index.js +0 -1751
  57. package/publish/lib/cjs/HorizontalScrollContent/index.d.ts +0 -14
  58. package/publish/lib/cjs/HorizontalScrollContent/index.js +0 -426
  59. package/publish/lib/cjs/Input/index.d.ts +0 -59
  60. package/publish/lib/cjs/Input/index.js +0 -1455
  61. package/publish/lib/cjs/LiveSearch/index.d.ts +0 -69
  62. package/publish/lib/cjs/LiveSearch/index.js +0 -3626
  63. package/publish/lib/cjs/MasonryLayout/index.d.ts +0 -14
  64. package/publish/lib/cjs/MasonryLayout/index.js +0 -689
  65. package/publish/lib/cjs/ModalDialog/index.d.ts +0 -79
  66. package/publish/lib/cjs/ModalDialog/index.js +0 -1695
  67. package/publish/lib/cjs/ModeSwitch/index.d.ts +0 -17
  68. package/publish/lib/cjs/ModeSwitch/index.js +0 -202
  69. package/publish/lib/cjs/MultilevelDropdownMenu/index.d.ts +0 -20
  70. package/publish/lib/cjs/MultilevelDropdownMenu/index.js +0 -930
  71. package/publish/lib/cjs/MultipleCheckboxes/index.d.ts +0 -41
  72. package/publish/lib/cjs/MultipleCheckboxes/index.js +0 -1717
  73. package/publish/lib/cjs/MultipleSelect/index.d.ts +0 -65
  74. package/publish/lib/cjs/MultipleSelect/index.js +0 -3704
  75. package/publish/lib/cjs/NativeSelect/index.d.ts +0 -37
  76. package/publish/lib/cjs/NativeSelect/index.js +0 -1631
  77. package/publish/lib/cjs/NumberInput/index.d.ts +0 -40
  78. package/publish/lib/cjs/NumberInput/index.js +0 -1188
  79. package/publish/lib/cjs/Pagination/index.d.ts +0 -51
  80. package/publish/lib/cjs/Pagination/index.js +0 -612
  81. package/publish/lib/cjs/Radio/index.d.ts +0 -45
  82. package/publish/lib/cjs/Radio/index.js +0 -1391
  83. package/publish/lib/cjs/RangeSlider/index.d.ts +0 -22
  84. package/publish/lib/cjs/RangeSlider/index.js +0 -2665
  85. package/publish/lib/cjs/RootPortal/index.d.ts +0 -8
  86. package/publish/lib/cjs/RootPortal/index.js +0 -141
  87. package/publish/lib/cjs/ScrollReveal/index.d.ts +0 -21
  88. package/publish/lib/cjs/ScrollReveal/index.js +0 -401
  89. package/publish/lib/cjs/Scrollbar/index.d.ts +0 -17
  90. package/publish/lib/cjs/Scrollbar/index.js +0 -1107
  91. package/publish/lib/cjs/SearchBar/index.d.ts +0 -41
  92. package/publish/lib/cjs/SearchBar/index.js +0 -701
  93. package/publish/lib/cjs/Select/index.d.ts +0 -99
  94. package/publish/lib/cjs/Select/index.js +0 -5697
  95. package/publish/lib/cjs/ShowMoreLess/index.d.ts +0 -36
  96. package/publish/lib/cjs/ShowMoreLess/index.js +0 -387
  97. package/publish/lib/cjs/Switch/index.d.ts +0 -25
  98. package/publish/lib/cjs/Switch/index.js +0 -628
  99. package/publish/lib/cjs/Table/index.d.ts +0 -12
  100. package/publish/lib/cjs/Table/index.js +0 -2062
  101. package/publish/lib/cjs/Tabs/index.d.ts +0 -3
  102. package/publish/lib/cjs/Tabs/index.js +0 -771
  103. package/publish/lib/cjs/TagInput/index.d.ts +0 -31
  104. package/publish/lib/cjs/TagInput/index.js +0 -1144
  105. package/publish/lib/cjs/Textarea/index.d.ts +0 -50
  106. package/publish/lib/cjs/Textarea/index.js +0 -1784
  107. package/publish/lib/cjs/Toast/index.d.ts +0 -34
  108. package/publish/lib/cjs/Toast/index.js +0 -861
  109. package/publish/lib/cjs/Tooltip/index.d.ts +0 -23
  110. package/publish/lib/cjs/Tooltip/index.js +0 -1674
  111. package/publish/lib/cjs/Tree/index.d.ts +0 -62
  112. package/publish/lib/cjs/Tree/index.js +0 -1960
  113. package/publish/lib/cjs/Utils/anim.d.ts +0 -11
  114. package/publish/lib/cjs/Utils/anim.js +0 -400
  115. package/publish/lib/cjs/Utils/bodyScrollLock.d.ts +0 -8
  116. package/publish/lib/cjs/Utils/bodyScrollLock.js +0 -311
  117. package/publish/lib/cjs/Utils/buffer.d.ts +0 -67
  118. package/publish/lib/cjs/Utils/buffer.js +0 -343
  119. package/publish/lib/cjs/Utils/cls.d.ts +0 -15
  120. package/publish/lib/cjs/Utils/cls.js +0 -124
  121. package/publish/lib/cjs/Utils/convert.d.ts +0 -25
  122. package/publish/lib/cjs/Utils/convert.js +0 -109
  123. package/publish/lib/cjs/Utils/date.d.ts +0 -217
  124. package/publish/lib/cjs/Utils/date.js +0 -567
  125. package/publish/lib/cjs/Utils/dom.d.ts +0 -13
  126. package/publish/lib/cjs/Utils/dom.js +0 -215
  127. package/publish/lib/cjs/Utils/easing.d.ts +0 -29
  128. package/publish/lib/cjs/Utils/easing.js +0 -221
  129. package/publish/lib/cjs/Utils/extract.d.ts +0 -28
  130. package/publish/lib/cjs/Utils/extract.js +0 -130
  131. package/publish/lib/cjs/Utils/getElementProperty.d.ts +0 -52
  132. package/publish/lib/cjs/Utils/getElementProperty.js +0 -189
  133. package/publish/lib/cjs/Utils/guid.d.ts +0 -7
  134. package/publish/lib/cjs/Utils/guid.js +0 -67
  135. package/publish/lib/cjs/Utils/initDefaultOptions.d.ts +0 -21
  136. package/publish/lib/cjs/Utils/initDefaultOptions.js +0 -131
  137. package/publish/lib/cjs/Utils/inputsCalculation.d.ts +0 -28
  138. package/publish/lib/cjs/Utils/inputsCalculation.js +0 -188
  139. package/publish/lib/cjs/Utils/math.d.ts +0 -77
  140. package/publish/lib/cjs/Utils/math.js +0 -305
  141. package/publish/lib/cjs/Utils/object.d.ts +0 -18
  142. package/publish/lib/cjs/Utils/object.js +0 -120
  143. package/publish/lib/cjs/Utils/os.d.ts +0 -2
  144. package/publish/lib/cjs/Utils/os.js +0 -104
  145. package/publish/lib/cjs/Utils/performance.d.ts +0 -3
  146. package/publish/lib/cjs/Utils/performance.js +0 -94
  147. package/publish/lib/cjs/Utils/tree.d.ts +0 -40
  148. package/publish/lib/cjs/Utils/tree.js +0 -195
  149. package/publish/lib/cjs/Utils/useAutosizeTextArea.d.ts +0 -10
  150. package/publish/lib/cjs/Utils/useAutosizeTextArea.js +0 -227
  151. package/publish/lib/cjs/Utils/useBoundedDrag.d.ts +0 -125
  152. package/publish/lib/cjs/Utils/useBoundedDrag.js +0 -380
  153. package/publish/lib/cjs/Utils/useClickOutside.d.ts +0 -33
  154. package/publish/lib/cjs/Utils/useClickOutside.js +0 -166
  155. package/publish/lib/cjs/Utils/useComId.d.ts +0 -6
  156. package/publish/lib/cjs/Utils/useComId.js +0 -114
  157. package/publish/lib/cjs/Utils/useDebounce.d.ts +0 -20
  158. package/publish/lib/cjs/Utils/useDebounce.js +0 -138
  159. package/publish/lib/cjs/Utils/useDragDropPosition.d.ts +0 -169
  160. package/publish/lib/cjs/Utils/useDragDropPosition.js +0 -456
  161. package/publish/lib/cjs/Utils/useDraggable.d.ts +0 -62
  162. package/publish/lib/cjs/Utils/useDraggable.js +0 -348
  163. package/publish/lib/cjs/Utils/useInterval.d.ts +0 -5
  164. package/publish/lib/cjs/Utils/useInterval.js +0 -168
  165. package/publish/lib/cjs/Utils/useIsMobile.d.ts +0 -2
  166. package/publish/lib/cjs/Utils/useIsMobile.js +0 -168
  167. package/publish/lib/cjs/Utils/useKeyPress.d.ts +0 -44
  168. package/publish/lib/cjs/Utils/useKeyPress.js +0 -200
  169. package/publish/lib/cjs/Utils/useThrottle.d.ts +0 -2
  170. package/publish/lib/cjs/Utils/useThrottle.js +0 -136
  171. package/publish/lib/cjs/Utils/useWindowScroll.d.ts +0 -12
  172. package/publish/lib/cjs/Utils/useWindowScroll.js +0 -217
  173. package/publish/lib/cjs/Utils/viewport.d.ts +0 -7
  174. package/publish/lib/cjs/Utils/viewport.js +0 -64
  175. package/publish/lib/cjs/index.d.ts +0 -45
  176. package/publish/lib/cjs/index.js +0 -46
  177. package/publish/lib/css/BackToTop/index.css +0 -34
  178. package/publish/lib/css/CascadingSelect/index.css +0 -216
  179. package/publish/lib/css/CascadingSelectE2E/index.css +0 -216
  180. package/publish/lib/css/ColorPicker/index.css +0 -58
  181. package/publish/lib/css/Date/index.css +0 -434
  182. package/publish/lib/css/DragDropList/index.css +0 -188
  183. package/publish/lib/css/DropdownMenu/index.css +0 -151
  184. package/publish/lib/css/EventCalendar/index.css +0 -300
  185. package/publish/lib/css/EventCalendarTimeline/index.css +0 -694
  186. package/publish/lib/css/HorizontalScrollContent/index.css +0 -70
  187. package/publish/lib/css/LiveSearch/index.css +0 -55
  188. package/publish/lib/css/MultilevelDropdownMenu/index.css +0 -38
  189. package/publish/lib/css/MultipleSelect/index.css +0 -313
  190. package/publish/lib/css/RangeSlider/index.css +0 -150
  191. package/publish/lib/css/Scrollbar/index.css +0 -176
  192. package/publish/lib/css/Select/index.css +0 -368
  193. package/publish/lib/css/ShowMoreLess/index.css +0 -23
  194. package/publish/lib/css/Table/index.css +0 -584
  195. package/publish/lib/css/TagInput/index.css +0 -91
  196. package/publish/lib/css/Toast/index.css +0 -201
  197. package/publish/lib/css/Tooltip/index.css +0 -197
  198. package/publish/lib/css/Tree/index.css +0 -232
  199. package/publish/lib/esm/Accordion/Accordion.tsx +0 -184
  200. package/publish/lib/esm/Accordion/AccordionItem.tsx +0 -143
  201. package/publish/lib/esm/Accordion/index.tsx +0 -2
  202. package/publish/lib/esm/BackToTop/index.scss +0 -47
  203. package/publish/lib/esm/BackToTop/index.tsx +0 -177
  204. package/publish/lib/esm/CascadingSelect/Group.tsx +0 -82
  205. package/publish/lib/esm/CascadingSelect/index.scss +0 -291
  206. package/publish/lib/esm/CascadingSelect/index.tsx +0 -1203
  207. package/publish/lib/esm/CascadingSelectE2E/Group.tsx +0 -83
  208. package/publish/lib/esm/CascadingSelectE2E/index.scss +0 -293
  209. package/publish/lib/esm/CascadingSelectE2E/index.tsx +0 -1471
  210. package/publish/lib/esm/Checkbox/index.tsx +0 -193
  211. package/publish/lib/esm/ColorPicker/index.scss +0 -91
  212. package/publish/lib/esm/ColorPicker/index.tsx +0 -204
  213. package/publish/lib/esm/Date/Calendar.tsx +0 -723
  214. package/publish/lib/esm/Date/index.scss +0 -567
  215. package/publish/lib/esm/Date/index.tsx +0 -1683
  216. package/publish/lib/esm/Date/localization/en_US.js +0 -13
  217. package/publish/lib/esm/Date/localization/zh_CN.js +0 -12
  218. package/publish/lib/esm/DigitalClock/index.tsx +0 -74
  219. package/publish/lib/esm/DragDropList/index.scss +0 -245
  220. package/publish/lib/esm/DragDropList/index.tsx +0 -494
  221. package/publish/lib/esm/DropdownMenu/Option.tsx +0 -55
  222. package/publish/lib/esm/DropdownMenu/index.scss +0 -205
  223. package/publish/lib/esm/DropdownMenu/index.tsx +0 -377
  224. package/publish/lib/esm/DynamicFields/index.tsx +0 -404
  225. package/publish/lib/esm/EventCalendar/index.scss +0 -407
  226. package/publish/lib/esm/EventCalendar/index.tsx +0 -1004
  227. package/publish/lib/esm/EventCalendarTimeline/index.scss +0 -926
  228. package/publish/lib/esm/EventCalendarTimeline/index.tsx +0 -2683
  229. package/publish/lib/esm/File/index.tsx +0 -477
  230. package/publish/lib/esm/HorizontalScrollContent/index.scss +0 -87
  231. package/publish/lib/esm/HorizontalScrollContent/index.tsx +0 -171
  232. package/publish/lib/esm/Input/index.tsx +0 -614
  233. package/publish/lib/esm/LiveSearch/index.scss +0 -82
  234. package/publish/lib/esm/LiveSearch/index.tsx +0 -960
  235. package/publish/lib/esm/MasonryLayout/index.tsx +0 -326
  236. package/publish/lib/esm/ModalDialog/index.tsx +0 -552
  237. package/publish/lib/esm/ModeSwitch/index.tsx +0 -82
  238. package/publish/lib/esm/MultilevelDropdownMenu/ItemList.tsx +0 -265
  239. package/publish/lib/esm/MultilevelDropdownMenu/index.scss +0 -79
  240. package/publish/lib/esm/MultilevelDropdownMenu/index.tsx +0 -77
  241. package/publish/lib/esm/MultipleCheckboxes/index.tsx +0 -669
  242. package/publish/lib/esm/MultipleSelect/index.scss +0 -398
  243. package/publish/lib/esm/MultipleSelect/index.tsx +0 -766
  244. package/publish/lib/esm/MultipleSelect/utils/func.ts +0 -61
  245. package/publish/lib/esm/NativeSelect/index.tsx +0 -396
  246. package/publish/lib/esm/NativeSelect/utils/func.ts +0 -49
  247. package/publish/lib/esm/NumberInput/index.tsx +0 -385
  248. package/publish/lib/esm/Pagination/index.tsx +0 -286
  249. package/publish/lib/esm/Pagination/pagination-navigators.tsx +0 -60
  250. package/publish/lib/esm/Radio/index.tsx +0 -670
  251. package/publish/lib/esm/RangeSlider/index.scss +0 -186
  252. package/publish/lib/esm/RangeSlider/index.tsx +0 -241
  253. package/publish/lib/esm/RootPortal/index.tsx +0 -53
  254. package/publish/lib/esm/ScrollReveal/index.tsx +0 -148
  255. package/publish/lib/esm/Scrollbar/index.scss +0 -221
  256. package/publish/lib/esm/Scrollbar/index.tsx +0 -561
  257. package/publish/lib/esm/SearchBar/index.tsx +0 -253
  258. package/publish/lib/esm/Select/index.scss +0 -553
  259. package/publish/lib/esm/Select/index.tsx +0 -2816
  260. package/publish/lib/esm/Select/utils/func.ts +0 -106
  261. package/publish/lib/esm/ShowMoreLess/index.scss +0 -27
  262. package/publish/lib/esm/ShowMoreLess/index.tsx +0 -145
  263. package/publish/lib/esm/Switch/index.tsx +0 -147
  264. package/publish/lib/esm/Table/Table.tsx +0 -257
  265. package/publish/lib/esm/Table/TableBody.tsx +0 -41
  266. package/publish/lib/esm/Table/TableCaption.tsx +0 -34
  267. package/publish/lib/esm/Table/TableCell.tsx +0 -123
  268. package/publish/lib/esm/Table/TableColgroup.tsx +0 -38
  269. package/publish/lib/esm/Table/TableContext.tsx +0 -26
  270. package/publish/lib/esm/Table/TableFoot.tsx +0 -28
  271. package/publish/lib/esm/Table/TableHead.tsx +0 -28
  272. package/publish/lib/esm/Table/TableRow.tsx +0 -76
  273. package/publish/lib/esm/Table/index.scss +0 -418
  274. package/publish/lib/esm/Table/index.tsx +0 -14
  275. package/publish/lib/esm/Table/utils/DragHandleSprite.tsx +0 -46
  276. package/publish/lib/esm/Table/utils/SortSprite.tsx +0 -57
  277. package/publish/lib/esm/Table/utils/TableFilter.tsx +0 -56
  278. package/publish/lib/esm/Table/utils/ToggleSelection.tsx +0 -225
  279. package/publish/lib/esm/Table/utils/func.ts +0 -171
  280. package/publish/lib/esm/Table/utils/hooks/useTableDraggable.tsx +0 -342
  281. package/publish/lib/esm/Table/utils/hooks/useTableKeyPress.tsx +0 -154
  282. package/publish/lib/esm/Table/utils/hooks/useTableResponsive.tsx +0 -92
  283. package/publish/lib/esm/Table/utils/hooks/useTableSort.tsx +0 -143
  284. package/publish/lib/esm/Tabs/TabList.tsx +0 -50
  285. package/publish/lib/esm/Tabs/TabPanel.tsx +0 -44
  286. package/publish/lib/esm/Tabs/Tabs.tsx +0 -282
  287. package/publish/lib/esm/Tabs/index.tsx +0 -3
  288. package/publish/lib/esm/TagInput/index.scss +0 -126
  289. package/publish/lib/esm/TagInput/index.tsx +0 -352
  290. package/publish/lib/esm/Textarea/index.tsx +0 -608
  291. package/publish/lib/esm/Toast/Item.tsx +0 -124
  292. package/publish/lib/esm/Toast/index.scss +0 -269
  293. package/publish/lib/esm/Toast/index.tsx +0 -374
  294. package/publish/lib/esm/Tooltip/index.scss +0 -269
  295. package/publish/lib/esm/Tooltip/index.tsx +0 -312
  296. package/publish/lib/esm/Tree/TreeList.tsx +0 -616
  297. package/publish/lib/esm/Tree/index.scss +0 -386
  298. package/publish/lib/esm/Tree/index.tsx +0 -396
  299. package/publish/lib/esm/Tree/init-height.tsx +0 -27
  300. package/publish/lib/esm/Tree/utils/func.ts +0 -15
  301. package/publish/lib/esm/Utils/hooks/useAutosizeTextArea.tsx +0 -125
  302. package/publish/lib/esm/Utils/hooks/useBoundedDrag.tsx +0 -301
  303. package/publish/lib/esm/Utils/hooks/useClickOutside.tsx +0 -69
  304. package/publish/lib/esm/Utils/hooks/useComId.tsx +0 -13
  305. package/publish/lib/esm/Utils/hooks/useDebounce.tsx +0 -40
  306. package/publish/lib/esm/Utils/hooks/useDragDropPosition.tsx +0 -420
  307. package/publish/lib/esm/Utils/hooks/useDraggable.tsx +0 -265
  308. package/publish/lib/esm/Utils/hooks/useInterval.tsx +0 -74
  309. package/publish/lib/esm/Utils/hooks/useIsMobile.tsx +0 -56
  310. package/publish/lib/esm/Utils/hooks/useKeyPress.tsx +0 -104
  311. package/publish/lib/esm/Utils/hooks/useThrottle.tsx +0 -39
  312. package/publish/lib/esm/Utils/hooks/useWindowScroll.tsx +0 -83
  313. package/publish/lib/esm/Utils/libs/anim.ts +0 -96
  314. package/publish/lib/esm/Utils/libs/buffer.ts +0 -262
  315. package/publish/lib/esm/Utils/libs/cls.ts +0 -64
  316. package/publish/lib/esm/Utils/libs/convert.ts +0 -59
  317. package/publish/lib/esm/Utils/libs/date.ts +0 -578
  318. package/publish/lib/esm/Utils/libs/dom.ts +0 -150
  319. package/publish/lib/esm/Utils/libs/easing.ts +0 -201
  320. package/publish/lib/esm/Utils/libs/extract.ts +0 -86
  321. package/publish/lib/esm/Utils/libs/getElementProperty.ts +0 -150
  322. package/publish/lib/esm/Utils/libs/guid.ts +0 -16
  323. package/publish/lib/esm/Utils/libs/initDefaultOptions.ts +0 -104
  324. package/publish/lib/esm/Utils/libs/inputsCalculation.ts +0 -160
  325. package/publish/lib/esm/Utils/libs/math.ts +0 -276
  326. package/publish/lib/esm/Utils/libs/object.ts +0 -68
  327. package/publish/lib/esm/Utils/libs/os.ts +0 -63
  328. package/publish/lib/esm/Utils/libs/performance.ts +0 -47
  329. package/publish/lib/esm/Utils/libs/tree.ts +0 -119
  330. package/publish/lib/esm/Utils/libs/viewport.ts +0 -20
  331. package/publish/lib/esm/Utils/plugins/bodyScrollLock.ts +0 -286
  332. package/publish/lib/esm/index.js +0 -43
  333. package/publish/package.json +0 -1
  334. /package/{publish/Accordion → Accordion}/index.d.ts +0 -0
  335. /package/{publish/Accordion → Accordion}/index.js +0 -0
  336. /package/{publish/BackToTop → BackToTop}/index.css +0 -0
  337. /package/{publish/BackToTop → BackToTop}/index.d.ts +0 -0
  338. /package/{publish/BackToTop → BackToTop}/index.js +0 -0
  339. /package/{publish/CascadingSelect → CascadingSelect}/index.css +0 -0
  340. /package/{publish/CascadingSelect → CascadingSelect}/index.d.ts +0 -0
  341. /package/{publish/CascadingSelect → CascadingSelect}/index.js +0 -0
  342. /package/{publish/CascadingSelectE2E → CascadingSelectE2E}/index.css +0 -0
  343. /package/{publish/CascadingSelectE2E → CascadingSelectE2E}/index.d.ts +0 -0
  344. /package/{publish/CascadingSelectE2E → CascadingSelectE2E}/index.js +0 -0
  345. /package/{publish/Checkbox → Checkbox}/index.d.ts +0 -0
  346. /package/{publish/Checkbox → Checkbox}/index.js +0 -0
  347. /package/{publish/ColorPicker → ColorPicker}/index.css +0 -0
  348. /package/{publish/ColorPicker → ColorPicker}/index.d.ts +0 -0
  349. /package/{publish/ColorPicker → ColorPicker}/index.js +0 -0
  350. /package/{publish/Date → Date}/index.css +0 -0
  351. /package/{publish/Date → Date}/index.d.ts +0 -0
  352. /package/{publish/Date → Date}/index.js +0 -0
  353. /package/{publish/DigitalClock → DigitalClock}/index.d.ts +0 -0
  354. /package/{publish/DigitalClock → DigitalClock}/index.js +0 -0
  355. /package/{publish/DragDropList → DragDropList}/index.css +0 -0
  356. /package/{publish/DragDropList → DragDropList}/index.d.ts +0 -0
  357. /package/{publish/DragDropList → DragDropList}/index.js +0 -0
  358. /package/{publish/DropdownMenu → DropdownMenu}/index.css +0 -0
  359. /package/{publish/DropdownMenu → DropdownMenu}/index.d.ts +0 -0
  360. /package/{publish/DropdownMenu → DropdownMenu}/index.js +0 -0
  361. /package/{publish/DynamicFields → DynamicFields}/index.d.ts +0 -0
  362. /package/{publish/DynamicFields → DynamicFields}/index.js +0 -0
  363. /package/{publish/EventCalendar → EventCalendar}/index.css +0 -0
  364. /package/{publish/EventCalendar → EventCalendar}/index.d.ts +0 -0
  365. /package/{publish/EventCalendar → EventCalendar}/index.js +0 -0
  366. /package/{publish/EventCalendarTimeline → EventCalendarTimeline}/index.css +0 -0
  367. /package/{publish/EventCalendarTimeline → EventCalendarTimeline}/index.d.ts +0 -0
  368. /package/{publish/EventCalendarTimeline → EventCalendarTimeline}/index.js +0 -0
  369. /package/{publish/File → File}/index.d.ts +0 -0
  370. /package/{publish/File → File}/index.js +0 -0
  371. /package/{publish/HorizontalScrollContent → HorizontalScrollContent}/index.css +0 -0
  372. /package/{publish/HorizontalScrollContent → HorizontalScrollContent}/index.d.ts +0 -0
  373. /package/{publish/HorizontalScrollContent → HorizontalScrollContent}/index.js +0 -0
  374. /package/{publish/Input → Input}/index.d.ts +0 -0
  375. /package/{publish/Input → Input}/index.js +0 -0
  376. /package/{publish/LiveSearch → LiveSearch}/index.css +0 -0
  377. /package/{publish/LiveSearch → LiveSearch}/index.d.ts +0 -0
  378. /package/{publish/LiveSearch → LiveSearch}/index.js +0 -0
  379. /package/{publish/MasonryLayout → MasonryLayout}/index.d.ts +0 -0
  380. /package/{publish/MasonryLayout → MasonryLayout}/index.js +0 -0
  381. /package/{publish/ModalDialog → ModalDialog}/index.d.ts +0 -0
  382. /package/{publish/ModalDialog → ModalDialog}/index.js +0 -0
  383. /package/{publish/ModeSwitch → ModeSwitch}/index.d.ts +0 -0
  384. /package/{publish/ModeSwitch → ModeSwitch}/index.js +0 -0
  385. /package/{publish/MultilevelDropdownMenu → MultilevelDropdownMenu}/index.css +0 -0
  386. /package/{publish/MultilevelDropdownMenu → MultilevelDropdownMenu}/index.d.ts +0 -0
  387. /package/{publish/MultilevelDropdownMenu → MultilevelDropdownMenu}/index.js +0 -0
  388. /package/{publish/MultipleCheckboxes → MultipleCheckboxes}/index.d.ts +0 -0
  389. /package/{publish/MultipleCheckboxes → MultipleCheckboxes}/index.js +0 -0
  390. /package/{publish/MultipleSelect → MultipleSelect}/index.css +0 -0
  391. /package/{publish/MultipleSelect → MultipleSelect}/index.d.ts +0 -0
  392. /package/{publish/MultipleSelect → MultipleSelect}/index.js +0 -0
  393. /package/{publish/NativeSelect → NativeSelect}/index.d.ts +0 -0
  394. /package/{publish/NativeSelect → NativeSelect}/index.js +0 -0
  395. /package/{publish/NumberInput → NumberInput}/index.d.ts +0 -0
  396. /package/{publish/NumberInput → NumberInput}/index.js +0 -0
  397. /package/{publish/Pagination → Pagination}/index.d.ts +0 -0
  398. /package/{publish/Pagination → Pagination}/index.js +0 -0
  399. /package/{publish/Radio → Radio}/index.d.ts +0 -0
  400. /package/{publish/Radio → Radio}/index.js +0 -0
  401. /package/{publish/RangeSlider → RangeSlider}/index.css +0 -0
  402. /package/{publish/RangeSlider → RangeSlider}/index.d.ts +0 -0
  403. /package/{publish/RangeSlider → RangeSlider}/index.js +0 -0
  404. /package/{publish/RootPortal → RootPortal}/index.d.ts +0 -0
  405. /package/{publish/RootPortal → RootPortal}/index.js +0 -0
  406. /package/{publish/ScrollReveal → ScrollReveal}/index.d.ts +0 -0
  407. /package/{publish/ScrollReveal → ScrollReveal}/index.js +0 -0
  408. /package/{publish/Scrollbar → Scrollbar}/index.css +0 -0
  409. /package/{publish/Scrollbar → Scrollbar}/index.d.ts +0 -0
  410. /package/{publish/Scrollbar → Scrollbar}/index.js +0 -0
  411. /package/{publish/SearchBar → SearchBar}/index.d.ts +0 -0
  412. /package/{publish/SearchBar → SearchBar}/index.js +0 -0
  413. /package/{publish/Select → Select}/index.css +0 -0
  414. /package/{publish/Select → Select}/index.d.ts +0 -0
  415. /package/{publish/Select → Select}/index.js +0 -0
  416. /package/{publish/ShowMoreLess → ShowMoreLess}/index.css +0 -0
  417. /package/{publish/ShowMoreLess → ShowMoreLess}/index.d.ts +0 -0
  418. /package/{publish/ShowMoreLess → ShowMoreLess}/index.js +0 -0
  419. /package/{publish/Switch → Switch}/index.d.ts +0 -0
  420. /package/{publish/Switch → Switch}/index.js +0 -0
  421. /package/{publish/Table → Table}/index.css +0 -0
  422. /package/{publish/Table → Table}/index.d.ts +0 -0
  423. /package/{publish/Table → Table}/index.js +0 -0
  424. /package/{publish/Tabs → Tabs}/index.d.ts +0 -0
  425. /package/{publish/Tabs → Tabs}/index.js +0 -0
  426. /package/{publish/TagInput → TagInput}/index.css +0 -0
  427. /package/{publish/TagInput → TagInput}/index.d.ts +0 -0
  428. /package/{publish/TagInput → TagInput}/index.js +0 -0
  429. /package/{publish/Textarea → Textarea}/index.d.ts +0 -0
  430. /package/{publish/Textarea → Textarea}/index.js +0 -0
  431. /package/{publish/Toast → Toast}/index.css +0 -0
  432. /package/{publish/Toast → Toast}/index.d.ts +0 -0
  433. /package/{publish/Toast → Toast}/index.js +0 -0
  434. /package/{publish/Tooltip → Tooltip}/index.css +0 -0
  435. /package/{publish/Tooltip → Tooltip}/index.d.ts +0 -0
  436. /package/{publish/Tooltip → Tooltip}/index.js +0 -0
  437. /package/{publish/Tree → Tree}/index.css +0 -0
  438. /package/{publish/Tree → Tree}/index.d.ts +0 -0
  439. /package/{publish/Tree → Tree}/index.js +0 -0
  440. /package/{publish/Utils → Utils}/anim.d.ts +0 -0
  441. /package/{publish/Utils → Utils}/anim.js +0 -0
  442. /package/{publish/Utils → Utils}/bodyScrollLock.d.ts +0 -0
  443. /package/{publish/Utils → Utils}/bodyScrollLock.js +0 -0
  444. /package/{publish/Utils → Utils}/buffer.d.ts +0 -0
  445. /package/{publish/Utils → Utils}/buffer.js +0 -0
  446. /package/{publish/Utils → Utils}/cls.d.ts +0 -0
  447. /package/{publish/Utils → Utils}/cls.js +0 -0
  448. /package/{publish/Utils → Utils}/convert.d.ts +0 -0
  449. /package/{publish/Utils → Utils}/convert.js +0 -0
  450. /package/{publish/Utils → Utils}/date.d.ts +0 -0
  451. /package/{publish/Utils → Utils}/date.js +0 -0
  452. /package/{publish/Utils → Utils}/dom.d.ts +0 -0
  453. /package/{publish/Utils → Utils}/dom.js +0 -0
  454. /package/{publish/Utils → Utils}/easing.d.ts +0 -0
  455. /package/{publish/Utils → Utils}/easing.js +0 -0
  456. /package/{publish/Utils → Utils}/extract.d.ts +0 -0
  457. /package/{publish/Utils → Utils}/extract.js +0 -0
  458. /package/{publish/Utils → Utils}/getElementProperty.d.ts +0 -0
  459. /package/{publish/Utils → Utils}/getElementProperty.js +0 -0
  460. /package/{publish/Utils → Utils}/guid.d.ts +0 -0
  461. /package/{publish/Utils → Utils}/guid.js +0 -0
  462. /package/{publish/Utils → Utils}/initDefaultOptions.d.ts +0 -0
  463. /package/{publish/Utils → Utils}/initDefaultOptions.js +0 -0
  464. /package/{publish/Utils → Utils}/inputsCalculation.d.ts +0 -0
  465. /package/{publish/Utils → Utils}/inputsCalculation.js +0 -0
  466. /package/{publish/Utils → Utils}/math.d.ts +0 -0
  467. /package/{publish/Utils → Utils}/math.js +0 -0
  468. /package/{publish/Utils → Utils}/object.d.ts +0 -0
  469. /package/{publish/Utils → Utils}/object.js +0 -0
  470. /package/{publish/Utils → Utils}/os.d.ts +0 -0
  471. /package/{publish/Utils → Utils}/os.js +0 -0
  472. /package/{publish/Utils → Utils}/performance.d.ts +0 -0
  473. /package/{publish/Utils → Utils}/performance.js +0 -0
  474. /package/{publish/Utils → Utils}/tree.d.ts +0 -0
  475. /package/{publish/Utils → Utils}/tree.js +0 -0
  476. /package/{publish/Utils → Utils}/useAutosizeTextArea.d.ts +0 -0
  477. /package/{publish/Utils → Utils}/useAutosizeTextArea.js +0 -0
  478. /package/{publish/Utils → Utils}/useBoundedDrag.d.ts +0 -0
  479. /package/{publish/Utils → Utils}/useBoundedDrag.js +0 -0
  480. /package/{publish/Utils → Utils}/useClickOutside.d.ts +0 -0
  481. /package/{publish/Utils → Utils}/useClickOutside.js +0 -0
  482. /package/{publish/Utils → Utils}/useComId.d.ts +0 -0
  483. /package/{publish/Utils → Utils}/useComId.js +0 -0
  484. /package/{publish/Utils → Utils}/useDebounce.d.ts +0 -0
  485. /package/{publish/Utils → Utils}/useDebounce.js +0 -0
  486. /package/{publish/Utils → Utils}/useDragDropPosition.d.ts +0 -0
  487. /package/{publish/Utils → Utils}/useDragDropPosition.js +0 -0
  488. /package/{publish/Utils → Utils}/useDraggable.d.ts +0 -0
  489. /package/{publish/Utils → Utils}/useDraggable.js +0 -0
  490. /package/{publish/Utils → Utils}/useInterval.d.ts +0 -0
  491. /package/{publish/Utils → Utils}/useInterval.js +0 -0
  492. /package/{publish/Utils → Utils}/useIsMobile.d.ts +0 -0
  493. /package/{publish/Utils → Utils}/useIsMobile.js +0 -0
  494. /package/{publish/Utils → Utils}/useKeyPress.d.ts +0 -0
  495. /package/{publish/Utils → Utils}/useKeyPress.js +0 -0
  496. /package/{publish/Utils → Utils}/useThrottle.d.ts +0 -0
  497. /package/{publish/Utils → Utils}/useThrottle.js +0 -0
  498. /package/{publish/Utils → Utils}/useWindowScroll.d.ts +0 -0
  499. /package/{publish/Utils → Utils}/useWindowScroll.js +0 -0
  500. /package/{publish/Utils → Utils}/viewport.d.ts +0 -0
  501. /package/{publish/Utils → Utils}/viewport.js +0 -0
@@ -1,1587 +0,0 @@
1
- (function webpackUniversalModuleDefinition(root, factory) {
2
- if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"));
4
- else if(typeof define === 'function' && define.amd)
5
- define(["react"], factory);
6
- else if(typeof exports === 'object')
7
- exports["RPB"] = factory(require("react"));
8
- else
9
- root["RPB"] = factory(root["React"]);
10
- })(this, (__WEBPACK_EXTERNAL_MODULE__787__) => {
11
- return /******/ (() => { // webpackBootstrap
12
- /******/ var __webpack_modules__ = ({
13
-
14
- /***/ 188:
15
- /***/ (function(module, exports, __webpack_require__) {
16
-
17
- /* module decorator */ module = __webpack_require__.nmd(module);
18
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
19
- (function webpackUniversalModuleDefinition(root, factory) {
20
- if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
21
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
22
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
23
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
24
- })(this, function () {
25
- return (/******/function () {
26
- // webpackBootstrap
27
- /******/
28
- "use strict";
29
-
30
- /******/ // The require scope
31
- /******/
32
- var __nested_webpack_require_993__ = {};
33
- /******/
34
- /************************************************************************/
35
- /******/ /* webpack/runtime/define property getters */
36
- /******/
37
- (function () {
38
- /******/ // define getter functions for harmony exports
39
- /******/__nested_webpack_require_993__.d = function (exports, definition) {
40
- /******/for (var key in definition) {
41
- /******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
42
- /******/Object.defineProperty(exports, key, {
43
- enumerable: true,
44
- get: definition[key]
45
- });
46
- /******/
47
- }
48
- /******/
49
- }
50
- /******/
51
- };
52
- /******/
53
- })();
54
- /******/
55
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
56
- /******/
57
- (function () {
58
- /******/__nested_webpack_require_993__.o = function (obj, prop) {
59
- return Object.prototype.hasOwnProperty.call(obj, prop);
60
- };
61
- /******/
62
- })();
63
- /******/
64
- /******/ /* webpack/runtime/make namespace object */
65
- /******/
66
- (function () {
67
- /******/ // define __esModule on exports
68
- /******/__nested_webpack_require_993__.r = function (exports) {
69
- /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
70
- /******/Object.defineProperty(exports, Symbol.toStringTag, {
71
- value: 'Module'
72
- });
73
- /******/
74
- }
75
- /******/
76
- Object.defineProperty(exports, '__esModule', {
77
- value: true
78
- });
79
- /******/
80
- };
81
- /******/
82
- })();
83
- /******/
84
- /************************************************************************/
85
- var __webpack_exports__ = {};
86
- __nested_webpack_require_993__.r(__webpack_exports__);
87
- /* harmony export */
88
- __nested_webpack_require_993__.d(__webpack_exports__, {
89
- /* harmony export */"clsWrite": function clsWrite() {
90
- return (/* binding */_clsWrite
91
- );
92
- },
93
- /* harmony export */"combinedCls": function combinedCls() {
94
- return (/* binding */_combinedCls
95
- );
96
- }
97
- /* harmony export */
98
- });
99
- function _slicedToArray(arr, i) {
100
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
101
- }
102
- function _nonIterableRest() {
103
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
104
- }
105
- function _unsupportedIterableToArray(o, minLen) {
106
- if (!o) return;
107
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
108
- var n = Object.prototype.toString.call(o).slice(8, -1);
109
- if (n === "Object" && o.constructor) n = o.constructor.name;
110
- if (n === "Map" || n === "Set") return Array.from(o);
111
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
112
- }
113
- function _arrayLikeToArray(arr, len) {
114
- if (len == null || len > arr.length) len = arr.length;
115
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
116
- return arr2;
117
- }
118
- function _iterableToArrayLimit(arr, i) {
119
- var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
120
- if (null != _i) {
121
- var _s,
122
- _e,
123
- _x,
124
- _r,
125
- _arr = [],
126
- _n = !0,
127
- _d = !1;
128
- try {
129
- if (_x = (_i = _i.call(arr)).next, 0 === i) {
130
- if (Object(_i) !== _i) return;
131
- _n = !1;
132
- } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
133
- } catch (err) {
134
- _d = !0, _e = err;
135
- } finally {
136
- try {
137
- if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
138
- } finally {
139
- if (_d) throw _e;
140
- }
141
- }
142
- return _arr;
143
- }
144
- }
145
- function _arrayWithHoles(arr) {
146
- if (Array.isArray(arr)) return arr;
147
- }
148
- function _typeof(obj) {
149
- "@babel/helpers - typeof";
150
-
151
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
152
- return typeof obj;
153
- } : function (obj) {
154
- return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
155
- }, _typeof(obj);
156
- }
157
- /**
158
- * Output of class name
159
- * @param {*} s - Any
160
- * @param {String} defaultCls - Default string
161
- * @param {?*} targetCls - Any
162
- * @returns {*}
163
- */
164
- function _clsWrite(s, defaultCls) {
165
- var targetCls = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
166
- return s || s === '' ? typeof targetCls === 'undefined' ? s : targetCls : defaultCls;
167
- }
168
-
169
- /**
170
- * Combined classnames
171
- * @param {*} args
172
- * @returns {String|undefined}
173
- */
174
- /* Usage:
175
-
176
- console.log(combinedCls('a-1', 'a-2', 'a-3', {
177
- 'p-1': null,
178
- 'p-2': undefined,
179
- 'p-3': true,
180
- 'p-4': false,
181
- 'p-5': 'kkk',
182
- 'p-6': 0,
183
- 'p-7': 1,
184
- 'p-8': '',
185
- undefined
186
- })); // a-1 a-2 a-3 p-3 p-5 p-7
187
- */
188
- function _combinedCls() {
189
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
190
- args[_key] = arguments[_key];
191
- }
192
- if (args) {
193
- var classes = [];
194
- for (var i = 0; i < args.length; i++) {
195
- var className = args[i];
196
- if (!className) {
197
- continue;
198
- }
199
- var type = _typeof(className);
200
- if (type === 'string' || type === 'number') {
201
- classes.push(className);
202
- } else if (type === 'object') {
203
- var _classes = Array.isArray(className) ? className : Object.entries(className).map(function (_ref) {
204
- var _ref2 = _slicedToArray(_ref, 2),
205
- key = _ref2[0],
206
- value = _ref2[1];
207
- return value ? key : null;
208
- });
209
- classes = _classes.length ? classes.concat(_classes.filter(function (c) {
210
- return !!c;
211
- })) : classes;
212
- }
213
- }
214
- return classes.join(' ').trim();
215
- }
216
- return undefined;
217
- }
218
-
219
- /******/
220
- return __webpack_exports__;
221
- /******/
222
- }()
223
- );
224
- });
225
-
226
- /***/ }),
227
-
228
- /***/ 438:
229
- /***/ (function(module, exports, __webpack_require__) {
230
-
231
- /* module decorator */ module = __webpack_require__.nmd(module);
232
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof2(obj) { "@babel/helpers - typeof"; return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof2(obj); }
233
- (function webpackUniversalModuleDefinition(root, factory) {
234
- if (( false ? 0 : _typeof2(exports)) === 'object' && ( false ? 0 : _typeof2(module)) === 'object') module.exports = factory();else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
235
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
236
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
237
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
238
- })(this, function () {
239
- return (/******/function () {
240
- // webpackBootstrap
241
- /******/
242
- "use strict";
243
-
244
- /******/ // The require scope
245
- /******/
246
- var __nested_webpack_require_993__ = {};
247
- /******/
248
- /************************************************************************/
249
- /******/ /* webpack/runtime/define property getters */
250
- /******/
251
- (function () {
252
- /******/ // define getter functions for harmony exports
253
- /******/__nested_webpack_require_993__.d = function (exports, definition) {
254
- /******/for (var key in definition) {
255
- /******/if (__nested_webpack_require_993__.o(definition, key) && !__nested_webpack_require_993__.o(exports, key)) {
256
- /******/Object.defineProperty(exports, key, {
257
- enumerable: true,
258
- get: definition[key]
259
- });
260
- /******/
261
- }
262
- /******/
263
- }
264
- /******/
265
- };
266
- /******/
267
- })();
268
- /******/
269
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
270
- /******/
271
- (function () {
272
- /******/__nested_webpack_require_993__.o = function (obj, prop) {
273
- return Object.prototype.hasOwnProperty.call(obj, prop);
274
- };
275
- /******/
276
- })();
277
- /******/
278
- /******/ /* webpack/runtime/make namespace object */
279
- /******/
280
- (function () {
281
- /******/ // define __esModule on exports
282
- /******/__nested_webpack_require_993__.r = function (exports) {
283
- /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
284
- /******/Object.defineProperty(exports, Symbol.toStringTag, {
285
- value: 'Module'
286
- });
287
- /******/
288
- }
289
- /******/
290
- Object.defineProperty(exports, '__esModule', {
291
- value: true
292
- });
293
- /******/
294
- };
295
- /******/
296
- })();
297
- /******/
298
- /************************************************************************/
299
- var __webpack_exports__ = {};
300
- __nested_webpack_require_993__.r(__webpack_exports__);
301
- /* harmony export */
302
- __nested_webpack_require_993__.d(__webpack_exports__, {
303
- /* harmony export */"addTreeDepth": function addTreeDepth() {
304
- return (/* binding */_addTreeDepth
305
- );
306
- },
307
- /* harmony export */"addTreeIndent": function addTreeIndent() {
308
- return (/* binding */_addTreeIndent
309
- );
310
- },
311
- /* harmony export */"convertTree": function convertTree() {
312
- return (/* binding */_convertTree
313
- );
314
- },
315
- /* harmony export */"flatTree": function flatTree() {
316
- return (/* binding */_flatTree
317
- );
318
- },
319
- /* harmony export */"getAllDepth": function getAllDepth() {
320
- return (/* binding */_getAllDepth
321
- );
322
- }
323
- /* harmony export */
324
- });
325
- function _typeof(obj) {
326
- "@babel/helpers - typeof";
327
-
328
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
329
- return typeof obj;
330
- } : function (obj) {
331
- return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
332
- }, _typeof(obj);
333
- }
334
- var _excluded = ["children"];
335
- function _objectWithoutProperties(source, excluded) {
336
- if (source == null) return {};
337
- var target = _objectWithoutPropertiesLoose(source, excluded);
338
- var key, i;
339
- if (Object.getOwnPropertySymbols) {
340
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
341
- for (i = 0; i < sourceSymbolKeys.length; i++) {
342
- key = sourceSymbolKeys[i];
343
- if (excluded.indexOf(key) >= 0) continue;
344
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
345
- target[key] = source[key];
346
- }
347
- }
348
- return target;
349
- }
350
- function _objectWithoutPropertiesLoose(source, excluded) {
351
- if (source == null) return {};
352
- var target = {};
353
- var sourceKeys = Object.keys(source);
354
- var key, i;
355
- for (i = 0; i < sourceKeys.length; i++) {
356
- key = sourceKeys[i];
357
- if (excluded.indexOf(key) >= 0) continue;
358
- target[key] = source[key];
359
- }
360
- return target;
361
- }
362
- function ownKeys(object, enumerableOnly) {
363
- var keys = Object.keys(object);
364
- if (Object.getOwnPropertySymbols) {
365
- var symbols = Object.getOwnPropertySymbols(object);
366
- enumerableOnly && (symbols = symbols.filter(function (sym) {
367
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
368
- })), keys.push.apply(keys, symbols);
369
- }
370
- return keys;
371
- }
372
- function _objectSpread(target) {
373
- for (var i = 1; i < arguments.length; i++) {
374
- var source = null != arguments[i] ? arguments[i] : {};
375
- i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
376
- _defineProperty(target, key, source[key]);
377
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
378
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
379
- });
380
- }
381
- return target;
382
- }
383
- function _defineProperty(obj, key, value) {
384
- key = _toPropertyKey(key);
385
- if (key in obj) {
386
- Object.defineProperty(obj, key, {
387
- value: value,
388
- enumerable: true,
389
- configurable: true,
390
- writable: true
391
- });
392
- } else {
393
- obj[key] = value;
394
- }
395
- return obj;
396
- }
397
- function _toPropertyKey(arg) {
398
- var key = _toPrimitive(arg, "string");
399
- return _typeof(key) === "symbol" ? key : String(key);
400
- }
401
- function _toPrimitive(input, hint) {
402
- if (_typeof(input) !== "object" || input === null) return input;
403
- var prim = input[Symbol.toPrimitive];
404
- if (prim !== undefined) {
405
- var res = prim.call(input, hint || "default");
406
- if (_typeof(res) !== "object") return res;
407
- throw new TypeError("@@toPrimitive must return a primitive value.");
408
- }
409
- return (hint === "string" ? String : Number)(input);
410
- }
411
- function _toConsumableArray(arr) {
412
- return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
413
- }
414
- function _nonIterableSpread() {
415
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
416
- }
417
- function _unsupportedIterableToArray(o, minLen) {
418
- if (!o) return;
419
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
420
- var n = Object.prototype.toString.call(o).slice(8, -1);
421
- if (n === "Object" && o.constructor) n = o.constructor.name;
422
- if (n === "Map" || n === "Set") return Array.from(o);
423
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
424
- }
425
- function _iterableToArray(iter) {
426
- if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
427
- }
428
- function _arrayWithoutHoles(arr) {
429
- if (Array.isArray(arr)) return _arrayLikeToArray(arr);
430
- }
431
- function _arrayLikeToArray(arr, len) {
432
- if (len == null || len > arr.length) len = arr.length;
433
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
434
- return arr2;
435
- }
436
- function _objectDestructuringEmpty(obj) {
437
- if (obj == null) throw new TypeError("Cannot destructure " + obj);
438
- }
439
- function _extends() {
440
- _extends = Object.assign ? Object.assign.bind() : function (target) {
441
- for (var i = 1; i < arguments.length; i++) {
442
- var source = arguments[i];
443
- for (var key in source) {
444
- if (Object.prototype.hasOwnProperty.call(source, key)) {
445
- target[key] = source[key];
446
- }
447
- }
448
- }
449
- return target;
450
- };
451
- return _extends.apply(this, arguments);
452
- }
453
- /**
454
- * Convert Tree
455
- * @param {Array} arr - Flat array
456
- * @param {?string | ?number} parentId - Parent id
457
- * @param {?string} keyId - Key value of id.
458
- * @param {?string} keyParentId - Key value of parent id.
459
- * @returns Array
460
- */
461
- function _convertTree(arr) {
462
- var parentId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
463
- var keyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
464
- var keyParentId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'parent_id';
465
- if (!parentId) {
466
- // If there is no parent id (when recursing for the first time), all parents will be queried
467
- return arr.filter(function (item) {
468
- return !item[keyParentId];
469
- }).map(function (item) {
470
- // Query all child nodes by parent node ID
471
- item.children = _convertTree(arr, item[keyId], keyId, keyParentId);
472
- return item;
473
- });
474
- } else {
475
- return arr.filter(function (item) {
476
- return item[keyParentId] === parentId;
477
- }).map(function (item) {
478
- // Query all child nodes by parent node ID
479
- item.children = _convertTree(arr, item[keyId], keyId, keyParentId);
480
- return item;
481
- });
482
- }
483
- }
484
-
485
- /**
486
- * Flat tree
487
- * @param {Array} arr - Hierarchical array
488
- * @returns Array
489
- */
490
- function _flatTree(arr) {
491
- var flatData = function flatData(_ref) {
492
- var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
493
- var _rest$children = rest.children,
494
- children = _rest$children === void 0 ? [] : _rest$children;
495
- return [_objectSpread({}, rest)].concat(_toConsumableArray(children.flatMap(flatData)));
496
- };
497
- var result = arr.flatMap(flatData);
498
-
499
- //remove children from item
500
- result = result.map(function (item) {
501
- delete item.children;
502
- return item;
503
- });
504
- return result;
505
- }
506
-
507
- /**
508
- * Get all depth
509
- * @param {Object} node
510
- * @returns Number
511
- */
512
- function _getAllDepth(arr) {
513
- var count = function count(children) {
514
- return children.reduce(function (depth, child) {
515
- return Math.max(depth, 1 + count(child.children)); // increment depth of children by 1, and compare it with accumulated depth of other children within the same element
516
- }, 0); //default value 0 that's returned if there are no children
517
- };
518
-
519
- return count(arr);
520
- }
521
-
522
- /**
523
- * Add depth to each item in the tree
524
- * @param {Array} arr - Hierarchical array
525
- * @param {?string} keyId - Key value of id.
526
- * @param {?string} keyParentId - Key value of parent id.
527
- * @param {?number} depth - Depth of the item.
528
- * @returns Number
529
- */
530
- function _addTreeDepth(arr) {
531
- var keyId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
532
- var parentItem = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
533
- var depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
534
- return arr.reduce(function (acc, el) {
535
- var children = el.children,
536
- otherProps = _objectWithoutProperties(el, _excluded);
537
- acc.push(_objectSpread(_objectSpread({}, otherProps), {}, {
538
- parentItem: parentItem,
539
- depth: depth
540
- }));
541
- if (children) {
542
- return acc.concat(_addTreeDepth(children, keyId, el[keyId], depth + 1));
543
- }
544
- return acc;
545
- }, []);
546
- }
547
-
548
- /**
549
- * Add indent placeholder
550
- * @param {Array} arr - Flat array
551
- * @param {?string} placeholder - String of placeholder
552
- * @param {?string} lastPlaceholder - Last String of placeholder
553
- * @param {?string} keyName - Key value of name.
554
- * @returns Array
555
- */
556
- function _addTreeIndent(arr) {
557
- var placeholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '&nbsp;&nbsp;&nbsp;&nbsp;';
558
- var lastPlaceholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
559
- var keyName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'label';
560
- arr.forEach(function (item) {
561
- var indent = '';
562
- if (item.depth) {
563
- Array(item.depth).fill(0).forEach(function (k, i) {
564
- indent += placeholder;
565
- if (i === item.depth - 1) {
566
- item[keyName] = indent + lastPlaceholder + item[keyName];
567
- }
568
- });
569
- }
570
- });
571
- }
572
-
573
- /******/
574
- return __webpack_exports__;
575
- /******/
576
- }()
577
- );
578
- });
579
-
580
- /***/ }),
581
-
582
- /***/ 759:
583
- /***/ (function(module, exports, __webpack_require__) {
584
-
585
- /* module decorator */ module = __webpack_require__.nmd(module);
586
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
587
- (function webpackUniversalModuleDefinition(root, factory) {
588
- if (( false ? 0 : _typeof(exports)) === 'object' && ( false ? 0 : _typeof(module)) === 'object') module.exports = factory(__webpack_require__(787));else if (true) !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(787)], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
589
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
590
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
591
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));else {}
592
- })(this, function (__WEBPACK_EXTERNAL_MODULE__787__) {
593
- return (/******/function () {
594
- // webpackBootstrap
595
- /******/
596
- "use strict";
597
-
598
- /******/
599
- var __webpack_modules__ = {
600
- /***/787: /***/function _(module) {
601
- module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
602
-
603
- /***/
604
- }
605
-
606
- /******/
607
- };
608
- /************************************************************************/
609
- /******/ // The module cache
610
- /******/
611
- var __webpack_module_cache__ = {};
612
- /******/
613
- /******/ // The require function
614
- /******/
615
- function __nested_webpack_require_1465__(moduleId) {
616
- /******/ // Check if module is in cache
617
- /******/var cachedModule = __webpack_module_cache__[moduleId];
618
- /******/
619
- if (cachedModule !== undefined) {
620
- /******/return cachedModule.exports;
621
- /******/
622
- }
623
- /******/ // Create a new module (and put it into the cache)
624
- /******/
625
- var module = __webpack_module_cache__[moduleId] = {
626
- /******/ // no module.id needed
627
- /******/ // no module.loaded needed
628
- /******/exports: {}
629
- /******/
630
- };
631
- /******/
632
- /******/ // Execute the module function
633
- /******/
634
- __webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_1465__);
635
- /******/
636
- /******/ // Return the exports of the module
637
- /******/
638
- return module.exports;
639
- /******/
640
- }
641
- /******/
642
- /************************************************************************/
643
- /******/ /* webpack/runtime/compat get default export */
644
- /******/
645
- (function () {
646
- /******/ // getDefaultExport function for compatibility with non-harmony modules
647
- /******/__nested_webpack_require_1465__.n = function (module) {
648
- /******/var getter = module && module.__esModule ? /******/function () {
649
- return module['default'];
650
- } : /******/function () {
651
- return module;
652
- };
653
- /******/
654
- __nested_webpack_require_1465__.d(getter, {
655
- a: getter
656
- });
657
- /******/
658
- return getter;
659
- /******/
660
- };
661
- /******/
662
- })();
663
- /******/
664
- /******/ /* webpack/runtime/define property getters */
665
- /******/
666
- (function () {
667
- /******/ // define getter functions for harmony exports
668
- /******/__nested_webpack_require_1465__.d = function (exports, definition) {
669
- /******/for (var key in definition) {
670
- /******/if (__nested_webpack_require_1465__.o(definition, key) && !__nested_webpack_require_1465__.o(exports, key)) {
671
- /******/Object.defineProperty(exports, key, {
672
- enumerable: true,
673
- get: definition[key]
674
- });
675
- /******/
676
- }
677
- /******/
678
- }
679
- /******/
680
- };
681
- /******/
682
- })();
683
- /******/
684
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
685
- /******/
686
- (function () {
687
- /******/__nested_webpack_require_1465__.o = function (obj, prop) {
688
- return Object.prototype.hasOwnProperty.call(obj, prop);
689
- };
690
- /******/
691
- })();
692
- /******/
693
- /******/ /* webpack/runtime/make namespace object */
694
- /******/
695
- (function () {
696
- /******/ // define __esModule on exports
697
- /******/__nested_webpack_require_1465__.r = function (exports) {
698
- /******/if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
699
- /******/Object.defineProperty(exports, Symbol.toStringTag, {
700
- value: 'Module'
701
- });
702
- /******/
703
- }
704
- /******/
705
- Object.defineProperty(exports, '__esModule', {
706
- value: true
707
- });
708
- /******/
709
- };
710
- /******/
711
- })();
712
- /******/
713
- /************************************************************************/
714
- var __webpack_exports__ = {};
715
- // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
716
- (function () {
717
- __nested_webpack_require_1465__.r(__webpack_exports__);
718
- /* harmony export */
719
- __nested_webpack_require_1465__.d(__webpack_exports__, {
720
- /* harmony export */"default": function _default() {
721
- return __WEBPACK_DEFAULT_EXPORT__;
722
- },
723
- /* harmony export */"useBoundedDrag": function useBoundedDrag() {
724
- return (/* binding */_useBoundedDrag
725
- );
726
- }
727
- /* harmony export */
728
- });
729
- /* harmony import */
730
- var react__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_1465__(787);
731
- /* harmony import */
732
- var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__nested_webpack_require_1465__.n(react__WEBPACK_IMPORTED_MODULE_0__);
733
- function _slicedToArray(arr, i) {
734
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
735
- }
736
- function _nonIterableRest() {
737
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
738
- }
739
- function _unsupportedIterableToArray(o, minLen) {
740
- if (!o) return;
741
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
742
- var n = Object.prototype.toString.call(o).slice(8, -1);
743
- if (n === "Object" && o.constructor) n = o.constructor.name;
744
- if (n === "Map" || n === "Set") return Array.from(o);
745
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
746
- }
747
- function _arrayLikeToArray(arr, len) {
748
- if (len == null || len > arr.length) len = arr.length;
749
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
750
- return arr2;
751
- }
752
- function _iterableToArrayLimit(arr, i) {
753
- var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
754
- if (null != _i) {
755
- var _s,
756
- _e,
757
- _x,
758
- _r,
759
- _arr = [],
760
- _n = !0,
761
- _d = !1;
762
- try {
763
- if (_x = (_i = _i.call(arr)).next, 0 === i) {
764
- if (Object(_i) !== _i) return;
765
- _n = !1;
766
- } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
767
- } catch (err) {
768
- _d = !0, _e = err;
769
- } finally {
770
- try {
771
- if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
772
- } finally {
773
- if (_d) throw _e;
774
- }
775
- }
776
- return _arr;
777
- }
778
- }
779
- function _arrayWithHoles(arr) {
780
- if (Array.isArray(arr)) return arr;
781
- }
782
- /**
783
- * Bounded Drag
784
- *
785
- * @usage:
786
-
787
-
788
- const App = () => {
789
- const [items, setItems] = useState<ListItem[]>([]);
790
- // ... other states and refs
791
-
792
- const deepCloneWithReactNode = (obj: any): any => {
793
- if (obj === null || typeof obj !== 'object') {
794
- return obj;
795
- }
796
-
797
- // Handle array
798
- if (Array.isArray(obj)) {
799
- return obj.map(item => deepCloneWithReactNode(item));
800
- }
801
-
802
- // Handle object
803
- const clonedObj: any = {};
804
- for (const key in obj) {
805
- if (key === 'appendControl') {
806
- clonedObj[key] = obj[key];
807
- } else {
808
- clonedObj[key] = deepCloneWithReactNode(obj[key]);
809
- }
810
- }
811
- return clonedObj;
812
- };
813
-
814
-
815
- const getItemWithChildrenIndices = (items: ListItem[], startIndex: number): number[] => {
816
- const indices = [startIndex];
817
- const startItem = items[startIndex];
818
- const startDepth = startItem.depth || 0;
819
-
820
- // Check if subsequent items are child items
821
- for (let i = startIndex + 1; i < items.length; i++) {
822
- const currentItem = items[i];
823
- const currentDepth = currentItem.depth || 0;
824
- if (currentDepth > startDepth) {
825
- indices.push(i);
826
- } else {
827
- break;
828
- }
829
- }
830
-
831
- return indices;
832
- };
833
-
834
-
835
- const { isDragging, dragHandlers } = useBoundedDrag({
836
- dragMode,
837
- boundarySelector: '.custom-draggable-list',
838
- itemSelector:'.custom-draggable-list__item',
839
- dragHandleSelector: '.custom-draggable-list__handle',
840
- onDragStart: (index: number) => {
841
- // Additional drag start logic if needed
842
- },
843
- onDragOver: (dragIndex: number | null, dropIndex: number | null) => {
844
- // Additional drag over logic if needed
845
- },
846
- onDragEnd: (dragIndex: number | null, dropIndex: number | null) => {
847
- if (dragIndex !== null && dropIndex !== null && dragIndex !== dropIndex) {
848
- // Handle item movement
849
- const newItems = deepCloneWithReactNode(items);
850
- const itemsToMove = getItemWithChildrenIndices(newItems, dragIndex);
851
- const itemsBeingMoved = itemsToMove.map(index => newItems[index]);
852
-
853
- // ... rest of your existing drag end logic ...
854
-
855
- setItems(updatedItems);
856
-
857
- }
858
- }
859
- });
860
-
861
- // Update your JSX to use the new handlers
862
- return (
863
- <ul className="custom-draggable-list">
864
- {items.map((item: any, index: number) => (
865
- <li
866
- // ... other props
867
- draggable={!draggable ? undefined : editingItem !== item.id && "true"}
868
- onDragStart={!draggable ? undefined : (e) => dragHandlers.handleDragStart(e, index)}
869
- onDragOver={!draggable ? undefined : dragHandlers.handleDragOver}
870
- onDragEnd={!draggable ? undefined : dragHandlers.handleDragEnd}
871
- onTouchStart={!draggable ? undefined : (e) => dragHandlers.handleDragStart(e, index)}
872
- onTouchMove={!draggable ? undefined : dragHandlers.handleDragOver}
873
- onTouchEnd={!draggable ? undefined : dragHandlers.handleDragEnd}
874
- >
875
- <li className="custom-draggable-list__item">
876
- <span className="custom-draggable-list__handle">☰</span>
877
- <i>content {indec}<i>
878
- </li>
879
- </li>
880
- ))}
881
- </ul>
882
- );
883
-
884
- */
885
-
886
- var _useBoundedDrag = function useBoundedDrag() {
887
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
888
- var _options$dragMode = options.dragMode,
889
- dragMode = _options$dragMode === void 0 ? 'handle' : _options$dragMode,
890
- _options$boundarySele = options.boundarySelector,
891
- boundarySelector = _options$boundarySele === void 0 ? '.custom-draggable-list' : _options$boundarySele,
892
- _options$itemSelector = options.itemSelector,
893
- itemSelector = _options$itemSelector === void 0 ? '.custom-draggable-list__item' : _options$itemSelector,
894
- _options$dragHandleSe = options.dragHandleSelector,
895
- dragHandleSelector = _options$dragHandleSe === void 0 ? '.custom-draggable-list__handle' : _options$dragHandleSe,
896
- onDragStart = options.onDragStart,
897
- onDragOver = options.onDragOver,
898
- onDragEnd = options.onDragEnd;
899
- var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
900
- _useState2 = _slicedToArray(_useState, 2),
901
- isDragging = _useState2[0],
902
- setIsDragging = _useState2[1];
903
- var dragItem = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
904
- var dragOverItem = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
905
- var dragNode = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
906
- var touchOffset = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
907
- x: 0,
908
- y: 0
909
- });
910
- var currentHoverItem = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
911
- var handleDragStart = function handleDragStart(e, position) {
912
- var isTouch = ('touches' in e);
913
- var target = e.target;
914
-
915
- // For block mode or handle mode check
916
- if (dragMode === 'handle') {
917
- var handle = target.closest(dragHandleSelector);
918
- if (!handle) {
919
- if (!isTouch) e.preventDefault();
920
- return false;
921
- }
922
- }
923
-
924
- // Find the draggable item
925
- var listItem = target.closest(itemSelector);
926
- if (!listItem) return;
927
-
928
- // Check boundary
929
- var boundary = listItem.closest(boundarySelector);
930
- if (!boundary) return;
931
- dragItem.current = position;
932
- onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(position);
933
- if (isTouch) {
934
- e.preventDefault(); // Prevent scrolling
935
- var touch = e.touches[0];
936
- var rect = listItem.getBoundingClientRect();
937
- var boundaryRect = boundary.getBoundingClientRect();
938
-
939
- // Calculate offset relative to the boundary
940
- touchOffset.current = {
941
- x: touch.clientX - rect.left,
942
- y: touch.clientY - rect.top
943
- };
944
-
945
- // Clone the item for dragging
946
- dragNode.current = listItem.cloneNode(true);
947
- dragNode.current.classList.add('dragging');
948
-
949
- // Style the clone
950
- Object.assign(dragNode.current.style, {
951
- position: 'fixed',
952
- width: "".concat(rect.width, "px"),
953
- height: "".concat(rect.height, "px"),
954
- left: "".concat(rect.left, "px"),
955
- top: "".concat(rect.top, "px"),
956
- zIndex: '1000',
957
- pointerEvents: 'none',
958
- transform: 'scale(1.05)',
959
- transition: 'transform 0.1s',
960
- opacity: '0.9'
961
- });
962
- document.body.appendChild(dragNode.current);
963
- setIsDragging(true);
964
- listItem.classList.add('dragging-placeholder');
965
- } else {
966
- // ... desktop drag logic remains the same ...
967
- }
968
- };
969
- var handleDragOver = function handleDragOver(e) {
970
- e.preventDefault();
971
- var isTouch = ('touches' in e);
972
- if (!isTouch) {
973
- e.dataTransfer.dropEffect = 'move';
974
- }
975
-
976
- // Get the current pointer/touch position
977
- var point = isTouch ? e.touches[0] : {
978
- clientX: e.clientX,
979
- clientY: e.clientY
980
- };
981
-
982
- // Update dragged element position for touch events
983
- if (isTouch && isDragging && dragNode.current) {
984
- dragNode.current.style.left = "".concat(point.clientX - touchOffset.current.x, "px");
985
- dragNode.current.style.top = "".concat(point.clientY - touchOffset.current.y, "px");
986
- }
987
-
988
- // Find the element below the pointer/touch
989
- var elemBelow = document.elementFromPoint(point.clientX, point.clientY);
990
- if (!elemBelow) return;
991
-
992
- // Find the closest list item
993
- var listItem = elemBelow.closest(itemSelector);
994
- if (!listItem || listItem === currentHoverItem.current) return;
995
-
996
- // Check boundary
997
- var boundary = listItem.closest(boundarySelector);
998
- if (!boundary) return;
999
-
1000
- // Update hover states
1001
- if (currentHoverItem.current) {
1002
- currentHoverItem.current.classList.remove('drag-over', 'drag-over-top', 'drag-over-bottom');
1003
- }
1004
- currentHoverItem.current = listItem;
1005
- listItem.classList.add('drag-over');
1006
-
1007
- // Calculate position in list
1008
- var position = Array.from(listItem.parentNode.children).indexOf(listItem);
1009
- dragOverItem.current = position;
1010
-
1011
- // Determine drop position (top/bottom)
1012
- var rect = listItem.getBoundingClientRect();
1013
- var middleY = rect.top + rect.height / 2;
1014
- if (point.clientY < middleY) {
1015
- listItem.classList.add('drag-over-top');
1016
- } else {
1017
- listItem.classList.add('drag-over-bottom');
1018
- }
1019
- onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(dragItem.current, dragOverItem.current);
1020
- };
1021
- var handleDragEnd = function handleDragEnd(e) {
1022
- var isTouch = ('touches' in e);
1023
- if (isTouch && !isDragging) return;
1024
- onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(dragItem.current, dragOverItem.current);
1025
-
1026
- // Cleanup
1027
- if (dragNode.current) {
1028
- dragNode.current.remove();
1029
- dragNode.current = null;
1030
- }
1031
- document.querySelectorAll(itemSelector).forEach(function (item) {
1032
- item.style.opacity = '1';
1033
- item.classList.remove('dragging', 'dragging-placeholder', 'drag-over', 'drag-over-top', 'drag-over-bottom');
1034
- });
1035
- setIsDragging(false);
1036
- currentHoverItem.current = null;
1037
- dragItem.current = null;
1038
- dragOverItem.current = null;
1039
- };
1040
- return {
1041
- isDragging: isDragging,
1042
- dragHandlers: {
1043
- handleDragStart: handleDragStart,
1044
- handleDragOver: handleDragOver,
1045
- handleDragEnd: handleDragEnd
1046
- }
1047
- };
1048
- };
1049
- /* harmony default export */
1050
- var __WEBPACK_DEFAULT_EXPORT__ = _useBoundedDrag;
1051
- })();
1052
-
1053
- /******/
1054
- return __webpack_exports__;
1055
- /******/
1056
- }()
1057
- );
1058
- });
1059
-
1060
- /***/ }),
1061
-
1062
- /***/ 787:
1063
- /***/ ((module) => {
1064
-
1065
- "use strict";
1066
- module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
1067
-
1068
- /***/ })
1069
-
1070
- /******/ });
1071
- /************************************************************************/
1072
- /******/ // The module cache
1073
- /******/ var __webpack_module_cache__ = {};
1074
- /******/
1075
- /******/ // The require function
1076
- /******/ function __webpack_require__(moduleId) {
1077
- /******/ // Check if module is in cache
1078
- /******/ var cachedModule = __webpack_module_cache__[moduleId];
1079
- /******/ if (cachedModule !== undefined) {
1080
- /******/ return cachedModule.exports;
1081
- /******/ }
1082
- /******/ // Create a new module (and put it into the cache)
1083
- /******/ var module = __webpack_module_cache__[moduleId] = {
1084
- /******/ id: moduleId,
1085
- /******/ loaded: false,
1086
- /******/ exports: {}
1087
- /******/ };
1088
- /******/
1089
- /******/ // Execute the module function
1090
- /******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
1091
- /******/
1092
- /******/ // Flag the module as loaded
1093
- /******/ module.loaded = true;
1094
- /******/
1095
- /******/ // Return the exports of the module
1096
- /******/ return module.exports;
1097
- /******/ }
1098
- /******/
1099
- /************************************************************************/
1100
- /******/ /* webpack/runtime/compat get default export */
1101
- /******/ (() => {
1102
- /******/ // getDefaultExport function for compatibility with non-harmony modules
1103
- /******/ __webpack_require__.n = (module) => {
1104
- /******/ var getter = module && module.__esModule ?
1105
- /******/ () => (module['default']) :
1106
- /******/ () => (module);
1107
- /******/ __webpack_require__.d(getter, { a: getter });
1108
- /******/ return getter;
1109
- /******/ };
1110
- /******/ })();
1111
- /******/
1112
- /******/ /* webpack/runtime/define property getters */
1113
- /******/ (() => {
1114
- /******/ // define getter functions for harmony exports
1115
- /******/ __webpack_require__.d = (exports, definition) => {
1116
- /******/ for(var key in definition) {
1117
- /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
1118
- /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
1119
- /******/ }
1120
- /******/ }
1121
- /******/ };
1122
- /******/ })();
1123
- /******/
1124
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
1125
- /******/ (() => {
1126
- /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
1127
- /******/ })();
1128
- /******/
1129
- /******/ /* webpack/runtime/make namespace object */
1130
- /******/ (() => {
1131
- /******/ // define __esModule on exports
1132
- /******/ __webpack_require__.r = (exports) => {
1133
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
1134
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
1135
- /******/ }
1136
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
1137
- /******/ };
1138
- /******/ })();
1139
- /******/
1140
- /******/ /* webpack/runtime/node module decorator */
1141
- /******/ (() => {
1142
- /******/ __webpack_require__.nmd = (module) => {
1143
- /******/ module.paths = [];
1144
- /******/ if (!module.children) module.children = [];
1145
- /******/ return module;
1146
- /******/ };
1147
- /******/ })();
1148
- /******/
1149
- /************************************************************************/
1150
- var __webpack_exports__ = {};
1151
- // This entry need to be wrapped in an IIFE because it need to be in strict mode.
1152
- (() => {
1153
- "use strict";
1154
- __webpack_require__.r(__webpack_exports__);
1155
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
1156
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
1157
- /* harmony export */ });
1158
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(787);
1159
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1160
- /* harmony import */ var funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(438);
1161
- /* harmony import */ var funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__);
1162
- /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(188);
1163
- /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__);
1164
- /* harmony import */ var funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(759);
1165
- /* harmony import */ var funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3__);
1166
- var _excluded = ["wrapperClassName", "prefix", "data", "draggable", "handleHide", "handleIcon", "handlePos", "dragMode", "editable", "itemStyle", "hierarchical", "indentation", "doubleIndent", "alternateCollapse", "arrow", "onUpdate"];
1167
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1168
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
1169
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1170
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
1171
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
1172
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
1173
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
1174
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1175
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
1176
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
1177
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
1178
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
1179
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
1180
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
1181
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
1182
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
1183
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
1184
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
1185
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
1186
-
1187
-
1188
-
1189
-
1190
- var DragDropList = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, externalRef) {
1191
- var wrapperClassName = props.wrapperClassName,
1192
- _props$prefix = props.prefix,
1193
- prefix = _props$prefix === void 0 ? 'custom' : _props$prefix,
1194
- data = props.data,
1195
- _props$draggable = props.draggable,
1196
- draggable = _props$draggable === void 0 ? true : _props$draggable,
1197
- _props$handleHide = props.handleHide,
1198
- handleHide = _props$handleHide === void 0 ? false : _props$handleHide,
1199
- _props$handleIcon = props.handleIcon,
1200
- handleIcon = _props$handleIcon === void 0 ? '☰' : _props$handleIcon,
1201
- _props$handlePos = props.handlePos,
1202
- handlePos = _props$handlePos === void 0 ? 'left' : _props$handlePos,
1203
- _props$dragMode = props.dragMode,
1204
- dragMode = _props$dragMode === void 0 ? 'handle' : _props$dragMode,
1205
- _props$editable = props.editable,
1206
- editable = _props$editable === void 0 ? false : _props$editable,
1207
- itemStyle = props.itemStyle,
1208
- _props$hierarchical = props.hierarchical,
1209
- hierarchical = _props$hierarchical === void 0 ? true : _props$hierarchical,
1210
- indentation = props.indentation,
1211
- doubleIndent = props.doubleIndent,
1212
- alternateCollapse = props.alternateCollapse,
1213
- _props$arrow = props.arrow,
1214
- arrow = _props$arrow === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
1215
- viewBox: "0 0 22 22",
1216
- width: "8px"
1217
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", {
1218
- d: "m345.44 248.29l-194.29 194.28c-12.359 12.365-32.397 12.365-44.75 0-12.354-12.354-12.354-32.391 0-44.744l171.91-171.91-171.91-171.9c-12.354-12.359-12.354-32.394 0-44.748 12.354-12.359 32.391-12.359 44.75 0l194.29 194.28c6.177 6.18 9.262 14.271 9.262 22.366 0 8.099-3.091 16.196-9.267 22.373",
1219
- transform: "matrix(.03541-.00013.00013.03541 2.98 3.02)",
1220
- fill: "#a5a5a5"
1221
- }))) : _props$arrow,
1222
- onUpdate = props.onUpdate,
1223
- attributes = _objectWithoutProperties(props, _excluded);
1224
- var INDENT_PLACEHOLDER = doubleIndent ? "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" : "&nbsp;&nbsp;&nbsp;&nbsp;";
1225
- var INDENT_LAST_PLACEHOLDER = "".concat(typeof indentation !== 'undefined' && indentation !== '' ? "".concat(indentation, "&nbsp;&nbsp;") : '');
1226
- var rootRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1227
- var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
1228
- _useState2 = _slicedToArray(_useState, 2),
1229
- items = _useState2[0],
1230
- setItems = _useState2[1];
1231
- var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
1232
- _useState4 = _slicedToArray(_useState3, 2),
1233
- editingItem = _useState4[0],
1234
- setEditingItem = _useState4[1];
1235
- var dragHandle = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
1236
-
1237
- // Edit
1238
- var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),
1239
- _useState6 = _slicedToArray(_useState5, 2),
1240
- editValue = _useState6[0],
1241
- setEditValue = _useState6[1];
1242
-
1243
- // Collapse/Expand
1244
- var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(new Set()),
1245
- _useState8 = _slicedToArray(_useState7, 2),
1246
- collapsedItems = _useState8[0],
1247
- setCollapsedItems = _useState8[1];
1248
-
1249
- // Get editable field list
1250
- var getEditableFields = function getEditableFields(item) {
1251
- // Exclude fields that don't need to be edited
1252
- var excludeFields = ['id', 'parentId', 'depth', 'children', 'disabled', 'appendControl', 'parentItem'];
1253
- return Object.keys(item).filter(function (key) {
1254
- return !excludeFields.includes(key);
1255
- });
1256
- };
1257
-
1258
- // ================================================================
1259
- // General
1260
- // ================================================================
1261
- var deepCloneWithReactNode = function deepCloneWithReactNode(obj) {
1262
- if (obj === null || _typeof(obj) !== 'object') {
1263
- return obj;
1264
- }
1265
-
1266
- // Handle array
1267
- if (Array.isArray(obj)) {
1268
- return obj.map(function (item) {
1269
- return deepCloneWithReactNode(item);
1270
- });
1271
- }
1272
-
1273
- // Handle object
1274
- var clonedObj = {};
1275
- for (var _key in obj) {
1276
- if (_key === 'appendControl') {
1277
- clonedObj[_key] = obj[_key];
1278
- } else {
1279
- clonedObj[_key] = deepCloneWithReactNode(obj[_key]);
1280
- }
1281
- }
1282
- return clonedObj;
1283
- };
1284
- var getItemWithChildrenIndices = function getItemWithChildrenIndices(items, startIndex) {
1285
- var indices = [startIndex];
1286
- var startItem = items[startIndex];
1287
- var startDepth = startItem.depth || 0;
1288
-
1289
- // Check if subsequent items are child items
1290
- for (var i = startIndex + 1; i < items.length; i++) {
1291
- var currentItem = items[i];
1292
- var currentDepth = currentItem.depth || 0;
1293
- if (currentDepth > startDepth) {
1294
- indices.push(i);
1295
- } else {
1296
- break;
1297
- }
1298
- }
1299
- return indices;
1300
- };
1301
- var getIndentStr = function getIndentStr(item) {
1302
- // Add indent placeholder
1303
- var indent = '';
1304
- var depthData = item.depth;
1305
- if (depthData) {
1306
- Array(depthData).fill(0).forEach(function (k, i) {
1307
- indent += INDENT_PLACEHOLDER;
1308
- if (i === depthData - 1) {
1309
- indent += INDENT_LAST_PLACEHOLDER;
1310
- }
1311
- });
1312
- }
1313
- return indent;
1314
- };
1315
-
1316
- // ================================================================
1317
- // Collapse/Expand
1318
- // ================================================================
1319
- // Add collapse/expand handler function
1320
- var handleCollapse = function handleCollapse(itemId, e) {
1321
- e.preventDefault();
1322
- e.stopPropagation();
1323
- setCollapsedItems(function (prev) {
1324
- var newCollapsed = new Set(prev);
1325
- if (newCollapsed.has(itemId)) {
1326
- newCollapsed["delete"](itemId);
1327
- } else {
1328
- newCollapsed.add(itemId);
1329
- }
1330
- return newCollapsed;
1331
- });
1332
- };
1333
-
1334
- // Helper function to determine if an item should be displayed
1335
- var shouldShowItem = function shouldShowItem(item) {
1336
- if (!alternateCollapse) return true;
1337
- var currentId = item.parentId;
1338
- while (currentId) {
1339
- if (collapsedItems.has(currentId)) {
1340
- return false;
1341
- }
1342
- var parentItem = items.find(function (i) {
1343
- return i.id === currentId;
1344
- });
1345
- currentId = parentItem === null || parentItem === void 0 ? void 0 : parentItem.parentId;
1346
- }
1347
- return true;
1348
- };
1349
- var hasChildren = function hasChildren(itemId) {
1350
- return items.some(function (item) {
1351
- return item.parentId === itemId;
1352
- });
1353
- };
1354
-
1355
- // ================================================================
1356
- // Drag & Drop Handlers (Desktop & Touch)
1357
- // ================================================================
1358
- var _useBoundedDrag = funda_utils_dist_cjs_useBoundedDrag__WEBPACK_IMPORTED_MODULE_3___default()({
1359
- dragMode: dragMode,
1360
- boundarySelector: ".".concat(prefix, "-draggable-list"),
1361
- itemSelector: ".".concat(prefix, "-draggable-list__item"),
1362
- dragHandleSelector: ".".concat(prefix, "-draggable-list__handle"),
1363
- onDragStart: function onDragStart(index) {
1364
- // Additional drag start logic if needed
1365
- },
1366
- onDragOver: function onDragOver(dragIndex, dropIndex) {
1367
- // Additional drag over logic if needed
1368
- },
1369
- onDragEnd: function onDragEnd(dragIndex, dropIndex) {
1370
- if (dragIndex !== null && dropIndex !== null && dragIndex !== dropIndex) {
1371
- var _newItems$dragIndex, _newItems$dragIndex2, _newItems$dropIndex;
1372
- // Handle item movement
1373
- var newItems = deepCloneWithReactNode(items);
1374
- var itemsToMove = getItemWithChildrenIndices(newItems, dragIndex);
1375
- var itemsBeingMoved = itemsToMove.map(function (index) {
1376
- return newItems[index];
1377
- });
1378
-
1379
- // ... rest of your existing drag end logic ...
1380
-
1381
- var _targetId = (_newItems$dragIndex = newItems[dragIndex]) === null || _newItems$dragIndex === void 0 ? void 0 : _newItems$dragIndex.id;
1382
-
1383
- // Calculate depth difference
1384
- var draggedDepth = ((_newItems$dragIndex2 = newItems[dragIndex]) === null || _newItems$dragIndex2 === void 0 ? void 0 : _newItems$dragIndex2.depth) || 0;
1385
- var dropDepth = ((_newItems$dropIndex = newItems[dropIndex]) === null || _newItems$dropIndex === void 0 ? void 0 : _newItems$dropIndex.depth) || 0;
1386
- var depthDiff = dropDepth - draggedDepth;
1387
-
1388
- // Adjust depth for all moving items
1389
- itemsBeingMoved.forEach(function (item) {
1390
- if (item.depth !== undefined) {
1391
- item.depth += depthDiff;
1392
- }
1393
- });
1394
-
1395
- // Remove all items from their original location (from back to front to keep indexing correct)
1396
- itemsToMove.reverse().forEach(function (index) {
1397
- newItems.splice(index, 1);
1398
- });
1399
-
1400
- // Calculate new insert position
1401
- var insertIndex = dropIndex;
1402
- if (dropIndex > dragIndex) {
1403
- insertIndex -= itemsToMove.length;
1404
- }
1405
-
1406
- // Insert all items
1407
- newItems.splice.apply(newItems, [insertIndex, 0].concat(_toConsumableArray(itemsBeingMoved)));
1408
-
1409
- // Rebuild tree structure
1410
- var tree = hierarchical ? (0,funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.convertTree)(newItems, '', 'id', 'parentId') : newItems;
1411
- var updatedItems = hierarchical ? (0,funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.addTreeDepth)(tree) : tree;
1412
- setItems(updatedItems);
1413
- onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(updatedItems, _targetId);
1414
- }
1415
- }
1416
- }),
1417
- isDragging = _useBoundedDrag.isDragging,
1418
- dragHandlers = _useBoundedDrag.dragHandlers;
1419
-
1420
- // ================================================================
1421
- // Editable
1422
- // ================================================================
1423
-
1424
- var handleDoubleClick = function handleDoubleClick(item) {
1425
- if (!editable) return;
1426
- setEditingItem(item.id);
1427
- // Only editable fields are copied
1428
- var editableFields = getEditableFields(item);
1429
- var editableValues = editableFields.reduce(function (acc, field) {
1430
- return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, field, item[field]));
1431
- }, {});
1432
- setEditValue(editableValues);
1433
- };
1434
- var handleEditCancel = function handleEditCancel() {
1435
- setEditingItem(null);
1436
- setEditValue({});
1437
- };
1438
- var handleEditSave = function handleEditSave(itemId) {
1439
- var newItems = items.map(function (item) {
1440
- if (item.id === itemId) {
1441
- return _objectSpread(_objectSpread({}, item), editValue);
1442
- }
1443
- return item;
1444
- });
1445
- setItems(newItems);
1446
- onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(newItems, itemId);
1447
- setEditingItem(null);
1448
- setEditValue({});
1449
- };
1450
- var handleInputChange = function handleInputChange(field, value) {
1451
- setEditValue(function (prev) {
1452
- return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, field, value));
1453
- });
1454
- };
1455
- var handleKeyDown = function handleKeyDown(e, itemId) {
1456
- if (e.key === 'Enter') {
1457
- handleEditSave(itemId);
1458
- } else if (e.key === 'Escape') {
1459
- handleEditCancel();
1460
- }
1461
- };
1462
- var renderEditForm = function renderEditForm(item) {
1463
- var editableFields = getEditableFields(item);
1464
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1465
- className: "".concat(prefix, "-draggable-list__edit-form")
1466
- }, editableFields.map(function (field) {
1467
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1468
- key: field,
1469
- className: "".concat(prefix, "-draggable-list__edit-field")
1470
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", null, field, ":"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
1471
- type: "text",
1472
- value: editValue[field] || '',
1473
- onChange: function onChange(e) {
1474
- return handleInputChange(field, e.target.value);
1475
- },
1476
- onKeyDown: function onKeyDown(e) {
1477
- return handleKeyDown(e, item.id);
1478
- },
1479
- placeholder: field,
1480
- autoFocus: field === editableFields[0]
1481
- }));
1482
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1483
- className: "".concat(prefix, "-draggable-list__edit-buttons")
1484
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
1485
- onClick: function onClick() {
1486
- return handleEditSave(item.id);
1487
- }
1488
- }, "\u2713"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
1489
- onClick: handleEditCancel
1490
- }, "\u2715")));
1491
- };
1492
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
1493
- // data init
1494
- //--------------
1495
- if (typeof data !== 'undefined' && Array.isArray(data)) {
1496
- var tree = hierarchical ? (0,funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.convertTree)(data, '', 'id', 'parentId') : data;
1497
- var _ORGIN_DATA = hierarchical ? (0,funda_utils_dist_cjs_tree__WEBPACK_IMPORTED_MODULE_1__.addTreeDepth)(tree) : tree;
1498
- setItems(_ORGIN_DATA);
1499
- }
1500
- }, [data]);
1501
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", _extends({}, attributes, {
1502
- ref: function ref(node) {
1503
- rootRef.current = node;
1504
- if (typeof externalRef === 'function') {
1505
- externalRef(node);
1506
- } else if (externalRef) {
1507
- externalRef.current = node;
1508
- }
1509
- },
1510
- className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.combinedCls)("".concat(prefix, "-draggable-list"), (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperClassName, 'mb-3'), (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(dragMode, 'handle'), "handle-pos-".concat(handlePos !== null && handlePos !== void 0 ? handlePos : 'left'), {
1511
- 'draggable': draggable,
1512
- 'icon-hide': handleHide,
1513
- 'alternate-collapse': alternateCollapse
1514
- })
1515
- }), items.map(function (item, index) {
1516
- // If the item should be hidden, the rendering is skipped
1517
- if (!shouldShowItem(item)) return null;
1518
-
1519
- // collapse
1520
- var hasChildItems = hasChildren(item.id);
1521
- var isCollapsed = collapsedItems.has(item.id);
1522
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
1523
- key: item.id,
1524
- "data-index": index,
1525
- "data-id": item.id,
1526
- "data-parent-id": item.parentId,
1527
- "data-value": item.value,
1528
- "data-label": item.label,
1529
- "data-listitemlabel": item.listItemLabel,
1530
- className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.combinedCls)("".concat(prefix, "-draggable-list__item"), (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(dragMode, 'handle'), {
1531
- 'disabled': item.disabled,
1532
- 'draggable': draggable,
1533
- 'editing': editingItem === item.id,
1534
- // collapse
1535
- 'has-children': hasChildItems,
1536
- 'collapsed': isCollapsed
1537
- }),
1538
- draggable: !draggable ? undefined : editingItem !== item.id && "true",
1539
- onDragStart: !draggable ? undefined : function (e) {
1540
- return dragHandlers.handleDragStart(e, index);
1541
- },
1542
- onDragOver: !draggable ? undefined : dragHandlers.handleDragOver,
1543
- onDragEnd: !draggable ? undefined : dragHandlers.handleDragEnd,
1544
- onTouchStart: !draggable ? undefined : function (e) {
1545
- return dragHandlers.handleDragStart(e, index);
1546
- },
1547
- onTouchMove: !draggable ? undefined : dragHandlers.handleDragOver,
1548
- onTouchEnd: !draggable ? undefined : dragHandlers.handleDragEnd,
1549
- style: itemStyle,
1550
- onDoubleClick: function onDoubleClick() {
1551
- return handleDoubleClick(item);
1552
- }
1553
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1554
- className: "".concat(prefix, "-draggable-list__itemcontent")
1555
- }, draggable && !handleHide ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
1556
- ref: dragHandle,
1557
- className: "".concat(prefix, "-draggable-list__handle ").concat(handlePos !== null && handlePos !== void 0 ? handlePos : 'left'),
1558
- draggable: dragMode === 'handle',
1559
- dangerouslySetInnerHTML: {
1560
- __html: "".concat(handleIcon)
1561
- }
1562
- }) : null, editingItem === item.id ? renderEditForm(item) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1563
- className: "".concat(prefix, "-draggable-list__itemcontent-inner")
1564
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1565
- className: "".concat(prefix, "-draggable-list__itemlabel")
1566
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
1567
- dangerouslySetInnerHTML: {
1568
- __html: "".concat(getIndentStr(item)).concat(typeof item.listItemLabel === 'undefined' ? item.label : item.listItemLabel)
1569
- }
1570
- }), alternateCollapse && hasChildItems && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
1571
- className: "".concat(prefix, "-draggable-list__collapse-arrow"),
1572
- onClick: function onClick(e) {
1573
- return handleCollapse(item.id, e);
1574
- }
1575
- }, arrow || (isCollapsed ? '▶' : '▼'))), item.appendControl ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1576
- className: "".concat(prefix, "-draggable-list__itemext"),
1577
- id: "".concat(prefix, "-draggable-list__itemext-").concat(item.value)
1578
- }, item.appendControl)) : null)));
1579
- }));
1580
- });
1581
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DragDropList);
1582
- })();
1583
-
1584
- /******/ return __webpack_exports__;
1585
- /******/ })()
1586
- ;
1587
- });