@sprawlify/solid 0.0.17 → 0.0.19
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.
- package/dist/{collapsible-Dp3pmOz6.js → collapsible-ACshHp__.js} +8 -8
- package/dist/{collapsible-oWvTRylz.jsx → collapsible-CKkCMXuJ.jsx} +8 -8
- package/dist/{collection-DOjgejiS.js → collection-CJLbf7-L.js} +2 -2
- package/dist/{collection-gIC58P6c.jsx → collection-DpPs7_vA.jsx} +2 -2
- package/dist/components/accordion/index.d.ts +11 -11
- package/dist/components/accordion/index.js +9 -9
- package/dist/components/accordion/index.jsx +9 -9
- package/dist/components/angle-slider/index.d.ts +13 -13
- package/dist/components/angle-slider/index.js +7 -7
- package/dist/components/angle-slider/index.jsx +7 -7
- package/dist/components/avatar/index.d.ts +8 -8
- package/dist/components/avatar/index.js +7 -7
- package/dist/components/avatar/index.jsx +7 -7
- package/dist/components/bottom-sheet/index.d.ts +13 -13
- package/dist/components/bottom-sheet/index.js +10 -10
- package/dist/components/bottom-sheet/index.jsx +10 -10
- package/dist/components/carousel/index.d.ts +17 -17
- package/dist/components/carousel/index.js +7 -7
- package/dist/components/carousel/index.jsx +7 -7
- package/dist/components/checkbox/index.d.ts +14 -14
- package/dist/components/checkbox/index.js +10 -10
- package/dist/components/checkbox/index.jsx +10 -10
- package/dist/components/clipboard/index.d.ts +11 -11
- package/dist/components/clipboard/index.js +7 -7
- package/dist/components/clipboard/index.jsx +7 -7
- package/dist/components/collapsible/index.d.ts +10 -10
- package/dist/components/collapsible/index.js +7 -7
- package/dist/components/collapsible/index.jsx +7 -7
- package/dist/components/collection/index.d.ts +2 -2
- package/dist/components/collection/index.js +2 -2
- package/dist/components/collection/index.jsx +2 -2
- package/dist/components/color-picker/index.d.ts +36 -36
- package/dist/components/color-picker/index.js +12 -12
- package/dist/components/color-picker/index.jsx +12 -12
- package/dist/components/combobox/index.d.ts +23 -23
- package/dist/components/combobox/index.js +13 -13
- package/dist/components/combobox/index.jsx +13 -13
- package/dist/components/date-picker/index.d.ts +33 -33
- package/dist/components/date-picker/index.js +10 -10
- package/dist/components/date-picker/index.jsx +10 -10
- package/dist/components/dialog/index.d.ts +13 -13
- package/dist/components/dialog/index.js +10 -10
- package/dist/components/dialog/index.jsx +10 -10
- package/dist/components/download-trigger/index.d.ts +2 -2
- package/dist/components/download-trigger/index.js +4 -4
- package/dist/components/download-trigger/index.jsx +4 -4
- package/dist/components/editable/index.d.ts +14 -14
- package/dist/components/editable/index.js +10 -10
- package/dist/components/editable/index.jsx +10 -10
- package/dist/components/field/index.d.ts +15 -15
- package/dist/components/field/index.js +8 -8
- package/dist/components/field/index.jsx +8 -8
- package/dist/components/fieldset/index.d.ts +12 -12
- package/dist/components/fieldset/index.js +7 -7
- package/dist/components/fieldset/index.jsx +7 -7
- package/dist/components/file-upload/index.d.ts +18 -18
- package/dist/components/file-upload/index.js +10 -10
- package/dist/components/file-upload/index.jsx +10 -10
- package/dist/components/floating-panel/index.d.ts +17 -17
- package/dist/components/floating-panel/index.js +10 -10
- package/dist/components/floating-panel/index.jsx +10 -10
- package/dist/components/focus-trap/index.d.ts +4 -4
- package/dist/components/focus-trap/index.js +4 -4
- package/dist/components/focus-trap/index.jsx +4 -4
- package/dist/components/format/index.d.ts +4 -4
- package/dist/components/format/index.js +3 -3
- package/dist/components/format/index.jsx +3 -3
- package/dist/components/frame/index.d.ts +1 -1
- package/dist/components/frame/index.js +3 -3
- package/dist/components/frame/index.jsx +3 -3
- package/dist/components/highlight/index.d.ts +3 -3
- package/dist/components/highlight/index.js +2 -2
- package/dist/components/highlight/index.jsx +2 -2
- package/dist/components/hover-card/index.d.ts +70 -0
- package/dist/components/hover-card/index.js +168 -0
- package/dist/components/hover-card/index.jsx +136 -0
- package/dist/components/image-cropper/index.d.ts +64 -0
- package/dist/components/image-cropper/index.js +151 -0
- package/dist/components/image-cropper/index.jsx +144 -0
- package/dist/components/json-tree-view/index.d.ts +56 -0
- package/dist/components/json-tree-view/index.js +330 -0
- package/dist/components/json-tree-view/index.jsx +204 -0
- package/dist/components/listbox/index.d.ts +114 -0
- package/dist/components/listbox/index.js +261 -0
- package/dist/components/listbox/index.jsx +236 -0
- package/dist/components/marquee/index.d.ts +59 -0
- package/dist/components/marquee/index.js +138 -0
- package/dist/components/marquee/index.jsx +126 -0
- package/dist/components/menu/index.d.ts +161 -0
- package/dist/components/menu/index.js +471 -0
- package/dist/components/menu/index.jsx +392 -0
- package/dist/components/navigation-menu/index.d.ts +90 -0
- package/dist/components/navigation-menu/index.js +304 -0
- package/dist/components/navigation-menu/index.jsx +237 -0
- package/dist/components/number-input/index.d.ts +74 -0
- package/dist/components/number-input/index.js +182 -0
- package/dist/components/number-input/index.jsx +173 -0
- package/dist/components/pagination/index.d.ts +69 -0
- package/dist/components/pagination/index.js +146 -0
- package/dist/components/pagination/index.jsx +139 -0
- package/dist/components/password-input/index.d.ts +66 -0
- package/dist/components/password-input/index.js +159 -0
- package/dist/components/password-input/index.jsx +140 -0
- package/dist/components/pin-input/index.d.ts +59 -0
- package/dist/components/pin-input/index.js +151 -0
- package/dist/components/pin-input/index.jsx +142 -0
- package/dist/components/popover/index.d.ts +95 -0
- package/dist/components/popover/index.js +220 -0
- package/dist/components/popover/index.jsx +188 -0
- package/dist/components/presence/index.d.ts +4 -4
- package/dist/components/presence/index.js +7 -7
- package/dist/components/presence/index.jsx +7 -7
- package/dist/components/progress/index.d.ts +79 -0
- package/dist/components/progress/index.js +163 -0
- package/dist/components/progress/index.jsx +154 -0
- package/dist/components/qr-code/index.d.ts +59 -0
- package/dist/components/qr-code/index.js +124 -0
- package/dist/components/qr-code/index.jsx +117 -0
- package/dist/components/radio-group/index.d.ts +78 -0
- package/dist/components/radio-group/index.js +189 -0
- package/dist/components/radio-group/index.jsx +176 -0
- package/dist/components/rating-group/index.d.ts +68 -0
- package/dist/components/rating-group/index.js +159 -0
- package/dist/components/rating-group/index.jsx +148 -0
- package/dist/components/scroll-area/index.d.ts +63 -0
- package/dist/components/scroll-area/index.js +134 -0
- package/dist/components/scroll-area/index.jsx +124 -0
- package/dist/components/segment-group/index.d.ts +82 -0
- package/dist/components/segment-group/index.js +185 -0
- package/dist/components/segment-group/index.jsx +172 -0
- package/dist/components/select/index.d.ts +22 -22
- package/dist/components/select/index.js +13 -13
- package/dist/components/select/index.jsx +13 -13
- package/dist/components/tree-view/index.d.ts +7 -0
- package/dist/components/tree-view/index.js +11 -0
- package/dist/components/tree-view/index.jsx +11 -0
- package/dist/{factory-OCDy1fEv.jsx → factory-CaQWQo9S.jsx} +1 -1
- package/dist/{factory-Ci1LUSWg.js → factory-Cw0jOohn.js} +1 -1
- package/dist/{factory-C7CCEqYp.d.ts → factory-JAbO6zq9.d.ts} +6 -1
- package/dist/{field-D5bG5XXV.js → field-CF9yh37t.js} +8 -8
- package/dist/{field-DQLYAOgJ.jsx → field-HJX3--SZ.jsx} +8 -8
- package/dist/{fieldset-DT2nCjE0.jsx → fieldset-GRdimTgu.jsx} +8 -8
- package/dist/{fieldset-Def05D5r.js → fieldset-QCHS-iMi.js} +8 -8
- package/dist/index-BGVwqZq5.d.ts +143 -0
- package/dist/index-BIlfNQle.d.ts +41 -0
- package/dist/index-BRkEGZOE.d.ts +41 -0
- package/dist/{index-Bf3vaCUa.d.ts → index-CWs-F296.d.ts} +8 -8
- package/dist/{index-4WaIBGi6.d.ts → index-CXTRMyIJ.d.ts} +1 -1
- package/dist/{index-CsB3A61w.d.ts → index-DD3lUYha.d.ts} +8 -8
- package/dist/index-PYTR4Rcx.d.ts +143 -0
- package/dist/index.d.ts +6 -44
- package/dist/index.js +6 -5
- package/dist/index.jsx +6 -5
- package/dist/{presence-CAkwk5S4.js → presence-DghVNXji.js} +7 -7
- package/dist/{presence-vlL8hWT8.jsx → presence-w97672yk.jsx} +7 -7
- package/dist/{providers-BRmk_hzA.jsx → providers--4jSRiKF.jsx} +2 -2
- package/dist/{providers-D1hKjv0s.js → providers-DU0gn4Pj.js} +2 -2
- package/dist/{render-strategy-BA_kLuwR.jsx → render-strategy-Bv1Mb0YK.jsx} +2 -2
- package/dist/{render-strategy-CqWA1-xU.js → render-strategy-CDrX5Nbw.js} +2 -2
- package/dist/tree-view-DdWaaT-E.js +318 -0
- package/dist/tree-view-Z565ZOf5.jsx +291 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +2 -2
- package/dist/utils/index.jsx +2 -2
- package/package.json +97 -2
- /package/dist/{chunk-Wl6TQfsu.js → chunk-D5dGY5zD.jsx} +0 -0
- /package/dist/{chunk-dNcSV51B.jsx → chunk-Dcpub2IO.js} +0 -0
- /package/dist/{compose-refs-CDTdkuP1.jsx → compose-refs-D9EoLzZW.js} +0 -0
- /package/dist/{compose-refs-DbJoODKO.js → compose-refs-DhhUBbcq.jsx} +0 -0
- /package/dist/{core-CWSDVCoi.jsx → core-7JOW6ue9.jsx} +0 -0
- /package/dist/{core-Cl2xcDm5.js → core-D7Nb-duK.js} +0 -0
- /package/dist/{create-context-BBDU3kF1.js → create-context-BxYEOGb8.js} +0 -0
- /package/dist/{create-context-CpcL7CiV.jsx → create-context-CnA1wNMK.jsx} +0 -0
- /package/dist/{create-split-props-CHlLW_X_.js → create-split-props-CdETNVwB.jsx} +0 -0
- /package/dist/{create-split-props-DrfYep1t.jsx → create-split-props-u4BuKc2i.js} +0 -0
- /package/dist/{index-5DzQGTeT.d.ts → index-BF_h-dhb.d.ts} +0 -0
- /package/dist/{index-BLKwiHM7.d.ts → index-tbMcVIMv.d.ts} +0 -0
- /package/dist/{render-strategy-DfQ78EfE.d.ts → render-strategy-BYpcY4CF.d.ts} +0 -0
- /package/dist/{run-if-fn-Ct4sSuFV.js → run-if-fn-B-2chXMn.js} +0 -0
- /package/dist/{run-if-fn-iVu0r8rO.jsx → run-if-fn-D59uI-12.jsx} +0 -0
- /package/dist/{types-M3kll1K0.d.ts → types-DPhuMU2R.d.ts} +0 -0
- /package/dist/{utils-DK-8VxTv.jsx → utils-CM1Hmr0J.js} +0 -0
- /package/dist/{utils-xOi5tXWN.js → utils-DWEfyavN.jsx} +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as runIfFn } from "./run-if-fn-
|
|
2
|
-
import { t as createContext$1 } from "./create-context-
|
|
1
|
+
import { t as runIfFn } from "./run-if-fn-B-2chXMn.js";
|
|
2
|
+
import { t as createContext$1 } from "./create-context-BxYEOGb8.js";
|
|
3
3
|
import { Show, createMemo, createSignal } from "solid-js";
|
|
4
4
|
import { createComponent, memo, template, use } from "solid-js/web";
|
|
5
5
|
import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as createContext } from "./create-context-
|
|
2
|
-
import { t as createSplitProps } from "./create-split-props-
|
|
1
|
+
import { t as createContext } from "./create-context-CnA1wNMK.jsx";
|
|
2
|
+
import { t as createSplitProps } from "./create-split-props-CdETNVwB.jsx";
|
|
3
3
|
|
|
4
4
|
//#region src/utils/render-strategy.ts
|
|
5
5
|
const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as createContext } from "./create-context-
|
|
2
|
-
import { t as createSplitProps } from "./create-split-props-
|
|
1
|
+
import { t as createContext } from "./create-context-BxYEOGb8.js";
|
|
2
|
+
import { t as createSplitProps } from "./create-split-props-u4BuKc2i.js";
|
|
3
3
|
|
|
4
4
|
//#region src/utils/render-strategy.ts
|
|
5
5
|
const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
|
|
@@ -0,0 +1,318 @@
|
|
|
1
|
+
import { t as __export } from "./chunk-Dcpub2IO.js";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "./core-D7Nb-duK.js";
|
|
3
|
+
import { t as runIfFn } from "./run-if-fn-B-2chXMn.js";
|
|
4
|
+
import { t as createContext$1 } from "./create-context-BxYEOGb8.js";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "./providers-DU0gn4Pj.js";
|
|
6
|
+
import { t as sprawlify } from "./factory-Cw0jOohn.js";
|
|
7
|
+
import { t as createSplitProps } from "./create-split-props-u4BuKc2i.js";
|
|
8
|
+
import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "./render-strategy-CDrX5Nbw.js";
|
|
9
|
+
import { l as CollapsibleContent, o as CollapsibleRoot } from "./collapsible-ACshHp__.js";
|
|
10
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
11
|
+
import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
|
|
12
|
+
import * as treeView from "@sprawlify/primitives/machines/tree-view";
|
|
13
|
+
import { anatomy as treeViewAnatomy } from "@sprawlify/primitives/machines/tree-view";
|
|
14
|
+
|
|
15
|
+
//#region src/components/tree-view/use-tree-view-context.ts
|
|
16
|
+
const [TreeViewProvider, useTreeViewContext] = createContext$1({
|
|
17
|
+
hookName: "useTreeViewContext",
|
|
18
|
+
providerName: "<TreeViewProvider />"
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/tree-view/use-tree-view-node-context.ts
|
|
23
|
+
const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext$1({
|
|
24
|
+
hookName: "useTreeViewNodeContext",
|
|
25
|
+
providerName: "<TreeViewNodeProvider />"
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region src/components/tree-view/use-tree-view-node-props-context.ts
|
|
30
|
+
const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext$1({
|
|
31
|
+
hookName: "useTreeViewNodePropsContext",
|
|
32
|
+
providerName: "<TreeViewNodeProvider />"
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
//#endregion
|
|
36
|
+
//#region src/components/tree-view/tree-view-branch.tsx
|
|
37
|
+
const TreeViewBranch = (props) => {
|
|
38
|
+
const treeView$1 = useTreeViewContext();
|
|
39
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
40
|
+
const nodeState = useTreeViewNodeContext();
|
|
41
|
+
const renderStrategyProps = useRenderStrategyContext();
|
|
42
|
+
const branchContentProps = createMemo(() => treeView$1().getBranchContentProps(nodeProps));
|
|
43
|
+
const mergedProps = mergeProps$2(() => treeView$1().getBranchProps(nodeProps), props);
|
|
44
|
+
return createComponent(CollapsibleRoot, mergeProps$1({
|
|
45
|
+
get open() {
|
|
46
|
+
return nodeState().expanded;
|
|
47
|
+
},
|
|
48
|
+
get ids() {
|
|
49
|
+
return { content: branchContentProps().id };
|
|
50
|
+
}
|
|
51
|
+
}, renderStrategyProps, mergedProps));
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
//#endregion
|
|
55
|
+
//#region src/components/tree-view/tree-view-branch-content.tsx
|
|
56
|
+
const splitVisibilityProps = createSplitProps();
|
|
57
|
+
const TreeViewBranchContent = (props) => {
|
|
58
|
+
const treeView$1 = useTreeViewContext();
|
|
59
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
60
|
+
const branchContentProps = createMemo(() => {
|
|
61
|
+
const [, ownProps] = splitVisibilityProps(treeView$1().getBranchContentProps(nodeProps), ["hidden", "data-state"]);
|
|
62
|
+
return ownProps;
|
|
63
|
+
});
|
|
64
|
+
const mergedProps = mergeProps$2(() => branchContentProps(), props);
|
|
65
|
+
return createComponent(CollapsibleContent, mergedProps);
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
//#endregion
|
|
69
|
+
//#region src/components/tree-view/tree-view-branch-control.tsx
|
|
70
|
+
const TreeViewBranchControl = (props) => {
|
|
71
|
+
const treeView$1 = useTreeViewContext();
|
|
72
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
73
|
+
const mergedProps = mergeProps$2(() => treeView$1().getBranchControlProps(nodeProps), props);
|
|
74
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/components/tree-view/tree-view-branch-indent-guide.tsx
|
|
79
|
+
const TreeViewBranchIndentGuide = (props) => {
|
|
80
|
+
const treeView$1 = useTreeViewContext();
|
|
81
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
82
|
+
const mergedProps = mergeProps$2(() => treeView$1().getBranchIndentGuideProps(nodeProps), props);
|
|
83
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
//#endregion
|
|
87
|
+
//#region src/components/tree-view/tree-view-branch-indicator.tsx
|
|
88
|
+
const TreeViewBranchIndicator = (props) => {
|
|
89
|
+
const treeView$1 = useTreeViewContext();
|
|
90
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
91
|
+
const mergedProps = mergeProps$2(() => treeView$1().getBranchIndicatorProps(nodeProps), props);
|
|
92
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
//#endregion
|
|
96
|
+
//#region src/components/tree-view/tree-view-branch-text.tsx
|
|
97
|
+
const TreeViewBranchText = (props) => {
|
|
98
|
+
const treeView$1 = useTreeViewContext();
|
|
99
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
100
|
+
const mergedProps = mergeProps$2(() => treeView$1().getBranchTextProps(nodeProps), props);
|
|
101
|
+
return createComponent(sprawlify.span, mergedProps);
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
//#endregion
|
|
105
|
+
//#region src/components/tree-view/tree-view-branch-trigger.tsx
|
|
106
|
+
const TreeViewBranchTrigger = (props) => {
|
|
107
|
+
const treeView$1 = useTreeViewContext();
|
|
108
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
109
|
+
const mergedProps = mergeProps$2(() => treeView$1().getBranchTriggerProps(nodeProps), props);
|
|
110
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
//#endregion
|
|
114
|
+
//#region src/components/tree-view/tree-view-context.tsx
|
|
115
|
+
const TreeViewContext = (props) => props.children(useTreeViewContext());
|
|
116
|
+
|
|
117
|
+
//#endregion
|
|
118
|
+
//#region src/components/tree-view/tree-view-item.tsx
|
|
119
|
+
const TreeViewItem = (props) => {
|
|
120
|
+
const treeView$1 = useTreeViewContext();
|
|
121
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
122
|
+
const mergedProps = mergeProps$2(() => treeView$1().getItemProps(nodeProps), props);
|
|
123
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
//#endregion
|
|
127
|
+
//#region src/components/tree-view/tree-view-item-indicator.tsx
|
|
128
|
+
const TreeViewItemIndicator = (props) => {
|
|
129
|
+
const treeView$1 = useTreeViewContext();
|
|
130
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
131
|
+
const mergedProps = mergeProps$2(() => treeView$1().getItemIndicatorProps(nodeProps), props);
|
|
132
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
133
|
+
};
|
|
134
|
+
|
|
135
|
+
//#endregion
|
|
136
|
+
//#region src/components/tree-view/tree-view-item-text.tsx
|
|
137
|
+
const TreeViewItemText = (props) => {
|
|
138
|
+
const treeView$1 = useTreeViewContext();
|
|
139
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
140
|
+
const mergedProps = mergeProps$2(() => treeView$1().getItemTextProps(nodeProps), props);
|
|
141
|
+
return createComponent(sprawlify.span, mergedProps);
|
|
142
|
+
};
|
|
143
|
+
|
|
144
|
+
//#endregion
|
|
145
|
+
//#region src/components/tree-view/tree-view-label.tsx
|
|
146
|
+
const TreeViewLabel = (props) => {
|
|
147
|
+
const treeView$1 = useTreeViewContext();
|
|
148
|
+
const mergedProps = mergeProps$2(() => treeView$1().getLabelProps(), props);
|
|
149
|
+
return createComponent(sprawlify.h3, mergedProps);
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
//#endregion
|
|
153
|
+
//#region src/components/tree-view/tree-view-node-checkbox.tsx
|
|
154
|
+
const TreeViewNodeCheckbox = (props) => {
|
|
155
|
+
const treeView$1 = useTreeViewContext();
|
|
156
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
157
|
+
const mergedProps = mergeProps$2(() => treeView$1().getNodeCheckboxProps(nodeProps), props);
|
|
158
|
+
return createComponent(sprawlify.span, mergedProps);
|
|
159
|
+
};
|
|
160
|
+
|
|
161
|
+
//#endregion
|
|
162
|
+
//#region src/components/tree-view/tree-view-node-checkbox-indicator.tsx
|
|
163
|
+
const TreeViewNodeCheckboxIndicator = (props) => {
|
|
164
|
+
const nodeState = useTreeViewNodeContext();
|
|
165
|
+
const checkedState = createMemo(() => nodeState().checked);
|
|
166
|
+
if (checkedState() === "indeterminate" && props.indeterminate) return props.indeterminate;
|
|
167
|
+
if (checkedState() === true && props.children) return props.children;
|
|
168
|
+
return props.fallback;
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
//#endregion
|
|
172
|
+
//#region src/components/tree-view/tree-view-node-rename-input.tsx
|
|
173
|
+
const TreeViewNodeRenameInput = (props) => {
|
|
174
|
+
const treeView$1 = useTreeViewContext();
|
|
175
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
176
|
+
const mergedProps = mergeProps$2(() => treeView$1().getNodeRenameInputProps(nodeProps), props);
|
|
177
|
+
return createComponent(sprawlify.input, mergedProps);
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
//#endregion
|
|
181
|
+
//#region src/components/tree-view/tree-view-node-context.ts
|
|
182
|
+
const TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
|
|
183
|
+
|
|
184
|
+
//#endregion
|
|
185
|
+
//#region src/components/tree-view/tree-view-node-provider.tsx
|
|
186
|
+
function TreeViewNodeProvider(props) {
|
|
187
|
+
const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
|
|
188
|
+
const treeView$1 = useTreeViewContext();
|
|
189
|
+
return createComponent(TreeViewNodeStateProvider, {
|
|
190
|
+
value: createMemo(() => treeView$1().getNodeState(nodeProps)),
|
|
191
|
+
get children() {
|
|
192
|
+
return createComponent(TreeViewNodePropsProvider, {
|
|
193
|
+
value: nodeProps,
|
|
194
|
+
get children() {
|
|
195
|
+
return localProps.children;
|
|
196
|
+
}
|
|
197
|
+
});
|
|
198
|
+
}
|
|
199
|
+
});
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
//#endregion
|
|
203
|
+
//#region src/components/tree-view/use-tree-view.ts
|
|
204
|
+
const useTreeView = (props) => {
|
|
205
|
+
const id = createUniqueId();
|
|
206
|
+
const locale = useLocaleContext();
|
|
207
|
+
const environment = useEnvironmentContext();
|
|
208
|
+
const machineProps = createMemo(() => ({
|
|
209
|
+
id,
|
|
210
|
+
dir: locale().dir,
|
|
211
|
+
getRootNode: environment().getRootNode,
|
|
212
|
+
...runIfFn(props)
|
|
213
|
+
}));
|
|
214
|
+
const service = useMachine(treeView.machine, machineProps);
|
|
215
|
+
return createMemo(() => treeView.connect(service, normalizeProps));
|
|
216
|
+
};
|
|
217
|
+
|
|
218
|
+
//#endregion
|
|
219
|
+
//#region src/components/tree-view/tree-view-root.tsx
|
|
220
|
+
const TreeViewRoot = (props) => {
|
|
221
|
+
const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
|
|
222
|
+
const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
|
|
223
|
+
"canRename",
|
|
224
|
+
"checkedValue",
|
|
225
|
+
"collection",
|
|
226
|
+
"defaultCheckedValue",
|
|
227
|
+
"defaultExpandedValue",
|
|
228
|
+
"defaultFocusedValue",
|
|
229
|
+
"defaultSelectedValue",
|
|
230
|
+
"expandedValue",
|
|
231
|
+
"expandOnClick",
|
|
232
|
+
"focusedValue",
|
|
233
|
+
"id",
|
|
234
|
+
"ids",
|
|
235
|
+
"loadChildren",
|
|
236
|
+
"onBeforeRename",
|
|
237
|
+
"onCheckedChange",
|
|
238
|
+
"onExpandedChange",
|
|
239
|
+
"onFocusChange",
|
|
240
|
+
"onLoadChildrenComplete",
|
|
241
|
+
"onLoadChildrenError",
|
|
242
|
+
"onRenameComplete",
|
|
243
|
+
"onRenameStart",
|
|
244
|
+
"onSelectionChange",
|
|
245
|
+
"selectedValue",
|
|
246
|
+
"selectionMode",
|
|
247
|
+
"typeahead",
|
|
248
|
+
"scrollToIndexFn"
|
|
249
|
+
]);
|
|
250
|
+
const treeView$1 = useTreeView(useTreeViewProps);
|
|
251
|
+
const mergedProps = mergeProps$2(() => treeView$1().getRootProps(), localProps);
|
|
252
|
+
return createComponent(TreeViewProvider, {
|
|
253
|
+
value: treeView$1,
|
|
254
|
+
get children() {
|
|
255
|
+
return createComponent(RenderStrategyProvider, {
|
|
256
|
+
value: renderStrategyProps,
|
|
257
|
+
get children() {
|
|
258
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
259
|
+
}
|
|
260
|
+
});
|
|
261
|
+
}
|
|
262
|
+
});
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
//#endregion
|
|
266
|
+
//#region src/components/tree-view/tree-view-root-provider.tsx
|
|
267
|
+
const TreeViewRootProvider = (props) => {
|
|
268
|
+
const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
|
|
269
|
+
const [{ value: treeView$1 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
|
|
270
|
+
const mergedProps = mergeProps$2(() => treeView$1().getRootProps(), localProps);
|
|
271
|
+
return createComponent(TreeViewProvider, {
|
|
272
|
+
value: treeView$1,
|
|
273
|
+
get children() {
|
|
274
|
+
return createComponent(RenderStrategyProvider, {
|
|
275
|
+
value: renderStrategyProps,
|
|
276
|
+
get children() {
|
|
277
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
278
|
+
}
|
|
279
|
+
});
|
|
280
|
+
}
|
|
281
|
+
});
|
|
282
|
+
};
|
|
283
|
+
|
|
284
|
+
//#endregion
|
|
285
|
+
//#region src/components/tree-view/tree-view-tree.tsx
|
|
286
|
+
const TreeViewTree = (props) => {
|
|
287
|
+
const treeView$1 = useTreeViewContext();
|
|
288
|
+
const mergedProps = mergeProps$2(() => treeView$1().getTreeProps(), props);
|
|
289
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
290
|
+
};
|
|
291
|
+
|
|
292
|
+
//#endregion
|
|
293
|
+
//#region src/components/tree-view/tree-view.ts
|
|
294
|
+
var tree_view_exports = /* @__PURE__ */ __export({
|
|
295
|
+
Branch: () => TreeViewBranch,
|
|
296
|
+
BranchContent: () => TreeViewBranchContent,
|
|
297
|
+
BranchControl: () => TreeViewBranchControl,
|
|
298
|
+
BranchIndentGuide: () => TreeViewBranchIndentGuide,
|
|
299
|
+
BranchIndicator: () => TreeViewBranchIndicator,
|
|
300
|
+
BranchText: () => TreeViewBranchText,
|
|
301
|
+
BranchTrigger: () => TreeViewBranchTrigger,
|
|
302
|
+
Context: () => TreeViewContext,
|
|
303
|
+
Item: () => TreeViewItem,
|
|
304
|
+
ItemIndicator: () => TreeViewItemIndicator,
|
|
305
|
+
ItemText: () => TreeViewItemText,
|
|
306
|
+
Label: () => TreeViewLabel,
|
|
307
|
+
NodeCheckbox: () => TreeViewNodeCheckbox,
|
|
308
|
+
NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
|
|
309
|
+
NodeContext: () => TreeViewNodeContext,
|
|
310
|
+
NodeProvider: () => TreeViewNodeProvider,
|
|
311
|
+
NodeRenameInput: () => TreeViewNodeRenameInput,
|
|
312
|
+
Root: () => TreeViewRoot,
|
|
313
|
+
RootProvider: () => TreeViewRootProvider,
|
|
314
|
+
Tree: () => TreeViewTree
|
|
315
|
+
});
|
|
316
|
+
|
|
317
|
+
//#endregion
|
|
318
|
+
export { TreeViewBranch as C, TreeViewBranchContent as S, useTreeViewContext as T, TreeViewBranchTrigger as _, TreeViewRoot as a, TreeViewBranchIndentGuide as b, TreeViewNodeContext as c, TreeViewNodeCheckbox as d, TreeViewLabel as f, TreeViewContext as g, TreeViewItem as h, TreeViewRootProvider as i, TreeViewNodeRenameInput as l, TreeViewItemIndicator as m, treeViewAnatomy as n, useTreeView as o, TreeViewItemText as p, TreeViewTree as r, TreeViewNodeProvider as s, tree_view_exports as t, TreeViewNodeCheckboxIndicator as u, TreeViewBranchText as v, useTreeViewNodeContext as w, TreeViewBranchControl as x, TreeViewBranchIndicator as y };
|
|
@@ -0,0 +1,291 @@
|
|
|
1
|
+
import { t as __export } from "./chunk-D5dGY5zD.jsx";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "./core-7JOW6ue9.jsx";
|
|
3
|
+
import { t as runIfFn } from "./run-if-fn-D59uI-12.jsx";
|
|
4
|
+
import { t as createContext$1 } from "./create-context-CnA1wNMK.jsx";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "./providers--4jSRiKF.jsx";
|
|
6
|
+
import { t as sprawlify } from "./factory-CaQWQo9S.jsx";
|
|
7
|
+
import { t as createSplitProps } from "./create-split-props-CdETNVwB.jsx";
|
|
8
|
+
import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "./render-strategy-Bv1Mb0YK.jsx";
|
|
9
|
+
import { t as collapsible_exports } from "./collapsible-CKkCMXuJ.jsx";
|
|
10
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
11
|
+
import * as treeView from "@sprawlify/primitives/machines/tree-view";
|
|
12
|
+
import { anatomy as treeViewAnatomy } from "@sprawlify/primitives/machines/tree-view";
|
|
13
|
+
|
|
14
|
+
//#region src/components/tree-view/use-tree-view-context.ts
|
|
15
|
+
const [TreeViewProvider, useTreeViewContext] = createContext$1({
|
|
16
|
+
hookName: "useTreeViewContext",
|
|
17
|
+
providerName: "<TreeViewProvider />"
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/tree-view/use-tree-view-node-context.ts
|
|
22
|
+
const [TreeViewNodeStateProvider, useTreeViewNodeContext] = createContext$1({
|
|
23
|
+
hookName: "useTreeViewNodeContext",
|
|
24
|
+
providerName: "<TreeViewNodeProvider />"
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/components/tree-view/use-tree-view-node-props-context.ts
|
|
29
|
+
const [TreeViewNodePropsProvider, useTreeViewNodePropsContext] = createContext$1({
|
|
30
|
+
hookName: "useTreeViewNodePropsContext",
|
|
31
|
+
providerName: "<TreeViewNodeProvider />"
|
|
32
|
+
});
|
|
33
|
+
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region src/components/tree-view/tree-view-branch.tsx
|
|
36
|
+
const TreeViewBranch = (props) => {
|
|
37
|
+
const treeView$1 = useTreeViewContext();
|
|
38
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
39
|
+
const nodeState = useTreeViewNodeContext();
|
|
40
|
+
const renderStrategyProps = useRenderStrategyContext();
|
|
41
|
+
const branchContentProps = createMemo(() => treeView$1().getBranchContentProps(nodeProps));
|
|
42
|
+
const mergedProps = mergeProps$1(() => treeView$1().getBranchProps(nodeProps), props);
|
|
43
|
+
return <collapsible_exports.Root open={nodeState().expanded} ids={{ content: branchContentProps().id }} {...renderStrategyProps} {...mergedProps} />;
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/tree-view/tree-view-branch-content.tsx
|
|
48
|
+
const splitVisibilityProps = createSplitProps();
|
|
49
|
+
const TreeViewBranchContent = (props) => {
|
|
50
|
+
const treeView$1 = useTreeViewContext();
|
|
51
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
52
|
+
const branchContentProps = createMemo(() => {
|
|
53
|
+
const [, ownProps] = splitVisibilityProps(treeView$1().getBranchContentProps(nodeProps), ["hidden", "data-state"]);
|
|
54
|
+
return ownProps;
|
|
55
|
+
});
|
|
56
|
+
const mergedProps = mergeProps$1(() => branchContentProps(), props);
|
|
57
|
+
return <collapsible_exports.Content {...mergedProps} />;
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/components/tree-view/tree-view-branch-control.tsx
|
|
62
|
+
const TreeViewBranchControl = (props) => {
|
|
63
|
+
const treeView$1 = useTreeViewContext();
|
|
64
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
65
|
+
const mergedProps = mergeProps$1(() => treeView$1().getBranchControlProps(nodeProps), props);
|
|
66
|
+
return <sprawlify.div {...mergedProps} />;
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
//#endregion
|
|
70
|
+
//#region src/components/tree-view/tree-view-branch-indent-guide.tsx
|
|
71
|
+
const TreeViewBranchIndentGuide = (props) => {
|
|
72
|
+
const treeView$1 = useTreeViewContext();
|
|
73
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
74
|
+
const mergedProps = mergeProps$1(() => treeView$1().getBranchIndentGuideProps(nodeProps), props);
|
|
75
|
+
return <sprawlify.div {...mergedProps} />;
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
//#endregion
|
|
79
|
+
//#region src/components/tree-view/tree-view-branch-indicator.tsx
|
|
80
|
+
const TreeViewBranchIndicator = (props) => {
|
|
81
|
+
const treeView$1 = useTreeViewContext();
|
|
82
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
83
|
+
const mergedProps = mergeProps$1(() => treeView$1().getBranchIndicatorProps(nodeProps), props);
|
|
84
|
+
return <sprawlify.div {...mergedProps} />;
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
//#endregion
|
|
88
|
+
//#region src/components/tree-view/tree-view-branch-text.tsx
|
|
89
|
+
const TreeViewBranchText = (props) => {
|
|
90
|
+
const treeView$1 = useTreeViewContext();
|
|
91
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
92
|
+
const mergedProps = mergeProps$1(() => treeView$1().getBranchTextProps(nodeProps), props);
|
|
93
|
+
return <sprawlify.span {...mergedProps} />;
|
|
94
|
+
};
|
|
95
|
+
|
|
96
|
+
//#endregion
|
|
97
|
+
//#region src/components/tree-view/tree-view-branch-trigger.tsx
|
|
98
|
+
const TreeViewBranchTrigger = (props) => {
|
|
99
|
+
const treeView$1 = useTreeViewContext();
|
|
100
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
101
|
+
const mergedProps = mergeProps$1(() => treeView$1().getBranchTriggerProps(nodeProps), props);
|
|
102
|
+
return <sprawlify.div {...mergedProps} />;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
//#endregion
|
|
106
|
+
//#region src/components/tree-view/tree-view-context.tsx
|
|
107
|
+
const TreeViewContext = (props) => props.children(useTreeViewContext());
|
|
108
|
+
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/tree-view/tree-view-item.tsx
|
|
111
|
+
const TreeViewItem = (props) => {
|
|
112
|
+
const treeView$1 = useTreeViewContext();
|
|
113
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
114
|
+
const mergedProps = mergeProps$1(() => treeView$1().getItemProps(nodeProps), props);
|
|
115
|
+
return <sprawlify.div {...mergedProps} />;
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
//#endregion
|
|
119
|
+
//#region src/components/tree-view/tree-view-item-indicator.tsx
|
|
120
|
+
const TreeViewItemIndicator = (props) => {
|
|
121
|
+
const treeView$1 = useTreeViewContext();
|
|
122
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
123
|
+
const mergedProps = mergeProps$1(() => treeView$1().getItemIndicatorProps(nodeProps), props);
|
|
124
|
+
return <sprawlify.div {...mergedProps} />;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
//#endregion
|
|
128
|
+
//#region src/components/tree-view/tree-view-item-text.tsx
|
|
129
|
+
const TreeViewItemText = (props) => {
|
|
130
|
+
const treeView$1 = useTreeViewContext();
|
|
131
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
132
|
+
const mergedProps = mergeProps$1(() => treeView$1().getItemTextProps(nodeProps), props);
|
|
133
|
+
return <sprawlify.span {...mergedProps} />;
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
//#endregion
|
|
137
|
+
//#region src/components/tree-view/tree-view-label.tsx
|
|
138
|
+
const TreeViewLabel = (props) => {
|
|
139
|
+
const treeView$1 = useTreeViewContext();
|
|
140
|
+
const mergedProps = mergeProps$1(() => treeView$1().getLabelProps(), props);
|
|
141
|
+
return <sprawlify.h3 {...mergedProps} />;
|
|
142
|
+
};
|
|
143
|
+
|
|
144
|
+
//#endregion
|
|
145
|
+
//#region src/components/tree-view/tree-view-node-checkbox.tsx
|
|
146
|
+
const TreeViewNodeCheckbox = (props) => {
|
|
147
|
+
const treeView$1 = useTreeViewContext();
|
|
148
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
149
|
+
const mergedProps = mergeProps$1(() => treeView$1().getNodeCheckboxProps(nodeProps), props);
|
|
150
|
+
return <sprawlify.span {...mergedProps} />;
|
|
151
|
+
};
|
|
152
|
+
|
|
153
|
+
//#endregion
|
|
154
|
+
//#region src/components/tree-view/tree-view-node-checkbox-indicator.tsx
|
|
155
|
+
const TreeViewNodeCheckboxIndicator = (props) => {
|
|
156
|
+
const nodeState = useTreeViewNodeContext();
|
|
157
|
+
const checkedState = createMemo(() => nodeState().checked);
|
|
158
|
+
if (checkedState() === "indeterminate" && props.indeterminate) return props.indeterminate;
|
|
159
|
+
if (checkedState() === true && props.children) return props.children;
|
|
160
|
+
return props.fallback;
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
//#endregion
|
|
164
|
+
//#region src/components/tree-view/tree-view-node-rename-input.tsx
|
|
165
|
+
const TreeViewNodeRenameInput = (props) => {
|
|
166
|
+
const treeView$1 = useTreeViewContext();
|
|
167
|
+
const nodeProps = useTreeViewNodePropsContext();
|
|
168
|
+
const mergedProps = mergeProps$1(() => treeView$1().getNodeRenameInputProps(nodeProps), props);
|
|
169
|
+
return <sprawlify.input {...mergedProps} />;
|
|
170
|
+
};
|
|
171
|
+
|
|
172
|
+
//#endregion
|
|
173
|
+
//#region src/components/tree-view/tree-view-node-context.ts
|
|
174
|
+
const TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
|
|
175
|
+
|
|
176
|
+
//#endregion
|
|
177
|
+
//#region src/components/tree-view/tree-view-node-provider.tsx
|
|
178
|
+
function TreeViewNodeProvider(props) {
|
|
179
|
+
const [nodeProps, localProps] = createSplitProps()(props, ["indexPath", "node"]);
|
|
180
|
+
const treeView$1 = useTreeViewContext();
|
|
181
|
+
const nodeState = createMemo(() => treeView$1().getNodeState(nodeProps));
|
|
182
|
+
return <TreeViewNodeStateProvider value={nodeState}>
|
|
183
|
+
<TreeViewNodePropsProvider value={nodeProps}>{localProps.children}</TreeViewNodePropsProvider>
|
|
184
|
+
</TreeViewNodeStateProvider>;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
//#endregion
|
|
188
|
+
//#region src/components/tree-view/use-tree-view.ts
|
|
189
|
+
const useTreeView = (props) => {
|
|
190
|
+
const id = createUniqueId();
|
|
191
|
+
const locale = useLocaleContext();
|
|
192
|
+
const environment = useEnvironmentContext();
|
|
193
|
+
const machineProps = createMemo(() => ({
|
|
194
|
+
id,
|
|
195
|
+
dir: locale().dir,
|
|
196
|
+
getRootNode: environment().getRootNode,
|
|
197
|
+
...runIfFn(props)
|
|
198
|
+
}));
|
|
199
|
+
const service = useMachine(treeView.machine, machineProps);
|
|
200
|
+
return createMemo(() => treeView.connect(service, normalizeProps));
|
|
201
|
+
};
|
|
202
|
+
|
|
203
|
+
//#endregion
|
|
204
|
+
//#region src/components/tree-view/tree-view-root.tsx
|
|
205
|
+
const TreeViewRoot = (props) => {
|
|
206
|
+
const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
|
|
207
|
+
const [useTreeViewProps, localProps] = createSplitProps()(treeViewProps, [
|
|
208
|
+
"canRename",
|
|
209
|
+
"checkedValue",
|
|
210
|
+
"collection",
|
|
211
|
+
"defaultCheckedValue",
|
|
212
|
+
"defaultExpandedValue",
|
|
213
|
+
"defaultFocusedValue",
|
|
214
|
+
"defaultSelectedValue",
|
|
215
|
+
"expandedValue",
|
|
216
|
+
"expandOnClick",
|
|
217
|
+
"focusedValue",
|
|
218
|
+
"id",
|
|
219
|
+
"ids",
|
|
220
|
+
"loadChildren",
|
|
221
|
+
"onBeforeRename",
|
|
222
|
+
"onCheckedChange",
|
|
223
|
+
"onExpandedChange",
|
|
224
|
+
"onFocusChange",
|
|
225
|
+
"onLoadChildrenComplete",
|
|
226
|
+
"onLoadChildrenError",
|
|
227
|
+
"onRenameComplete",
|
|
228
|
+
"onRenameStart",
|
|
229
|
+
"onSelectionChange",
|
|
230
|
+
"selectedValue",
|
|
231
|
+
"selectionMode",
|
|
232
|
+
"typeahead",
|
|
233
|
+
"scrollToIndexFn"
|
|
234
|
+
]);
|
|
235
|
+
const treeView$1 = useTreeView(useTreeViewProps);
|
|
236
|
+
const mergedProps = mergeProps$1(() => treeView$1().getRootProps(), localProps);
|
|
237
|
+
return <TreeViewProvider value={treeView$1}>
|
|
238
|
+
<RenderStrategyProvider value={renderStrategyProps}>
|
|
239
|
+
<sprawlify.div {...mergedProps} />
|
|
240
|
+
</RenderStrategyProvider>
|
|
241
|
+
</TreeViewProvider>;
|
|
242
|
+
};
|
|
243
|
+
|
|
244
|
+
//#endregion
|
|
245
|
+
//#region src/components/tree-view/tree-view-root-provider.tsx
|
|
246
|
+
const TreeViewRootProvider = (props) => {
|
|
247
|
+
const [renderStrategyProps, treeViewProps] = splitRenderStrategyProps(props);
|
|
248
|
+
const [{ value: treeView$1 }, localProps] = createSplitProps()(treeViewProps, ["value"]);
|
|
249
|
+
const mergedProps = mergeProps$1(() => treeView$1().getRootProps(), localProps);
|
|
250
|
+
return <TreeViewProvider value={treeView$1}>
|
|
251
|
+
<RenderStrategyProvider value={renderStrategyProps}>
|
|
252
|
+
<sprawlify.div {...mergedProps} />
|
|
253
|
+
</RenderStrategyProvider>
|
|
254
|
+
</TreeViewProvider>;
|
|
255
|
+
};
|
|
256
|
+
|
|
257
|
+
//#endregion
|
|
258
|
+
//#region src/components/tree-view/tree-view-tree.tsx
|
|
259
|
+
const TreeViewTree = (props) => {
|
|
260
|
+
const treeView$1 = useTreeViewContext();
|
|
261
|
+
const mergedProps = mergeProps$1(() => treeView$1().getTreeProps(), props);
|
|
262
|
+
return <sprawlify.div {...mergedProps} />;
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
//#endregion
|
|
266
|
+
//#region src/components/tree-view/tree-view.ts
|
|
267
|
+
var tree_view_exports = /* @__PURE__ */ __export({
|
|
268
|
+
Branch: () => TreeViewBranch,
|
|
269
|
+
BranchContent: () => TreeViewBranchContent,
|
|
270
|
+
BranchControl: () => TreeViewBranchControl,
|
|
271
|
+
BranchIndentGuide: () => TreeViewBranchIndentGuide,
|
|
272
|
+
BranchIndicator: () => TreeViewBranchIndicator,
|
|
273
|
+
BranchText: () => TreeViewBranchText,
|
|
274
|
+
BranchTrigger: () => TreeViewBranchTrigger,
|
|
275
|
+
Context: () => TreeViewContext,
|
|
276
|
+
Item: () => TreeViewItem,
|
|
277
|
+
ItemIndicator: () => TreeViewItemIndicator,
|
|
278
|
+
ItemText: () => TreeViewItemText,
|
|
279
|
+
Label: () => TreeViewLabel,
|
|
280
|
+
NodeCheckbox: () => TreeViewNodeCheckbox,
|
|
281
|
+
NodeCheckboxIndicator: () => TreeViewNodeCheckboxIndicator,
|
|
282
|
+
NodeContext: () => TreeViewNodeContext,
|
|
283
|
+
NodeProvider: () => TreeViewNodeProvider,
|
|
284
|
+
NodeRenameInput: () => TreeViewNodeRenameInput,
|
|
285
|
+
Root: () => TreeViewRoot,
|
|
286
|
+
RootProvider: () => TreeViewRootProvider,
|
|
287
|
+
Tree: () => TreeViewTree
|
|
288
|
+
});
|
|
289
|
+
|
|
290
|
+
//#endregion
|
|
291
|
+
export { TreeViewBranch as C, TreeViewBranchContent as S, useTreeViewContext as T, TreeViewBranchTrigger as _, TreeViewRoot as a, TreeViewBranchIndentGuide as b, TreeViewNodeContext as c, TreeViewNodeCheckbox as d, TreeViewLabel as f, TreeViewContext as g, TreeViewItem as h, TreeViewRootProvider as i, TreeViewNodeRenameInput as l, TreeViewItemIndicator as m, treeViewAnatomy as n, useTreeView as o, TreeViewItemText as p, TreeViewTree as r, TreeViewNodeProvider as s, tree_view_exports as t, TreeViewNodeCheckboxIndicator as u, TreeViewBranchText as v, useTreeViewNodeContext as w, TreeViewBranchControl as x, TreeViewBranchIndicator as y };
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as createContext } from "../index-
|
|
1
|
+
import { t as createContext } from "../index-BF_h-dhb.js";
|
|
2
2
|
export { createContext };
|
package/dist/utils/index.js
CHANGED
package/dist/utils/index.jsx
CHANGED