@vuu-ui/vuu-ui-controls 2.1.19-beta.2 → 2.1.19-beta.3

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 (745) hide show
  1. package/cjs/calendar/Calendar.css.js +6 -0
  2. package/cjs/calendar/Calendar.css.js.map +1 -0
  3. package/cjs/calendar/Calendar.js +93 -0
  4. package/cjs/calendar/Calendar.js.map +1 -0
  5. package/cjs/calendar/internal/CalendarCarousel.css.js +6 -0
  6. package/cjs/calendar/internal/CalendarCarousel.css.js.map +1 -0
  7. package/cjs/calendar/internal/CalendarCarousel.js +75 -0
  8. package/cjs/calendar/internal/CalendarCarousel.js.map +1 -0
  9. package/cjs/calendar/internal/CalendarContext.js +19 -0
  10. package/cjs/calendar/internal/CalendarContext.js.map +1 -0
  11. package/cjs/calendar/internal/CalendarDay.css.js +6 -0
  12. package/cjs/calendar/internal/CalendarDay.css.js.map +1 -0
  13. package/cjs/calendar/internal/CalendarDay.js +86 -0
  14. package/cjs/calendar/internal/CalendarDay.js.map +1 -0
  15. package/cjs/calendar/internal/CalendarMonth.css.js +6 -0
  16. package/cjs/calendar/internal/CalendarMonth.css.js.map +1 -0
  17. package/cjs/calendar/internal/CalendarMonth.js +71 -0
  18. package/cjs/calendar/internal/CalendarMonth.js.map +1 -0
  19. package/cjs/calendar/internal/CalendarNavigation.css.js +6 -0
  20. package/cjs/calendar/internal/CalendarNavigation.css.js.map +1 -0
  21. package/cjs/calendar/internal/CalendarNavigation.js +236 -0
  22. package/cjs/calendar/internal/CalendarNavigation.js.map +1 -0
  23. package/cjs/calendar/internal/CalendarWeekHeader.css.js +6 -0
  24. package/cjs/calendar/internal/CalendarWeekHeader.css.js.map +1 -0
  25. package/cjs/calendar/internal/CalendarWeekHeader.js +43 -0
  26. package/cjs/calendar/internal/CalendarWeekHeader.js.map +1 -0
  27. package/cjs/calendar/internal/useFocusManagement.js +66 -0
  28. package/cjs/calendar/internal/useFocusManagement.js.map +1 -0
  29. package/cjs/calendar/internal/utils.js +64 -0
  30. package/cjs/calendar/internal/utils.js.map +1 -0
  31. package/cjs/calendar/useCalendar.js +163 -0
  32. package/cjs/calendar/useCalendar.js.map +1 -0
  33. package/cjs/calendar/useCalendarDay.js +80 -0
  34. package/cjs/calendar/useCalendarDay.js.map +1 -0
  35. package/cjs/calendar/useSelection.js +248 -0
  36. package/cjs/calendar/useSelection.js.map +1 -0
  37. package/cjs/column-picker/ColumnPicker.css.js +6 -0
  38. package/cjs/column-picker/ColumnPicker.css.js.map +1 -0
  39. package/cjs/column-picker/ColumnPicker.js +128 -0
  40. package/cjs/column-picker/ColumnPicker.js.map +1 -0
  41. package/cjs/column-picker/ColumnSearch.css.js +6 -0
  42. package/cjs/column-picker/ColumnSearch.css.js.map +1 -0
  43. package/cjs/column-picker/ColumnSearch.js +82 -0
  44. package/cjs/column-picker/ColumnSearch.js.map +1 -0
  45. package/cjs/common-hooks/selectionTypes.js +18 -0
  46. package/cjs/common-hooks/selectionTypes.js.map +1 -0
  47. package/cjs/common-hooks/use-resize-observer.js +123 -0
  48. package/cjs/common-hooks/use-resize-observer.js.map +1 -0
  49. package/cjs/common-hooks/useControlled.js +58 -0
  50. package/cjs/common-hooks/useControlled.js.map +1 -0
  51. package/cjs/context-panel-provider/ContextPanelProvider.js +99 -0
  52. package/cjs/context-panel-provider/ContextPanelProvider.js.map +1 -0
  53. package/cjs/cycle-state-button/CycleStateButton.js +50 -0
  54. package/cjs/cycle-state-button/CycleStateButton.js.map +1 -0
  55. package/cjs/date-input/DateInput.css.js +6 -0
  56. package/cjs/date-input/DateInput.css.js.map +1 -0
  57. package/cjs/date-input/DateInput.js +277 -0
  58. package/cjs/date-input/DateInput.js.map +1 -0
  59. package/cjs/date-picker/DatePicker.js +169 -0
  60. package/cjs/date-picker/DatePicker.js.map +1 -0
  61. package/cjs/date-picker/DatePickerContext.js +26 -0
  62. package/cjs/date-picker/DatePickerContext.js.map +1 -0
  63. package/cjs/date-picker/DatePickerPanel.css.js +6 -0
  64. package/cjs/date-picker/DatePickerPanel.css.js.map +1 -0
  65. package/cjs/date-picker/DatePickerPanel.js +146 -0
  66. package/cjs/date-picker/DatePickerPanel.js.map +1 -0
  67. package/cjs/drag-drop/DragDropProvider.js +145 -0
  68. package/cjs/drag-drop/DragDropProvider.js.map +1 -0
  69. package/cjs/drag-drop/DragDropState.js +36 -0
  70. package/cjs/drag-drop/DragDropState.js.map +1 -0
  71. package/cjs/drag-drop/Draggable.css.js +6 -0
  72. package/cjs/drag-drop/Draggable.css.js.map +1 -0
  73. package/cjs/drag-drop/Draggable.js +90 -0
  74. package/cjs/drag-drop/Draggable.js.map +1 -0
  75. package/cjs/drag-drop/dragDropTypes.js +8 -0
  76. package/cjs/drag-drop/dragDropTypes.js.map +1 -0
  77. package/cjs/drag-drop/drop-target-utils.js +245 -0
  78. package/cjs/drag-drop/drop-target-utils.js.map +1 -0
  79. package/cjs/drag-drop/useAutoScroll.js +71 -0
  80. package/cjs/drag-drop/useAutoScroll.js.map +1 -0
  81. package/cjs/drag-drop/useDragDisplacers.js +160 -0
  82. package/cjs/drag-drop/useDragDisplacers.js.map +1 -0
  83. package/cjs/drag-drop/useDragDrop.js +504 -0
  84. package/cjs/drag-drop/useDragDrop.js.map +1 -0
  85. package/cjs/drag-drop/useDragDropCopy.js +34 -0
  86. package/cjs/drag-drop/useDragDropCopy.js.map +1 -0
  87. package/cjs/drag-drop/useDragDropIndicator.js +251 -0
  88. package/cjs/drag-drop/useDragDropIndicator.js.map +1 -0
  89. package/cjs/drag-drop/useDragDropNaturalMovement.js +265 -0
  90. package/cjs/drag-drop/useDragDropNaturalMovement.js.map +1 -0
  91. package/cjs/drag-drop/useDropIndicator.js +27 -0
  92. package/cjs/drag-drop/useDropIndicator.js.map +1 -0
  93. package/cjs/drag-drop/useGlobalDragDrop.js +89 -0
  94. package/cjs/drag-drop/useGlobalDragDrop.js.map +1 -0
  95. package/cjs/editable/useEditableText.js +211 -0
  96. package/cjs/editable/useEditableText.js.map +1 -0
  97. package/cjs/editable-label/EditableLabel.css.js +6 -0
  98. package/cjs/editable-label/EditableLabel.css.js.map +1 -0
  99. package/cjs/editable-label/EditableLabel.js +143 -0
  100. package/cjs/editable-label/EditableLabel.js.map +1 -0
  101. package/cjs/expando-input/ExpandoInput.css.js +6 -0
  102. package/cjs/expando-input/ExpandoInput.css.js.map +1 -0
  103. package/cjs/expando-input/ExpandoInput.js +53 -0
  104. package/cjs/expando-input/ExpandoInput.js.map +1 -0
  105. package/cjs/hover-overlay/HoverOverlay.js +96 -0
  106. package/cjs/hover-overlay/HoverOverlay.js.map +1 -0
  107. package/cjs/icon-button/Icon.css.js +6 -0
  108. package/cjs/icon-button/Icon.css.js.map +1 -0
  109. package/cjs/icon-button/Icon.js +37 -0
  110. package/cjs/icon-button/Icon.js.map +1 -0
  111. package/cjs/icon-button/IconButton.css.js +6 -0
  112. package/cjs/icon-button/IconButton.css.js.map +1 -0
  113. package/cjs/icon-button/IconButton.js +26 -0
  114. package/cjs/icon-button/IconButton.js.map +1 -0
  115. package/cjs/icon-button/ToggleIconButton.css.js +6 -0
  116. package/cjs/icon-button/ToggleIconButton.css.js.map +1 -0
  117. package/cjs/icon-button/ToggleIconButton.js +39 -0
  118. package/cjs/icon-button/ToggleIconButton.js.map +1 -0
  119. package/cjs/index.js +170 -0
  120. package/cjs/index.js.map +1 -0
  121. package/cjs/instrument-picker/TablePicker.css.js +6 -0
  122. package/cjs/instrument-picker/TablePicker.css.js.map +1 -0
  123. package/cjs/instrument-picker/TablePicker.js +130 -0
  124. package/cjs/instrument-picker/TablePicker.js.map +1 -0
  125. package/cjs/instrument-picker/useTablePicker.js +150 -0
  126. package/cjs/instrument-picker/useTablePicker.js.map +1 -0
  127. package/cjs/measured-container/MeasuredContainer.css.js +6 -0
  128. package/cjs/measured-container/MeasuredContainer.css.js.map +1 -0
  129. package/cjs/measured-container/MeasuredContainer.js +72 -0
  130. package/cjs/measured-container/MeasuredContainer.js.map +1 -0
  131. package/cjs/measured-container/useMeasuredContainer.js +167 -0
  132. package/cjs/measured-container/useMeasuredContainer.js.map +1 -0
  133. package/cjs/modal-provider/ModalProvider.js +143 -0
  134. package/cjs/modal-provider/ModalProvider.js.map +1 -0
  135. package/cjs/overflow-container/OverflowContainer.css.js +6 -0
  136. package/cjs/overflow-container/OverflowContainer.css.js.map +1 -0
  137. package/cjs/overflow-container/OverflowContainer.js +143 -0
  138. package/cjs/overflow-container/OverflowContainer.js.map +1 -0
  139. package/cjs/overflow-container/overflow-utils.js +286 -0
  140. package/cjs/overflow-container/overflow-utils.js.map +1 -0
  141. package/cjs/overflow-container/useOverflowContainer.js +143 -0
  142. package/cjs/overflow-container/useOverflowContainer.js.map +1 -0
  143. package/cjs/price-ticker/PriceTicker.css.js +6 -0
  144. package/cjs/price-ticker/PriceTicker.css.js.map +1 -0
  145. package/cjs/price-ticker/PriceTicker.js +50 -0
  146. package/cjs/price-ticker/PriceTicker.js.map +1 -0
  147. package/cjs/prompt/Prompt.css.js +6 -0
  148. package/cjs/prompt/Prompt.css.js.map +1 -0
  149. package/cjs/prompt/Prompt.js +142 -0
  150. package/cjs/prompt/Prompt.js.map +1 -0
  151. package/cjs/sortable-list/SortableList.js +37 -0
  152. package/cjs/sortable-list/SortableList.js.map +1 -0
  153. package/cjs/split-button/SplitButton.css.js +6 -0
  154. package/cjs/split-button/SplitButton.css.js.map +1 -0
  155. package/cjs/split-button/SplitButton.js +84 -0
  156. package/cjs/split-button/SplitButton.js.map +1 -0
  157. package/cjs/split-button/SplitStateButton.css.js +6 -0
  158. package/cjs/split-button/SplitStateButton.css.js.map +1 -0
  159. package/cjs/split-button/SplitStateButton.js +31 -0
  160. package/cjs/split-button/SplitStateButton.js.map +1 -0
  161. package/cjs/split-button/useSplitButton.js +84 -0
  162. package/cjs/split-button/useSplitButton.js.map +1 -0
  163. package/cjs/table-search/SearchCell.css.js +6 -0
  164. package/cjs/table-search/SearchCell.css.js.map +1 -0
  165. package/cjs/table-search/SearchCell.js +32 -0
  166. package/cjs/table-search/SearchCell.js.map +1 -0
  167. package/cjs/table-search/TableSearch.css.js +6 -0
  168. package/cjs/table-search/TableSearch.css.js.map +1 -0
  169. package/cjs/table-search/TableSearch.js +89 -0
  170. package/cjs/table-search/TableSearch.js.map +1 -0
  171. package/cjs/table-search/useTableSearch.js +39 -0
  172. package/cjs/table-search/useTableSearch.js.map +1 -0
  173. package/cjs/tabs-next/TabBar.css.js +6 -0
  174. package/cjs/tabs-next/TabBar.css.js.map +1 -0
  175. package/cjs/tabs-next/TabBar.js +41 -0
  176. package/cjs/tabs-next/TabBar.js.map +1 -0
  177. package/cjs/tabs-next/TabListNext.css.js +6 -0
  178. package/cjs/tabs-next/TabListNext.css.js.map +1 -0
  179. package/cjs/tabs-next/TabListNext.js +124 -0
  180. package/cjs/tabs-next/TabListNext.js.map +1 -0
  181. package/cjs/tabs-next/TabNext.css.js +6 -0
  182. package/cjs/tabs-next/TabNext.css.js.map +1 -0
  183. package/cjs/tabs-next/TabNext.js +110 -0
  184. package/cjs/tabs-next/TabNext.js.map +1 -0
  185. package/cjs/tabs-next/TabNextAction.js +35 -0
  186. package/cjs/tabs-next/TabNextAction.js.map +1 -0
  187. package/cjs/tabs-next/TabNextContext.js +23 -0
  188. package/cjs/tabs-next/TabNextContext.js.map +1 -0
  189. package/cjs/tabs-next/TabNextPanel.css.js +6 -0
  190. package/cjs/tabs-next/TabNextPanel.css.js.map +1 -0
  191. package/cjs/tabs-next/TabNextPanel.js +77 -0
  192. package/cjs/tabs-next/TabNextPanel.js.map +1 -0
  193. package/cjs/tabs-next/TabNextTrigger.css.js +6 -0
  194. package/cjs/tabs-next/TabNextTrigger.css.js.map +1 -0
  195. package/cjs/tabs-next/TabNextTrigger.js +74 -0
  196. package/cjs/tabs-next/TabNextTrigger.js.map +1 -0
  197. package/cjs/tabs-next/TabOverflowList.css.js +6 -0
  198. package/cjs/tabs-next/TabOverflowList.css.js.map +1 -0
  199. package/cjs/tabs-next/TabOverflowList.js +130 -0
  200. package/cjs/tabs-next/TabOverflowList.js.map +1 -0
  201. package/cjs/tabs-next/TabsNext.js +174 -0
  202. package/cjs/tabs-next/TabsNext.js.map +1 -0
  203. package/cjs/tabs-next/TabsNextContext.js +33 -0
  204. package/cjs/tabs-next/TabsNextContext.js.map +1 -0
  205. package/cjs/tabs-next/hooks/useCollection.js +91 -0
  206. package/cjs/tabs-next/hooks/useCollection.js.map +1 -0
  207. package/cjs/tabs-next/hooks/useFocusOutside.js +24 -0
  208. package/cjs/tabs-next/hooks/useFocusOutside.js.map +1 -0
  209. package/cjs/tabs-next/hooks/useOverflow.js +138 -0
  210. package/cjs/tabs-next/hooks/useOverflow.js.map +1 -0
  211. package/cjs/tabstrip/Tab.css.js +6 -0
  212. package/cjs/tabstrip/Tab.css.js.map +1 -0
  213. package/cjs/tabstrip/Tab.js +153 -0
  214. package/cjs/tabstrip/Tab.js.map +1 -0
  215. package/cjs/tabstrip/TabMenu.css.js +6 -0
  216. package/cjs/tabstrip/TabMenu.css.js.map +1 -0
  217. package/cjs/tabstrip/TabMenu.js +72 -0
  218. package/cjs/tabstrip/TabMenu.js.map +1 -0
  219. package/cjs/tabstrip/TabMenuOptions.js +20 -0
  220. package/cjs/tabstrip/TabMenuOptions.js.map +1 -0
  221. package/cjs/tabstrip/Tabstrip.css.js +6 -0
  222. package/cjs/tabstrip/Tabstrip.css.js.map +1 -0
  223. package/cjs/tabstrip/Tabstrip.js +160 -0
  224. package/cjs/tabstrip/Tabstrip.js.map +1 -0
  225. package/cjs/tabstrip/tabstrip-dom-utils.js +19 -0
  226. package/cjs/tabstrip/tabstrip-dom-utils.js.map +1 -0
  227. package/cjs/tabstrip/useAnimatedSelectionThumb.js +85 -0
  228. package/cjs/tabstrip/useAnimatedSelectionThumb.js.map +1 -0
  229. package/cjs/tabstrip/useKeyboardNavigation.js +247 -0
  230. package/cjs/tabstrip/useKeyboardNavigation.js.map +1 -0
  231. package/cjs/tabstrip/useSelection.js +60 -0
  232. package/cjs/tabstrip/useSelection.js.map +1 -0
  233. package/cjs/tabstrip/useTabstrip.js +233 -0
  234. package/cjs/tabstrip/useTabstrip.js.map +1 -0
  235. package/cjs/time-input/MaskedInput.js +377 -0
  236. package/cjs/time-input/MaskedInput.js.map +1 -0
  237. package/cjs/time-input/TimeInput.css.js +6 -0
  238. package/cjs/time-input/TimeInput.css.js.map +1 -0
  239. package/cjs/time-input/TimeInput.js +56 -0
  240. package/cjs/time-input/TimeInput.js.map +1 -0
  241. package/cjs/time-input/useTimeInput.js +121 -0
  242. package/cjs/time-input/useTimeInput.js.map +1 -0
  243. package/cjs/toolbar/Toolbar.css.js +6 -0
  244. package/cjs/toolbar/Toolbar.css.js.map +1 -0
  245. package/cjs/toolbar/Toolbar.js +90 -0
  246. package/cjs/toolbar/Toolbar.js.map +1 -0
  247. package/cjs/toolbar/toolbar-dom-utils.js +18 -0
  248. package/cjs/toolbar/toolbar-dom-utils.js.map +1 -0
  249. package/cjs/toolbar/useKeyboardNavigation.js +305 -0
  250. package/cjs/toolbar/useKeyboardNavigation.js.map +1 -0
  251. package/cjs/toolbar/useSelection.js +93 -0
  252. package/cjs/toolbar/useSelection.js.map +1 -0
  253. package/cjs/toolbar/useToolbar.js +100 -0
  254. package/cjs/toolbar/useToolbar.js.map +1 -0
  255. package/cjs/utils/escapeRegExp.js +9 -0
  256. package/cjs/utils/escapeRegExp.js.map +1 -0
  257. package/cjs/utils/forwardCallbackProps.js +22 -0
  258. package/cjs/utils/forwardCallbackProps.js.map +1 -0
  259. package/cjs/utils/isOverflowElement.js +8 -0
  260. package/cjs/utils/isOverflowElement.js.map +1 -0
  261. package/cjs/utils/isPlainObject.js +6 -0
  262. package/cjs/utils/isPlainObject.js.map +1 -0
  263. package/cjs/vuu-date-picker/VuuDatePicker.js +122 -0
  264. package/cjs/vuu-date-picker/VuuDatePicker.js.map +1 -0
  265. package/cjs/vuu-input/VuuInput.css.js +6 -0
  266. package/cjs/vuu-input/VuuInput.css.js.map +1 -0
  267. package/cjs/vuu-input/VuuInput.js +102 -0
  268. package/cjs/vuu-input/VuuInput.js.map +1 -0
  269. package/cjs/vuu-time-picker/VuuTimePicker.css.js +6 -0
  270. package/cjs/vuu-time-picker/VuuTimePicker.css.js.map +1 -0
  271. package/cjs/vuu-time-picker/VuuTimePicker.js +37 -0
  272. package/cjs/vuu-time-picker/VuuTimePicker.js.map +1 -0
  273. package/cjs/vuu-typeahead-input/VuuTypeaheadInput.css.js +6 -0
  274. package/cjs/vuu-typeahead-input/VuuTypeaheadInput.css.js.map +1 -0
  275. package/cjs/vuu-typeahead-input/VuuTypeaheadInput.js +80 -0
  276. package/cjs/vuu-typeahead-input/VuuTypeaheadInput.js.map +1 -0
  277. package/cjs/vuu-typeahead-input/useVuuTypeaheadInput.js +176 -0
  278. package/cjs/vuu-typeahead-input/useVuuTypeaheadInput.js.map +1 -0
  279. package/esm/calendar/Calendar.css.js +4 -0
  280. package/esm/calendar/Calendar.css.js.map +1 -0
  281. package/esm/calendar/Calendar.js +91 -0
  282. package/esm/calendar/Calendar.js.map +1 -0
  283. package/esm/calendar/internal/CalendarCarousel.css.js +4 -0
  284. package/esm/calendar/internal/CalendarCarousel.css.js.map +1 -0
  285. package/esm/calendar/internal/CalendarCarousel.js +73 -0
  286. package/esm/calendar/internal/CalendarCarousel.js.map +1 -0
  287. package/esm/calendar/internal/CalendarContext.js +16 -0
  288. package/esm/calendar/internal/CalendarContext.js.map +1 -0
  289. package/esm/calendar/internal/CalendarDay.css.js +4 -0
  290. package/esm/calendar/internal/CalendarDay.css.js.map +1 -0
  291. package/{src → esm}/calendar/internal/CalendarDay.js +53 -33
  292. package/esm/calendar/internal/CalendarDay.js.map +1 -0
  293. package/esm/calendar/internal/CalendarMonth.css.js +4 -0
  294. package/esm/calendar/internal/CalendarMonth.css.js.map +1 -0
  295. package/esm/calendar/internal/CalendarMonth.js +69 -0
  296. package/esm/calendar/internal/CalendarMonth.js.map +1 -0
  297. package/esm/calendar/internal/CalendarNavigation.css.js +4 -0
  298. package/esm/calendar/internal/CalendarNavigation.css.js.map +1 -0
  299. package/esm/calendar/internal/CalendarNavigation.js +234 -0
  300. package/esm/calendar/internal/CalendarNavigation.js.map +1 -0
  301. package/esm/calendar/internal/CalendarWeekHeader.css.js +4 -0
  302. package/esm/calendar/internal/CalendarWeekHeader.css.js.map +1 -0
  303. package/esm/calendar/internal/CalendarWeekHeader.js +41 -0
  304. package/esm/calendar/internal/CalendarWeekHeader.js.map +1 -0
  305. package/esm/calendar/internal/useFocusManagement.js +64 -0
  306. package/esm/calendar/internal/useFocusManagement.js.map +1 -0
  307. package/esm/calendar/internal/utils.js +55 -0
  308. package/esm/calendar/internal/utils.js.map +1 -0
  309. package/esm/calendar/useCalendar.js +161 -0
  310. package/esm/calendar/useCalendar.js.map +1 -0
  311. package/esm/calendar/useCalendarDay.js +78 -0
  312. package/esm/calendar/useCalendarDay.js.map +1 -0
  313. package/esm/calendar/useSelection.js +243 -0
  314. package/esm/calendar/useSelection.js.map +1 -0
  315. package/esm/column-picker/ColumnPicker.css.js +4 -0
  316. package/esm/column-picker/ColumnPicker.css.js.map +1 -0
  317. package/esm/column-picker/ColumnPicker.js +126 -0
  318. package/esm/column-picker/ColumnPicker.js.map +1 -0
  319. package/esm/column-picker/ColumnSearch.css.js +4 -0
  320. package/esm/column-picker/ColumnSearch.css.js.map +1 -0
  321. package/esm/column-picker/ColumnSearch.js +80 -0
  322. package/esm/column-picker/ColumnSearch.js.map +1 -0
  323. package/esm/common-hooks/selectionTypes.js +10 -0
  324. package/esm/common-hooks/selectionTypes.js.map +1 -0
  325. package/esm/common-hooks/use-resize-observer.js +118 -0
  326. package/esm/common-hooks/use-resize-observer.js.map +1 -0
  327. package/esm/common-hooks/useControlled.js +56 -0
  328. package/esm/common-hooks/useControlled.js.map +1 -0
  329. package/esm/context-panel-provider/ContextPanelProvider.js +94 -0
  330. package/esm/context-panel-provider/ContextPanelProvider.js.map +1 -0
  331. package/esm/cycle-state-button/CycleStateButton.js +48 -0
  332. package/esm/cycle-state-button/CycleStateButton.js.map +1 -0
  333. package/esm/date-input/DateInput.css.js +4 -0
  334. package/esm/date-input/DateInput.css.js.map +1 -0
  335. package/esm/date-input/DateInput.js +275 -0
  336. package/esm/date-input/DateInput.js.map +1 -0
  337. package/esm/date-picker/DatePicker.js +167 -0
  338. package/esm/date-picker/DatePicker.js.map +1 -0
  339. package/esm/date-picker/DatePickerContext.js +23 -0
  340. package/esm/date-picker/DatePickerContext.js.map +1 -0
  341. package/esm/date-picker/DatePickerPanel.css.js +4 -0
  342. package/esm/date-picker/DatePickerPanel.css.js.map +1 -0
  343. package/esm/date-picker/DatePickerPanel.js +144 -0
  344. package/esm/date-picker/DatePickerPanel.js.map +1 -0
  345. package/esm/drag-drop/DragDropProvider.js +142 -0
  346. package/esm/drag-drop/DragDropProvider.js.map +1 -0
  347. package/esm/drag-drop/DragDropState.js +34 -0
  348. package/esm/drag-drop/DragDropState.js.map +1 -0
  349. package/esm/drag-drop/Draggable.css.js +4 -0
  350. package/esm/drag-drop/Draggable.css.js.map +1 -0
  351. package/esm/drag-drop/Draggable.js +85 -0
  352. package/esm/drag-drop/Draggable.js.map +1 -0
  353. package/{src → esm}/drag-drop/dragDropTypes.js +2 -0
  354. package/esm/drag-drop/dragDropTypes.js.map +1 -0
  355. package/esm/drag-drop/drop-target-utils.js +228 -0
  356. package/esm/drag-drop/drop-target-utils.js.map +1 -0
  357. package/esm/drag-drop/useAutoScroll.js +69 -0
  358. package/esm/drag-drop/useAutoScroll.js.map +1 -0
  359. package/esm/drag-drop/useDragDisplacers.js +158 -0
  360. package/esm/drag-drop/useDragDisplacers.js.map +1 -0
  361. package/esm/drag-drop/useDragDrop.js +502 -0
  362. package/esm/drag-drop/useDragDrop.js.map +1 -0
  363. package/esm/drag-drop/useDragDropCopy.js +31 -0
  364. package/esm/drag-drop/useDragDropCopy.js.map +1 -0
  365. package/esm/drag-drop/useDragDropIndicator.js +249 -0
  366. package/esm/drag-drop/useDragDropIndicator.js.map +1 -0
  367. package/esm/drag-drop/useDragDropNaturalMovement.js +263 -0
  368. package/esm/drag-drop/useDragDropNaturalMovement.js.map +1 -0
  369. package/esm/drag-drop/useDropIndicator.js +25 -0
  370. package/esm/drag-drop/useDropIndicator.js.map +1 -0
  371. package/esm/drag-drop/useGlobalDragDrop.js +87 -0
  372. package/esm/drag-drop/useGlobalDragDrop.js.map +1 -0
  373. package/esm/editable/useEditableText.js +209 -0
  374. package/esm/editable/useEditableText.js.map +1 -0
  375. package/esm/editable-label/EditableLabel.css.js +4 -0
  376. package/esm/editable-label/EditableLabel.css.js.map +1 -0
  377. package/esm/editable-label/EditableLabel.js +140 -0
  378. package/esm/editable-label/EditableLabel.js.map +1 -0
  379. package/esm/expando-input/ExpandoInput.css.js +4 -0
  380. package/esm/expando-input/ExpandoInput.css.js.map +1 -0
  381. package/esm/expando-input/ExpandoInput.js +51 -0
  382. package/esm/expando-input/ExpandoInput.js.map +1 -0
  383. package/esm/hover-overlay/HoverOverlay.js +94 -0
  384. package/esm/hover-overlay/HoverOverlay.js.map +1 -0
  385. package/esm/icon-button/Icon.css.js +4 -0
  386. package/esm/icon-button/Icon.css.js.map +1 -0
  387. package/esm/icon-button/Icon.js +35 -0
  388. package/esm/icon-button/Icon.js.map +1 -0
  389. package/esm/icon-button/IconButton.css.js +4 -0
  390. package/esm/icon-button/IconButton.css.js.map +1 -0
  391. package/esm/icon-button/IconButton.js +24 -0
  392. package/esm/icon-button/IconButton.js.map +1 -0
  393. package/esm/icon-button/ToggleIconButton.css.js +4 -0
  394. package/esm/icon-button/ToggleIconButton.css.js.map +1 -0
  395. package/esm/icon-button/ToggleIconButton.js +37 -0
  396. package/esm/icon-button/ToggleIconButton.js.map +1 -0
  397. package/esm/index.js +59 -0
  398. package/esm/index.js.map +1 -0
  399. package/esm/instrument-picker/TablePicker.css.js +4 -0
  400. package/esm/instrument-picker/TablePicker.css.js.map +1 -0
  401. package/esm/instrument-picker/TablePicker.js +128 -0
  402. package/esm/instrument-picker/TablePicker.js.map +1 -0
  403. package/esm/instrument-picker/useTablePicker.js +148 -0
  404. package/esm/instrument-picker/useTablePicker.js.map +1 -0
  405. package/esm/measured-container/MeasuredContainer.css.js +4 -0
  406. package/esm/measured-container/MeasuredContainer.css.js.map +1 -0
  407. package/esm/measured-container/MeasuredContainer.js +70 -0
  408. package/esm/measured-container/MeasuredContainer.js.map +1 -0
  409. package/esm/measured-container/useMeasuredContainer.js +164 -0
  410. package/esm/measured-container/useMeasuredContainer.js.map +1 -0
  411. package/esm/modal-provider/ModalProvider.js +140 -0
  412. package/esm/modal-provider/ModalProvider.js.map +1 -0
  413. package/esm/overflow-container/OverflowContainer.css.js +4 -0
  414. package/esm/overflow-container/OverflowContainer.css.js.map +1 -0
  415. package/esm/overflow-container/OverflowContainer.js +141 -0
  416. package/esm/overflow-container/OverflowContainer.js.map +1 -0
  417. package/esm/overflow-container/overflow-utils.js +272 -0
  418. package/esm/overflow-container/overflow-utils.js.map +1 -0
  419. package/esm/overflow-container/useOverflowContainer.js +141 -0
  420. package/esm/overflow-container/useOverflowContainer.js.map +1 -0
  421. package/esm/price-ticker/PriceTicker.css.js +4 -0
  422. package/esm/price-ticker/PriceTicker.css.js.map +1 -0
  423. package/esm/price-ticker/PriceTicker.js +48 -0
  424. package/esm/price-ticker/PriceTicker.js.map +1 -0
  425. package/esm/prompt/Prompt.css.js +4 -0
  426. package/esm/prompt/Prompt.css.js.map +1 -0
  427. package/esm/prompt/Prompt.js +140 -0
  428. package/esm/prompt/Prompt.js.map +1 -0
  429. package/esm/sortable-list/SortableList.js +34 -0
  430. package/esm/sortable-list/SortableList.js.map +1 -0
  431. package/esm/split-button/SplitButton.css.js +4 -0
  432. package/esm/split-button/SplitButton.css.js.map +1 -0
  433. package/esm/split-button/SplitButton.js +82 -0
  434. package/esm/split-button/SplitButton.js.map +1 -0
  435. package/esm/split-button/SplitStateButton.css.js +4 -0
  436. package/esm/split-button/SplitStateButton.css.js.map +1 -0
  437. package/esm/split-button/SplitStateButton.js +29 -0
  438. package/esm/split-button/SplitStateButton.js.map +1 -0
  439. package/esm/split-button/useSplitButton.js +82 -0
  440. package/esm/split-button/useSplitButton.js.map +1 -0
  441. package/esm/table-search/SearchCell.css.js +4 -0
  442. package/esm/table-search/SearchCell.css.js.map +1 -0
  443. package/esm/table-search/SearchCell.js +30 -0
  444. package/esm/table-search/SearchCell.js.map +1 -0
  445. package/esm/table-search/TableSearch.css.js +4 -0
  446. package/esm/table-search/TableSearch.css.js.map +1 -0
  447. package/esm/table-search/TableSearch.js +87 -0
  448. package/esm/table-search/TableSearch.js.map +1 -0
  449. package/esm/table-search/useTableSearch.js +37 -0
  450. package/esm/table-search/useTableSearch.js.map +1 -0
  451. package/esm/tabs-next/TabBar.css.js +4 -0
  452. package/esm/tabs-next/TabBar.css.js.map +1 -0
  453. package/esm/tabs-next/TabBar.js +39 -0
  454. package/esm/tabs-next/TabBar.js.map +1 -0
  455. package/esm/tabs-next/TabListNext.css.js +4 -0
  456. package/esm/tabs-next/TabListNext.css.js.map +1 -0
  457. package/esm/tabs-next/TabListNext.js +122 -0
  458. package/esm/tabs-next/TabListNext.js.map +1 -0
  459. package/esm/tabs-next/TabNext.css.js +4 -0
  460. package/esm/tabs-next/TabNext.css.js.map +1 -0
  461. package/esm/tabs-next/TabNext.js +108 -0
  462. package/esm/tabs-next/TabNext.js.map +1 -0
  463. package/esm/tabs-next/TabNextAction.js +33 -0
  464. package/esm/tabs-next/TabNextAction.js.map +1 -0
  465. package/esm/tabs-next/TabNextContext.js +20 -0
  466. package/esm/tabs-next/TabNextContext.js.map +1 -0
  467. package/esm/tabs-next/TabNextPanel.css.js +4 -0
  468. package/esm/tabs-next/TabNextPanel.css.js.map +1 -0
  469. package/esm/tabs-next/TabNextPanel.js +75 -0
  470. package/esm/tabs-next/TabNextPanel.js.map +1 -0
  471. package/esm/tabs-next/TabNextTrigger.css.js +4 -0
  472. package/esm/tabs-next/TabNextTrigger.css.js.map +1 -0
  473. package/esm/tabs-next/TabNextTrigger.js +72 -0
  474. package/esm/tabs-next/TabNextTrigger.js.map +1 -0
  475. package/esm/tabs-next/TabOverflowList.css.js +4 -0
  476. package/esm/tabs-next/TabOverflowList.css.js.map +1 -0
  477. package/esm/tabs-next/TabOverflowList.js +128 -0
  478. package/esm/tabs-next/TabOverflowList.js.map +1 -0
  479. package/esm/tabs-next/TabsNext.js +172 -0
  480. package/esm/tabs-next/TabsNext.js.map +1 -0
  481. package/esm/tabs-next/TabsNextContext.js +30 -0
  482. package/esm/tabs-next/TabsNextContext.js.map +1 -0
  483. package/esm/tabs-next/hooks/useCollection.js +89 -0
  484. package/esm/tabs-next/hooks/useCollection.js.map +1 -0
  485. package/esm/tabs-next/hooks/useFocusOutside.js +22 -0
  486. package/esm/tabs-next/hooks/useFocusOutside.js.map +1 -0
  487. package/esm/tabs-next/hooks/useOverflow.js +136 -0
  488. package/esm/tabs-next/hooks/useOverflow.js.map +1 -0
  489. package/esm/tabstrip/Tab.css.js +4 -0
  490. package/esm/tabstrip/Tab.css.js.map +1 -0
  491. package/esm/tabstrip/Tab.js +151 -0
  492. package/esm/tabstrip/Tab.js.map +1 -0
  493. package/esm/tabstrip/TabMenu.css.js +4 -0
  494. package/esm/tabstrip/TabMenu.css.js.map +1 -0
  495. package/esm/tabstrip/TabMenu.js +70 -0
  496. package/esm/tabstrip/TabMenu.js.map +1 -0
  497. package/esm/tabstrip/TabMenuOptions.js +16 -0
  498. package/esm/tabstrip/TabMenuOptions.js.map +1 -0
  499. package/esm/tabstrip/Tabstrip.css.js +4 -0
  500. package/esm/tabstrip/Tabstrip.css.js.map +1 -0
  501. package/esm/tabstrip/Tabstrip.js +158 -0
  502. package/esm/tabstrip/Tabstrip.js.map +1 -0
  503. package/esm/tabstrip/tabstrip-dom-utils.js +16 -0
  504. package/esm/tabstrip/tabstrip-dom-utils.js.map +1 -0
  505. package/esm/tabstrip/useAnimatedSelectionThumb.js +83 -0
  506. package/esm/tabstrip/useAnimatedSelectionThumb.js.map +1 -0
  507. package/esm/tabstrip/useKeyboardNavigation.js +245 -0
  508. package/esm/tabstrip/useKeyboardNavigation.js.map +1 -0
  509. package/esm/tabstrip/useSelection.js +58 -0
  510. package/esm/tabstrip/useSelection.js.map +1 -0
  511. package/esm/tabstrip/useTabstrip.js +231 -0
  512. package/esm/tabstrip/useTabstrip.js.map +1 -0
  513. package/esm/time-input/MaskedInput.js +375 -0
  514. package/esm/time-input/MaskedInput.js.map +1 -0
  515. package/esm/time-input/TimeInput.css.js +4 -0
  516. package/esm/time-input/TimeInput.css.js.map +1 -0
  517. package/esm/time-input/TimeInput.js +54 -0
  518. package/esm/time-input/TimeInput.js.map +1 -0
  519. package/esm/time-input/useTimeInput.js +119 -0
  520. package/esm/time-input/useTimeInput.js.map +1 -0
  521. package/esm/toolbar/Toolbar.css.js +4 -0
  522. package/esm/toolbar/Toolbar.css.js.map +1 -0
  523. package/esm/toolbar/Toolbar.js +88 -0
  524. package/esm/toolbar/Toolbar.js.map +1 -0
  525. package/esm/toolbar/toolbar-dom-utils.js +15 -0
  526. package/esm/toolbar/toolbar-dom-utils.js.map +1 -0
  527. package/esm/toolbar/useKeyboardNavigation.js +303 -0
  528. package/esm/toolbar/useKeyboardNavigation.js.map +1 -0
  529. package/esm/toolbar/useSelection.js +91 -0
  530. package/esm/toolbar/useSelection.js.map +1 -0
  531. package/esm/toolbar/useToolbar.js +98 -0
  532. package/esm/toolbar/useToolbar.js.map +1 -0
  533. package/{src → esm}/utils/escapeRegExp.js +3 -1
  534. package/esm/utils/escapeRegExp.js.map +1 -0
  535. package/esm/utils/forwardCallbackProps.js +20 -0
  536. package/esm/utils/forwardCallbackProps.js.map +1 -0
  537. package/esm/utils/isOverflowElement.js +6 -0
  538. package/esm/utils/isOverflowElement.js.map +1 -0
  539. package/esm/utils/isPlainObject.js +4 -0
  540. package/esm/utils/isPlainObject.js.map +1 -0
  541. package/esm/vuu-date-picker/VuuDatePicker.js +120 -0
  542. package/esm/vuu-date-picker/VuuDatePicker.js.map +1 -0
  543. package/esm/vuu-input/VuuInput.css.js +4 -0
  544. package/esm/vuu-input/VuuInput.css.js.map +1 -0
  545. package/esm/vuu-input/VuuInput.js +100 -0
  546. package/esm/vuu-input/VuuInput.js.map +1 -0
  547. package/esm/vuu-time-picker/VuuTimePicker.css.js +4 -0
  548. package/esm/vuu-time-picker/VuuTimePicker.css.js.map +1 -0
  549. package/esm/vuu-time-picker/VuuTimePicker.js +35 -0
  550. package/esm/vuu-time-picker/VuuTimePicker.js.map +1 -0
  551. package/esm/vuu-typeahead-input/VuuTypeaheadInput.css.js +4 -0
  552. package/esm/vuu-typeahead-input/VuuTypeaheadInput.css.js.map +1 -0
  553. package/esm/vuu-typeahead-input/VuuTypeaheadInput.js +78 -0
  554. package/esm/vuu-typeahead-input/VuuTypeaheadInput.js.map +1 -0
  555. package/esm/vuu-typeahead-input/useVuuTypeaheadInput.js +174 -0
  556. package/esm/vuu-typeahead-input/useVuuTypeaheadInput.js.map +1 -0
  557. package/package.json +17 -14
  558. package/types/calendar/useCalendar.d.ts +3 -3
  559. package/types/calendar/useSelection.d.ts +1 -1
  560. package/types/date-input/DateInput.d.ts +1 -1
  561. package/types/date-picker/DatePicker.d.ts +1 -1
  562. package/types/date-picker/DatePickerContext.d.ts +2 -2
  563. package/types/date-picker/DatePickerPanel.d.ts +1 -1
  564. package/types/instrument-picker/useTablePicker.d.ts +4 -4
  565. package/types/split-button/useSplitButton.d.ts +120 -120
  566. package/types/tabs-next/hooks/useOverflow.d.ts +1 -1
  567. package/types/tabstrip/Tab.d.ts +1 -1
  568. package/types/tabstrip/useTabstrip.d.ts +1 -1
  569. package/types/toolbar/useToolbar.d.ts +1 -1
  570. package/src/calendar/Calendar.css.js +0 -10
  571. package/src/calendar/Calendar.js +0 -70
  572. package/src/calendar/index.js +0 -4
  573. package/src/calendar/internal/CalendarCarousel.css.js +0 -19
  574. package/src/calendar/internal/CalendarCarousel.js +0 -73
  575. package/src/calendar/internal/CalendarContext.js +0 -9
  576. package/src/calendar/internal/CalendarDay.css.js +0 -116
  577. package/src/calendar/internal/CalendarMonth.css.js +0 -13
  578. package/src/calendar/internal/CalendarMonth.js +0 -43
  579. package/src/calendar/internal/CalendarNavigation.css.js +0 -24
  580. package/src/calendar/internal/CalendarNavigation.js +0 -185
  581. package/src/calendar/internal/CalendarWeekHeader.css.js +0 -23
  582. package/src/calendar/internal/CalendarWeekHeader.js +0 -31
  583. package/src/calendar/internal/useFocusManagement.js +0 -66
  584. package/src/calendar/internal/utils.js +0 -57
  585. package/src/calendar/useCalendar.js +0 -116
  586. package/src/calendar/useCalendarDay.js +0 -74
  587. package/src/calendar/useSelection.js +0 -202
  588. package/src/column-picker/ColumnPicker.css.js +0 -8
  589. package/src/column-picker/ColumnPicker.js +0 -108
  590. package/src/column-picker/ColumnSearch.css.js +0 -61
  591. package/src/column-picker/ColumnSearch.js +0 -66
  592. package/src/column-picker/index.js +0 -2
  593. package/src/column-picker/moving-window.js +0 -49
  594. package/src/common-hooks/index.js +0 -3
  595. package/src/common-hooks/selectionTypes.js +0 -8
  596. package/src/common-hooks/use-resize-observer.js +0 -122
  597. package/src/common-hooks/useControlled.js +0 -45
  598. package/src/context-panel-provider/ContextPanelProvider.js +0 -80
  599. package/src/cycle-state-button/CycleStateButton.js +0 -30
  600. package/src/cycle-state-button/index.js +0 -1
  601. package/src/date-input/DateInput.css.js +0 -195
  602. package/src/date-input/DateInput.js +0 -210
  603. package/src/date-input/index.js +0 -1
  604. package/src/date-picker/DatePicker.js +0 -137
  605. package/src/date-picker/DatePickerContext.js +0 -20
  606. package/src/date-picker/DatePickerPanel.css.js +0 -25
  607. package/src/date-picker/DatePickerPanel.js +0 -124
  608. package/src/date-picker/index.js +0 -1
  609. package/src/drag-drop/DragDropProvider.js +0 -123
  610. package/src/drag-drop/DragDropState.js +0 -25
  611. package/src/drag-drop/Draggable.css.js +0 -57
  612. package/src/drag-drop/Draggable.js +0 -77
  613. package/src/drag-drop/DropIndicator.css.js +0 -11
  614. package/src/drag-drop/DropIndicator.js +0 -28
  615. package/src/drag-drop/drop-target-utils.js +0 -199
  616. package/src/drag-drop/index.js +0 -6
  617. package/src/drag-drop/useAutoScroll.js +0 -53
  618. package/src/drag-drop/useDragDisplacers.js +0 -126
  619. package/src/drag-drop/useDragDrop.js +0 -435
  620. package/src/drag-drop/useDragDropCopy.js +0 -22
  621. package/src/drag-drop/useDragDropIndicator.js +0 -182
  622. package/src/drag-drop/useDragDropNaturalMovement.js +0 -205
  623. package/src/drag-drop/useDropIndicator.js +0 -21
  624. package/src/drag-drop/useGlobalDragDrop.js +0 -67
  625. package/src/drag-drop/useTransition.js +0 -11
  626. package/src/editable/index.js +0 -1
  627. package/src/editable/useEditableText.js +0 -199
  628. package/src/editable-label/EditableLabel.css.js +0 -81
  629. package/src/editable-label/EditableLabel.js +0 -125
  630. package/src/editable-label/index.js +0 -1
  631. package/src/expando-input/ExpandoInput.css.js +0 -67
  632. package/src/expando-input/ExpandoInput.js +0 -40
  633. package/src/expando-input/index.js +0 -1
  634. package/src/highlighter/Highlighter.css.js +0 -8
  635. package/src/highlighter/Highlighter.js +0 -27
  636. package/src/highlighter/index.js +0 -1
  637. package/src/hover-overlay/HoverOverlay.js +0 -92
  638. package/src/icon-button/Icon.css.js +0 -8
  639. package/src/icon-button/Icon.js +0 -26
  640. package/src/icon-button/IconButton.css.js +0 -10
  641. package/src/icon-button/IconButton.js +0 -28
  642. package/src/icon-button/ToggleIconButton.css.js +0 -47
  643. package/src/icon-button/ToggleIconButton.js +0 -26
  644. package/src/icon-button/index.js +0 -3
  645. package/src/index.js +0 -31
  646. package/src/instrument-picker/SearchCell.css.js +0 -17
  647. package/src/instrument-picker/SearchCell.js +0 -29
  648. package/src/instrument-picker/TablePicker.css.js +0 -23
  649. package/src/instrument-picker/TablePicker.js +0 -89
  650. package/src/instrument-picker/index.js +0 -1
  651. package/src/instrument-picker/moving-window.js +0 -49
  652. package/src/instrument-picker/useDataSource.js +0 -38
  653. package/src/instrument-picker/useTablePicker.js +0 -136
  654. package/src/measured-container/MeasuredContainer.css.js +0 -11
  655. package/src/measured-container/MeasuredContainer.js +0 -50
  656. package/src/measured-container/index.js +0 -2
  657. package/src/measured-container/useMeasuredContainer.js +0 -156
  658. package/src/modal-provider/ModalProvider.js +0 -147
  659. package/src/overflow-container/OverflowContainer.css.js +0 -135
  660. package/src/overflow-container/OverflowContainer.js +0 -87
  661. package/src/overflow-container/index.js +0 -2
  662. package/src/overflow-container/overflow-utils.js +0 -211
  663. package/src/overflow-container/useOverflowContainer.js +0 -108
  664. package/src/price-ticker/PriceTicker.css.js +0 -32
  665. package/src/price-ticker/PriceTicker.js +0 -51
  666. package/src/price-ticker/index.js +0 -1
  667. package/src/prompt/Prompt.css.js +0 -48
  668. package/src/prompt/Prompt.js +0 -112
  669. package/src/sortable-list/SortableList.js +0 -39
  670. package/src/split-button/SplitButton.css.js +0 -117
  671. package/src/split-button/SplitButton.js +0 -60
  672. package/src/split-button/SplitStateButton.css.js +0 -66
  673. package/src/split-button/SplitStateButton.js +0 -23
  674. package/src/split-button/index.js +0 -2
  675. package/src/split-button/useSplitButton.js +0 -61
  676. package/src/table-search/SearchCell.css.js +0 -20
  677. package/src/table-search/SearchCell.js +0 -26
  678. package/src/table-search/TableSearch.css.js +0 -27
  679. package/src/table-search/TableSearch.js +0 -81
  680. package/src/table-search/index.js +0 -1
  681. package/src/table-search/moving-window.js +0 -49
  682. package/src/table-search/useTableSearch.js +0 -30
  683. package/src/tabs-next/TabBar.css.js +0 -26
  684. package/src/tabs-next/TabBar.js +0 -27
  685. package/src/tabs-next/TabListNext.css.js +0 -36
  686. package/src/tabs-next/TabListNext.js +0 -94
  687. package/src/tabs-next/TabNext.css.js +0 -76
  688. package/src/tabs-next/TabNext.js +0 -91
  689. package/src/tabs-next/TabNextAction.js +0 -26
  690. package/src/tabs-next/TabNextContext.js +0 -14
  691. package/src/tabs-next/TabNextPanel.css.js +0 -17
  692. package/src/tabs-next/TabNextPanel.js +0 -69
  693. package/src/tabs-next/TabNextTrigger.css.js +0 -22
  694. package/src/tabs-next/TabNextTrigger.js +0 -66
  695. package/src/tabs-next/TabOverflowList.css.js +0 -77
  696. package/src/tabs-next/TabOverflowList.js +0 -115
  697. package/src/tabs-next/TabsNext.js +0 -149
  698. package/src/tabs-next/TabsNextContext.js +0 -28
  699. package/src/tabs-next/hooks/useCollection.js +0 -80
  700. package/src/tabs-next/hooks/useFocusOutside.js +0 -23
  701. package/src/tabs-next/hooks/useOverflow.js +0 -118
  702. package/src/tabs-next/index.js +0 -7
  703. package/src/tabstrip/Tab.css.js +0 -148
  704. package/src/tabstrip/Tab.js +0 -107
  705. package/src/tabstrip/TabMenu.css.js +0 -8
  706. package/src/tabstrip/TabMenu.js +0 -48
  707. package/src/tabstrip/TabMenuOptions.js +0 -14
  708. package/src/tabstrip/TabsTypes.js +0 -0
  709. package/src/tabstrip/Tabstrip.css.js +0 -121
  710. package/src/tabstrip/Tabstrip.js +0 -106
  711. package/src/tabstrip/ThemeTabstrip.css.js +0 -20
  712. package/src/tabstrip/index.js +0 -4
  713. package/src/tabstrip/tabstrip-dom-utils.js +0 -11
  714. package/src/tabstrip/useAnimatedSelectionThumb.js +0 -68
  715. package/src/tabstrip/useKeyboardNavigation.js +0 -191
  716. package/src/tabstrip/useSelection.js +0 -50
  717. package/src/tabstrip/useTabstrip.js +0 -181
  718. package/src/time-input/MaskedInput.js +0 -285
  719. package/src/time-input/TimeInput.css.js +0 -39
  720. package/src/time-input/TimeInput.js +0 -37
  721. package/src/time-input/useTimeInput.js +0 -82
  722. package/src/toolbar/Toolbar.css.js +0 -46
  723. package/src/toolbar/Toolbar.js +0 -62
  724. package/src/toolbar/index.js +0 -1
  725. package/src/toolbar/toolbar-dom-utils.js +0 -11
  726. package/src/toolbar/useKeyboardNavigation.js +0 -240
  727. package/src/toolbar/useSelection.js +0 -82
  728. package/src/toolbar/useToolbar.js +0 -73
  729. package/src/utils/deprecated-types.js +0 -0
  730. package/src/utils/forwardCallbackProps.js +0 -15
  731. package/src/utils/index.js +0 -5
  732. package/src/utils/isOverflowElement.js +0 -2
  733. package/src/utils/isPlainObject.js +0 -2
  734. package/src/vuu-date-picker/VuuDatePicker.js +0 -92
  735. package/src/vuu-date-picker/index.js +0 -1
  736. package/src/vuu-input/VuuInput.css.js +0 -13
  737. package/src/vuu-input/VuuInput.js +0 -85
  738. package/src/vuu-input/index.js +0 -1
  739. package/src/vuu-time-picker/TimeRangePicker.js +0 -0
  740. package/src/vuu-time-picker/VuuTimePicker.css.js +0 -14
  741. package/src/vuu-time-picker/VuuTimePicker.js +0 -26
  742. package/src/vuu-typeahead-input/VuuTypeaheadInput.css.js +0 -49
  743. package/src/vuu-typeahead-input/VuuTypeaheadInput.js +0 -46
  744. package/src/vuu-typeahead-input/index.js +0 -1
  745. package/src/vuu-typeahead-input/useVuuTypeaheadInput.js +0 -140
