funda-ui 4.5.712 → 4.5.713

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 (483) hide show
  1. package/README.md +4 -105
  2. package/package.json +44 -41
  3. package/.gitattributes +0 -2
  4. package/README_PUBLISH.md +0 -126
  5. package/logo.png +0 -0
  6. package/preview.png +0 -0
  7. package/publish/LICENSE +0 -21
  8. package/publish/README.md +0 -126
  9. package/publish/lib/cjs/Accordion/index.d.ts +0 -2
  10. package/publish/lib/cjs/Accordion/index.js +0 -1035
  11. package/publish/lib/cjs/BackToTop/index.d.ts +0 -17
  12. package/publish/lib/cjs/BackToTop/index.js +0 -904
  13. package/publish/lib/cjs/CascadingSelect/index.d.ts +0 -60
  14. package/publish/lib/cjs/CascadingSelect/index.js +0 -2943
  15. package/publish/lib/cjs/CascadingSelectE2E/index.d.ts +0 -71
  16. package/publish/lib/cjs/CascadingSelectE2E/index.js +0 -3540
  17. package/publish/lib/cjs/Checkbox/index.d.ts +0 -28
  18. package/publish/lib/cjs/Checkbox/index.js +0 -662
  19. package/publish/lib/cjs/ColorPicker/index.d.ts +0 -27
  20. package/publish/lib/cjs/ColorPicker/index.js +0 -662
  21. package/publish/lib/cjs/Date/index.d.ts +0 -70
  22. package/publish/lib/cjs/Date/index.js +0 -6200
  23. package/publish/lib/cjs/DigitalClock/index.d.ts +0 -7
  24. package/publish/lib/cjs/DigitalClock/index.js +0 -402
  25. package/publish/lib/cjs/DragDropList/index.d.ts +0 -44
  26. package/publish/lib/cjs/DragDropList/index.js +0 -1587
  27. package/publish/lib/cjs/DropdownMenu/index.d.ts +0 -38
  28. package/publish/lib/cjs/DropdownMenu/index.js +0 -1498
  29. package/publish/lib/cjs/DynamicFields/index.d.ts +0 -40
  30. package/publish/lib/cjs/DynamicFields/index.js +0 -810
  31. package/publish/lib/cjs/EventCalendar/index.d.ts +0 -61
  32. package/publish/lib/cjs/EventCalendar/index.js +0 -3740
  33. package/publish/lib/cjs/EventCalendarTimeline/index.d.ts +0 -100
  34. package/publish/lib/cjs/EventCalendarTimeline/index.js +0 -6084
  35. package/publish/lib/cjs/File/index.d.ts +0 -40
  36. package/publish/lib/cjs/File/index.js +0 -1751
  37. package/publish/lib/cjs/HorizontalScrollContent/index.d.ts +0 -14
  38. package/publish/lib/cjs/HorizontalScrollContent/index.js +0 -426
  39. package/publish/lib/cjs/Input/index.d.ts +0 -59
  40. package/publish/lib/cjs/Input/index.js +0 -1455
  41. package/publish/lib/cjs/LiveSearch/index.d.ts +0 -69
  42. package/publish/lib/cjs/LiveSearch/index.js +0 -3626
  43. package/publish/lib/cjs/MasonryLayout/index.d.ts +0 -14
  44. package/publish/lib/cjs/MasonryLayout/index.js +0 -689
  45. package/publish/lib/cjs/ModalDialog/index.d.ts +0 -79
  46. package/publish/lib/cjs/ModalDialog/index.js +0 -1695
  47. package/publish/lib/cjs/ModeSwitch/index.d.ts +0 -17
  48. package/publish/lib/cjs/ModeSwitch/index.js +0 -202
  49. package/publish/lib/cjs/MultilevelDropdownMenu/index.d.ts +0 -20
  50. package/publish/lib/cjs/MultilevelDropdownMenu/index.js +0 -930
  51. package/publish/lib/cjs/MultipleCheckboxes/index.d.ts +0 -41
  52. package/publish/lib/cjs/MultipleCheckboxes/index.js +0 -1717
  53. package/publish/lib/cjs/MultipleSelect/index.d.ts +0 -65
  54. package/publish/lib/cjs/MultipleSelect/index.js +0 -3704
  55. package/publish/lib/cjs/NativeSelect/index.d.ts +0 -37
  56. package/publish/lib/cjs/NativeSelect/index.js +0 -1631
  57. package/publish/lib/cjs/NumberInput/index.d.ts +0 -40
  58. package/publish/lib/cjs/NumberInput/index.js +0 -1188
  59. package/publish/lib/cjs/Pagination/index.d.ts +0 -51
  60. package/publish/lib/cjs/Pagination/index.js +0 -612
  61. package/publish/lib/cjs/Radio/index.d.ts +0 -45
  62. package/publish/lib/cjs/Radio/index.js +0 -1391
  63. package/publish/lib/cjs/RangeSlider/index.d.ts +0 -22
  64. package/publish/lib/cjs/RangeSlider/index.js +0 -2665
  65. package/publish/lib/cjs/RootPortal/index.d.ts +0 -8
  66. package/publish/lib/cjs/RootPortal/index.js +0 -141
  67. package/publish/lib/cjs/ScrollReveal/index.d.ts +0 -21
  68. package/publish/lib/cjs/ScrollReveal/index.js +0 -401
  69. package/publish/lib/cjs/Scrollbar/index.d.ts +0 -17
  70. package/publish/lib/cjs/Scrollbar/index.js +0 -1107
  71. package/publish/lib/cjs/SearchBar/index.d.ts +0 -41
  72. package/publish/lib/cjs/SearchBar/index.js +0 -701
  73. package/publish/lib/cjs/Select/index.d.ts +0 -99
  74. package/publish/lib/cjs/Select/index.js +0 -5697
  75. package/publish/lib/cjs/ShowMoreLess/index.d.ts +0 -36
  76. package/publish/lib/cjs/ShowMoreLess/index.js +0 -387
  77. package/publish/lib/cjs/Switch/index.d.ts +0 -25
  78. package/publish/lib/cjs/Switch/index.js +0 -628
  79. package/publish/lib/cjs/Table/index.d.ts +0 -12
  80. package/publish/lib/cjs/Table/index.js +0 -2062
  81. package/publish/lib/cjs/Tabs/index.d.ts +0 -3
  82. package/publish/lib/cjs/Tabs/index.js +0 -771
  83. package/publish/lib/cjs/TagInput/index.d.ts +0 -31
  84. package/publish/lib/cjs/TagInput/index.js +0 -1144
  85. package/publish/lib/cjs/Textarea/index.d.ts +0 -50
  86. package/publish/lib/cjs/Textarea/index.js +0 -1784
  87. package/publish/lib/cjs/Toast/index.d.ts +0 -34
  88. package/publish/lib/cjs/Toast/index.js +0 -861
  89. package/publish/lib/cjs/Tooltip/index.d.ts +0 -23
  90. package/publish/lib/cjs/Tooltip/index.js +0 -1674
  91. package/publish/lib/cjs/Tree/index.d.ts +0 -62
  92. package/publish/lib/cjs/Tree/index.js +0 -1960
  93. package/publish/lib/cjs/Utils/anim.d.ts +0 -11
  94. package/publish/lib/cjs/Utils/anim.js +0 -400
  95. package/publish/lib/cjs/Utils/bodyScrollLock.d.ts +0 -8
  96. package/publish/lib/cjs/Utils/bodyScrollLock.js +0 -311
  97. package/publish/lib/cjs/Utils/buffer.d.ts +0 -67
  98. package/publish/lib/cjs/Utils/buffer.js +0 -343
  99. package/publish/lib/cjs/Utils/cls.d.ts +0 -15
  100. package/publish/lib/cjs/Utils/cls.js +0 -124
  101. package/publish/lib/cjs/Utils/convert.d.ts +0 -25
  102. package/publish/lib/cjs/Utils/convert.js +0 -109
  103. package/publish/lib/cjs/Utils/date.d.ts +0 -217
  104. package/publish/lib/cjs/Utils/date.js +0 -567
  105. package/publish/lib/cjs/Utils/dom.d.ts +0 -13
  106. package/publish/lib/cjs/Utils/dom.js +0 -215
  107. package/publish/lib/cjs/Utils/easing.d.ts +0 -29
  108. package/publish/lib/cjs/Utils/easing.js +0 -221
  109. package/publish/lib/cjs/Utils/extract.d.ts +0 -28
  110. package/publish/lib/cjs/Utils/extract.js +0 -130
  111. package/publish/lib/cjs/Utils/getElementProperty.d.ts +0 -52
  112. package/publish/lib/cjs/Utils/getElementProperty.js +0 -189
  113. package/publish/lib/cjs/Utils/guid.d.ts +0 -7
  114. package/publish/lib/cjs/Utils/guid.js +0 -67
  115. package/publish/lib/cjs/Utils/initDefaultOptions.d.ts +0 -21
  116. package/publish/lib/cjs/Utils/initDefaultOptions.js +0 -131
  117. package/publish/lib/cjs/Utils/inputsCalculation.d.ts +0 -28
  118. package/publish/lib/cjs/Utils/inputsCalculation.js +0 -188
  119. package/publish/lib/cjs/Utils/math.d.ts +0 -77
  120. package/publish/lib/cjs/Utils/math.js +0 -305
  121. package/publish/lib/cjs/Utils/object.d.ts +0 -18
  122. package/publish/lib/cjs/Utils/object.js +0 -120
  123. package/publish/lib/cjs/Utils/os.d.ts +0 -2
  124. package/publish/lib/cjs/Utils/os.js +0 -104
  125. package/publish/lib/cjs/Utils/performance.d.ts +0 -3
  126. package/publish/lib/cjs/Utils/performance.js +0 -94
  127. package/publish/lib/cjs/Utils/tree.d.ts +0 -40
  128. package/publish/lib/cjs/Utils/tree.js +0 -195
  129. package/publish/lib/cjs/Utils/useAutosizeTextArea.d.ts +0 -10
  130. package/publish/lib/cjs/Utils/useAutosizeTextArea.js +0 -227
  131. package/publish/lib/cjs/Utils/useBoundedDrag.d.ts +0 -125
  132. package/publish/lib/cjs/Utils/useBoundedDrag.js +0 -380
  133. package/publish/lib/cjs/Utils/useClickOutside.d.ts +0 -33
  134. package/publish/lib/cjs/Utils/useClickOutside.js +0 -166
  135. package/publish/lib/cjs/Utils/useComId.d.ts +0 -6
  136. package/publish/lib/cjs/Utils/useComId.js +0 -114
  137. package/publish/lib/cjs/Utils/useDebounce.d.ts +0 -20
  138. package/publish/lib/cjs/Utils/useDebounce.js +0 -138
  139. package/publish/lib/cjs/Utils/useDragDropPosition.d.ts +0 -169
  140. package/publish/lib/cjs/Utils/useDragDropPosition.js +0 -456
  141. package/publish/lib/cjs/Utils/useDraggable.d.ts +0 -62
  142. package/publish/lib/cjs/Utils/useDraggable.js +0 -348
  143. package/publish/lib/cjs/Utils/useInterval.d.ts +0 -5
  144. package/publish/lib/cjs/Utils/useInterval.js +0 -168
  145. package/publish/lib/cjs/Utils/useIsMobile.d.ts +0 -2
  146. package/publish/lib/cjs/Utils/useIsMobile.js +0 -168
  147. package/publish/lib/cjs/Utils/useKeyPress.d.ts +0 -44
  148. package/publish/lib/cjs/Utils/useKeyPress.js +0 -200
  149. package/publish/lib/cjs/Utils/useThrottle.d.ts +0 -2
  150. package/publish/lib/cjs/Utils/useThrottle.js +0 -136
  151. package/publish/lib/cjs/Utils/useWindowScroll.d.ts +0 -12
  152. package/publish/lib/cjs/Utils/useWindowScroll.js +0 -217
  153. package/publish/lib/cjs/Utils/viewport.d.ts +0 -7
  154. package/publish/lib/cjs/Utils/viewport.js +0 -64
  155. package/publish/lib/cjs/index.d.ts +0 -45
  156. package/publish/lib/cjs/index.js +0 -46
  157. package/publish/lib/css/BackToTop/index.css +0 -34
  158. package/publish/lib/css/CascadingSelect/index.css +0 -216
  159. package/publish/lib/css/CascadingSelectE2E/index.css +0 -216
  160. package/publish/lib/css/ColorPicker/index.css +0 -58
  161. package/publish/lib/css/Date/index.css +0 -434
  162. package/publish/lib/css/DragDropList/index.css +0 -188
  163. package/publish/lib/css/DropdownMenu/index.css +0 -151
  164. package/publish/lib/css/EventCalendar/index.css +0 -300
  165. package/publish/lib/css/EventCalendarTimeline/index.css +0 -694
  166. package/publish/lib/css/HorizontalScrollContent/index.css +0 -70
  167. package/publish/lib/css/LiveSearch/index.css +0 -55
  168. package/publish/lib/css/MultilevelDropdownMenu/index.css +0 -38
  169. package/publish/lib/css/MultipleSelect/index.css +0 -313
  170. package/publish/lib/css/RangeSlider/index.css +0 -150
  171. package/publish/lib/css/Scrollbar/index.css +0 -176
  172. package/publish/lib/css/Select/index.css +0 -368
  173. package/publish/lib/css/ShowMoreLess/index.css +0 -23
  174. package/publish/lib/css/Table/index.css +0 -584
  175. package/publish/lib/css/TagInput/index.css +0 -91
  176. package/publish/lib/css/Toast/index.css +0 -201
  177. package/publish/lib/css/Tooltip/index.css +0 -197
  178. package/publish/lib/css/Tree/index.css +0 -232
  179. package/publish/lib/esm/Accordion/Accordion.tsx +0 -184
  180. package/publish/lib/esm/Accordion/AccordionItem.tsx +0 -143
  181. package/publish/lib/esm/Accordion/index.tsx +0 -2
  182. package/publish/lib/esm/BackToTop/index.scss +0 -47
  183. package/publish/lib/esm/BackToTop/index.tsx +0 -177
  184. package/publish/lib/esm/CascadingSelect/Group.tsx +0 -82
  185. package/publish/lib/esm/CascadingSelect/index.scss +0 -291
  186. package/publish/lib/esm/CascadingSelect/index.tsx +0 -1203
  187. package/publish/lib/esm/CascadingSelectE2E/Group.tsx +0 -83
  188. package/publish/lib/esm/CascadingSelectE2E/index.scss +0 -293
  189. package/publish/lib/esm/CascadingSelectE2E/index.tsx +0 -1471
  190. package/publish/lib/esm/Checkbox/index.tsx +0 -193
  191. package/publish/lib/esm/ColorPicker/index.scss +0 -91
  192. package/publish/lib/esm/ColorPicker/index.tsx +0 -204
  193. package/publish/lib/esm/Date/Calendar.tsx +0 -723
  194. package/publish/lib/esm/Date/index.scss +0 -567
  195. package/publish/lib/esm/Date/index.tsx +0 -1683
  196. package/publish/lib/esm/Date/localization/en_US.js +0 -13
  197. package/publish/lib/esm/Date/localization/zh_CN.js +0 -12
  198. package/publish/lib/esm/DigitalClock/index.tsx +0 -74
  199. package/publish/lib/esm/DragDropList/index.scss +0 -245
  200. package/publish/lib/esm/DragDropList/index.tsx +0 -494
  201. package/publish/lib/esm/DropdownMenu/Option.tsx +0 -55
  202. package/publish/lib/esm/DropdownMenu/index.scss +0 -205
  203. package/publish/lib/esm/DropdownMenu/index.tsx +0 -377
  204. package/publish/lib/esm/DynamicFields/index.tsx +0 -404
  205. package/publish/lib/esm/EventCalendar/index.scss +0 -407
  206. package/publish/lib/esm/EventCalendar/index.tsx +0 -1004
  207. package/publish/lib/esm/EventCalendarTimeline/index.scss +0 -926
  208. package/publish/lib/esm/EventCalendarTimeline/index.tsx +0 -2683
  209. package/publish/lib/esm/File/index.tsx +0 -477
  210. package/publish/lib/esm/HorizontalScrollContent/index.scss +0 -87
  211. package/publish/lib/esm/HorizontalScrollContent/index.tsx +0 -171
  212. package/publish/lib/esm/Input/index.tsx +0 -614
  213. package/publish/lib/esm/LiveSearch/index.scss +0 -82
  214. package/publish/lib/esm/LiveSearch/index.tsx +0 -960
  215. package/publish/lib/esm/MasonryLayout/index.tsx +0 -326
  216. package/publish/lib/esm/ModalDialog/index.tsx +0 -552
  217. package/publish/lib/esm/ModeSwitch/index.tsx +0 -82
  218. package/publish/lib/esm/MultilevelDropdownMenu/ItemList.tsx +0 -265
  219. package/publish/lib/esm/MultilevelDropdownMenu/index.scss +0 -79
  220. package/publish/lib/esm/MultilevelDropdownMenu/index.tsx +0 -77
  221. package/publish/lib/esm/MultipleCheckboxes/index.tsx +0 -669
  222. package/publish/lib/esm/MultipleSelect/index.scss +0 -398
  223. package/publish/lib/esm/MultipleSelect/index.tsx +0 -766
  224. package/publish/lib/esm/MultipleSelect/utils/func.ts +0 -61
  225. package/publish/lib/esm/NativeSelect/index.tsx +0 -396
  226. package/publish/lib/esm/NativeSelect/utils/func.ts +0 -49
  227. package/publish/lib/esm/NumberInput/index.tsx +0 -385
  228. package/publish/lib/esm/Pagination/index.tsx +0 -286
  229. package/publish/lib/esm/Pagination/pagination-navigators.tsx +0 -60
  230. package/publish/lib/esm/Radio/index.tsx +0 -670
  231. package/publish/lib/esm/RangeSlider/index.scss +0 -186
  232. package/publish/lib/esm/RangeSlider/index.tsx +0 -241
  233. package/publish/lib/esm/RootPortal/index.tsx +0 -53
  234. package/publish/lib/esm/ScrollReveal/index.tsx +0 -148
  235. package/publish/lib/esm/Scrollbar/index.scss +0 -221
  236. package/publish/lib/esm/Scrollbar/index.tsx +0 -561
  237. package/publish/lib/esm/SearchBar/index.tsx +0 -253
  238. package/publish/lib/esm/Select/index.scss +0 -553
  239. package/publish/lib/esm/Select/index.tsx +0 -2816
  240. package/publish/lib/esm/Select/utils/func.ts +0 -106
  241. package/publish/lib/esm/ShowMoreLess/index.scss +0 -27
  242. package/publish/lib/esm/ShowMoreLess/index.tsx +0 -145
  243. package/publish/lib/esm/Switch/index.tsx +0 -147
  244. package/publish/lib/esm/Table/Table.tsx +0 -257
  245. package/publish/lib/esm/Table/TableBody.tsx +0 -41
  246. package/publish/lib/esm/Table/TableCaption.tsx +0 -34
  247. package/publish/lib/esm/Table/TableCell.tsx +0 -123
  248. package/publish/lib/esm/Table/TableColgroup.tsx +0 -38
  249. package/publish/lib/esm/Table/TableContext.tsx +0 -26
  250. package/publish/lib/esm/Table/TableFoot.tsx +0 -28
  251. package/publish/lib/esm/Table/TableHead.tsx +0 -28
  252. package/publish/lib/esm/Table/TableRow.tsx +0 -76
  253. package/publish/lib/esm/Table/index.scss +0 -418
  254. package/publish/lib/esm/Table/index.tsx +0 -14
  255. package/publish/lib/esm/Table/utils/DragHandleSprite.tsx +0 -46
  256. package/publish/lib/esm/Table/utils/SortSprite.tsx +0 -57
  257. package/publish/lib/esm/Table/utils/TableFilter.tsx +0 -56
  258. package/publish/lib/esm/Table/utils/ToggleSelection.tsx +0 -225
  259. package/publish/lib/esm/Table/utils/func.ts +0 -171
  260. package/publish/lib/esm/Table/utils/hooks/useTableDraggable.tsx +0 -342
  261. package/publish/lib/esm/Table/utils/hooks/useTableKeyPress.tsx +0 -154
  262. package/publish/lib/esm/Table/utils/hooks/useTableResponsive.tsx +0 -92
  263. package/publish/lib/esm/Table/utils/hooks/useTableSort.tsx +0 -143
  264. package/publish/lib/esm/Tabs/TabList.tsx +0 -50
  265. package/publish/lib/esm/Tabs/TabPanel.tsx +0 -44
  266. package/publish/lib/esm/Tabs/Tabs.tsx +0 -282
  267. package/publish/lib/esm/Tabs/index.tsx +0 -3
  268. package/publish/lib/esm/TagInput/index.scss +0 -126
  269. package/publish/lib/esm/TagInput/index.tsx +0 -352
  270. package/publish/lib/esm/Textarea/index.tsx +0 -608
  271. package/publish/lib/esm/Toast/Item.tsx +0 -124
  272. package/publish/lib/esm/Toast/index.scss +0 -269
  273. package/publish/lib/esm/Toast/index.tsx +0 -374
  274. package/publish/lib/esm/Tooltip/index.scss +0 -269
  275. package/publish/lib/esm/Tooltip/index.tsx +0 -312
  276. package/publish/lib/esm/Tree/TreeList.tsx +0 -616
  277. package/publish/lib/esm/Tree/index.scss +0 -386
  278. package/publish/lib/esm/Tree/index.tsx +0 -396
  279. package/publish/lib/esm/Tree/init-height.tsx +0 -27
  280. package/publish/lib/esm/Tree/utils/func.ts +0 -15
  281. package/publish/lib/esm/Utils/hooks/useAutosizeTextArea.tsx +0 -125
  282. package/publish/lib/esm/Utils/hooks/useBoundedDrag.tsx +0 -301
  283. package/publish/lib/esm/Utils/hooks/useClickOutside.tsx +0 -69
  284. package/publish/lib/esm/Utils/hooks/useComId.tsx +0 -13
  285. package/publish/lib/esm/Utils/hooks/useDebounce.tsx +0 -40
  286. package/publish/lib/esm/Utils/hooks/useDragDropPosition.tsx +0 -420
  287. package/publish/lib/esm/Utils/hooks/useDraggable.tsx +0 -265
  288. package/publish/lib/esm/Utils/hooks/useInterval.tsx +0 -74
  289. package/publish/lib/esm/Utils/hooks/useIsMobile.tsx +0 -56
  290. package/publish/lib/esm/Utils/hooks/useKeyPress.tsx +0 -104
  291. package/publish/lib/esm/Utils/hooks/useThrottle.tsx +0 -39
  292. package/publish/lib/esm/Utils/hooks/useWindowScroll.tsx +0 -83
  293. package/publish/lib/esm/Utils/libs/anim.ts +0 -96
  294. package/publish/lib/esm/Utils/libs/buffer.ts +0 -262
  295. package/publish/lib/esm/Utils/libs/cls.ts +0 -64
  296. package/publish/lib/esm/Utils/libs/convert.ts +0 -59
  297. package/publish/lib/esm/Utils/libs/date.ts +0 -578
  298. package/publish/lib/esm/Utils/libs/dom.ts +0 -150
  299. package/publish/lib/esm/Utils/libs/easing.ts +0 -201
  300. package/publish/lib/esm/Utils/libs/extract.ts +0 -86
  301. package/publish/lib/esm/Utils/libs/getElementProperty.ts +0 -150
  302. package/publish/lib/esm/Utils/libs/guid.ts +0 -16
  303. package/publish/lib/esm/Utils/libs/initDefaultOptions.ts +0 -104
  304. package/publish/lib/esm/Utils/libs/inputsCalculation.ts +0 -160
  305. package/publish/lib/esm/Utils/libs/math.ts +0 -276
  306. package/publish/lib/esm/Utils/libs/object.ts +0 -68
  307. package/publish/lib/esm/Utils/libs/os.ts +0 -63
  308. package/publish/lib/esm/Utils/libs/performance.ts +0 -47
  309. package/publish/lib/esm/Utils/libs/tree.ts +0 -119
  310. package/publish/lib/esm/Utils/libs/viewport.ts +0 -20
  311. package/publish/lib/esm/Utils/plugins/bodyScrollLock.ts +0 -286
  312. package/publish/lib/esm/index.js +0 -43
  313. package/publish/package.json +0 -1
  314. /package/{publish/Accordion → Accordion}/index.d.ts +0 -0
  315. /package/{publish/Accordion → Accordion}/index.js +0 -0
  316. /package/{publish/BackToTop → BackToTop}/index.css +0 -0
  317. /package/{publish/BackToTop → BackToTop}/index.d.ts +0 -0
  318. /package/{publish/BackToTop → BackToTop}/index.js +0 -0
  319. /package/{publish/CascadingSelect → CascadingSelect}/index.css +0 -0
  320. /package/{publish/CascadingSelect → CascadingSelect}/index.d.ts +0 -0
  321. /package/{publish/CascadingSelect → CascadingSelect}/index.js +0 -0
  322. /package/{publish/CascadingSelectE2E → CascadingSelectE2E}/index.css +0 -0
  323. /package/{publish/CascadingSelectE2E → CascadingSelectE2E}/index.d.ts +0 -0
  324. /package/{publish/CascadingSelectE2E → CascadingSelectE2E}/index.js +0 -0
  325. /package/{publish/Checkbox → Checkbox}/index.d.ts +0 -0
  326. /package/{publish/Checkbox → Checkbox}/index.js +0 -0
  327. /package/{publish/ColorPicker → ColorPicker}/index.css +0 -0
  328. /package/{publish/ColorPicker → ColorPicker}/index.d.ts +0 -0
  329. /package/{publish/ColorPicker → ColorPicker}/index.js +0 -0
  330. /package/{publish/Date → Date}/index.css +0 -0
  331. /package/{publish/Date → Date}/index.d.ts +0 -0
  332. /package/{publish/Date → Date}/index.js +0 -0
  333. /package/{publish/DigitalClock → DigitalClock}/index.d.ts +0 -0
  334. /package/{publish/DigitalClock → DigitalClock}/index.js +0 -0
  335. /package/{publish/DragDropList → DragDropList}/index.css +0 -0
  336. /package/{publish/DragDropList → DragDropList}/index.d.ts +0 -0
  337. /package/{publish/DragDropList → DragDropList}/index.js +0 -0
  338. /package/{publish/DropdownMenu → DropdownMenu}/index.css +0 -0
  339. /package/{publish/DropdownMenu → DropdownMenu}/index.d.ts +0 -0
  340. /package/{publish/DropdownMenu → DropdownMenu}/index.js +0 -0
  341. /package/{publish/DynamicFields → DynamicFields}/index.d.ts +0 -0
  342. /package/{publish/DynamicFields → DynamicFields}/index.js +0 -0
  343. /package/{publish/EventCalendar → EventCalendar}/index.css +0 -0
  344. /package/{publish/EventCalendar → EventCalendar}/index.d.ts +0 -0
  345. /package/{publish/EventCalendar → EventCalendar}/index.js +0 -0
  346. /package/{publish/EventCalendarTimeline → EventCalendarTimeline}/index.css +0 -0
  347. /package/{publish/EventCalendarTimeline → EventCalendarTimeline}/index.d.ts +0 -0
  348. /package/{publish/EventCalendarTimeline → EventCalendarTimeline}/index.js +0 -0
  349. /package/{publish/File → File}/index.d.ts +0 -0
  350. /package/{publish/File → File}/index.js +0 -0
  351. /package/{publish/HorizontalScrollContent → HorizontalScrollContent}/index.css +0 -0
  352. /package/{publish/HorizontalScrollContent → HorizontalScrollContent}/index.d.ts +0 -0
  353. /package/{publish/HorizontalScrollContent → HorizontalScrollContent}/index.js +0 -0
  354. /package/{publish/Input → Input}/index.d.ts +0 -0
  355. /package/{publish/Input → Input}/index.js +0 -0
  356. /package/{publish/LiveSearch → LiveSearch}/index.css +0 -0
  357. /package/{publish/LiveSearch → LiveSearch}/index.d.ts +0 -0
  358. /package/{publish/LiveSearch → LiveSearch}/index.js +0 -0
  359. /package/{publish/MasonryLayout → MasonryLayout}/index.d.ts +0 -0
  360. /package/{publish/MasonryLayout → MasonryLayout}/index.js +0 -0
  361. /package/{publish/ModalDialog → ModalDialog}/index.d.ts +0 -0
  362. /package/{publish/ModalDialog → ModalDialog}/index.js +0 -0
  363. /package/{publish/ModeSwitch → ModeSwitch}/index.d.ts +0 -0
  364. /package/{publish/ModeSwitch → ModeSwitch}/index.js +0 -0
  365. /package/{publish/MultilevelDropdownMenu → MultilevelDropdownMenu}/index.css +0 -0
  366. /package/{publish/MultilevelDropdownMenu → MultilevelDropdownMenu}/index.d.ts +0 -0
  367. /package/{publish/MultilevelDropdownMenu → MultilevelDropdownMenu}/index.js +0 -0
  368. /package/{publish/MultipleCheckboxes → MultipleCheckboxes}/index.d.ts +0 -0
  369. /package/{publish/MultipleCheckboxes → MultipleCheckboxes}/index.js +0 -0
  370. /package/{publish/MultipleSelect → MultipleSelect}/index.css +0 -0
  371. /package/{publish/MultipleSelect → MultipleSelect}/index.d.ts +0 -0
  372. /package/{publish/MultipleSelect → MultipleSelect}/index.js +0 -0
  373. /package/{publish/NativeSelect → NativeSelect}/index.d.ts +0 -0
  374. /package/{publish/NativeSelect → NativeSelect}/index.js +0 -0
  375. /package/{publish/NumberInput → NumberInput}/index.d.ts +0 -0
  376. /package/{publish/NumberInput → NumberInput}/index.js +0 -0
  377. /package/{publish/Pagination → Pagination}/index.d.ts +0 -0
  378. /package/{publish/Pagination → Pagination}/index.js +0 -0
  379. /package/{publish/Radio → Radio}/index.d.ts +0 -0
  380. /package/{publish/Radio → Radio}/index.js +0 -0
  381. /package/{publish/RangeSlider → RangeSlider}/index.css +0 -0
  382. /package/{publish/RangeSlider → RangeSlider}/index.d.ts +0 -0
  383. /package/{publish/RangeSlider → RangeSlider}/index.js +0 -0
  384. /package/{publish/RootPortal → RootPortal}/index.d.ts +0 -0
  385. /package/{publish/RootPortal → RootPortal}/index.js +0 -0
  386. /package/{publish/ScrollReveal → ScrollReveal}/index.d.ts +0 -0
  387. /package/{publish/ScrollReveal → ScrollReveal}/index.js +0 -0
  388. /package/{publish/Scrollbar → Scrollbar}/index.css +0 -0
  389. /package/{publish/Scrollbar → Scrollbar}/index.d.ts +0 -0
  390. /package/{publish/Scrollbar → Scrollbar}/index.js +0 -0
  391. /package/{publish/SearchBar → SearchBar}/index.d.ts +0 -0
  392. /package/{publish/SearchBar → SearchBar}/index.js +0 -0
  393. /package/{publish/Select → Select}/index.css +0 -0
  394. /package/{publish/Select → Select}/index.d.ts +0 -0
  395. /package/{publish/Select → Select}/index.js +0 -0
  396. /package/{publish/ShowMoreLess → ShowMoreLess}/index.css +0 -0
  397. /package/{publish/ShowMoreLess → ShowMoreLess}/index.d.ts +0 -0
  398. /package/{publish/ShowMoreLess → ShowMoreLess}/index.js +0 -0
  399. /package/{publish/Switch → Switch}/index.d.ts +0 -0
  400. /package/{publish/Switch → Switch}/index.js +0 -0
  401. /package/{publish/Table → Table}/index.css +0 -0
  402. /package/{publish/Table → Table}/index.d.ts +0 -0
  403. /package/{publish/Table → Table}/index.js +0 -0
  404. /package/{publish/Tabs → Tabs}/index.d.ts +0 -0
  405. /package/{publish/Tabs → Tabs}/index.js +0 -0
  406. /package/{publish/TagInput → TagInput}/index.css +0 -0
  407. /package/{publish/TagInput → TagInput}/index.d.ts +0 -0
  408. /package/{publish/TagInput → TagInput}/index.js +0 -0
  409. /package/{publish/Textarea → Textarea}/index.d.ts +0 -0
  410. /package/{publish/Textarea → Textarea}/index.js +0 -0
  411. /package/{publish/Toast → Toast}/index.css +0 -0
  412. /package/{publish/Toast → Toast}/index.d.ts +0 -0
  413. /package/{publish/Toast → Toast}/index.js +0 -0
  414. /package/{publish/Tooltip → Tooltip}/index.css +0 -0
  415. /package/{publish/Tooltip → Tooltip}/index.d.ts +0 -0
  416. /package/{publish/Tooltip → Tooltip}/index.js +0 -0
  417. /package/{publish/Tree → Tree}/index.css +0 -0
  418. /package/{publish/Tree → Tree}/index.d.ts +0 -0
  419. /package/{publish/Tree → Tree}/index.js +0 -0
  420. /package/{publish/Utils → Utils}/anim.d.ts +0 -0
  421. /package/{publish/Utils → Utils}/anim.js +0 -0
  422. /package/{publish/Utils → Utils}/bodyScrollLock.d.ts +0 -0
  423. /package/{publish/Utils → Utils}/bodyScrollLock.js +0 -0
  424. /package/{publish/Utils → Utils}/buffer.d.ts +0 -0
  425. /package/{publish/Utils → Utils}/buffer.js +0 -0
  426. /package/{publish/Utils → Utils}/cls.d.ts +0 -0
  427. /package/{publish/Utils → Utils}/cls.js +0 -0
  428. /package/{publish/Utils → Utils}/convert.d.ts +0 -0
  429. /package/{publish/Utils → Utils}/convert.js +0 -0
  430. /package/{publish/Utils → Utils}/date.d.ts +0 -0
  431. /package/{publish/Utils → Utils}/date.js +0 -0
  432. /package/{publish/Utils → Utils}/dom.d.ts +0 -0
  433. /package/{publish/Utils → Utils}/dom.js +0 -0
  434. /package/{publish/Utils → Utils}/easing.d.ts +0 -0
  435. /package/{publish/Utils → Utils}/easing.js +0 -0
  436. /package/{publish/Utils → Utils}/extract.d.ts +0 -0
  437. /package/{publish/Utils → Utils}/extract.js +0 -0
  438. /package/{publish/Utils → Utils}/getElementProperty.d.ts +0 -0
  439. /package/{publish/Utils → Utils}/getElementProperty.js +0 -0
  440. /package/{publish/Utils → Utils}/guid.d.ts +0 -0
  441. /package/{publish/Utils → Utils}/guid.js +0 -0
  442. /package/{publish/Utils → Utils}/initDefaultOptions.d.ts +0 -0
  443. /package/{publish/Utils → Utils}/initDefaultOptions.js +0 -0
  444. /package/{publish/Utils → Utils}/inputsCalculation.d.ts +0 -0
  445. /package/{publish/Utils → Utils}/inputsCalculation.js +0 -0
  446. /package/{publish/Utils → Utils}/math.d.ts +0 -0
  447. /package/{publish/Utils → Utils}/math.js +0 -0
  448. /package/{publish/Utils → Utils}/object.d.ts +0 -0
  449. /package/{publish/Utils → Utils}/object.js +0 -0
  450. /package/{publish/Utils → Utils}/os.d.ts +0 -0
  451. /package/{publish/Utils → Utils}/os.js +0 -0
  452. /package/{publish/Utils → Utils}/performance.d.ts +0 -0
  453. /package/{publish/Utils → Utils}/performance.js +0 -0
  454. /package/{publish/Utils → Utils}/tree.d.ts +0 -0
  455. /package/{publish/Utils → Utils}/tree.js +0 -0
  456. /package/{publish/Utils → Utils}/useAutosizeTextArea.d.ts +0 -0
  457. /package/{publish/Utils → Utils}/useAutosizeTextArea.js +0 -0
  458. /package/{publish/Utils → Utils}/useBoundedDrag.d.ts +0 -0
  459. /package/{publish/Utils → Utils}/useBoundedDrag.js +0 -0
  460. /package/{publish/Utils → Utils}/useClickOutside.d.ts +0 -0
  461. /package/{publish/Utils → Utils}/useClickOutside.js +0 -0
  462. /package/{publish/Utils → Utils}/useComId.d.ts +0 -0
  463. /package/{publish/Utils → Utils}/useComId.js +0 -0
  464. /package/{publish/Utils → Utils}/useDebounce.d.ts +0 -0
  465. /package/{publish/Utils → Utils}/useDebounce.js +0 -0
  466. /package/{publish/Utils → Utils}/useDragDropPosition.d.ts +0 -0
  467. /package/{publish/Utils → Utils}/useDragDropPosition.js +0 -0
  468. /package/{publish/Utils → Utils}/useDraggable.d.ts +0 -0
  469. /package/{publish/Utils → Utils}/useDraggable.js +0 -0
  470. /package/{publish/Utils → Utils}/useInterval.d.ts +0 -0
  471. /package/{publish/Utils → Utils}/useInterval.js +0 -0
  472. /package/{publish/Utils → Utils}/useIsMobile.d.ts +0 -0
  473. /package/{publish/Utils → Utils}/useIsMobile.js +0 -0
  474. /package/{publish/Utils → Utils}/useKeyPress.d.ts +0 -0
  475. /package/{publish/Utils → Utils}/useKeyPress.js +0 -0
  476. /package/{publish/Utils → Utils}/useThrottle.d.ts +0 -0
  477. /package/{publish/Utils → Utils}/useThrottle.js +0 -0
  478. /package/{publish/Utils → Utils}/useWindowScroll.d.ts +0 -0
  479. /package/{publish/Utils → Utils}/useWindowScroll.js +0 -0
  480. /package/{publish/Utils → Utils}/viewport.d.ts +0 -0
  481. /package/{publish/Utils → Utils}/viewport.js +0 -0
  482. /package/{publish/all.d.ts → all.d.ts} +0 -0
  483. /package/{publish/all.js → all.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
- });