@vuu-ui/vuu-table 0.8.12 → 0.8.13

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 (199) hide show
  1. package/cjs/index.js +1 -1
  2. package/cjs/index.js.map +4 -4
  3. package/esm/index.js +1 -1
  4. package/esm/index.js.map +4 -4
  5. package/index.css +1 -1
  6. package/index.css.map +3 -3
  7. package/package.json +9 -9
  8. package/types/vuu-table/src/{table-next/Row.d.ts → Row.d.ts} +5 -5
  9. package/types/vuu-table/src/Table.d.ts +72 -0
  10. package/types/vuu-table/src/cell-renderers/cell-utils.d.ts +7 -0
  11. package/types/vuu-table/src/cell-renderers/checkbox-cell/CheckboxCell.d.ts +3 -0
  12. package/types/vuu-table/src/cell-renderers/checkbox-cell/index.d.ts +1 -0
  13. package/types/vuu-table/src/cell-renderers/dropdown-cell/DropdownCell.d.ts +4 -0
  14. package/types/vuu-table/src/cell-renderers/index.d.ts +5 -0
  15. package/types/vuu-table/src/{table-next/cell-renderers → cell-renderers}/input-cell/InputCell.d.ts +1 -1
  16. package/types/vuu-table/src/cell-renderers/lookup-cell/LookupCell.d.ts +3 -0
  17. package/types/vuu-table/src/cell-renderers/lookup-cell/index.d.ts +1 -0
  18. package/types/vuu-table/src/cell-renderers/toggle-cell/ToggleCell.d.ts +4 -0
  19. package/types/vuu-table/src/cell-renderers/toggle-cell/index.d.ts +1 -0
  20. package/types/vuu-table/src/{table-next/column-header-pill → column-header-pill}/ColumnHeaderPill.d.ts +3 -3
  21. package/types/vuu-table/src/{table-next/column-header-pill → column-header-pill}/GroupColumnPill.d.ts +2 -2
  22. package/types/vuu-table/src/{table-next/column-header-pill → column-header-pill}/SortIndicator.d.ts +2 -2
  23. package/types/vuu-table/src/{table-next/column-menu → column-menu}/ColumnMenu.d.ts +2 -2
  24. package/types/vuu-table/src/{table-next/column-resizing → column-resizing}/useTableColumnResize.d.ts +2 -2
  25. package/types/vuu-table/src/{table-next/context-menu → context-menu}/index.d.ts +1 -1
  26. package/types/vuu-table/src/{table-next/context-menu/useTableContextMenu.d.ts → context-menu/useHandleTableContextMenu.d.ts} +3 -3
  27. package/types/vuu-table/src/header-cell/GroupHeaderCellNext.d.ts +10 -0
  28. package/types/vuu-table/src/{table-next/header-cell → header-cell}/HeaderCell.d.ts +2 -2
  29. package/types/vuu-table/src/{table-next/header-cell → header-cell}/index.d.ts +0 -1
  30. package/types/vuu-table/src/index.d.ts +9 -4
  31. package/types/vuu-table/src/{table-next/table-cell → table-cell}/TableCell.d.ts +1 -1
  32. package/types/vuu-table/src/{table-next/table-cell → table-cell}/TableGroupCell.d.ts +1 -1
  33. package/types/vuu-table/src/{table-next/table-config.d.ts → table-config.d.ts} +1 -1
  34. package/types/vuu-table/src/{table-next/table-dom-utils.d.ts → table-dom-utils.d.ts} +3 -1
  35. package/types/vuu-table/src/table-header/TableHeader.d.ts +18 -0
  36. package/types/vuu-table/src/table-header/useTableHeader.d.ts +15 -0
  37. package/types/vuu-table/src/useCell.d.ts +6 -0
  38. package/types/vuu-table/src/useCellEditing.d.ts +10 -0
  39. package/types/vuu-table/src/useControlledTableNavigation.d.ts +7 -0
  40. package/types/vuu-table/src/{table-next/useDataSource.d.ts → useDataSource.d.ts} +5 -3
  41. package/types/vuu-table/src/{table-next/useKeyboardNavigation.d.ts → useKeyboardNavigation.d.ts} +9 -2
  42. package/types/vuu-table/src/useSelection.d.ts +14 -0
  43. package/types/vuu-table/src/useTable.d.ts +66 -0
  44. package/types/vuu-table/src/useTableContextMenu.d.ts +11 -0
  45. package/types/vuu-table/src/{table-next/useTableModel.d.ts → useTableModel.d.ts} +12 -14
  46. package/types/vuu-table/src/{table-next/useTableViewport.d.ts → useTableViewport.d.ts} +2 -2
  47. package/types/vuu-table/src/{table-next/useVirtualViewport.d.ts → useVirtualViewport.d.ts} +2 -2
  48. package/types/vuu-ui-controls/src/drag-drop/DragDropState.d.ts +15 -0
  49. package/types/vuu-ui-controls/src/drag-drop/dragDropTypesNext.d.ts +91 -0
  50. package/types/vuu-layout/src/Component.d.ts +0 -7
  51. package/types/vuu-layout/src/DraggableLayout.d.ts +0 -7
  52. package/types/vuu-layout/src/dock-layout/DockLayout.d.ts +0 -10
  53. package/types/vuu-layout/src/dock-layout/Drawer.d.ts +0 -18
  54. package/types/vuu-layout/src/dock-layout/index.d.ts +0 -2
  55. package/types/vuu-layout/src/drag-drop/BoxModel.d.ts +0 -143
  56. package/types/vuu-layout/src/drag-drop/DragState.d.ts +0 -46
  57. package/types/vuu-layout/src/drag-drop/Draggable.d.ts +0 -24
  58. package/types/vuu-layout/src/drag-drop/DropMenu.d.ts +0 -10
  59. package/types/vuu-layout/src/drag-drop/DropTarget.d.ts +0 -61
  60. package/types/vuu-layout/src/drag-drop/DropTargetRenderer.d.ts +0 -18
  61. package/types/vuu-layout/src/drag-drop/dragDropTypes.d.ts +0 -51
  62. package/types/vuu-layout/src/drag-drop/index.d.ts +0 -4
  63. package/types/vuu-layout/src/flexbox/Flexbox.d.ts +0 -5
  64. package/types/vuu-layout/src/flexbox/FlexboxLayout.d.ts +0 -6
  65. package/types/vuu-layout/src/flexbox/FluidGrid.d.ts +0 -7
  66. package/types/vuu-layout/src/flexbox/FluidGridLayout.d.ts +0 -6
  67. package/types/vuu-layout/src/flexbox/Splitter.d.ts +0 -13
  68. package/types/vuu-layout/src/flexbox/flexbox-utils.d.ts +0 -12
  69. package/types/vuu-layout/src/flexbox/flexboxTypes.d.ts +0 -51
  70. package/types/vuu-layout/src/flexbox/index.d.ts +0 -4
  71. package/types/vuu-layout/src/flexbox/useResponsiveSizing.d.ts +0 -10
  72. package/types/vuu-layout/src/flexbox/useSplitterResizing.d.ts +0 -2
  73. package/types/vuu-layout/src/index.d.ts +0 -22
  74. package/types/vuu-layout/src/layout-action.d.ts +0 -22
  75. package/types/vuu-layout/src/layout-header/Header.d.ts +0 -13
  76. package/types/vuu-layout/src/layout-header/index.d.ts +0 -1
  77. package/types/vuu-layout/src/layout-persistence/LayoutPersistenceManager.d.ts +0 -53
  78. package/types/vuu-layout/src/layout-persistence/LocalLayoutPersistenceManager.d.ts +0 -18
  79. package/types/vuu-layout/src/layout-persistence/data.d.ts +0 -3
  80. package/types/vuu-layout/src/layout-persistence/index.d.ts +0 -4
  81. package/types/vuu-layout/src/layout-persistence/useLayoutContextMenuItems.d.ts +0 -8
  82. package/types/vuu-layout/src/layout-provider/LayoutProvider.d.ts +0 -15
  83. package/types/vuu-layout/src/layout-provider/LayoutProviderContext.d.ts +0 -9
  84. package/types/vuu-layout/src/layout-provider/index.d.ts +0 -2
  85. package/types/vuu-layout/src/layout-provider/useLayoutDragDrop.d.ts +0 -4
  86. package/types/vuu-layout/src/layout-reducer/flexUtils.d.ts +0 -22
  87. package/types/vuu-layout/src/layout-reducer/index.d.ts +0 -4
  88. package/types/vuu-layout/src/layout-reducer/insert-layout-element.d.ts +0 -8
  89. package/types/vuu-layout/src/layout-reducer/layout-reducer.d.ts +0 -3
  90. package/types/vuu-layout/src/layout-reducer/layoutTypes.d.ts +0 -168
  91. package/types/vuu-layout/src/layout-reducer/layoutUtils.d.ts +0 -31
  92. package/types/vuu-layout/src/layout-reducer/move-layout-element.d.ts +0 -3
  93. package/types/vuu-layout/src/layout-reducer/remove-layout-element.d.ts +0 -3
  94. package/types/vuu-layout/src/layout-reducer/replace-layout-element.d.ts +0 -6
  95. package/types/vuu-layout/src/layout-reducer/resize-flex-children.d.ts +0 -4
  96. package/types/vuu-layout/src/layout-reducer/wrap-layout-element.d.ts +0 -9
  97. package/types/vuu-layout/src/layout-view/View.d.ts +0 -11
  98. package/types/vuu-layout/src/layout-view/ViewContext.d.ts +0 -30
  99. package/types/vuu-layout/src/layout-view/index.d.ts +0 -4
  100. package/types/vuu-layout/src/layout-view/useView.d.ts +0 -21
  101. package/types/vuu-layout/src/layout-view/useViewActionDispatcher.d.ts +0 -9
  102. package/types/vuu-layout/src/layout-view/useViewResize.d.ts +0 -7
  103. package/types/vuu-layout/src/layout-view/viewTypes.d.ts +0 -21
  104. package/types/vuu-layout/src/measured-container/MeasuredContainer.d.ts +0 -9
  105. package/types/vuu-layout/src/measured-container/index.d.ts +0 -2
  106. package/types/vuu-layout/src/measured-container/useMeasuredContainer.d.ts +0 -22
  107. package/types/vuu-layout/src/measured-container/useResizeObserver.d.ts +0 -15
  108. package/types/vuu-layout/src/overflow-container/OverflowContainer.d.ts +0 -17
  109. package/types/vuu-layout/src/overflow-container/index.d.ts +0 -2
  110. package/types/vuu-layout/src/overflow-container/overflow-utils.d.ts +0 -49
  111. package/types/vuu-layout/src/overflow-container/useOverflowContainer.d.ts +0 -20
  112. package/types/vuu-layout/src/palette/Palette.d.ts +0 -22
  113. package/types/vuu-layout/src/palette/index.d.ts +0 -1
  114. package/types/vuu-layout/src/placeholder/Placeholder.d.ts +0 -12
  115. package/types/vuu-layout/src/placeholder/index.d.ts +0 -1
  116. package/types/vuu-layout/src/registry/ComponentRegistry.d.ts +0 -13
  117. package/types/vuu-layout/src/registry/index.d.ts +0 -1
  118. package/types/vuu-layout/src/responsive/breakpoints.d.ts +0 -4
  119. package/types/vuu-layout/src/responsive/index.d.ts +0 -3
  120. package/types/vuu-layout/src/responsive/use-breakpoints.d.ts +0 -7
  121. package/types/vuu-layout/src/responsive/useResizeObserver.d.ts +0 -13
  122. package/types/vuu-layout/src/responsive/utils.d.ts +0 -6
  123. package/types/vuu-layout/src/stack/Stack.d.ts +0 -4
  124. package/types/vuu-layout/src/stack/StackLayout.d.ts +0 -7
  125. package/types/vuu-layout/src/stack/index.d.ts +0 -3
  126. package/types/vuu-layout/src/stack/stackTypes.d.ts +0 -21
  127. package/types/vuu-layout/src/toolbar/Toolbar.d.ts +0 -19
  128. package/types/vuu-layout/src/toolbar/index.d.ts +0 -1
  129. package/types/vuu-layout/src/toolbar/toolbar-dom-utils.d.ts +0 -3
  130. package/types/vuu-layout/src/toolbar/useKeyboardNavigation.d.ts +0 -32
  131. package/types/vuu-layout/src/toolbar/useSelection.d.ts +0 -22
  132. package/types/vuu-layout/src/toolbar/useToolbar.d.ts +0 -28
  133. package/types/vuu-layout/src/tools/config-wrapper/ConfigWrapper.d.ts +0 -2
  134. package/types/vuu-layout/src/tools/config-wrapper/index.d.ts +0 -1
  135. package/types/vuu-layout/src/tools/devtools-box/layout-configurator.d.ts +0 -31
  136. package/types/vuu-layout/src/tools/devtools-tree/layout-tree-viewer.d.ts +0 -5
  137. package/types/vuu-layout/src/tools/index.d.ts +0 -3
  138. package/types/vuu-layout/src/use-persistent-state.d.ts +0 -11
  139. package/types/vuu-layout/src/utils/index.d.ts +0 -6
  140. package/types/vuu-layout/src/utils/pathUtils.d.ts +0 -31
  141. package/types/vuu-layout/src/utils/propUtils.d.ts +0 -5
  142. package/types/vuu-layout/src/utils/react-utils.d.ts +0 -4
  143. package/types/vuu-layout/src/utils/refUtils.d.ts +0 -2
  144. package/types/vuu-layout/src/utils/styleUtils.d.ts +0 -3
  145. package/types/vuu-layout/src/utils/typeOf.d.ts +0 -4
  146. package/types/vuu-table/src/table/ColumnResizer.d.ts +0 -8
  147. package/types/vuu-table/src/table/DragVisualizer.d.ts +0 -8
  148. package/types/vuu-table/src/table/RowBasedTable.d.ts +0 -4
  149. package/types/vuu-table/src/table/SortIndicator.d.ts +0 -7
  150. package/types/vuu-table/src/table/Table.d.ts +0 -9
  151. package/types/vuu-table/src/table/TableCell.d.ts +0 -4
  152. package/types/vuu-table/src/table/TableGroupCell.d.ts +0 -4
  153. package/types/vuu-table/src/table/TableGroupHeaderCell.d.ts +0 -13
  154. package/types/vuu-table/src/table/TableHeaderCell.d.ts +0 -11
  155. package/types/vuu-table/src/table/TableRow.d.ts +0 -16
  156. package/types/vuu-table/src/table/cell-renderers/index.d.ts +0 -1
  157. package/types/vuu-table/src/table/cell-renderers/json-cell/JsonCell.d.ts +0 -1
  158. package/types/vuu-table/src/table/cell-renderers/json-cell/index.d.ts +0 -1
  159. package/types/vuu-table/src/table/context-menu/buildContextMenuDescriptors.d.ts +0 -4
  160. package/types/vuu-table/src/table/context-menu/index.d.ts +0 -2
  161. package/types/vuu-table/src/table/context-menu/useTableContextMenu.d.ts +0 -16
  162. package/types/vuu-table/src/table/dataTableTypes.d.ts +0 -109
  163. package/types/vuu-table/src/table/filter-indicator.d.ts +0 -13
  164. package/types/vuu-table/src/table/index.d.ts +0 -10
  165. package/types/vuu-table/src/table/keyUtils.d.ts +0 -19
  166. package/types/vuu-table/src/table/useDataSource.d.ts +0 -41
  167. package/types/vuu-table/src/table/useDraggableColumn.d.ts +0 -9
  168. package/types/vuu-table/src/table/useKeyboardNavigation.d.ts +0 -22
  169. package/types/vuu-table/src/table/useMeasuredContainer.d.ts +0 -30
  170. package/types/vuu-table/src/table/useMeasuredSize.d.ts +0 -26
  171. package/types/vuu-table/src/table/useResizeObserver.d.ts +0 -15
  172. package/types/vuu-table/src/table/useSelection.d.ts +0 -9
  173. package/types/vuu-table/src/table/useTable.d.ts +0 -62
  174. package/types/vuu-table/src/table/useTableColumnResize.d.ts +0 -17
  175. package/types/vuu-table/src/table/useTableModel.d.ts +0 -80
  176. package/types/vuu-table/src/table/useTableScroll.d.ts +0 -29
  177. package/types/vuu-table/src/table/useVirtualViewport.d.ts +0 -17
  178. package/types/vuu-table/src/table-next/TableNext.d.ts +0 -4
  179. package/types/vuu-table/src/table-next/cell-renderers/dropdown-cell/DropdownCell.d.ts +0 -4
  180. package/types/vuu-table/src/table-next/cell-renderers/index.d.ts +0 -2
  181. package/types/vuu-table/src/table-next/header-cell/GroupHeaderCell.d.ts +0 -9
  182. package/types/vuu-table/src/table-next/header-cell/GroupHeaderCellNext.d.ts +0 -9
  183. package/types/vuu-table/src/table-next/index.d.ts +0 -5
  184. package/types/vuu-table/src/table-next/useCell.d.ts +0 -6
  185. package/types/vuu-table/src/table-next/useCellEditing.d.ts +0 -7
  186. package/types/vuu-table/src/table-next/useTableContextMenu.d.ts +0 -8
  187. package/types/vuu-table/src/table-next/useTableNext.d.ts +0 -66
  188. /package/types/vuu-table/src/{table-next/cell-renderers → cell-renderers}/dropdown-cell/index.d.ts +0 -0
  189. /package/types/vuu-table/src/{table-next/cell-renderers → cell-renderers}/input-cell/index.d.ts +0 -0
  190. /package/types/vuu-table/src/{table-next/column-header-pill → column-header-pill}/index.d.ts +0 -0
  191. /package/types/vuu-table/src/{table-next/column-menu → column-menu}/index.d.ts +0 -0
  192. /package/types/vuu-table/src/{table-next/column-resizing → column-resizing}/ColumnResizer.d.ts +0 -0
  193. /package/types/vuu-table/src/{table-next/column-resizing → column-resizing}/index.d.ts +0 -0
  194. /package/types/vuu-table/src/{table-next/context-menu → context-menu}/buildContextMenuDescriptors.d.ts +0 -0
  195. /package/types/vuu-table/src/{table-next/moving-window.d.ts → moving-window.d.ts} +0 -0
  196. /package/types/vuu-table/src/{table-next/table-cell → table-cell}/index.d.ts +0 -0
  197. /package/types/vuu-table/src/{table-next/useInitialValue.d.ts → useInitialValue.d.ts} +0 -0
  198. /package/types/vuu-table/src/{table-next/useResizeObserver.d.ts → useResizeObserver.d.ts} +0 -0
  199. /package/types/vuu-table/src/{table-next/useTableScroll.d.ts → useTableScroll.d.ts} +0 -0