@@ -1,112 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { Button, Dialog, DialogActions, DialogContent, DialogHeader } from "@salt-ds/core";
3
- import clsx from "clsx";
4
- import { useCallback } from "react";
5
- import { Icon, IconButton } from "../icon-button/index.js";
6
- import { useComponentCssInjection } from "@salt-ds/styles";
7
- import { useWindow } from "@salt-ds/window";
8
- import Prompt from "./Prompt.css";
9
- const classBase = "vuuPrompt";
10
- const Prompt_Prompt = ({ children, className, cancelButtonLabel = "Cancel", cancelButtonProps, confirmButtonLabel = "Confirm", confirmButtonProps, customAction = null, disableAccent, icon, initialFocusedItem, onCancel, onClose, onConfirm, onOpenChange, open, showCancelButton = true, showCloseButton = true, showConfirmButton = true, status, title, ...htmlAttributes })=>{
11
- const targetWindow = useWindow();
12
- useComponentCssInjection({
13
- testId: "vuu-prompt-next",
14
- css: Prompt,
15
- window: targetWindow
16
- });
17
- const close = useCallback(()=>{
18
- onClose?.();
19
- onOpenChange?.(false);
20
- }, [
21
- onClose,
22
- onOpenChange
23
- ]);
24
- const callbackRef = useCallback((el)=>{
25
- if (el) {
26
- let target = null;
27
- if ("confirm" === initialFocusedItem && showConfirmButton) target = el.querySelector(".vuuPromptConfirmButton");
28
- else if ("cancel" === initialFocusedItem && showCancelButton) target = el.querySelector(".vuuPromptCancelButton");
29
- else if ("close" === initialFocusedItem && showCloseButton) target = el.querySelector(".vuuPromptCloseButton");
30
- if (target) setTimeout(()=>{
31
- target.focus();
32
- }, 200);
33
- }
34
- }, [
35
- initialFocusedItem,
36
- showCancelButton,
37
- showCloseButton,
38
- showConfirmButton
39
- ]);
40
- const handleCancel = useCallback(()=>{
41
- onCancel?.();
42
- close();
43
- }, [
44
- close,
45
- onCancel
46
- ]);
47
- const handleConfirm = useCallback(()=>{
48
- if (onConfirm?.() !== false) close();
49
- }, [
50
- close,
51
- onConfirm
52
- ]);
53
- const actions = showCloseButton ? /*#__PURE__*/ jsx(IconButton, {
54
- appearance: "transparent",
55
- className: "vuuPromptCloseButton",
56
- "data-embedded": true,
57
- icon: "close",
58
- onClick: close
59
- }) : null;
60
- const header = icon ? /*#__PURE__*/ jsxs(Fragment, {
61
- children: [
62
- /*#__PURE__*/ jsx(Icon, {
63
- name: icon
64
- }),
65
- /*#__PURE__*/ jsx("span", {
66
- children: title
67
- })
68
- ]
69
- }) : title;
70
- return /*#__PURE__*/ jsxs(Dialog, {
71
- ...htmlAttributes,
72
- className: clsx(classBase, className),
73
- onOpenChange: onOpenChange,
74
- open: open,
75
- ref: callbackRef,
76
- status: status,
77
- children: [
78
- /*#__PURE__*/ jsx(DialogHeader, {
79
- disableAccent: disableAccent,
80
- header: header,
81
- actions: actions
82
- }),
83
- /*#__PURE__*/ jsx(DialogContent, {
84
- children: children
85
- }),
86
- /*#__PURE__*/ jsxs(DialogActions, {
87
- children: [
88
- customAction,
89
- showCancelButton ? /*#__PURE__*/ jsx(Button, {
90
- appearance: "solid",
91
- className: "vuuPromptCancelButton",
92
- disabled: cancelButtonProps?.disabled,
93
- onClick: handleCancel,
94
- ref: cancelButtonProps?.ref,
95
- sentiment: "neutral",
96
- children: cancelButtonProps?.label ?? cancelButtonLabel
97
- }) : null,
98
- showConfirmButton ? /*#__PURE__*/ jsx(Button, {
99
- appearance: "solid",
100
- className: "vuuPromptConfirmButton",
101
- disabled: confirmButtonProps?.disabled,
102
- sentiment: "accented",
103
- onClick: handleConfirm,
104
- ref: confirmButtonProps?.ref,
105
- children: confirmButtonProps?.label ?? confirmButtonLabel
106
- }) : null
107
- ]
108
- })
109
- ]
110
- });
111
- };
112
- export { Prompt_Prompt as Prompt };
@@ -1,39 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { ListBox, Option } from "@salt-ds/core";
3
- import { DragDropProvider, useSortable } from "@vuu-ui/vuu-utils";
4
- import { useCallback, useRef } from "react";
5
- const SortableOption = ({ id, index, value, ...optionProps })=>{
6
- const { ref } = useSortable({
7
- id,
8
- index
9
- });
10
- return /*#__PURE__*/ jsx(Option, {
11
- ...optionProps,
12
- id: id,
13
- ref: ref,
14
- value: value
15
- });
16
- };
17
- const SortableList = ({ children, onReorderListItems, ...listBoxProps })=>{
18
- const listRef = useRef(null);
19
- const handleDragEnd = useCallback(()=>{
20
- setTimeout(()=>{
21
- const listItems = listRef.current?.querySelectorAll(".saltOption");
22
- if (listItems) {
23
- const items = Array.from(listItems).map(({ id })=>id);
24
- onReorderListItems?.(items);
25
- }
26
- }, 300);
27
- }, [
28
- onReorderListItems
29
- ]);
30
- return /*#__PURE__*/ jsx(DragDropProvider, {
31
- onDragEnd: handleDragEnd,
32
- children: /*#__PURE__*/ jsx(ListBox, {
33
- ...listBoxProps,
34
- ref: listRef,
35
- children: children
36
- })
37
- });
38
- };
39
- export { SortableList, SortableOption };
@@ -1,117 +0,0 @@
1
- const css = `
2
- .vuuSplitButton {
3
- --saltButton-background: var(--split-background);
4
- --saltButton-background-hover: var(--split-background);
5
- --vuuPopupMenu-background: var(--split-background);
6
- --vuuPopupMenu-iconSize: 20px;
7
- --background: var(--vuuSplitButton-background);
8
- --foreground: var(--vuuSplitButton-foreground);
9
- --background-hover: var(--vuuSplitButton-background-hover);
10
- --foreground-hover: var(--vuuSplitButton-foreground-hover);
11
- --border-radius: var(--vuuSplitButton-borderRadius, var(--salt-palette-corner-weaker));
12
- --main-border-radius: var(--border-radius) 0 0 var(--border-radius);
13
- --trigger-border-radius: 0 var(--border-radius) var(--border-radius) 0;
14
- --trigger-border-style: solid solid solid none;
15
- border-radius: var(--border-radius);
16
- border: none;
17
- align-items: center;
18
- display: flex;
19
-
20
- & .vuuSplitButton-main {
21
- border-radius: var(--main-border-radius);
22
- }
23
-
24
- & .vuuSplitButton-trigger {
25
- border-radius: var(--trigger-border-radius);
26
- }
27
- }
28
-
29
- .vuuSplitButton.vuuFocusVisible {
30
- & .saltButton {
31
- outline-style: none;
32
- }
33
-
34
- &.vuuSplitButton-primary {
35
- --split-background: var(--background-hover, var(--salt-actionable-bold-background-hover));
36
- }
37
-
38
- &.vuuSplitButton-secondary {
39
- --split-background: var(--background-hover, var(--salt-actionable-subtle-background-hover));
40
- }
41
-
42
- &.vuuSplitButton-cta {
43
- --split-background: var(--background-hover, var(--salt-actionable-accented-bold-background-hover));
44
-
45
- & .vuuSplitButton-trigger {
46
- --vuu-icon-color: var(--salt-actionable-bold-foreground-hover);
47
- }
48
- }
49
- }
50
-
51
- .vuuFocusVisible {
52
- outline-style: var(--salt-focused-outlineStyle);
53
- outline-width: var(--salt-focused-outlineWidth);
54
- outline-color: var(--salt-focused-outlineColor);
55
- outline-offset: var(--salt-focused-outlineOffset);
56
- }
57
-
58
- .vuuSplitButton-primary {
59
- --split-background: var(--background, var(--salt-actionable-bold-background));
60
- --split-background-active: var(--salt-actionable-bold-background-active);
61
- --split-color-active: var(--salt-actionable-bold-foreground-active);
62
- }
63
-
64
- .vuuSplitButton-primary:hover:not(.vuuSplitButton-disabled) {
65
- --vuuButton-borderColor: var(--split-background);
66
- --saltButton-borderColor: var(--split-background);
67
- --split-background: var(--background-hover, var(--salt-actionable-bold-background-hover));
68
-
69
- & .saltButton {
70
- --saltButton-text-color: var(--salt-actionable-bold-foreground-hover);
71
- }
72
- }
73
-
74
- .vuuSplitButton-secondary {
75
- --saltButton-borderColor: var(--split-background);
76
- --split-background: var(--background, var(--salt-actionable-subtle-background));
77
- --split-background-active: var(--salt-actionable-subtle-background-active);
78
- --split-color-active: var(--salt-actionable-subtle-foreground-active);
79
- }
80
-
81
- .vuuSplitButton-secondary:hover:not(.vuuSplitButton-disabled) {
82
- --vuuButton-borderColor: var(--split-background);
83
- --split-background: var(--salt-actionable-subtle-background-hover);
84
-
85
- & .saltButton {
86
- --saltButton-text-color: var(--salt-actionable-subtle-foreground-hover);
87
- }
88
- }
89
-
90
- .vuuSplitButton-cta {
91
- --split-background: var(--background, var(--salt-actionable-accented-bold-background));
92
- --split-background-active: var(--salt-actionable-accented-bold-background-active);
93
- --split-color-active: var(--salt-actionable-bold-foreground-active);
94
- }
95
-
96
- .vuuSplitButton-cta:hover:not(.vuuSplitButton-disabled) {
97
- --vuuButton-borderColor: var(--split-background);
98
- --split-background: var(--salt-actionable-accented-bold-background-hover);
99
- --split-color: var(--salt-actionable-bold-foreground-hover);
100
-
101
- & .saltButton {
102
- --saltButton-text-color: var(--salt-actionable-bold-foreground-hover);
103
- --vuu-icon-color: var(--salt-actionable-bold-foreground-hover);
104
- }
105
- }
106
-
107
- .vuuSplitButton:has(.vuuSplitButton-main:active, .vuuSplitButton-main.saltButton-active) {
108
- --split-background: var(--split-background-active);
109
-
110
- & .vuuSplitButton-trigger {
111
- --vuu-icon-color: var(--split-color-active);
112
- }
113
- }
114
-
115
-
116
- `;
117
- export default css;
@@ -1,60 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Button, useForkRef } from "@salt-ds/core";
3
- import { useComponentCssInjection } from "@salt-ds/styles";
4
- import { useWindow } from "@salt-ds/window";
5
- import { ContextMenuProvider } from "@vuu-ui/vuu-context-menu";
6
- import { PopupMenu } from "@vuu-ui/vuu-popups";
7
- import clsx from "clsx";
8
- import { forwardRef } from "react";
9
- import { useSplitButton } from "./useSplitButton.js";
10
- import SplitButton_0 from "./SplitButton.css";
11
- const classBase = "vuuSplitButton";
12
- const SplitButton_SplitButton = /*#__PURE__*/ forwardRef(function({ ButtonProps: ButtonPropsProp, PopupMenuProps: PopupMenuPropsProp, children, className, disabled = false, onClick, segmented = false, variant = "primary", ...htmlAttributes }, forwardedRef) {
13
- const targetWindow = useWindow();
14
- useComponentCssInjection({
15
- testId: "vuu-split-button",
16
- css: SplitButton_0,
17
- window: targetWindow
18
- });
19
- const { ButtonProps, buttonRef, rootRef, PopupMenuProps, ...rootProps } = useSplitButton({
20
- ButtonProps: ButtonPropsProp,
21
- PopupMenuProps: PopupMenuPropsProp,
22
- classBase: classBase,
23
- onClick,
24
- segmented
25
- });
26
- return /*#__PURE__*/ jsx(ContextMenuProvider, {
27
- children: /*#__PURE__*/ jsxs("div", {
28
- ...htmlAttributes,
29
- ...rootProps,
30
- className: clsx(classBase, `${classBase}-${variant}`, className, {
31
- [`${classBase}-disabled`]: disabled,
32
- [`${classBase}-segmented`]: segmented
33
- }),
34
- ref: useForkRef(forwardedRef, rootRef),
35
- "data-showcase-center": true,
36
- tabIndex: -1,
37
- children: [
38
- /*#__PURE__*/ jsx(Button, {
39
- ...ButtonProps,
40
- appearance: "solid",
41
- className: `${classBase}-main`,
42
- disabled: disabled,
43
- ref: buttonRef,
44
- sentiment: "neutral",
45
- children: children
46
- }),
47
- /*#__PURE__*/ jsx(PopupMenu, {
48
- ...PopupMenuProps,
49
- appearance: "solid",
50
- className: `${classBase}-trigger`,
51
- disabled: disabled,
52
- icon: PopupMenuProps?.icon ?? "chevron-down",
53
- tabIndex: segmented ? 0 : -1,
54
- sentiment: "neutral"
55
- })
56
- ]
57
- })
58
- });
59
- });
60
- export { SplitButton_SplitButton as SplitButton };
@@ -1,66 +0,0 @@
1
- const css = `
2
- .vuuSplitStateButton {
3
- --split-state-background: var(--salt-actionable-subtle-background);
4
- --split-state-foreground: var(--salt-actionable-subtle-foreground);
5
- --vuuSplitButton-background: var(--split-state-background);
6
- --vuuSplitButton-foreground: var(--split-state-foreground);
7
- --vuuSplitButton-background-hover: var(--split-state-background);
8
- --vuuSplitButton-foreground-hover: var(--split-state-foreground);
9
-
10
- & .saltButton-primary:active, & .saltButton-primary.saltButton-active {
11
- --saltButton-background-active: var(--salt-actionable-bold-background);
12
- --saltButton-text-color-active: var(--salt-actionable-bold-foreground);
13
- }
14
- }
15
-
16
- .vuuSplitStateButton[aria-checked="true"] {
17
- --vuuButtonIcon-color: var(--salt-actionable-bold-foreground-active);
18
- --saltButton-text-color: var(--salt-actionable-bold-foreground-active);
19
- --saltButton-text-color-hover: var(--salt-actionable-bold-foreground-active);
20
- --split-state-background: var(--salt-actionable-bold-background-active);
21
- --split-state-foreground: var(--salt-actionable-bold-foreground-active);
22
-
23
- &.focusVisible {
24
- --split-state-background: var(--salt-actionable-bold-background-active);
25
- }
26
- }
27
-
28
- .vuuSplitStateButton[aria-checked="true"] {
29
- & .vuuEditableLabel-input {
30
- color: var(--salt-actionable-bold-foreground-active);
31
- }
32
- }
33
-
34
- .vuuSplitButton-main.saltButton-active + .vuuSplitButton-trigger, .vuuSplitButton-main:active + .vuuSplitButton-trigger {
35
- --saltButton-background: var(--salt-actionable-bold-background);
36
-
37
- & .vuuIcon {
38
- --vuu-icon-color: var(--salt-actionable-bold-foreground);
39
- }
40
- }
41
-
42
- .vuuSplitStateButton:has(.vuuEditableLabel-editing):has(.vuuSplitButton-main:active, .vuuSplitButton-main.saltButton-active) {
43
- --split-background: var(--salt-actionable-subtle-background);
44
-
45
- & .saltButton-primary:active {
46
- background: var(--salt-actionable-subtle-background);
47
- }
48
- }
49
-
50
- .vuuSplitStateButton[aria-checked="true"]:has(.vuuEditableLabel-editing):has(.vuuSplitButton-main:active, .vuuSplitButton-main.saltButton-active) {
51
- --split-background: var(--salt-actionable-bold-background-active);
52
-
53
- & .saltButton-primary:active {
54
- background: var(--salt-actionable-bold-background-active);
55
- }
56
- }
57
-
58
- .vuuSplitStateButton:hover:not(.vuuSplitStateButton-disabled) {
59
- & .saltButton {
60
- border-color: var(--salt-actionable-bold-foreground);
61
- }
62
- }
63
-
64
-
65
- `;
66
- export default css;
@@ -1,23 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { SplitButton } from "./SplitButton.js";
3
- import clsx from "clsx";
4
- import { useComponentCssInjection } from "@salt-ds/styles";
5
- import { useWindow } from "@salt-ds/window";
6
- import { forwardRef } from "react";
7
- import SplitStateButton_0 from "./SplitStateButton.css";
8
- const classBase = "vuuSplitStateButton";
9
- const SplitStateButton_SplitStateButton = /*#__PURE__*/ forwardRef(function({ className, selected, ...splitButtonProps }, forwardedRef) {
10
- const targetWindow = useWindow();
11
- useComponentCssInjection({
12
- testId: "vuu-split-state-button",
13
- css: SplitStateButton_0,
14
- window: targetWindow
15
- });
16
- return /*#__PURE__*/ jsx(SplitButton, {
17
- ...splitButtonProps,
18
- "aria-checked": selected,
19
- className: clsx(classBase, className),
20
- ref: forwardedRef
21
- });
22
- });
23
- export { SplitStateButton_SplitStateButton as SplitStateButton };
@@ -1,2 +0,0 @@
1
- export * from "./SplitButton.js";
2
- export * from "./SplitStateButton.js";
@@ -1,61 +0,0 @@
1
- import { dispatchMouseEvent } from "@vuu-ui/vuu-utils";
2
- import { useCallback, useRef } from "react";
3
- const focusTargetIsEditableLabel = (target)=>{
4
- if ("INPUT" === target.tagName) return true;
5
- return false;
6
- };
7
- const useSplitButton = ({ ButtonProps: ButtonPropsProp, PopupMenuProps, classBase, onClick })=>{
8
- const buttonRef = useRef(null);
9
- const rootRef = useRef(null);
10
- const onMenuClose = useCallback((reason)=>{
11
- if (reason?.type !== "tab-away") {
12
- const buttonMain = rootRef.current?.querySelector(".vuuSplitButton-main");
13
- buttonMain?.focus();
14
- }
15
- }, []);
16
- const menuProps = {
17
- ...PopupMenuProps,
18
- anchorElement: rootRef,
19
- menuClassName: `${classBase}-menu`,
20
- onMenuClose,
21
- popupPlacement: "below-full-width"
22
- };
23
- const handleRootFocus = useCallback((evt)=>{
24
- const { current: splitButton } = rootRef;
25
- if (!splitButton?.classList.contains("vuuFocusVisible")) {
26
- splitButton?.classList.add("vuuFocusVisible");
27
- if (!focusTargetIsEditableLabel(evt.target)) requestAnimationFrame(()=>{
28
- buttonRef.current?.focus();
29
- });
30
- }
31
- }, []);
32
- const handleRootBlur = useCallback((evt)=>{
33
- const { current: splitButton } = rootRef;
34
- const target = evt.relatedTarget;
35
- if (!splitButton?.contains(target)) {
36
- if (splitButton?.classList.contains("vuuFocusVisible")) splitButton.classList.remove("vuuFocusVisible");
37
- }
38
- }, []);
39
- const handleButtonKeyDown = useCallback((evt)=>{
40
- if ("ArrowDown" === evt.key) {
41
- const popupTrigger = rootRef.current?.querySelector(`.${classBase}-trigger`);
42
- if (popupTrigger) dispatchMouseEvent(popupTrigger, "click");
43
- }
44
- }, [
45
- classBase
46
- ]);
47
- const ButtonProps = {
48
- ...ButtonPropsProp,
49
- onClick,
50
- onKeyDown: handleButtonKeyDown
51
- };
52
- return {
53
- ButtonProps,
54
- PopupMenuProps: menuProps,
55
- buttonRef,
56
- rootRef,
57
- onBlur: handleRootBlur,
58
- onFocus: handleRootFocus
59
- };
60
- };
61
- export { useSplitButton };
@@ -1,20 +0,0 @@
1
- const css = `
2
- .vuuSearchCell {
3
- --vuu-icon-left: 0;
4
- --vuu-icon-size: 16px;
5
- --vuu-icon-top: -1px;
6
- color: var(--background-cell-color);
7
- z-index: -1;
8
- align-items: center;
9
- padding: 0 8px;
10
- display: flex;
11
- position: relative;
12
-
13
- & [data-icon] {
14
- margin-right: 4px;
15
- }
16
- }
17
-
18
-
19
- `;
20
- export default css;
@@ -1,26 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { useComponentCssInjection } from "@salt-ds/styles";
3
- import { useWindow } from "@salt-ds/window";
4
- import { applyHighlighting } from "@vuu-ui/vuu-table";
5
- import SearchCell from "./SearchCell.css";
6
- const classBase = "vuuSearchCell";
7
- const SearchCell_SearchCell = ({ column, dataRow, searchPattern = "" })=>{
8
- const targetWindow = useWindow();
9
- useComponentCssInjection({
10
- testId: "vuu-search-cell",
11
- css: SearchCell,
12
- window: targetWindow
13
- });
14
- const valueWithHighlighting = applyHighlighting(column.valueFormatter(dataRow[column.name]), searchPattern);
15
- return /*#__PURE__*/ jsxs("div", {
16
- className: classBase,
17
- tabIndex: -1,
18
- children: [
19
- /*#__PURE__*/ jsx("span", {
20
- "data-icon": "draggable"
21
- }),
22
- valueWithHighlighting
23
- ]
24
- });
25
- };
26
- export { SearchCell_SearchCell as SearchCell };
@@ -1,27 +0,0 @@
1
- const css = `
2
- .vuuTableSearch {
3
- height: 100%;
4
- padding: var(--vuuTableSearch-padding, 12px);
5
- flex-direction: column;
6
- display: flex;
7
- }
8
-
9
- .vuuTableSearch-inputField {
10
- --vuu-icon-size: 16px;
11
- flex: 0 0 40px;
12
- padding: 0 12px;
13
- }
14
-
15
- .vuuTableSearch-list {
16
- --vuuMeasuredContainer-flex: 1 1 1px;
17
- background-color: var(--salt-container-primary-background);
18
- flex: auto;
19
- }
20
-
21
- .vuuTableSearch .vuuTableCell {
22
- padding: 0;
23
- }
24
-
25
-
26
- `;
27
- export default css;
@@ -1,81 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Table, useControlledTableNavigation } from "@vuu-ui/vuu-table";
3
- import { registerComponent } from "@vuu-ui/vuu-utils";
4
- import { Input } from "@salt-ds/core";
5
- import { useComponentCssInjection } from "@salt-ds/styles";
6
- import { useWindow } from "@salt-ds/window";
7
- import clsx from "clsx";
8
- import { useCallback, useMemo } from "react";
9
- import { SearchCell } from "./SearchCell.js";
10
- import { useTableSearch } from "./useTableSearch.js";
11
- import TableSearch from "./TableSearch.css";
12
- const classBase = "vuuTableSearch";
13
- const defaultConfig = {
14
- rowSeparators: true
15
- };
16
- const searchIcon = /*#__PURE__*/ jsx("span", {
17
- "data-icon": "search"
18
- });
19
- const TableSearch_TableSearch = ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus = false, className, placeHolder, searchColumns, ...htmlAttributes })=>{
20
- const targetWindow = useWindow();
21
- useComponentCssInjection({
22
- testId: "vuu-table-search",
23
- css: TableSearch,
24
- window: targetWindow
25
- });
26
- const config = useMemo(()=>({
27
- ...defaultConfig,
28
- ...TableProps?.config
29
- }), [
30
- TableProps?.config
31
- ]);
32
- const { dataSource, onChange, searchState } = useTableSearch({
33
- dataSource: dataSourceProp,
34
- searchColumns
35
- });
36
- const { highlightedIndexRef, onHighlight, onKeyDown, tableRef } = useControlledTableNavigation(-1, dataSource?.size ?? 0);
37
- const searchCallbackRef = useCallback((el)=>{
38
- setTimeout(()=>{
39
- el?.querySelector("input")?.focus();
40
- }, 100);
41
- }, []);
42
- return /*#__PURE__*/ jsxs("div", {
43
- ...htmlAttributes,
44
- className: clsx(classBase, className),
45
- children: [
46
- /*#__PURE__*/ jsx("div", {
47
- className: `${classBase}-inputField`,
48
- children: /*#__PURE__*/ jsx(Input, {
49
- inputProps: {
50
- onKeyDown
51
- },
52
- endAdornment: searchIcon,
53
- placeholder: placeHolder,
54
- ref: autoFocus ? searchCallbackRef : null,
55
- value: searchState.searchText,
56
- onChange: onChange
57
- })
58
- }),
59
- dataSource ? /*#__PURE__*/ jsx(Table, {
60
- disableFocus: true,
61
- id: "instrument-search",
62
- rowHeight: 25,
63
- highlightedIndex: highlightedIndexRef.current,
64
- renderBufferSize: 100,
65
- ...TableProps,
66
- className: `${classBase}-list`,
67
- config: config,
68
- dataSource: dataSource,
69
- navigationStyle: "row",
70
- onHighlight: onHighlight,
71
- ref: tableRef,
72
- searchPattern: searchState.searchText,
73
- showColumnHeaders: false
74
- }) : null
75
- ]
76
- });
77
- };
78
- registerComponent("search-cell", SearchCell, "cell-renderer", {
79
- serverDataType: "private"
80
- });
81
- export { TableSearch_TableSearch as TableSearch };
@@ -1 +0,0 @@
1
- export * from "./TableSearch.js";