@gtkx/components 1.0.0-rc.1 → 1.0.0-rc.2

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 (210) hide show
  1. package/dist/adw/index.d.ts +3 -0
  2. package/dist/adw/index.d.ts.map +1 -0
  3. package/dist/adw/index.js +2 -0
  4. package/dist/adw/index.js.map +1 -0
  5. package/dist/adw/toast.d.ts +10 -0
  6. package/dist/adw/toast.d.ts.map +1 -0
  7. package/dist/adw/toast.js +51 -0
  8. package/dist/adw/toast.js.map +1 -0
  9. package/dist/adw/types.d.ts +28 -0
  10. package/dist/adw/types.d.ts.map +1 -0
  11. package/dist/adw/types.js +2 -0
  12. package/dist/adw/types.js.map +1 -0
  13. package/dist/column-view.d.ts +7 -29
  14. package/dist/column-view.d.ts.map +1 -1
  15. package/dist/column-view.js +98 -70
  16. package/dist/column-view.js.map +1 -1
  17. package/dist/drop-down.d.ts +8 -27
  18. package/dist/drop-down.d.ts.map +1 -1
  19. package/dist/drop-down.js +112 -81
  20. package/dist/drop-down.js.map +1 -1
  21. package/dist/grid-view.d.ts +6 -16
  22. package/dist/grid-view.d.ts.map +1 -1
  23. package/dist/grid-view.js +25 -33
  24. package/dist/grid-view.js.map +1 -1
  25. package/dist/index.d.ts +6 -12
  26. package/dist/index.d.ts.map +1 -1
  27. package/dist/index.js +1 -6
  28. package/dist/index.js.map +1 -1
  29. package/dist/internal/cells.d.ts +50 -0
  30. package/dist/internal/cells.d.ts.map +1 -0
  31. package/dist/internal/cells.js +185 -0
  32. package/dist/internal/cells.js.map +1 -0
  33. package/dist/internal/collection-index.d.ts +21 -0
  34. package/dist/internal/collection-index.d.ts.map +1 -0
  35. package/dist/internal/collection-index.js +106 -0
  36. package/dist/internal/collection-index.js.map +1 -0
  37. package/dist/internal/collection-model.d.ts +12 -0
  38. package/dist/internal/collection-model.d.ts.map +1 -0
  39. package/dist/internal/collection-model.js +164 -0
  40. package/dist/internal/collection-model.js.map +1 -0
  41. package/dist/internal/collection.d.ts +18 -0
  42. package/dist/internal/collection.d.ts.map +1 -0
  43. package/dist/internal/collection.js +64 -0
  44. package/dist/internal/collection.js.map +1 -0
  45. package/dist/internal/expansion.d.ts +9 -0
  46. package/dist/internal/expansion.d.ts.map +1 -0
  47. package/dist/internal/expansion.js +75 -0
  48. package/dist/internal/expansion.js.map +1 -0
  49. package/dist/internal/selection.d.ts +12 -0
  50. package/dist/internal/selection.d.ts.map +1 -0
  51. package/dist/internal/selection.js +99 -0
  52. package/dist/internal/selection.js.map +1 -0
  53. package/dist/internal/use-collection.d.ts +18 -0
  54. package/dist/internal/use-collection.d.ts.map +1 -0
  55. package/dist/internal/use-collection.js +42 -0
  56. package/dist/internal/use-collection.js.map +1 -0
  57. package/dist/internal/use-widget-ref.d.ts +4 -0
  58. package/dist/internal/use-widget-ref.d.ts.map +1 -0
  59. package/dist/internal/use-widget-ref.js +8 -0
  60. package/dist/internal/use-widget-ref.js.map +1 -0
  61. package/dist/list-view.d.ts +5 -20
  62. package/dist/list-view.d.ts.map +1 -1
  63. package/dist/list-view.js +32 -53
  64. package/dist/list-view.js.map +1 -1
  65. package/dist/size-group.d.ts +8 -16
  66. package/dist/size-group.d.ts.map +1 -1
  67. package/dist/size-group.js +35 -51
  68. package/dist/size-group.js.map +1 -1
  69. package/dist/types.d.ts +97 -24
  70. package/dist/types.d.ts.map +1 -1
  71. package/dist/types.js.map +1 -1
  72. package/package.json +17 -6
  73. package/src/adw/index.ts +2 -0
  74. package/src/adw/toast.tsx +74 -0
  75. package/src/adw/types.ts +32 -0
  76. package/src/column-view.tsx +176 -160
  77. package/src/drop-down.tsx +180 -167
  78. package/src/grid-view.tsx +29 -73
  79. package/src/index.ts +18 -25
  80. package/src/internal/cells.tsx +345 -0
  81. package/src/internal/collection-index.ts +168 -0
  82. package/src/internal/collection-model.ts +246 -0
  83. package/src/internal/collection.ts +104 -0
  84. package/src/internal/expansion.ts +123 -0
  85. package/src/internal/selection.tsx +159 -0
  86. package/src/internal/use-collection.tsx +70 -0
  87. package/src/internal/use-widget-ref.ts +11 -0
  88. package/src/list-view.tsx +43 -139
  89. package/src/size-group.tsx +63 -82
  90. package/src/types.ts +155 -24
  91. package/dist/cell.d.ts +0 -30
  92. package/dist/cell.d.ts.map +0 -1
  93. package/dist/cell.js +0 -45
  94. package/dist/cell.js.map +0 -1
  95. package/dist/column-view-column.d.ts +0 -27
  96. package/dist/column-view-column.d.ts.map +0 -1
  97. package/dist/column-view-column.js +0 -30
  98. package/dist/column-view-column.js.map +0 -1
  99. package/dist/constraint-layout-apply.d.ts +0 -55
  100. package/dist/constraint-layout-apply.d.ts.map +0 -1
  101. package/dist/constraint-layout-apply.js +0 -107
  102. package/dist/constraint-layout-apply.js.map +0 -1
  103. package/dist/constraint-layout.d.ts +0 -20
  104. package/dist/constraint-layout.d.ts.map +0 -1
  105. package/dist/constraint-layout.js +0 -88
  106. package/dist/constraint-layout.js.map +0 -1
  107. package/dist/fixed.d.ts +0 -26
  108. package/dist/fixed.d.ts.map +0 -1
  109. package/dist/fixed.js +0 -40
  110. package/dist/fixed.js.map +0 -1
  111. package/dist/grid.d.ts +0 -27
  112. package/dist/grid.d.ts.map +0 -1
  113. package/dist/grid.js +0 -48
  114. package/dist/grid.js.map +0 -1
  115. package/dist/hooks/use-cell-containers.d.ts +0 -18
  116. package/dist/hooks/use-cell-containers.d.ts.map +0 -1
  117. package/dist/hooks/use-cell-containers.js +0 -67
  118. package/dist/hooks/use-cell-containers.js.map +0 -1
  119. package/dist/hooks/use-collection-model.d.ts +0 -26
  120. package/dist/hooks/use-collection-model.d.ts.map +0 -1
  121. package/dist/hooks/use-collection-model.js +0 -35
  122. package/dist/hooks/use-collection-model.js.map +0 -1
  123. package/dist/hooks/use-collection-widget.d.ts +0 -28
  124. package/dist/hooks/use-collection-widget.d.ts.map +0 -1
  125. package/dist/hooks/use-collection-widget.js +0 -21
  126. package/dist/hooks/use-collection-widget.js.map +0 -1
  127. package/dist/hooks/use-drop-down-selection.d.ts +0 -16
  128. package/dist/hooks/use-drop-down-selection.d.ts.map +0 -1
  129. package/dist/hooks/use-drop-down-selection.js +0 -35
  130. package/dist/hooks/use-drop-down-selection.js.map +0 -1
  131. package/dist/hooks/use-expansion-model.d.ts +0 -12
  132. package/dist/hooks/use-expansion-model.d.ts.map +0 -1
  133. package/dist/hooks/use-expansion-model.js +0 -71
  134. package/dist/hooks/use-expansion-model.js.map +0 -1
  135. package/dist/hooks/use-header-menu.d.ts +0 -4
  136. package/dist/hooks/use-header-menu.d.ts.map +0 -1
  137. package/dist/hooks/use-header-menu.js +0 -20
  138. package/dist/hooks/use-header-menu.js.map +0 -1
  139. package/dist/hooks/use-installed-model.d.ts +0 -4
  140. package/dist/hooks/use-installed-model.d.ts.map +0 -1
  141. package/dist/hooks/use-installed-model.js +0 -15
  142. package/dist/hooks/use-installed-model.js.map +0 -1
  143. package/dist/hooks/use-list-model.d.ts +0 -19
  144. package/dist/hooks/use-list-model.d.ts.map +0 -1
  145. package/dist/hooks/use-list-model.js +0 -97
  146. package/dist/hooks/use-list-model.js.map +0 -1
  147. package/dist/hooks/use-placed-child.d.ts +0 -18
  148. package/dist/hooks/use-placed-child.d.ts.map +0 -1
  149. package/dist/hooks/use-placed-child.js +0 -47
  150. package/dist/hooks/use-placed-child.js.map +0 -1
  151. package/dist/hooks/use-selection-model.d.ts +0 -13
  152. package/dist/hooks/use-selection-model.d.ts.map +0 -1
  153. package/dist/hooks/use-selection-model.js +0 -103
  154. package/dist/hooks/use-selection-model.js.map +0 -1
  155. package/dist/hooks/use-sort-handler.d.ts +0 -17
  156. package/dist/hooks/use-sort-handler.d.ts.map +0 -1
  157. package/dist/hooks/use-sort-handler.js +0 -87
  158. package/dist/hooks/use-sort-handler.js.map +0 -1
  159. package/dist/menu-items.d.ts +0 -5
  160. package/dist/menu-items.d.ts.map +0 -1
  161. package/dist/menu-items.js +0 -48
  162. package/dist/menu-items.js.map +0 -1
  163. package/dist/menu.d.ts +0 -14
  164. package/dist/menu.d.ts.map +0 -1
  165. package/dist/menu.js +0 -24
  166. package/dist/menu.js.map +0 -1
  167. package/dist/overlay.d.ts +0 -24
  168. package/dist/overlay.d.ts.map +0 -1
  169. package/dist/overlay.js +0 -49
  170. package/dist/overlay.js.map +0 -1
  171. package/dist/utils/cell-container-store.d.ts +0 -28
  172. package/dist/utils/cell-container-store.d.ts.map +0 -1
  173. package/dist/utils/cell-container-store.js +0 -98
  174. package/dist/utils/cell-container-store.js.map +0 -1
  175. package/dist/utils/item-models.d.ts +0 -10
  176. package/dist/utils/item-models.d.ts.map +0 -1
  177. package/dist/utils/item-models.js +0 -82
  178. package/dist/utils/item-models.js.map +0 -1
  179. package/dist/utils/item-resolver.d.ts +0 -25
  180. package/dist/utils/item-resolver.d.ts.map +0 -1
  181. package/dist/utils/item-resolver.js +0 -102
  182. package/dist/utils/item-resolver.js.map +0 -1
  183. package/dist/utils/list-item-flatten.d.ts +0 -24
  184. package/dist/utils/list-item-flatten.d.ts.map +0 -1
  185. package/dist/utils/list-item-flatten.js +0 -68
  186. package/dist/utils/list-item-flatten.js.map +0 -1
  187. package/src/cell.tsx +0 -144
  188. package/src/column-view-column.tsx +0 -82
  189. package/src/constraint-layout-apply.ts +0 -173
  190. package/src/constraint-layout.tsx +0 -135
  191. package/src/fixed.tsx +0 -86
  192. package/src/grid.tsx +0 -88
  193. package/src/hooks/use-cell-containers.ts +0 -93
  194. package/src/hooks/use-collection-model.ts +0 -60
  195. package/src/hooks/use-collection-widget.ts +0 -47
  196. package/src/hooks/use-drop-down-selection.ts +0 -52
  197. package/src/hooks/use-expansion-model.ts +0 -82
  198. package/src/hooks/use-header-menu.ts +0 -34
  199. package/src/hooks/use-installed-model.ts +0 -20
  200. package/src/hooks/use-list-model.ts +0 -161
  201. package/src/hooks/use-placed-child.ts +0 -79
  202. package/src/hooks/use-selection-model.ts +0 -114
  203. package/src/hooks/use-sort-handler.ts +0 -107
  204. package/src/menu-items.ts +0 -48
  205. package/src/menu.tsx +0 -32
  206. package/src/overlay.tsx +0 -88
  207. package/src/utils/cell-container-store.ts +0 -114
  208. package/src/utils/item-models.ts +0 -113
  209. package/src/utils/item-resolver.ts +0 -138
  210. package/src/utils/list-item-flatten.ts +0 -90
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-cell-containers.d.ts","sourceRoot":"","sources":["../../src/hooks/use-cell-containers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,KAAK,UAAU,EAAuB,MAAM,sBAAsB,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAiBtE,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,CAAC,MAAM,IAAI;IACrD,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,qBAAqB,GAAG,IAAI,CAAC;IAC7D,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,OAAO,CAAC,MAAM,cAC7C,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,qBAAqB,GAAG,IAAI,KAAK,IAAI,KAC3E,gBAAgB,CAAC,CAAC,CAGnB,CAAC;AAEH,KAAK,qBAAqB,CAAC,CAAC,SAAS,OAAO,CAAC,MAAM,IAAI;IACnD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACtB,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACvC,CAAC;AAOF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,OAAO,CAAC,MAAM,WAAW,qBAAqB,CAAC,CAAC,CAAC,KAAG,kBA+C/F,CAAC"}
@@ -1,67 +0,0 @@
1
- import * as Gtk from "@gtkx/gi/gtk";
2
- import { useObjectAttachment } from "@gtkx/react/internal";
3
- import { useRef } from "react";
4
- import { CellContainerStore } from "../utils/cell-container-store.js";
5
- const isChildContainer = (container) => container instanceof Gtk.ListItem || container instanceof Gtk.ListHeader;
6
- const positionOf = (container) => {
7
- if (container instanceof Gtk.ListItem)
8
- return container.getPosition();
9
- if (container instanceof Gtk.ListHeader)
10
- return container.getStart();
11
- return -1;
12
- };
13
- export const makeFactoryInstaller = (setFactory) => ({
14
- install: (widget, factory) => setFactory(widget, factory),
15
- uninstall: (widget) => setFactory(widget, null),
16
- });
17
- const applyEstimatedSize = (child, height, width) => {
18
- if (height === undefined && width === undefined)
19
- return;
20
- child.setSizeRequest(width ?? -1, height ?? -1);
21
- };
22
- export const useCellContainers = (options) => {
23
- const { object, installer, estimatedHeight, estimatedWidth } = options;
24
- const storeRef = useRef(null);
25
- if (storeRef.current === null)
26
- storeRef.current = new CellContainerStore();
27
- const store = storeRef.current;
28
- const installerRef = useRef(installer);
29
- installerRef.current = installer;
30
- const factoryRef = useRef(null);
31
- if (factoryRef.current === null) {
32
- const factory = Gtk.SignalListItemFactory.new();
33
- factory.on("setup", (container) => {
34
- if (isChildContainer(container) && container.getChild() === null) {
35
- const placeholder = new Gtk.Box();
36
- applyEstimatedSize(placeholder, estimatedHeight, estimatedWidth);
37
- container.setChild(placeholder);
38
- }
39
- store.addContainer(container);
40
- });
41
- factory.on("bind", (container) => {
42
- if (isChildContainer(container)) {
43
- const item = container.getItem();
44
- const treeRow = item instanceof Gtk.TreeListRow ? item : null;
45
- store.bind(container, positionOf(container), treeRow);
46
- }
47
- });
48
- factory.on("unbind", (container) => {
49
- store.unbind(container);
50
- });
51
- factory.on("teardown", (container) => {
52
- store.removeContainer(container);
53
- });
54
- factoryRef.current = factory;
55
- }
56
- const factory = factoryRef.current;
57
- useObjectAttachment(object, {
58
- attach: (widget) => {
59
- installerRef.current.install(widget, factory);
60
- return { widget };
61
- },
62
- detach: (attachment) => installerRef.current.uninstall(attachment.widget),
63
- isSame: (attachment, widget) => attachment.widget === widget,
64
- });
65
- return store;
66
- };
67
- //# sourceMappingURL=use-cell-containers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-cell-containers.js","sourceRoot":"","sources":["../../src/hooks/use-cell-containers.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { type ObjectProp, useObjectAttachment } from \"@gtkx/react/internal\";\nimport { useRef } from \"react\";\nimport { CellContainerStore } from \"../utils/cell-container-store.js\";\n\ntype ChildContainer = {\n getChild(): Gtk.Widget | null;\n setChild(child: Gtk.Widget | null): void;\n getItem(): GObject.Object | null;\n};\n\nconst isChildContainer = (container: GObject.Object): container is GObject.Object & ChildContainer =>\n container instanceof Gtk.ListItem || container instanceof Gtk.ListHeader;\n\nconst positionOf = (container: GObject.Object & ChildContainer): number => {\n if (container instanceof Gtk.ListItem) return container.getPosition();\n if (container instanceof Gtk.ListHeader) return container.getStart();\n return -1;\n};\n\nexport type FactoryInstaller<W extends GObject.Object> = {\n install(widget: W, factory: Gtk.SignalListItemFactory): void;\n uninstall(widget: W): void;\n};\n\nexport const makeFactoryInstaller = <W extends GObject.Object>(\n setFactory: (widget: W, factory: Gtk.SignalListItemFactory | null) => void,\n): FactoryInstaller<W> => ({\n install: (widget, factory) => setFactory(widget, factory),\n uninstall: (widget) => setFactory(widget, null),\n});\n\ntype CellContainersOptions<W extends GObject.Object> = {\n object: ObjectProp<W>;\n installer: FactoryInstaller<W>;\n estimatedHeight?: number | undefined;\n estimatedWidth?: number | undefined;\n};\n\nconst applyEstimatedSize = (child: Gtk.Widget, height: number | undefined, width: number | undefined): void => {\n if (height === undefined && width === undefined) return;\n child.setSizeRequest(width ?? -1, height ?? -1);\n};\n\nexport const useCellContainers = <W extends GObject.Object>(options: CellContainersOptions<W>): CellContainerStore => {\n const { object, installer, estimatedHeight, estimatedWidth } = options;\n const storeRef = useRef<CellContainerStore | null>(null);\n if (storeRef.current === null) storeRef.current = new CellContainerStore();\n const store = storeRef.current;\n\n const installerRef = useRef(installer);\n installerRef.current = installer;\n\n const factoryRef = useRef<Gtk.SignalListItemFactory | null>(null);\n if (factoryRef.current === null) {\n const factory = Gtk.SignalListItemFactory.new();\n factory.on(\"setup\", (container) => {\n if (isChildContainer(container) && container.getChild() === null) {\n const placeholder = new Gtk.Box();\n applyEstimatedSize(placeholder, estimatedHeight, estimatedWidth);\n container.setChild(placeholder);\n }\n store.addContainer(container);\n });\n factory.on(\"bind\", (container) => {\n if (isChildContainer(container)) {\n const item = container.getItem();\n const treeRow = item instanceof Gtk.TreeListRow ? item : null;\n store.bind(container, positionOf(container), treeRow);\n }\n });\n factory.on(\"unbind\", (container) => {\n store.unbind(container);\n });\n factory.on(\"teardown\", (container) => {\n store.removeContainer(container);\n });\n factoryRef.current = factory;\n }\n const factory = factoryRef.current;\n\n useObjectAttachment<W, { widget: W }>(object, {\n attach: (widget) => {\n installerRef.current.install(widget, factory);\n return { widget };\n },\n detach: (attachment) => installerRef.current.uninstall(attachment.widget),\n isSame: (attachment, widget) => attachment.widget === widget,\n });\n\n return store;\n};\n"]}
@@ -1,26 +0,0 @@
1
- import type * as Gtk from "@gtkx/gi/gtk";
2
- import { type ReactNode } from "react";
3
- import type { ItemNode, SectionNode } from "../types.js";
4
- import { type ItemResolver } from "../utils/item-resolver.js";
5
- type CollectionModelInput<T, S> = {
6
- items: ItemNode<T>[] | undefined;
7
- sections: SectionNode<S, T>[] | undefined;
8
- selectionMode: Gtk.SelectionMode | null | undefined;
9
- selectedIds: string[] | null | undefined;
10
- onSelectionChanged: ((ids: string[]) => void) | null | undefined;
11
- expandedIds?: string[] | null | undefined;
12
- onExpandedChange?: ((ids: string[]) => void) | null | undefined;
13
- renderHeader: ((info: {
14
- section: S;
15
- }) => ReactNode) | null | undefined;
16
- };
17
- export type CollectionModelResult<T, S> = {
18
- resolver: ItemResolver<T, S>;
19
- headerResolver: ItemResolver<T, S>;
20
- installedModel: Gtk.SelectionModel;
21
- useHeader: boolean;
22
- rowId: (row: Gtk.TreeListRow) => string | undefined;
23
- };
24
- export declare const useCollectionModel: <T, S>(input: CollectionModelInput<T, S>) => CollectionModelResult<T, S>;
25
- export {};
26
- //# sourceMappingURL=use-collection-model.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-collection-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-collection-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAW,MAAM,2BAA2B,CAAC;AAKvE,KAAK,oBAAoB,CAAC,CAAC,EAAE,CAAC,IAAI;IAC9B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAC1C,aAAa,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,kBAAkB,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACjE,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1E,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,EAAE,CAAC,IAAI;IACtC,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,cAAc,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,cAAc,EAAE,GAAG,CAAC,cAAc,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,WAAW,KAAK,MAAM,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,CAAC,EAAE,CAAC,SAAS,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAgCtG,CAAC"}
@@ -1,35 +0,0 @@
1
- import { useCallback } from "react";
2
- import { rowIdOf } from "../utils/item-resolver.js";
3
- import { useExpansionModel } from "./use-expansion-model.js";
4
- import { useListModel } from "./use-list-model.js";
5
- import { useSelectionModel } from "./use-selection-model.js";
6
- export const useCollectionModel = (input) => {
7
- const listModel = useListModel({
8
- items: input.items,
9
- sections: input.sections,
10
- });
11
- useExpansionModel({
12
- treeModel: listModel.treeModel,
13
- rowValues: listModel.rowValues,
14
- expandedIds: input.expandedIds,
15
- onExpandedChange: input.onExpandedChange,
16
- });
17
- const installedModel = useSelectionModel({
18
- base: listModel.model,
19
- resolver: listModel.resolver,
20
- selectionMode: input.selectionMode,
21
- selectedIds: input.selectedIds,
22
- onSelectionChanged: input.onSelectionChanged,
23
- });
24
- const useHeader = typeof input.renderHeader === "function";
25
- const { rowValues } = listModel;
26
- const rowId = useCallback((row) => rowIdOf(rowValues, row), [rowValues]);
27
- return {
28
- resolver: listModel.resolver,
29
- headerResolver: listModel.headerResolver,
30
- installedModel,
31
- useHeader,
32
- rowId,
33
- };
34
- };
35
- //# sourceMappingURL=use-collection-model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-collection-model.js","sourceRoot":"","sources":["../../src/hooks/use-collection-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAqB,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAqB7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAO,KAAiC,EAA+B,EAAE;IACvG,MAAM,SAAS,GAAG,YAAY,CAAO;QACjC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;KAC3B,CAAC,CAAC;IAEH,iBAAiB,CAAI;QACjB,SAAS,EAAE,SAAS,CAAC,SAAS;QAC9B,SAAS,EAAE,SAAS,CAAC,SAAS;QAC9B,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;KAC3C,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,iBAAiB,CAAO;QAC3C,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,QAAQ,EAAE,SAAS,CAAC,QAAQ;QAC5B,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;KAC/C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,YAAY,KAAK,UAAU,CAAC;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IAChC,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,GAAoB,EAAsB,EAAE,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE9G,OAAO;QACH,QAAQ,EAAE,SAAS,CAAC,QAAQ;QAC5B,cAAc,EAAE,SAAS,CAAC,cAAc;QACxC,cAAc;QACd,SAAS;QACT,KAAK;KACR,CAAC;AACN,CAAC,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { type ReactNode, useCallback } from \"react\";\nimport type { ItemNode, SectionNode } from \"../types.js\";\nimport { type ItemResolver, rowIdOf } from \"../utils/item-resolver.js\";\nimport { useExpansionModel } from \"./use-expansion-model.js\";\nimport { useListModel } from \"./use-list-model.js\";\nimport { useSelectionModel } from \"./use-selection-model.js\";\n\ntype CollectionModelInput<T, S> = {\n items: ItemNode<T>[] | undefined;\n sections: SectionNode<S, T>[] | undefined;\n selectionMode: Gtk.SelectionMode | null | undefined;\n selectedIds: string[] | null | undefined;\n onSelectionChanged: ((ids: string[]) => void) | null | undefined;\n expandedIds?: string[] | null | undefined;\n onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n renderHeader: ((info: { section: S }) => ReactNode) | null | undefined;\n};\n\nexport type CollectionModelResult<T, S> = {\n resolver: ItemResolver<T, S>;\n headerResolver: ItemResolver<T, S>;\n installedModel: Gtk.SelectionModel;\n useHeader: boolean;\n rowId: (row: Gtk.TreeListRow) => string | undefined;\n};\n\nexport const useCollectionModel = <T, S>(input: CollectionModelInput<T, S>): CollectionModelResult<T, S> => {\n const listModel = useListModel<T, S>({\n items: input.items,\n sections: input.sections,\n });\n\n useExpansionModel<T>({\n treeModel: listModel.treeModel,\n rowValues: listModel.rowValues,\n expandedIds: input.expandedIds,\n onExpandedChange: input.onExpandedChange,\n });\n\n const installedModel = useSelectionModel<T, S>({\n base: listModel.model,\n resolver: listModel.resolver,\n selectionMode: input.selectionMode,\n selectedIds: input.selectedIds,\n onSelectionChanged: input.onSelectionChanged,\n });\n\n const useHeader = typeof input.renderHeader === \"function\";\n const { rowValues } = listModel;\n const rowId = useCallback((row: Gtk.TreeListRow): string | undefined => rowIdOf(rowValues, row), [rowValues]);\n\n return {\n resolver: listModel.resolver,\n headerResolver: listModel.headerResolver,\n installedModel,\n useHeader,\n rowId,\n };\n};\n"]}
@@ -1,28 +0,0 @@
1
- import type * as Gtk from "@gtkx/gi/gtk";
2
- import { type ReactNode, type Ref, type RefCallback, type RefObject } from "react";
3
- import type { ItemNode, SectionNode } from "../types.js";
4
- import { type CollectionModelResult } from "./use-collection-model.js";
5
- type CollectionWidget = Gtk.Widget & {
6
- setModel(model: Gtk.SelectionModel | null): void;
7
- };
8
- type CollectionWidgetInput<W extends CollectionWidget, T, S> = {
9
- ref?: Ref<W | null> | undefined;
10
- items?: ItemNode<T>[] | undefined;
11
- sections?: SectionNode<S, T>[] | undefined;
12
- selectionMode?: Gtk.SelectionMode | null | undefined;
13
- selectedIds?: string[] | null | undefined;
14
- onSelectionChanged?: ((ids: string[]) => void) | null | undefined;
15
- expandedIds?: string[] | null | undefined;
16
- onExpandedChange?: ((ids: string[]) => void) | null | undefined;
17
- renderHeader?: ((info: {
18
- section: S;
19
- }) => ReactNode) | null | undefined;
20
- };
21
- type CollectionWidgetResult<W extends CollectionWidget, T, S> = {
22
- widgetRef: RefObject<W | null>;
23
- setRef: RefCallback<W>;
24
- collection: CollectionModelResult<T, S>;
25
- };
26
- export declare const useCollectionWidget: <W extends CollectionWidget, T, S>(props: CollectionWidgetInput<W, T, S>) => CollectionWidgetResult<W, T, S>;
27
- export {};
28
- //# sourceMappingURL=use-collection-widget.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-collection-widget.d.ts","sourceRoot":"","sources":["../../src/hooks/use-collection-widget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,KAAK,qBAAqB,EAAsB,MAAM,2BAA2B,CAAC;AAG3F,KAAK,gBAAgB,GAAG,GAAG,CAAC,MAAM,GAAG;IACjC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;CACpD,CAAC;AAEF,KAAK,qBAAqB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,IAAI;IAC3D,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAC3C,aAAa,CAAC,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,kBAAkB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAChE,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC,CAAA;KAAE,KAAK,SAAS,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3E,CAAC;AAEF,KAAK,sBAAsB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,IAAI;IAC5D,SAAS,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,UAAU,EAAE,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,SACzD,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,KACtC,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAehC,CAAC"}
@@ -1,21 +0,0 @@
1
- import { useMergeRefs } from "@gtkx/react/internal";
2
- import { useRef } from "react";
3
- import { useCollectionModel } from "./use-collection-model.js";
4
- import { useInstalledModel } from "./use-installed-model.js";
5
- export const useCollectionWidget = (props) => {
6
- const widgetRef = useRef(null);
7
- const setRef = useMergeRefs(props.ref, widgetRef);
8
- const collection = useCollectionModel({
9
- items: props.items,
10
- sections: props.sections,
11
- selectionMode: props.selectionMode,
12
- selectedIds: props.selectedIds,
13
- onSelectionChanged: props.onSelectionChanged,
14
- expandedIds: props.expandedIds,
15
- onExpandedChange: props.onExpandedChange,
16
- renderHeader: props.renderHeader,
17
- });
18
- useInstalledModel(widgetRef, collection.installedModel, (widget, model) => widget.setModel(model));
19
- return { widgetRef, setRef, collection };
20
- };
21
- //# sourceMappingURL=use-collection-widget.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-collection-widget.js","sourceRoot":"","sources":["../../src/hooks/use-collection-widget.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAA8D,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAA8B,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAwB7D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,KAAqC,EACN,EAAE;IACjC,MAAM,SAAS,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,YAAY,CAAI,KAAK,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,kBAAkB,CAAO;QACxC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;QAC5C,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,YAAY,EAAE,KAAK,CAAC,YAAY;KACnC,CAAC,CAAC;IACH,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IACnG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AAC7C,CAAC,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport { type ReactNode, type Ref, type RefCallback, type RefObject, useRef } from \"react\";\nimport type { ItemNode, SectionNode } from \"../types.js\";\nimport { type CollectionModelResult, useCollectionModel } from \"./use-collection-model.js\";\nimport { useInstalledModel } from \"./use-installed-model.js\";\n\ntype CollectionWidget = Gtk.Widget & {\n setModel(model: Gtk.SelectionModel | null): void;\n};\n\ntype CollectionWidgetInput<W extends CollectionWidget, T, S> = {\n ref?: Ref<W | null> | undefined;\n items?: ItemNode<T>[] | undefined;\n sections?: SectionNode<S, T>[] | undefined;\n selectionMode?: Gtk.SelectionMode | null | undefined;\n selectedIds?: string[] | null | undefined;\n onSelectionChanged?: ((ids: string[]) => void) | null | undefined;\n expandedIds?: string[] | null | undefined;\n onExpandedChange?: ((ids: string[]) => void) | null | undefined;\n renderHeader?: ((info: { section: S }) => ReactNode) | null | undefined;\n};\n\ntype CollectionWidgetResult<W extends CollectionWidget, T, S> = {\n widgetRef: RefObject<W | null>;\n setRef: RefCallback<W>;\n collection: CollectionModelResult<T, S>;\n};\n\nexport const useCollectionWidget = <W extends CollectionWidget, T, S>(\n props: CollectionWidgetInput<W, T, S>,\n): CollectionWidgetResult<W, T, S> => {\n const widgetRef = useRef<W | null>(null);\n const setRef = useMergeRefs<W>(props.ref, widgetRef);\n const collection = useCollectionModel<T, S>({\n items: props.items,\n sections: props.sections,\n selectionMode: props.selectionMode,\n selectedIds: props.selectedIds,\n onSelectionChanged: props.onSelectionChanged,\n expandedIds: props.expandedIds,\n onExpandedChange: props.onExpandedChange,\n renderHeader: props.renderHeader,\n });\n useInstalledModel(widgetRef, collection.installedModel, (widget, model) => widget.setModel(model));\n return { widgetRef, setRef, collection };\n};\n"]}
@@ -1,16 +0,0 @@
1
- import type * as GObject from "@gtkx/gi/gobject";
2
- import { type ObjectProp } from "@gtkx/react/internal";
3
- import type { ItemResolver } from "../utils/item-resolver.js";
4
- type DropDownSelectionObject = GObject.Object & {
5
- getSelected(): number;
6
- setSelected(position: number): void;
7
- };
8
- type DropDownSelectionOptions<T, S> = {
9
- widget: ObjectProp<DropDownSelectionObject>;
10
- resolver: ItemResolver<T, S>;
11
- selectedId: string | null | undefined;
12
- onSelectionChanged: ((id: string) => void) | null | undefined;
13
- };
14
- export declare const useDropDownSelection: <T, S>(options: DropDownSelectionOptions<T, S>) => number;
15
- export {};
16
- //# sourceMappingURL=use-drop-down-selection.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-drop-down-selection.d.ts","sourceRoot":"","sources":["../../src/hooks/use-drop-down-selection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAE,KAAK,UAAU,EAAqC,MAAM,sBAAsB,CAAC;AAE1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE9D,KAAK,uBAAuB,GAAG,OAAO,CAAC,MAAM,GAAG;IAC5C,WAAW,IAAI,MAAM,CAAC;IACtB,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,KAAK,wBAAwB,CAAC,CAAC,EAAE,CAAC,IAAI;IAClC,MAAM,EAAE,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC5C,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CACjE,CAAC;AAKF,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,CAAC,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,MA6BpF,CAAC"}
@@ -1,35 +0,0 @@
1
- import * as Gtk from "@gtkx/gi/gtk";
2
- import { useSignal } from "@gtkx/react";
3
- import { resolveObjectProp, useObjectValue } from "@gtkx/react/internal";
4
- import { useLayoutEffect, useRef } from "react";
5
- const normalizeSelected = (position) => position === Gtk.INVALID_LIST_POSITION || position < 0 ? -1 : position;
6
- export const useDropDownSelection = (options) => {
7
- const { widget, resolver, selectedId, onSelectionChanged } = options;
8
- const resolved = resolveObjectProp(widget);
9
- const selectedPosition = useObjectValue(widget, "notify::selected", (object) => object === null ? -1 : normalizeSelected(object.getSelected()));
10
- const resolverRef = useRef(resolver);
11
- resolverRef.current = resolver;
12
- const onSelectionChangedRef = useRef(onSelectionChanged);
13
- onSelectionChangedRef.current = onSelectionChanged;
14
- useLayoutEffect(() => {
15
- if (resolved === null || selectedId === undefined || selectedId === null)
16
- return;
17
- const position = resolverRef.current.positionOfId(selectedId);
18
- if (position < 0)
19
- return;
20
- if (normalizeSelected(resolved.getSelected()) !== position)
21
- resolved.setSelected(position);
22
- }, [resolved, selectedId, resolver]);
23
- useSignal(widget, "notify::selected", () => {
24
- if (resolved === null)
25
- return;
26
- const position = normalizeSelected(resolved.getSelected());
27
- if (position < 0)
28
- return;
29
- const id = resolverRef.current.idOf(position);
30
- if (id !== undefined)
31
- onSelectionChangedRef.current?.(id);
32
- });
33
- return selectedPosition;
34
- };
35
- //# sourceMappingURL=use-drop-down-selection.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-drop-down-selection.js","sourceRoot":"","sources":["../../src/hooks/use-drop-down-selection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,GAAG,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAmB,iBAAiB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAehD,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAU,EAAE,CACnD,QAAQ,KAAK,GAAG,CAAC,qBAAqB,IAAI,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AAE3E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAO,OAAuC,EAAU,EAAE;IAC1F,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;IACrE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,MAAM,EAAE,EAAE,CAC3E,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACjE,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,MAAM,qBAAqB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzD,qBAAqB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IAEnD,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,QAAQ,KAAK,IAAI,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI;YAAE,OAAO;QACjF,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;QAC9D,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO;QACzB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,QAAQ;YAAE,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/F,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,MAAM,EAAE,kBAAkB,EAAE,GAAG,EAAE;QACvC,IAAI,QAAQ,KAAK,IAAI;YAAE,OAAO;QAC9B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;QAC3D,IAAI,QAAQ,GAAG,CAAC;YAAE,OAAO;QACzB,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,EAAE,KAAK,SAAS;YAAE,qBAAqB,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport * as Gtk from \"@gtkx/gi/gtk\";\nimport { useSignal } from \"@gtkx/react\";\nimport { type ObjectProp, resolveObjectProp, useObjectValue } from \"@gtkx/react/internal\";\nimport { useLayoutEffect, useRef } from \"react\";\nimport type { ItemResolver } from \"../utils/item-resolver.js\";\n\ntype DropDownSelectionObject = GObject.Object & {\n getSelected(): number;\n setSelected(position: number): void;\n};\n\ntype DropDownSelectionOptions<T, S> = {\n widget: ObjectProp<DropDownSelectionObject>;\n resolver: ItemResolver<T, S>;\n selectedId: string | null | undefined;\n onSelectionChanged: ((id: string) => void) | null | undefined;\n};\n\nconst normalizeSelected = (position: number): number =>\n position === Gtk.INVALID_LIST_POSITION || position < 0 ? -1 : position;\n\nexport const useDropDownSelection = <T, S>(options: DropDownSelectionOptions<T, S>): number => {\n const { widget, resolver, selectedId, onSelectionChanged } = options;\n const resolved = resolveObjectProp(widget);\n\n const selectedPosition = useObjectValue(widget, \"notify::selected\", (object) =>\n object === null ? -1 : normalizeSelected(object.getSelected()),\n );\n\n const resolverRef = useRef(resolver);\n resolverRef.current = resolver;\n const onSelectionChangedRef = useRef(onSelectionChanged);\n onSelectionChangedRef.current = onSelectionChanged;\n\n useLayoutEffect(() => {\n if (resolved === null || selectedId === undefined || selectedId === null) return;\n const position = resolverRef.current.positionOfId(selectedId);\n if (position < 0) return;\n if (normalizeSelected(resolved.getSelected()) !== position) resolved.setSelected(position);\n }, [resolved, selectedId, resolver]);\n\n useSignal(widget, \"notify::selected\", () => {\n if (resolved === null) return;\n const position = normalizeSelected(resolved.getSelected());\n if (position < 0) return;\n const id = resolverRef.current.idOf(position);\n if (id !== undefined) onSelectionChangedRef.current?.(id);\n });\n\n return selectedPosition;\n};\n"]}
@@ -1,12 +0,0 @@
1
- import type * as GObject from "@gtkx/gi/gobject";
2
- import type * as Gtk from "@gtkx/gi/gtk";
3
- import { type RowValue } from "../utils/item-resolver.js";
4
- type ExpansionModelOptions<T> = {
5
- treeModel: Gtk.TreeListModel | null;
6
- rowValues: WeakMap<GObject.Object, RowValue<T>>;
7
- expandedIds: string[] | null | undefined;
8
- onExpandedChange: ((ids: string[]) => void) | null | undefined;
9
- };
10
- export declare const useExpansionModel: <T>(options: ExpansionModelOptions<T>) => void;
11
- export {};
12
- //# sourceMappingURL=use-expansion-model.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-expansion-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-expansion-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAE,KAAK,QAAQ,EAAW,MAAM,2BAA2B,CAAC;AAEnE,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC5B,SAAS,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,gBAAgB,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;CAClE,CAAC;AAuCF,eAAO,MAAM,iBAAiB,GAAI,CAAC,WAAW,qBAAqB,CAAC,CAAC,CAAC,KAAG,IA8BxE,CAAC"}
@@ -1,71 +0,0 @@
1
- import { useSignal } from "@gtkx/react";
2
- import { isSameArray } from "@gtkx/utils";
3
- import { useLayoutEffect, useRef } from "react";
4
- import { rowIdOf } from "../utils/item-resolver.js";
5
- const readExpandedIds = (model, rowValues) => {
6
- const ids = [];
7
- const count = model.getNItems();
8
- for (let position = 0; position < count; position++) {
9
- const row = model.getRow(position);
10
- if (row?.getExpanded()) {
11
- const id = rowIdOf(rowValues, row);
12
- if (id !== undefined)
13
- ids.push(id);
14
- }
15
- }
16
- return ids;
17
- };
18
- const applyExpanded = (model, rowValues, ids) => {
19
- const target = new Set(ids);
20
- let changed = true;
21
- while (changed) {
22
- changed = false;
23
- const count = model.getNItems();
24
- for (let position = 0; position < count; position++) {
25
- const row = model.getRow(position);
26
- if (row === null || !row.isExpandable())
27
- continue;
28
- const id = rowIdOf(rowValues, row);
29
- if (id === undefined)
30
- continue;
31
- const desired = target.has(id);
32
- if (row.getExpanded() !== desired) {
33
- row.setExpanded(desired);
34
- changed = true;
35
- }
36
- }
37
- }
38
- };
39
- export const useExpansionModel = (options) => {
40
- const { treeModel, rowValues, expandedIds, onExpandedChange } = options;
41
- const onChangeRef = useRef(onExpandedChange);
42
- onChangeRef.current = onExpandedChange;
43
- const rowValuesRef = useRef(rowValues);
44
- rowValuesRef.current = rowValues;
45
- const lastReportedRef = useRef(null);
46
- const applyingRef = useRef(false);
47
- const report = () => {
48
- if (treeModel === null || applyingRef.current)
49
- return;
50
- const callback = onChangeRef.current;
51
- if (!callback)
52
- return;
53
- const ids = readExpandedIds(treeModel, rowValuesRef.current);
54
- if (lastReportedRef.current !== null && isSameArray(lastReportedRef.current, ids))
55
- return;
56
- lastReportedRef.current = ids;
57
- callback(ids);
58
- };
59
- useSignal(treeModel, "items-changed", report);
60
- useLayoutEffect(() => {
61
- if (treeModel === null)
62
- return;
63
- if (expandedIds !== undefined && expandedIds !== null) {
64
- applyingRef.current = true;
65
- applyExpanded(treeModel, rowValuesRef.current, expandedIds);
66
- applyingRef.current = false;
67
- }
68
- report();
69
- }, [treeModel, expandedIds]);
70
- };
71
- //# sourceMappingURL=use-expansion-model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-expansion-model.js","sourceRoot":"","sources":["../../src/hooks/use-expansion-model.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as GObject from \"@gtkx/gi/gobject\";\nimport type * as Gtk from \"@gtkx/gi/gtk\";\nimport { useSignal } from \"@gtkx/react\";\nimport { isSameArray } from \"@gtkx/utils\";\nimport { useLayoutEffect, useRef } from \"react\";\nimport { type RowValue, rowIdOf } from \"../utils/item-resolver.js\";\n\ntype ExpansionModelOptions<T> = {\n treeModel: Gtk.TreeListModel | null;\n rowValues: WeakMap<GObject.Object, RowValue<T>>;\n expandedIds: string[] | null | undefined;\n onExpandedChange: ((ids: string[]) => void) | null | undefined;\n};\n\nconst readExpandedIds = <T>(model: Gtk.TreeListModel, rowValues: WeakMap<GObject.Object, RowValue<T>>): string[] => {\n const ids: string[] = [];\n const count = model.getNItems();\n for (let position = 0; position < count; position++) {\n const row = model.getRow(position);\n if (row?.getExpanded()) {\n const id = rowIdOf(rowValues, row);\n if (id !== undefined) ids.push(id);\n }\n }\n return ids;\n};\n\nconst applyExpanded = <T>(\n model: Gtk.TreeListModel,\n rowValues: WeakMap<GObject.Object, RowValue<T>>,\n ids: string[],\n): void => {\n const target = new Set(ids);\n let changed = true;\n while (changed) {\n changed = false;\n const count = model.getNItems();\n for (let position = 0; position < count; position++) {\n const row = model.getRow(position);\n if (row === null || !row.isExpandable()) continue;\n const id = rowIdOf(rowValues, row);\n if (id === undefined) continue;\n const desired = target.has(id);\n if (row.getExpanded() !== desired) {\n row.setExpanded(desired);\n changed = true;\n }\n }\n }\n};\n\nexport const useExpansionModel = <T>(options: ExpansionModelOptions<T>): void => {\n const { treeModel, rowValues, expandedIds, onExpandedChange } = options;\n const onChangeRef = useRef(onExpandedChange);\n onChangeRef.current = onExpandedChange;\n const rowValuesRef = useRef(rowValues);\n rowValuesRef.current = rowValues;\n const lastReportedRef = useRef<string[] | null>(null);\n const applyingRef = useRef(false);\n\n const report = (): void => {\n if (treeModel === null || applyingRef.current) return;\n const callback = onChangeRef.current;\n if (!callback) return;\n const ids = readExpandedIds(treeModel, rowValuesRef.current);\n if (lastReportedRef.current !== null && isSameArray(lastReportedRef.current, ids)) return;\n lastReportedRef.current = ids;\n callback(ids);\n };\n\n useSignal(treeModel, \"items-changed\", report);\n\n useLayoutEffect(() => {\n if (treeModel === null) return;\n if (expandedIds !== undefined && expandedIds !== null) {\n applyingRef.current = true;\n applyExpanded(treeModel, rowValuesRef.current, expandedIds);\n applyingRef.current = false;\n }\n report();\n }, [treeModel, expandedIds]);\n};\n"]}
@@ -1,4 +0,0 @@
1
- import type * as Gtk from "@gtkx/gi/gtk";
2
- import { type ReactNode } from "react";
3
- export declare const useHeaderMenu: (column: Gtk.ColumnViewColumn | null, headerMenu: ReactNode) => ReactNode;
4
- //# sourceMappingURL=use-header-menu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-header-menu.d.ts","sourceRoot":"","sources":["../../src/hooks/use-header-menu.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAGzC,OAAO,EAIH,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,aAAa,WAAY,GAAG,CAAC,gBAAgB,GAAG,IAAI,cAAc,SAAS,KAAG,SAe1F,CAAC"}
@@ -1,20 +0,0 @@
1
- import { createPortal, rootElement } from "@gtkx/react";
2
- import { useMergeRefs } from "@gtkx/react/internal";
3
- import { cloneElement, isValidElement, useCallback, useLayoutEffect, useRef, } from "react";
4
- export const useHeaderMenu = (column, headerMenu) => {
5
- const modelRef = useRef(null);
6
- const setModel = useCallback((model) => {
7
- modelRef.current = model;
8
- }, []);
9
- const element = isValidElement(headerMenu) ? headerMenu : null;
10
- const mergedRef = useMergeRefs(setModel, element?.props.ref);
11
- useLayoutEffect(() => {
12
- if (column === null)
13
- return;
14
- column.setHeaderMenu(headerMenu == null ? null : modelRef.current);
15
- });
16
- if (element === null)
17
- return null;
18
- return createPortal(cloneElement(element, { ref: mergedRef }), rootElement);
19
- };
20
- //# sourceMappingURL=use-header-menu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-header-menu.js","sourceRoot":"","sources":["../../src/hooks/use-header-menu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACH,YAAY,EACZ,cAAc,EAKd,WAAW,EACX,eAAe,EACf,MAAM,GACT,MAAM,OAAO,CAAC;AAIf,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAmC,EAAE,UAAqB,EAAa,EAAE;IACnG,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,WAAW,CAA6B,CAAC,KAAK,EAAE,EAAE;QAC/D,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAE,UAA0B,CAAC,CAAC,CAAC,IAAI,CAAC;IAChF,MAAM,SAAS,GAAG,YAAY,CAAgB,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAE5E,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,MAAM,KAAK,IAAI;YAAE,OAAO;QAC5B,MAAM,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAClC,OAAO,YAAY,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC;AAChF,CAAC,CAAC","sourcesContent":["import type * as Gio from \"@gtkx/gi/gio\";\nimport type * as Gtk from \"@gtkx/gi/gtk\";\nimport { createPortal, rootElement } from \"@gtkx/react\";\nimport { useMergeRefs } from \"@gtkx/react/internal\";\nimport {\n cloneElement,\n isValidElement,\n type ReactElement,\n type ReactNode,\n type Ref,\n type RefCallback,\n useCallback,\n useLayoutEffect,\n useRef,\n} from \"react\";\n\ntype MenuElement = ReactElement<{ ref?: Ref<Gio.MenuModel | null> }>;\n\nexport const useHeaderMenu = (column: Gtk.ColumnViewColumn | null, headerMenu: ReactNode): ReactNode => {\n const modelRef = useRef<Gio.MenuModel | null>(null);\n const setModel = useCallback<RefCallback<Gio.MenuModel>>((model) => {\n modelRef.current = model;\n }, []);\n const element = isValidElement(headerMenu) ? (headerMenu as MenuElement) : null;\n const mergedRef = useMergeRefs<Gio.MenuModel>(setModel, element?.props.ref);\n\n useLayoutEffect(() => {\n if (column === null) return;\n column.setHeaderMenu(headerMenu == null ? null : modelRef.current);\n });\n\n if (element === null) return null;\n return createPortal(cloneElement(element, { ref: mergedRef }), rootElement);\n};\n"]}
@@ -1,4 +0,0 @@
1
- import type * as Gtk from "@gtkx/gi/gtk";
2
- import { type RefObject } from "react";
3
- export declare const useInstalledModel: <W extends Gtk.Widget, M>(object: RefObject<W | null>, model: M, install: (widget: W, model: M) => void) => void;
4
- //# sourceMappingURL=use-installed-model.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-installed-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-installed-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAE/C,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAAC,UAC7C,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,SACpB,CAAC,WACC,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,KACvC,IAWF,CAAC"}
@@ -1,15 +0,0 @@
1
- import { useObjectAttachment } from "@gtkx/react/internal";
2
- import { useRef } from "react";
3
- export const useInstalledModel = (object, model, install) => {
4
- const installRef = useRef(install);
5
- installRef.current = install;
6
- useObjectAttachment(object, {
7
- attach: (widget) => {
8
- installRef.current(widget, model);
9
- return { widget, model };
10
- },
11
- detach: () => { },
12
- isSame: (attachment, widget) => attachment.widget === widget && attachment.model === model,
13
- });
14
- };
15
- //# sourceMappingURL=use-installed-model.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-installed-model.js","sourceRoot":"","sources":["../../src/hooks/use-installed-model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAkB,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC7B,MAA2B,EAC3B,KAAQ,EACR,OAAsC,EAClC,EAAE;IACN,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAC7B,mBAAmB,CAA6B,MAAM,EAAE;QACpD,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;YACf,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAClC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC7B,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;QAChB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,KAAK,MAAM,IAAI,UAAU,CAAC,KAAK,KAAK,KAAK;KAC7F,CAAC,CAAC;AACP,CAAC,CAAC","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport { useObjectAttachment } from \"@gtkx/react/internal\";\nimport { type RefObject, useRef } from \"react\";\n\nexport const useInstalledModel = <W extends Gtk.Widget, M>(\n object: RefObject<W | null>,\n model: M,\n install: (widget: W, model: M) => void,\n): void => {\n const installRef = useRef(install);\n installRef.current = install;\n useObjectAttachment<W, { widget: W; model: M }>(object, {\n attach: (widget) => {\n installRef.current(widget, model);\n return { widget, model };\n },\n detach: () => {},\n isSame: (attachment, widget) => attachment.widget === widget && attachment.model === model,\n });\n};\n"]}
@@ -1,19 +0,0 @@
1
- import type * as Gio from "@gtkx/gi/gio";
2
- import type * as GObject from "@gtkx/gi/gobject";
3
- import type * as Gtk from "@gtkx/gi/gtk";
4
- import type { ItemNode, SectionNode } from "../types.js";
5
- import { type ItemResolver, type RowValue } from "../utils/item-resolver.js";
6
- type ListModelInput<T, S> = {
7
- items: ItemNode<T>[] | undefined;
8
- sections?: SectionNode<S, T>[] | undefined;
9
- };
10
- type ListModelResult<T, S> = {
11
- model: Gio.ListModel;
12
- treeModel: Gtk.TreeListModel | null;
13
- resolver: ItemResolver<T, S>;
14
- headerResolver: ItemResolver<T, S>;
15
- rowValues: WeakMap<GObject.Object, RowValue<T>>;
16
- };
17
- export declare const useListModel: <T, S>(input: ListModelInput<T, S>) => ListModelResult<T, S>;
18
- export {};
19
- //# sourceMappingURL=use-list-model.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-list-model.d.ts","sourceRoot":"","sources":["../../src/hooks/use-list-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,KAAK,OAAO,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQzD,OAAO,EAIH,KAAK,YAAY,EACjB,KAAK,QAAQ,EAChB,MAAM,2BAA2B,CAAC;AAGnC,KAAK,cAAc,CAAC,CAAC,EAAE,CAAC,IAAI;IACxB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI;IACzB,KAAK,EAAE,GAAG,CAAC,SAAS,CAAC;IACrB,SAAS,EAAE,GAAG,CAAC,aAAa,GAAG,IAAI,CAAC;IACpC,QAAQ,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,cAAc,EAAE,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;CACnD,CAAC;AA6FF,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,CAAC,SAAS,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,EAAE,CAAC,CAmCpF,CAAC"}
@@ -1,97 +0,0 @@
1
- import { useLayoutEffect, useMemo, useRef } from "react";
2
- import { createFlatModel, createSectionModel, createTreeModel, resizeFlatModel, retagRows, } from "../utils/item-models.js";
3
- import { createItemResolver, createSectionHeaderResolver, createTreeResolver, } from "../utils/item-resolver.js";
4
- import { detectStructure, structuralSignature } from "../utils/list-item-flatten.js";
5
- const sectionRows = (sections) => {
6
- if (sections === undefined)
7
- return [];
8
- const rows = [];
9
- for (const section of sections)
10
- rows.push(...section.data);
11
- return rows;
12
- };
13
- const sectionSignature = (sections) => {
14
- if (sections === undefined)
15
- return "";
16
- const parts = [];
17
- for (const section of sections) {
18
- parts.push(`${section.id}{${structuralSignature(section.data)}}`);
19
- }
20
- return parts.join(",");
21
- };
22
- const signatureOf = (structure, items, sections) => {
23
- if (structure === "sections")
24
- return `sections|${sectionSignature(sections)}`;
25
- return structure === "flat" ? "" : `${structure}|${structuralSignature(items)}`;
26
- };
27
- const buildState = (input) => {
28
- const { items, sections, structure, signature } = input;
29
- const rowValues = new WeakMap();
30
- const placeholdersById = new Map();
31
- let model;
32
- let treeModel = null;
33
- let flatModel;
34
- if (structure === "sections") {
35
- model = createSectionModel(sections ?? []);
36
- }
37
- else if (structure === "tree") {
38
- treeModel = createTreeModel(items ?? [], rowValues, placeholdersById);
39
- model = treeModel;
40
- }
41
- else {
42
- flatModel = createFlatModel(items?.length ?? 0);
43
- model = flatModel;
44
- }
45
- return { model, treeModel, flatModel, items, sections, structure, signature, rowValues, placeholdersById };
46
- };
47
- const resolveState = (prev, items, sections) => {
48
- if (prev !== null && prev.items === items && prev.sections === sections) {
49
- return prev;
50
- }
51
- const structure = sections !== undefined ? "sections" : detectStructure(items);
52
- const signature = signatureOf(structure, items, sections);
53
- const input = { items, sections, structure, signature };
54
- if (prev === null || prev.structure !== structure) {
55
- return buildState(input);
56
- }
57
- if (structure !== "flat" && prev.signature !== signature) {
58
- return buildState(input);
59
- }
60
- if (structure === "tree") {
61
- retagRows(items ?? [], prev.rowValues, prev.placeholdersById);
62
- }
63
- prev.items = items;
64
- prev.sections = sections;
65
- prev.signature = signature;
66
- return prev;
67
- };
68
- export const useListModel = (input) => {
69
- const { items, sections } = input;
70
- const stateRef = useRef(null);
71
- const state = resolveState(stateRef.current, items, sections);
72
- stateRef.current = state;
73
- const { structure, flatModel } = state;
74
- useLayoutEffect(() => {
75
- if (flatModel !== undefined) {
76
- resizeFlatModel(flatModel, items?.length ?? 0);
77
- }
78
- }, [flatModel, items]);
79
- const resolver = useMemo(() => {
80
- if (structure === "sections") {
81
- return createItemResolver(sectionRows(sections), true, state.rowValues);
82
- }
83
- if (structure === "tree" && state.treeModel !== null) {
84
- return createTreeResolver(items, state.rowValues, state.treeModel);
85
- }
86
- return createItemResolver(items, false, state.rowValues);
87
- }, [items, sections, structure, state.rowValues, state.treeModel]);
88
- const headerResolver = useMemo(() => createSectionHeaderResolver(structure === "sections" ? sections : undefined), [sections, structure]);
89
- return {
90
- model: state.model,
91
- treeModel: state.treeModel,
92
- resolver,
93
- headerResolver,
94
- rowValues: state.rowValues,
95
- };
96
- };
97
- //# sourceMappingURL=use-list-model.js.map