@@ -1,143 +0,0 @@
1
- import { ReactElement } from "react";
2
- import { LayoutModel } from "../layout-reducer";
3
- import { DragDropRect, DropPos, RelativePosition } from "./dragDropTypes";
4
- export declare const positionValues: {
5
- north: number;
6
- east: number;
7
- south: number;
8
- west: number;
9
- header: number;
10
- centre: number;
11
- absolute: number;
12
- };
13
- export declare const RelativeDropPosition: {
14
- AFTER: RelativePosition;
15
- BEFORE: RelativePosition;
16
- };
17
- export declare const Position: Readonly<{
18
- North: Readonly<{
19
- offset: number;
20
- valueOf: () => number;
21
- toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
22
- North: boolean;
23
- South: boolean;
24
- East: boolean;
25
- West: boolean;
26
- Header: boolean;
27
- Centre: boolean;
28
- NorthOrSouth: boolean;
29
- EastOrWest: boolean;
30
- NorthOrWest: boolean;
31
- SouthOrEast: boolean;
32
- Absolute: boolean;
33
- }>;
34
- East: Readonly<{
35
- offset: number;
36
- valueOf: () => number;
37
- toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
38
- North: boolean;
39
- South: boolean;
40
- East: boolean;
41
- West: boolean;
42
- Header: boolean;
43
- Centre: boolean;
44
- NorthOrSouth: boolean;
45
- EastOrWest: boolean;
46
- NorthOrWest: boolean;
47
- SouthOrEast: boolean;
48
- Absolute: boolean;
49
- }>;
50
- South: Readonly<{
51
- offset: number;
52
- valueOf: () => number;
53
- toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
54
- North: boolean;
55
- South: boolean;
56
- East: boolean;
57
- West: boolean;
58
- Header: boolean;
59
- Centre: boolean;
60
- NorthOrSouth: boolean;
61
- EastOrWest: boolean;
62
- NorthOrWest: boolean;
63
- SouthOrEast: boolean;
64
- Absolute: boolean;
65
- }>;
66
- West: Readonly<{
67
- offset: number;
68
- valueOf: () => number;
69
- toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
70
- North: boolean;
71
- South: boolean;
72
- East: boolean;
73
- West: boolean;
74
- Header: boolean;
75
- Centre: boolean;
76
- NorthOrSouth: boolean;
77
- EastOrWest: boolean;
78
- NorthOrWest: boolean;
79
- SouthOrEast: boolean;
80
- Absolute: boolean;
81
- }>;
82
- Header: Readonly<{
83
- offset: number;
84
- valueOf: () => number;
85
- toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
86
- North: boolean;
87
- South: boolean;
88
- East: boolean;
89
- West: boolean;
90
- Header: boolean;
91
- Centre: boolean;
92
- NorthOrSouth: boolean;
93
- EastOrWest: boolean;
94
- NorthOrWest: boolean;
95
- SouthOrEast: boolean;
96
- Absolute: boolean;
97
- }>;
98
- Centre: Readonly<{
99
- offset: number;
100
- valueOf: () => number;
101
- toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
102
- North: boolean;
103
- South: boolean;
104
- East: boolean;
105
- West: boolean;
106
- Header: boolean;
107
- Centre: boolean;
108
- NorthOrSouth: boolean;
109
- EastOrWest: boolean;
110
- NorthOrWest: boolean;
111
- SouthOrEast: boolean;
112
- Absolute: boolean;
113
- }>;
114
- Absolute: Readonly<{
115
- offset: number;
116
- valueOf: () => number;
117
- toString: () => "header" | "absolute" | "north" | "east" | "south" | "west" | "centre";
118
- North: boolean;
119
- South: boolean;
120
- East: boolean;
121
- West: boolean;
122
- Header: boolean;
123
- Centre: boolean;
124
- NorthOrSouth: boolean;
125
- EastOrWest: boolean;
126
- NorthOrWest: boolean;
127
- SouthOrEast: boolean;
128
- Absolute: boolean;
129
- }>;
130
- }>;
131
- export interface Measurements {
132
- [key: string]: DragDropRect;
133
- }
134
- export declare class BoxModel {
135
- static measure(model: ReactElement, dropTargetPaths?: string[]): Measurements;
136
- static allBoxesContainingPoint(layout: LayoutModel, measurements: Measurements, x: number, y: number, validDropTargets?: string[]): LayoutModel[];
137
- }
138
- export declare function pointPositionWithinRect(x: number, y: number, rect: DragDropRect, borderZone?: number): {
139
- pctX: number;
140
- pctY: number;
141
- closeToTheEdge: number;
142
- };
143
- export declare function getPosition(x: number, y: number, rect: DragDropRect, targetOrientation?: "row" | "column"): DropPos;
@@ -1,46 +0,0 @@
1
- import { DragDropRect } from './dragDropTypes';
2
- export type IntrinsicSizes = {
3
- height?: number;
4
- width?: number;
5
- };
6
- interface ZoneRange {
7
- hi: number;
8
- lo: number;
9
- }
10
- type DragConstraint = {
11
- zone: {
12
- x: ZoneRange;
13
- y: ZoneRange;
14
- };
15
- pos: {
16
- x: ZoneRange;
17
- y: ZoneRange;
18
- };
19
- mouse: {
20
- x: ZoneRange;
21
- y: ZoneRange;
22
- };
23
- };
24
- interface ExtendedZoneRange {
25
- lo: boolean;
26
- hi: boolean;
27
- mousePct: number;
28
- mousePos: number;
29
- pos: number;
30
- }
31
- export declare class DragState {
32
- constraint: DragConstraint;
33
- x: ExtendedZoneRange;
34
- y: ExtendedZoneRange;
35
- intrinsicSize: IntrinsicSizes | undefined;
36
- constructor(zone: DragDropRect, mouseX: number, mouseY: number, measurements: DragDropRect, intrinsicSize?: IntrinsicSizes);
37
- init(zone: DragDropRect, mouseX: number, mouseY: number, rect: DragDropRect, intrinsicSize?: IntrinsicSizes): void;
38
- outOfBounds(): boolean;
39
- inBounds(): boolean;
40
- dropX(): number;
41
- dropY(): number;
42
- hasIntrinsicSize(): number | undefined;
43
- update(xy: 'x' | 'y', mousePos: number): boolean;
44
- private dropXY;
45
- }
46
- export {};
@@ -1,24 +0,0 @@
1
- import { rect } from "@vuu-ui/vuu-utils";
2
- import { ReactElement } from "react";
3
- import { IntrinsicSizes } from "./DragState";
4
- import { DropTarget } from "./DropTarget";
5
- export type DragStartCallback = (e: MouseEvent, x: number, y: number) => void;
6
- export type DragMoveCallback = (x: number | undefined, y: number | undefined) => void;
7
- export type DragEndCallback = (droppedTarget?: Partial<DropTarget>) => void;
8
- export type DragInstructions = {
9
- DoNotRemove?: boolean;
10
- DoNotTransform?: boolean;
11
- dragThreshold?: number;
12
- DriftHomeIfNoDropTarget?: boolean;
13
- RemoveDraggableOnDragEnd?: boolean;
14
- };
15
- export declare const Draggable: {
16
- handleMousedown(e: MouseEvent, dragStartCallback: DragStartCallback, dragInstructions?: DragInstructions): void;
17
- initDrag(rootContainer: ReactElement, dragContainerPath: string, { top, left, right, bottom }: rect, dragPos: {
18
- x: number;
19
- y: number;
20
- }, dragHandler: {
21
- drag: DragMoveCallback;
22
- drop: DragEndCallback;
23
- }, intrinsicSize?: IntrinsicSizes, dropTargets?: string[]): string;
24
- };
@@ -1,10 +0,0 @@
1
- import { HTMLAttributes } from "react";
2
- import { DropTarget } from "./DropTarget";
3
- import "./DropMenu.css";
4
- export declare function computeMenuPosition(dropTarget: DropTarget, offsetTop?: number, offsetLeft?: number): [number, number, "left" | "bottom" | "right" | "top"];
5
- export interface DropMenuProps extends HTMLAttributes<HTMLDivElement> {
6
- dropTarget: DropTarget;
7
- onHover: (target: DropTarget | null) => void;
8
- orientation?: "left" | "top" | "right" | "bottom";
9
- }
10
- export declare const DropMenu: ({ className, dropTarget, onHover, orientation, }: DropMenuProps) => JSX.Element;
@@ -1,61 +0,0 @@
1
- import { rectTuple } from "@vuu-ui/vuu-utils";
2
- import { LayoutModel } from "../layout-reducer";
3
- import { Measurements } from "./BoxModel";
4
- import { DragDropRect, DropPos, DropPosTab } from "./dragDropTypes";
5
- import { DragState } from "./DragState";
6
- export declare const isTabstrip: (dropTarget: DropTarget) => boolean | undefined;
7
- export interface DropTargetProps {
8
- component: LayoutModel;
9
- pos: DropPos;
10
- clientRect: DragDropRect;
11
- nextDropTarget: DropTarget | null;
12
- }
13
- export type GuideLine = [
14
- number,
15
- number,
16
- number,
17
- number,
18
- number,
19
- number,
20
- number,
21
- number
22
- ];
23
- export interface TargetDropOutline {
24
- l: number;
25
- r: number;
26
- t: number;
27
- b: number;
28
- tabLeft?: number;
29
- tabWidth?: number;
30
- tabHeight?: number;
31
- guideLines?: GuideLine;
32
- }
33
- export declare class DropTarget {
34
- private active;
35
- box: unknown;
36
- clientRect: DragDropRect;
37
- component: LayoutModel;
38
- dropRect: rectTuple | undefined;
39
- nextDropTarget: DropTarget | null;
40
- pos: DropPos;
41
- constructor({ component, pos, clientRect, nextDropTarget, }: DropTargetProps);
42
- targetTabPos(tab: DropPosTab): number;
43
- /**
44
- * Determine what will be rendered by the dropTargetRenderer
45
- *
46
- * @param {*} lineWidth
47
- * @param {*} dragState
48
- * @returns {l, t, r, b, tabLeft, tabWidth, tabHeight}
49
- */
50
- getTargetDropOutline(lineWidth: number, dragState?: DragState): TargetDropOutline;
51
- getDropTabOutline(lineWidth: number, tab: DropPosTab): TargetDropOutline;
52
- getIntrinsicDropRect(dragState: DragState): TargetDropOutline;
53
- /**
54
- * @returns [left, top, right, bottom]
55
- */
56
- getDropRectOutline(lineWidth: number, dragState?: DragState): number[] | null;
57
- activate(): this;
58
- toArray(this: DropTarget): DropTarget[];
59
- static getActiveDropTarget(dropTarget: DropTarget | null): DropTarget | null;
60
- }
61
- export declare function identifyDropTarget(x: number, y: number, rootLayout: LayoutModel, measurements: Measurements, intrinsicSize?: number, validDropTargets?: string[]): DropTarget | null;
@@ -1,18 +0,0 @@
1
- import { DragDropRect } from "./dragDropTypes";
2
- import { DragState } from "./DragState";
3
- import { DropTarget } from "./DropTarget";
4
- import "./DropTargetRenderer.css";
5
- type Point = [number, number];
6
- type TabMode = "full-view" | "tab-only";
7
- export default class DropTargetCanvas {
8
- private currentPath;
9
- private tabMode;
10
- constructor();
11
- prepare(dragRect: DragDropRect, tabMode?: TabMode): void;
12
- clear(): void;
13
- get hoverDropTarget(): DropTarget | null;
14
- getPoints(x: number, y: number, width: number, height: number, tabLeft?: number, tabWidth?: number, tabHeight?: number): Point[];
15
- draw(dropTarget: DropTarget, dragState: DragState): void;
16
- drawTarget(dropTarget: DropTarget, dragState?: DragState): void;
17
- }
18
- export {};
@@ -1,51 +0,0 @@
1
- import type { rect } from "@vuu-ui/vuu-utils";
2
- export interface DragDropRect extends rect {
3
- children?: DragDropRect[];
4
- header?: {
5
- top: number;
6
- left: number;
7
- right: number;
8
- bottom: number;
9
- titleWidth?: number;
10
- };
11
- height: number;
12
- scrolling?: {
13
- id: string;
14
- scrollTop: number;
15
- scrollHeight: number;
16
- };
17
- Stack?: {
18
- left: number;
19
- right: number;
20
- }[];
21
- width: number;
22
- }
23
- export interface DropPosition {
24
- Absolute: boolean;
25
- Centre: boolean;
26
- East: boolean;
27
- EastOrWest: boolean;
28
- Header: boolean;
29
- North: boolean;
30
- NorthOrSouth: boolean;
31
- offset: number;
32
- South: boolean;
33
- SouthOrEast: boolean;
34
- West: boolean;
35
- }
36
- export type RelativePosition = "after" | "before";
37
- export type DropPosTab = {
38
- index: number;
39
- left: number;
40
- positionRelativeToTab: RelativePosition;
41
- width: number;
42
- };
43
- export interface DropPos {
44
- closeToTheEdge: number;
45
- height?: number;
46
- position: DropPosition;
47
- tab?: DropPosTab;
48
- width?: number;
49
- x: number;
50
- y: number;
51
- }
@@ -1,4 +0,0 @@
1
- export * from "./dragDropTypes";
2
- export * from "./Draggable";
3
- export * from "./DropMenu";
4
- export * from "./DropTarget";
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import { FlexboxProps } from "./flexboxTypes";
3
- import "./Flexbox.css";
4
- declare const Flexbox: import("react").ForwardRefExoticComponent<FlexboxProps & import("react").RefAttributes<HTMLDivElement>>;
5
- export default Flexbox;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { FlexboxLayoutProps } from "./flexboxTypes";
3
- export declare const FlexboxLayout: {
4
- (props: FlexboxLayoutProps): JSX.Element;
5
- displayName: string;
6
- };
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { FlexboxProps } from "./flexboxTypes";
3
- import "./FluidGrid.css";
4
- export interface FluidGridProps extends FlexboxProps {
5
- showGrid?: boolean;
6
- }
7
- export declare const FluidGrid: import("react").ForwardRefExoticComponent<FluidGridProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- import { FluidGridProps } from './FluidGrid';
3
- export declare const FluidGridLayout: {
4
- (props: FluidGridProps): JSX.Element;
5
- displayName: string;
6
- };
@@ -1,13 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- import "./Splitter.css";
3
- export type SplitterDragStartHandler = (index: number) => void;
4
- export type SplitterDragHandler = (index: number, distance: number) => void;
5
- export type SplitterDragEndHandler = () => void;
6
- export interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, "onDrag" | "onDragStart"> {
7
- column: boolean;
8
- index: number;
9
- onDragStart: SplitterDragStartHandler;
10
- onDrag: SplitterDragHandler;
11
- onDragEnd: SplitterDragEndHandler;
12
- }
13
- export declare const Splitter: React.NamedExoticComponent<SplitterProps>;
@@ -1,12 +0,0 @@
1
- import { ReactElement } from "react";
2
- import type { BreakPoint, ContentMeta } from "./flexboxTypes";
3
- export declare const SPLITTER = 1;
4
- export declare const PLACEHOLDER = 2;
5
- export declare const gatherChildMeta: (children: ReactElement[], dimension: "width" | "height", breakPoints?: BreakPoint[]) => {
6
- index: number;
7
- flexOpen: boolean;
8
- intrinsicSize: number | undefined;
9
- resizeable: any;
10
- }[];
11
- export declare const findSplitterAndPlaceholderPositions: (childMeta: ContentMeta[]) => any[];
12
- export declare const identifyResizeParties: (contentMeta: ContentMeta[], idx: number) => (number[] | undefined)[];
@@ -1,51 +0,0 @@
1
- import { CSSProperties, HTMLAttributes, MutableRefObject, ReactElement, ReactNode } from "react";
2
- import { SplitterProps } from "./Splitter";
3
- export interface LayoutContainerProps {
4
- resizeable?: boolean;
5
- }
6
- export interface FlexboxProps extends LayoutContainerProps, HTMLAttributes<HTMLDivElement> {
7
- breakPoints?: BreakPointsProp;
8
- children?: ReactNode;
9
- cols?: number;
10
- column?: true;
11
- fullPage?: number;
12
- flexFill?: boolean;
13
- gap?: number;
14
- onSplitterMoved?: (content: ContentMeta[]) => void;
15
- row?: true;
16
- spacing?: number;
17
- splitterSize?: number;
18
- }
19
- export interface FlexboxLayoutProps extends FlexboxProps {
20
- path?: string;
21
- }
22
- export interface SplitterHookProps {
23
- children: ReactNode;
24
- onSplitterMoved?: (content: ContentMeta[]) => void;
25
- style?: CSSProperties;
26
- }
27
- export interface SplitterHookResult {
28
- content: ReactElement[];
29
- rootRef: MutableRefObject<HTMLDivElement | null>;
30
- }
31
- export type SplitterFactory = (index: number) => ReactElement<SplitterProps>;
32
- export type ContentMeta = {
33
- currentSize?: number;
34
- flexOpen?: boolean;
35
- flexBasis?: number;
36
- intrinsicSize?: number;
37
- minSize?: number;
38
- placeholder?: boolean;
39
- resizeable?: boolean;
40
- shim?: boolean;
41
- splitter?: boolean;
42
- };
43
- export type FlexSize = {
44
- size: number;
45
- minSize: number;
46
- };
47
- export type BreakPoint = "xs" | "sm" | "md" | "lg" | "xl";
48
- export type BreakPoints = BreakPoint[];
49
- export type BreakPointsProp = {
50
- [keys in BreakPoint]?: number;
51
- };
@@ -1,4 +0,0 @@
1
- export { default as Flexbox } from './Flexbox';
2
- export * from './FlexboxLayout';
3
- export * from './FluidGrid';
4
- export * from './FluidGridLayout';
@@ -1,10 +0,0 @@
1
- import { CSSProperties, ReactElement } from "react";
2
- export declare const useResponsiveSizing: ({ children: childrenProp, cols: colsProp, style, }: {
3
- children: ReactElement[];
4
- cols?: number | undefined;
5
- style?: CSSProperties | undefined;
6
- }) => {
7
- cols: number;
8
- content: ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
9
- rootRef: import("react").MutableRefObject<null>;
10
- };
@@ -1,2 +0,0 @@
1
- import { SplitterHookProps, SplitterHookResult } from "./flexboxTypes";
2
- export declare const useSplitterResizing: ({ children: childrenProp, onSplitterMoved, style, }: SplitterHookProps) => SplitterHookResult;
@@ -1,22 +0,0 @@
1
- export * from "./dock-layout";
2
- export { default as Component } from "./Component";
3
- export * from "./drag-drop";
4
- export * from "./DraggableLayout";
5
- export * from "./flexbox";
6
- export { Action } from "./layout-action";
7
- export * from "./layout-header";
8
- export * from "./layout-persistence";
9
- export * from "./layout-provider";
10
- export * from "./layout-reducer";
11
- export * from "./layout-view";
12
- export * from "./measured-container";
13
- export * from "./overflow-container";
14
- export * from "./palette";
15
- export * from "./placeholder";
16
- export * from "./registry";
17
- export * from "./responsive";
18
- export * from "./stack";
19
- export * from "./toolbar";
20
- export * from "./tools";
21
- export * from "./use-persistent-state";
22
- export * from "./utils";
@@ -1,22 +0,0 @@
1
- export declare const Action: {
2
- ADD: string;
3
- BLUR: string;
4
- BLUR_SPLITTER: string;
5
- DRAG_START: string;
6
- DRAG_STARTED: string;
7
- DRAG_DROP: string;
8
- FOCUS: string;
9
- FOCUS_SPLITTER: string;
10
- INITIALIZE: string;
11
- LAYOUT_RESIZE: string;
12
- MAXIMIZE: string;
13
- MINIMIZE: string;
14
- REMOVE: string;
15
- REPLACE: string;
16
- RESTORE: string;
17
- SAVE: string;
18
- SET_TITLE: string;
19
- SPLITTER_RESIZE: string;
20
- SWITCH_TAB: string;
21
- TEAR_OUT: string;
22
- };
@@ -1,13 +0,0 @@
1
- import { HTMLAttributes } from "react";
2
- import { Contribution } from "../layout-view";
3
- import "./Header.css";
4
- export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
5
- collapsed?: boolean;
6
- contributions?: Contribution[];
7
- expanded?: boolean;
8
- closeable?: boolean;
9
- onEditTitle: (value: string) => void;
10
- orientation?: "horizontal" | "vertical";
11
- tearOut?: boolean;
12
- }
13
- export declare const Header: ({ className: classNameProp, contributions, collapsed, closeable, onEditTitle, orientation: orientationProp, style, title, }: HeaderProps) => JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Header';
@@ -1,53 +0,0 @@
1
- import { LayoutJSON } from "@vuu-ui/vuu-layout";
2
- import { LayoutMetadata } from "@vuu-ui/vuu-shell";
3
- export interface LayoutPersistenceManager {
4
- /**
5
- * Saves a new layout and its corresponding metadata
6
- *
7
- * @param metadata - Metadata about the layout to be saved
8
- * @param layout - Full JSON representation of the layout to be saved
9
- *
10
- * @returns Unique identifier assigned to the saved layout
11
- */
12
- createLayout: (metadata: Omit<LayoutMetadata, "id">, layout: LayoutJSON) => Promise<string>;
13
- /**
14
- * Overwrites an existing layout and its corresponding metadata with the provided information
15
- *
16
- * @param id - Unique identifier of the existing layout to be updated
17
- * @param metadata - Metadata describing the new layout to overwrite with
18
- * @param layout - Full JSON representation of the new layout to overwrite with
19
- */
20
- updateLayout: (id: string, metadata: Omit<LayoutMetadata, "id">, layout: LayoutJSON) => Promise<void>;
21
- /**
22
- * Deletes an existing layout and its corresponding metadata
23
- *
24
- * @param id - Unique identifier of the existing layout to be deleted
25
- */
26
- deleteLayout: (id: string) => Promise<void>;
27
- /**
28
- * Retrieves an existing layout
29
- *
30
- * @param id - Unique identifier of the existing layout to be retrieved
31
- *
32
- * @returns Full JSON representation of the layout corresponding to the provided ID
33
- */
34
- loadLayout: (id: string) => Promise<LayoutJSON>;
35
- /**
36
- * Retrieves metadata for all existing layouts
37
- *
38
- * @returns an array of all persisted layout metadata
39
- */
40
- loadMetadata: () => Promise<LayoutMetadata[]>;
41
- /**
42
- * Retrieves the application layout which includes all layouts on screen
43
- *
44
- * @returns Full JSON representation of the application layout
45
- */
46
- loadApplicationLayout: () => Promise<LayoutJSON>;
47
- /**
48
- * Saves the application layout which includes all layouts on screen
49
- *
50
- * @param layout - Full JSON representation of the application layout to be saved
51
- */
52
- saveApplicationLayout: (layout: LayoutJSON) => Promise<void>;
53
- }
@@ -1,18 +0,0 @@
1
- import { LayoutMetadata } from "@vuu-ui/vuu-shell";
2
- import { LayoutJSON, LayoutPersistenceManager } from "@vuu-ui/vuu-layout";
3
- export declare class LocalLayoutPersistenceManager implements LayoutPersistenceManager {
4
- #private;
5
- constructor(urlKey?: string);
6
- createLayout(metadata: Omit<LayoutMetadata, "id">, layout: LayoutJSON): Promise<string>;
7
- updateLayout(id: string, newMetadata: Omit<LayoutMetadata, "id">, newLayout: LayoutJSON): Promise<void>;
8
- deleteLayout(id: string): Promise<void>;
9
- loadLayout(id: string): Promise<LayoutJSON>;
10
- loadMetadata(): Promise<LayoutMetadata[]>;
11
- loadApplicationLayout(): Promise<LayoutJSON>;
12
- saveApplicationLayout(layout: LayoutJSON): Promise<void>;
13
- private loadLayouts;
14
- private appendAndPersist;
15
- private saveLayoutsWithMetadata;
16
- private validateIds;
17
- private validateId;
18
- }
@@ -1,3 +0,0 @@
1
- import { LayoutJSON } from "../layout-reducer";
2
- export declare const warningLayout: LayoutJSON;
3
- export declare const defaultLayout: LayoutJSON;
@@ -1,4 +0,0 @@
1
- export * from "./data";
2
- export * from "./LayoutPersistenceManager";
3
- export * from "./LocalLayoutPersistenceManager";
4
- export * from "./useLayoutContextMenuItems";
@@ -1,8 +0,0 @@
1
- import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
2
- import { ReactElement } from "react";
3
- export declare const useLayoutContextMenuItems: () => {
4
- buildMenuOptions: MenuBuilder<string, unknown>;
5
- dialogContent: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
6
- handleCloseDialog: () => void;
7
- handleMenuAction: MenuActionHandler;
8
- };