@sprawlify/solid 0.0.14 → 0.0.16
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/chunk-B5so6B0y.jsx +18 -0
- package/dist/chunk-B93cd-Dz.js +18 -0
- package/dist/collapsible-CX2tnXKq.js +131 -0
- package/dist/collapsible-sG-Rzvf2.jsx +119 -0
- package/dist/collection-BRr4O2_i.jsx +220 -0
- package/dist/collection-zj3lxnwW.js +220 -0
- package/dist/components/accordion/index.d.ts +69 -0
- package/dist/components/accordion/index.js +185 -0
- package/dist/components/accordion/index.jsx +159 -0
- package/dist/components/angle-slider/index.d.ts +74 -0
- package/dist/components/angle-slider/index.js +157 -0
- package/dist/components/angle-slider/index.jsx +146 -0
- package/dist/components/avatar/index.d.ts +49 -0
- package/dist/components/avatar/index.js +97 -0
- package/dist/components/avatar/index.jsx +90 -0
- package/dist/components/bottom-sheet/index.d.ts +80 -0
- package/dist/components/bottom-sheet/index.js +220 -0
- package/dist/components/bottom-sheet/index.jsx +179 -0
- package/dist/components/carousel/index.d.ts +98 -0
- package/dist/components/carousel/index.js +209 -0
- package/dist/components/carousel/index.jsx +194 -0
- package/dist/components/checkbox/index.d.ts +138 -0
- package/dist/components/checkbox/index.js +267 -0
- package/dist/components/checkbox/index.jsx +249 -0
- package/dist/components/client-only/index.d.ts +10 -0
- package/dist/components/client-only/index.js +24 -0
- package/dist/components/client-only/index.jsx +15 -0
- package/dist/components/clipboard/index.d.ts +72 -0
- package/dist/components/clipboard/index.js +151 -0
- package/dist/components/clipboard/index.jsx +134 -0
- package/dist/components/collapsible/index.d.ts +60 -0
- package/dist/components/collapsible/index.js +9 -0
- package/dist/components/collapsible/index.jsx +9 -0
- package/dist/components/collection/index.d.ts +3 -0
- package/dist/components/collection/index.js +4 -0
- package/dist/components/collection/index.jsx +4 -0
- package/dist/components/color-picker/index.d.ts +183 -0
- package/dist/components/color-picker/index.js +500 -0
- package/dist/components/color-picker/index.jsx +436 -0
- package/dist/components/combobox/index.d.ts +134 -0
- package/dist/components/combobox/index.js +357 -0
- package/dist/components/combobox/index.jsx +315 -0
- package/dist/components/date-picker/index.d.ts +165 -0
- package/dist/components/date-picker/index.js +476 -0
- package/dist/components/date-picker/index.jsx +415 -0
- package/dist/components/dialog/index.d.ts +80 -0
- package/dist/components/dialog/index.js +219 -0
- package/dist/components/dialog/index.jsx +173 -0
- package/dist/components/download-trigger/index.d.ts +25 -0
- package/dist/components/download-trigger/index.js +42 -0
- package/dist/components/download-trigger/index.jsx +38 -0
- package/dist/components/editable/index.d.ts +79 -0
- package/dist/components/editable/index.js +190 -0
- package/dist/components/editable/index.jsx +181 -0
- package/dist/components/field/index.d.ts +201 -0
- package/dist/components/field/index.js +10 -0
- package/dist/components/field/index.jsx +10 -0
- package/dist/components/fieldset/index.d.ts +109 -0
- package/dist/components/fieldset/index.js +9 -0
- package/dist/components/fieldset/index.jsx +9 -0
- package/dist/components/highlight/index.d.ts +15 -0
- package/dist/components/highlight/index.js +47 -0
- package/dist/components/highlight/index.jsx +31 -0
- package/dist/components/presence/index.d.ts +5 -0
- package/dist/components/presence/index.js +9 -0
- package/dist/components/presence/index.jsx +9 -0
- package/dist/components/select/index.d.ts +134 -0
- package/dist/components/select/index.js +363 -0
- package/dist/components/select/index.jsx +312 -0
- package/dist/compose-refs-BVVIB7xn.js +20 -0
- package/dist/compose-refs-icUeuyHm.jsx +20 -0
- package/dist/core-DbInRfhI.jsx +416 -0
- package/dist/core-oNB2jGcl.js +416 -0
- package/dist/create-split-props-B8A7_AF7.jsx +7 -0
- package/dist/create-split-props-pQu7jijw.js +7 -0
- package/dist/factory-4A25bngy.d.ts +14 -0
- package/dist/factory-Ch5jgk20.jsx +37 -0
- package/dist/factory-PGDAvOKb.js +43 -0
- package/dist/field-BRr9Zdes.jsx +260 -0
- package/dist/field-CoYiA2ek.js +288 -0
- package/dist/fieldset-B_LyllEa.jsx +169 -0
- package/dist/fieldset-BrJqMLEd.js +184 -0
- package/dist/index-C7N791Fc.d.ts +23 -0
- package/dist/index-GEfvAmRc.d.ts +76 -0
- package/dist/index-j2avJy7D.d.ts +38 -0
- package/dist/index-oc8gLl07.d.ts +38 -0
- package/dist/index.d.ts +5 -29
- package/dist/index.js +4 -511
- package/dist/index.jsx +4 -497
- package/dist/presence-Bmn43U_q.jsx +68 -0
- package/dist/presence-BpwBRlZW.js +81 -0
- package/dist/providers-Bo0OFe08.js +96 -0
- package/dist/providers-DFaRRd80.jsx +82 -0
- package/dist/render-strategy-BNECKEQk.d.ts +9 -0
- package/dist/render-strategy-CdJhRv3I.jsx +12 -0
- package/dist/render-strategy-DFlz7Uc4.js +12 -0
- package/dist/run-if-fn-A3VwXy-o.jsx +6 -0
- package/dist/run-if-fn-D5794CxE.js +6 -0
- package/dist/types-Dbw4va3W.d.ts +9 -0
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/index.js +2 -1
- package/dist/utils/index.jsx +2 -1
- package/dist/utils-DQi-Cen5.js +0 -0
- package/dist/utils-vSjszv0W.jsx +0 -0
- package/package.json +102 -2
- /package/dist/{utils-DSKoW7eB.jsx → create-context-C3rvZvkc.jsx} +0 -0
- /package/dist/{utils-GEMuT7an.js → create-context-GfQ_MylE.js} +0 -0
- /package/dist/{index-C_ThrXdH.d.ts → index-B6dBCfnB.d.ts} +0 -0
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-B93cd-Dz.js";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-oNB2jGcl.js";
|
|
3
|
+
import { t as runIfFn } from "../../run-if-fn-D5794CxE.js";
|
|
4
|
+
import { t as createContext$1 } from "../../create-context-GfQ_MylE.js";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-Bo0OFe08.js";
|
|
6
|
+
import { t as createSplitProps } from "../../create-split-props-pQu7jijw.js";
|
|
7
|
+
import { t as sprawlify } from "../../factory-PGDAvOKb.js";
|
|
8
|
+
import "../../compose-refs-BVVIB7xn.js";
|
|
9
|
+
import "../../fieldset-BrJqMLEd.js";
|
|
10
|
+
import { m as useFieldContext } from "../../field-CoYiA2ek.js";
|
|
11
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
12
|
+
import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
|
|
13
|
+
import * as editable from "@sprawlify/primitives/machines/editable";
|
|
14
|
+
import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
|
|
15
|
+
|
|
16
|
+
//#region src/components/editable/use-editable-context.ts
|
|
17
|
+
const [EditableProvider, useEditableContext] = createContext$1({
|
|
18
|
+
hookName: "useEditableContext",
|
|
19
|
+
providerName: "<EditableProvider />"
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/editable/editable-area.tsx
|
|
24
|
+
const EditableArea = (props) => {
|
|
25
|
+
const api = useEditableContext();
|
|
26
|
+
const mergedProps = mergeProps$2(() => api().getAreaProps(), props);
|
|
27
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/editable/editable-cancel-trigger.tsx
|
|
32
|
+
const EditableCancelTrigger = (props) => {
|
|
33
|
+
const api = useEditableContext();
|
|
34
|
+
const mergedProps = mergeProps$2(() => api().getCancelTriggerProps(), props);
|
|
35
|
+
return createComponent(sprawlify.button, mergedProps);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
//#endregion
|
|
39
|
+
//#region src/components/editable/editable-context.tsx
|
|
40
|
+
const EditableContext = (props) => props.children(useEditableContext());
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/editable/editable-control.tsx
|
|
44
|
+
const EditableControl = (props) => {
|
|
45
|
+
const api = useEditableContext();
|
|
46
|
+
const mergedProps = mergeProps$2(() => api().getControlProps(), props);
|
|
47
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region src/components/editable/editable-edit-trigger.tsx
|
|
52
|
+
const EditableEditTrigger = (props) => {
|
|
53
|
+
const api = useEditableContext();
|
|
54
|
+
const mergedProps = mergeProps$2(() => api().getEditTriggerProps(), props);
|
|
55
|
+
return createComponent(sprawlify.button, mergedProps);
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region src/components/editable/editable-input.tsx
|
|
60
|
+
const EditableInput = (props) => {
|
|
61
|
+
const api = useEditableContext();
|
|
62
|
+
const mergedProps = mergeProps$2(() => api().getInputProps(), props);
|
|
63
|
+
const field = useFieldContext();
|
|
64
|
+
return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
|
|
65
|
+
return field?.().ariaDescribedby;
|
|
66
|
+
} }, mergedProps));
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
//#endregion
|
|
70
|
+
//#region src/components/editable/editable-label.tsx
|
|
71
|
+
const EditableLabel = (props) => {
|
|
72
|
+
const api = useEditableContext();
|
|
73
|
+
const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
|
|
74
|
+
return createComponent(sprawlify.label, mergedProps);
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
//#endregion
|
|
78
|
+
//#region src/components/editable/editable-preview.tsx
|
|
79
|
+
const EditablePreview = (props) => {
|
|
80
|
+
const api = useEditableContext();
|
|
81
|
+
const mergedProps = mergeProps$2(() => api().getPreviewProps(), props);
|
|
82
|
+
return createComponent(sprawlify.span, mergedProps);
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
//#endregion
|
|
86
|
+
//#region src/components/editable/use-editable.ts
|
|
87
|
+
const useEditable = (props) => {
|
|
88
|
+
const id = createUniqueId();
|
|
89
|
+
const locale = useLocaleContext();
|
|
90
|
+
const environment = useEnvironmentContext();
|
|
91
|
+
const field = useFieldContext();
|
|
92
|
+
const machineProps = createMemo(() => ({
|
|
93
|
+
id,
|
|
94
|
+
ids: {
|
|
95
|
+
label: field?.().ids.label,
|
|
96
|
+
input: field?.().ids.control
|
|
97
|
+
},
|
|
98
|
+
dir: locale().dir,
|
|
99
|
+
disabled: field?.().disabled,
|
|
100
|
+
invalid: field?.().invalid,
|
|
101
|
+
readOnly: field?.().readOnly,
|
|
102
|
+
required: field?.().required,
|
|
103
|
+
getRootNode: environment().getRootNode,
|
|
104
|
+
...runIfFn(props)
|
|
105
|
+
}));
|
|
106
|
+
const service = useMachine(editable.machine, machineProps);
|
|
107
|
+
return createMemo(() => editable.connect(service, normalizeProps));
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
//#endregion
|
|
111
|
+
//#region src/components/editable/editable-root.tsx
|
|
112
|
+
const EditableRoot = (props) => {
|
|
113
|
+
const [useEditableProps, localProps] = createSplitProps()(props, [
|
|
114
|
+
"activationMode",
|
|
115
|
+
"autoResize",
|
|
116
|
+
"defaultEdit",
|
|
117
|
+
"defaultValue",
|
|
118
|
+
"disabled",
|
|
119
|
+
"edit",
|
|
120
|
+
"finalFocusEl",
|
|
121
|
+
"form",
|
|
122
|
+
"id",
|
|
123
|
+
"ids",
|
|
124
|
+
"invalid",
|
|
125
|
+
"maxLength",
|
|
126
|
+
"name",
|
|
127
|
+
"onEditChange",
|
|
128
|
+
"onFocusOutside",
|
|
129
|
+
"onInteractOutside",
|
|
130
|
+
"onPointerDownOutside",
|
|
131
|
+
"onValueChange",
|
|
132
|
+
"onValueCommit",
|
|
133
|
+
"onValueRevert",
|
|
134
|
+
"placeholder",
|
|
135
|
+
"readOnly",
|
|
136
|
+
"required",
|
|
137
|
+
"selectOnFocus",
|
|
138
|
+
"submitMode",
|
|
139
|
+
"translations",
|
|
140
|
+
"value"
|
|
141
|
+
]);
|
|
142
|
+
const api = useEditable(useEditableProps);
|
|
143
|
+
const mergedProps = mergeProps$2(() => api().getRootProps(), localProps);
|
|
144
|
+
return createComponent(EditableProvider, {
|
|
145
|
+
value: api,
|
|
146
|
+
get children() {
|
|
147
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
//#endregion
|
|
153
|
+
//#region src/components/editable/editable-root-provider.tsx
|
|
154
|
+
const EditableRootProvider = (props) => {
|
|
155
|
+
const [{ value: editable$1 }, localProps] = createSplitProps()(props, ["value"]);
|
|
156
|
+
const mergedProps = mergeProps$2(() => editable$1().getRootProps(), localProps);
|
|
157
|
+
return createComponent(EditableProvider, {
|
|
158
|
+
value: editable$1,
|
|
159
|
+
get children() {
|
|
160
|
+
return createComponent(sprawlify.div, mergedProps);
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
};
|
|
164
|
+
|
|
165
|
+
//#endregion
|
|
166
|
+
//#region src/components/editable/editable-submit-trigger.tsx
|
|
167
|
+
const EditableSubmitTrigger = (props) => {
|
|
168
|
+
const api = useEditableContext();
|
|
169
|
+
const mergedProps = mergeProps$2(() => api().getSubmitTriggerProps(), props);
|
|
170
|
+
return createComponent(sprawlify.button, mergedProps);
|
|
171
|
+
};
|
|
172
|
+
|
|
173
|
+
//#endregion
|
|
174
|
+
//#region src/components/editable/editable.ts
|
|
175
|
+
var editable_exports = /* @__PURE__ */ __export({
|
|
176
|
+
Area: () => EditableArea,
|
|
177
|
+
CancelTrigger: () => EditableCancelTrigger,
|
|
178
|
+
Context: () => EditableContext,
|
|
179
|
+
Control: () => EditableControl,
|
|
180
|
+
EditTrigger: () => EditableEditTrigger,
|
|
181
|
+
Input: () => EditableInput,
|
|
182
|
+
Label: () => EditableLabel,
|
|
183
|
+
Preview: () => EditablePreview,
|
|
184
|
+
Root: () => EditableRoot,
|
|
185
|
+
RootProvider: () => EditableRootProvider,
|
|
186
|
+
SubmitTrigger: () => EditableSubmitTrigger
|
|
187
|
+
});
|
|
188
|
+
|
|
189
|
+
//#endregion
|
|
190
|
+
export { editable_exports as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, editableAnatomy, useEditable, useEditableContext };
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { t as __export } from "../../chunk-B5so6B0y.jsx";
|
|
2
|
+
import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-DbInRfhI.jsx";
|
|
3
|
+
import { t as runIfFn } from "../../run-if-fn-A3VwXy-o.jsx";
|
|
4
|
+
import { t as createContext$1 } from "../../create-context-C3rvZvkc.jsx";
|
|
5
|
+
import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
|
|
6
|
+
import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
|
|
7
|
+
import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
|
|
8
|
+
import "../../compose-refs-icUeuyHm.jsx";
|
|
9
|
+
import "../../fieldset-B_LyllEa.jsx";
|
|
10
|
+
import { m as useFieldContext } from "../../field-BRr9Zdes.jsx";
|
|
11
|
+
import { createMemo, createUniqueId } from "solid-js";
|
|
12
|
+
import * as editable from "@sprawlify/primitives/machines/editable";
|
|
13
|
+
import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
|
|
14
|
+
|
|
15
|
+
//#region src/components/editable/use-editable-context.ts
|
|
16
|
+
const [EditableProvider, useEditableContext] = createContext$1({
|
|
17
|
+
hookName: "useEditableContext",
|
|
18
|
+
providerName: "<EditableProvider />"
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/components/editable/editable-area.tsx
|
|
23
|
+
const EditableArea = (props) => {
|
|
24
|
+
const api = useEditableContext();
|
|
25
|
+
const mergedProps = mergeProps$1(() => api().getAreaProps(), props);
|
|
26
|
+
return <sprawlify.div {...mergedProps} />;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/components/editable/editable-cancel-trigger.tsx
|
|
31
|
+
const EditableCancelTrigger = (props) => {
|
|
32
|
+
const api = useEditableContext();
|
|
33
|
+
const mergedProps = mergeProps$1(() => api().getCancelTriggerProps(), props);
|
|
34
|
+
return <sprawlify.button {...mergedProps} />;
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
//#endregion
|
|
38
|
+
//#region src/components/editable/editable-context.tsx
|
|
39
|
+
const EditableContext = (props) => props.children(useEditableContext());
|
|
40
|
+
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/editable/editable-control.tsx
|
|
43
|
+
const EditableControl = (props) => {
|
|
44
|
+
const api = useEditableContext();
|
|
45
|
+
const mergedProps = mergeProps$1(() => api().getControlProps(), props);
|
|
46
|
+
return <sprawlify.div {...mergedProps} />;
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
//#endregion
|
|
50
|
+
//#region src/components/editable/editable-edit-trigger.tsx
|
|
51
|
+
const EditableEditTrigger = (props) => {
|
|
52
|
+
const api = useEditableContext();
|
|
53
|
+
const mergedProps = mergeProps$1(() => api().getEditTriggerProps(), props);
|
|
54
|
+
return <sprawlify.button {...mergedProps} />;
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/components/editable/editable-input.tsx
|
|
59
|
+
const EditableInput = (props) => {
|
|
60
|
+
const api = useEditableContext();
|
|
61
|
+
const mergedProps = mergeProps$1(() => api().getInputProps(), props);
|
|
62
|
+
const field = useFieldContext();
|
|
63
|
+
return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/components/editable/editable-label.tsx
|
|
68
|
+
const EditableLabel = (props) => {
|
|
69
|
+
const api = useEditableContext();
|
|
70
|
+
const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
|
|
71
|
+
return <sprawlify.label {...mergedProps} />;
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
//#endregion
|
|
75
|
+
//#region src/components/editable/editable-preview.tsx
|
|
76
|
+
const EditablePreview = (props) => {
|
|
77
|
+
const api = useEditableContext();
|
|
78
|
+
const mergedProps = mergeProps$1(() => api().getPreviewProps(), props);
|
|
79
|
+
return <sprawlify.span {...mergedProps} />;
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
//#endregion
|
|
83
|
+
//#region src/components/editable/use-editable.ts
|
|
84
|
+
const useEditable = (props) => {
|
|
85
|
+
const id = createUniqueId();
|
|
86
|
+
const locale = useLocaleContext();
|
|
87
|
+
const environment = useEnvironmentContext();
|
|
88
|
+
const field = useFieldContext();
|
|
89
|
+
const machineProps = createMemo(() => ({
|
|
90
|
+
id,
|
|
91
|
+
ids: {
|
|
92
|
+
label: field?.().ids.label,
|
|
93
|
+
input: field?.().ids.control
|
|
94
|
+
},
|
|
95
|
+
dir: locale().dir,
|
|
96
|
+
disabled: field?.().disabled,
|
|
97
|
+
invalid: field?.().invalid,
|
|
98
|
+
readOnly: field?.().readOnly,
|
|
99
|
+
required: field?.().required,
|
|
100
|
+
getRootNode: environment().getRootNode,
|
|
101
|
+
...runIfFn(props)
|
|
102
|
+
}));
|
|
103
|
+
const service = useMachine(editable.machine, machineProps);
|
|
104
|
+
return createMemo(() => editable.connect(service, normalizeProps));
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
//#endregion
|
|
108
|
+
//#region src/components/editable/editable-root.tsx
|
|
109
|
+
const EditableRoot = (props) => {
|
|
110
|
+
const [useEditableProps, localProps] = createSplitProps()(props, [
|
|
111
|
+
"activationMode",
|
|
112
|
+
"autoResize",
|
|
113
|
+
"defaultEdit",
|
|
114
|
+
"defaultValue",
|
|
115
|
+
"disabled",
|
|
116
|
+
"edit",
|
|
117
|
+
"finalFocusEl",
|
|
118
|
+
"form",
|
|
119
|
+
"id",
|
|
120
|
+
"ids",
|
|
121
|
+
"invalid",
|
|
122
|
+
"maxLength",
|
|
123
|
+
"name",
|
|
124
|
+
"onEditChange",
|
|
125
|
+
"onFocusOutside",
|
|
126
|
+
"onInteractOutside",
|
|
127
|
+
"onPointerDownOutside",
|
|
128
|
+
"onValueChange",
|
|
129
|
+
"onValueCommit",
|
|
130
|
+
"onValueRevert",
|
|
131
|
+
"placeholder",
|
|
132
|
+
"readOnly",
|
|
133
|
+
"required",
|
|
134
|
+
"selectOnFocus",
|
|
135
|
+
"submitMode",
|
|
136
|
+
"translations",
|
|
137
|
+
"value"
|
|
138
|
+
]);
|
|
139
|
+
const api = useEditable(useEditableProps);
|
|
140
|
+
const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
|
|
141
|
+
return <EditableProvider value={api}>
|
|
142
|
+
<sprawlify.div {...mergedProps} />
|
|
143
|
+
</EditableProvider>;
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
//#endregion
|
|
147
|
+
//#region src/components/editable/editable-root-provider.tsx
|
|
148
|
+
const EditableRootProvider = (props) => {
|
|
149
|
+
const [{ value: editable$1 }, localProps] = createSplitProps()(props, ["value"]);
|
|
150
|
+
const mergedProps = mergeProps$1(() => editable$1().getRootProps(), localProps);
|
|
151
|
+
return <EditableProvider value={editable$1}>
|
|
152
|
+
<sprawlify.div {...mergedProps} />
|
|
153
|
+
</EditableProvider>;
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
//#endregion
|
|
157
|
+
//#region src/components/editable/editable-submit-trigger.tsx
|
|
158
|
+
const EditableSubmitTrigger = (props) => {
|
|
159
|
+
const api = useEditableContext();
|
|
160
|
+
const mergedProps = mergeProps$1(() => api().getSubmitTriggerProps(), props);
|
|
161
|
+
return <sprawlify.button {...mergedProps} />;
|
|
162
|
+
};
|
|
163
|
+
|
|
164
|
+
//#endregion
|
|
165
|
+
//#region src/components/editable/editable.ts
|
|
166
|
+
var editable_exports = /* @__PURE__ */ __export({
|
|
167
|
+
Area: () => EditableArea,
|
|
168
|
+
CancelTrigger: () => EditableCancelTrigger,
|
|
169
|
+
Context: () => EditableContext,
|
|
170
|
+
Control: () => EditableControl,
|
|
171
|
+
EditTrigger: () => EditableEditTrigger,
|
|
172
|
+
Input: () => EditableInput,
|
|
173
|
+
Label: () => EditableLabel,
|
|
174
|
+
Preview: () => EditablePreview,
|
|
175
|
+
Root: () => EditableRoot,
|
|
176
|
+
RootProvider: () => EditableRootProvider,
|
|
177
|
+
SubmitTrigger: () => EditableSubmitTrigger
|
|
178
|
+
});
|
|
179
|
+
|
|
180
|
+
//#endregion
|
|
181
|
+
export { editable_exports as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, editableAnatomy, useEditable, useEditableContext };
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { n as MaybeAccessor } from "../../types-Dbw4va3W.js";
|
|
2
|
+
import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
|
|
3
|
+
import * as solid_js8 from "solid-js";
|
|
4
|
+
import { JSX } from "solid-js";
|
|
5
|
+
import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
|
|
6
|
+
|
|
7
|
+
//#region src/components/field/use-field.d.ts
|
|
8
|
+
interface ElementIds {
|
|
9
|
+
root?: string;
|
|
10
|
+
control?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
errorText?: string;
|
|
13
|
+
helperText?: string;
|
|
14
|
+
}
|
|
15
|
+
interface UseFieldProps {
|
|
16
|
+
/**
|
|
17
|
+
* The id of the field.
|
|
18
|
+
*/
|
|
19
|
+
id?: string;
|
|
20
|
+
/**
|
|
21
|
+
* The ids of the field parts.
|
|
22
|
+
*/
|
|
23
|
+
ids?: ElementIds;
|
|
24
|
+
/**
|
|
25
|
+
* Indicates whether the field is required.
|
|
26
|
+
*/
|
|
27
|
+
required?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Indicates whether the field is disabled.
|
|
30
|
+
*/
|
|
31
|
+
disabled?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Indicates whether the field is invalid.
|
|
34
|
+
*/
|
|
35
|
+
invalid?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Indicates whether the field is read-only.
|
|
38
|
+
*/
|
|
39
|
+
readOnly?: boolean;
|
|
40
|
+
}
|
|
41
|
+
type UseFieldReturn = ReturnType<typeof useField>;
|
|
42
|
+
declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js8.Accessor<{
|
|
43
|
+
ariaDescribedby: string;
|
|
44
|
+
ids: {
|
|
45
|
+
control: string;
|
|
46
|
+
label: string;
|
|
47
|
+
errorText: string;
|
|
48
|
+
helperText: string;
|
|
49
|
+
};
|
|
50
|
+
refs: {
|
|
51
|
+
rootRef: solid_js8.Setter<HTMLDivElement | undefined>;
|
|
52
|
+
};
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
invalid: boolean;
|
|
55
|
+
readOnly: boolean;
|
|
56
|
+
required: boolean;
|
|
57
|
+
getLabelProps: () => {
|
|
58
|
+
id: string;
|
|
59
|
+
'data-disabled': boolean | "true" | "false";
|
|
60
|
+
'data-invalid': boolean | "true" | "false";
|
|
61
|
+
'data-readonly': boolean | "true" | "false";
|
|
62
|
+
'data-required': boolean | "true" | "false";
|
|
63
|
+
htmlFor: string;
|
|
64
|
+
"data-scope": string;
|
|
65
|
+
"data-part": string;
|
|
66
|
+
};
|
|
67
|
+
getRootProps: () => {
|
|
68
|
+
id: string;
|
|
69
|
+
role: string;
|
|
70
|
+
'data-disabled': boolean | "true" | "false";
|
|
71
|
+
'data-invalid': boolean | "true" | "false";
|
|
72
|
+
'data-readonly': boolean | "true" | "false";
|
|
73
|
+
"data-scope": string;
|
|
74
|
+
"data-part": string;
|
|
75
|
+
};
|
|
76
|
+
getInputProps: () => {
|
|
77
|
+
"data-scope": string;
|
|
78
|
+
"data-part": string;
|
|
79
|
+
'aria-describedby': string | undefined;
|
|
80
|
+
'aria-invalid': "true" | undefined;
|
|
81
|
+
'data-invalid': boolean | "true" | "false";
|
|
82
|
+
'data-required': boolean | "true" | "false";
|
|
83
|
+
'data-readonly': boolean | "true" | "false";
|
|
84
|
+
id: string;
|
|
85
|
+
required: boolean;
|
|
86
|
+
disabled: boolean;
|
|
87
|
+
readOnly: true | undefined;
|
|
88
|
+
};
|
|
89
|
+
getTextareaProps: () => {
|
|
90
|
+
"data-scope": string;
|
|
91
|
+
"data-part": string;
|
|
92
|
+
'aria-describedby': string | undefined;
|
|
93
|
+
'aria-invalid': "true" | undefined;
|
|
94
|
+
'data-invalid': boolean | "true" | "false";
|
|
95
|
+
'data-required': boolean | "true" | "false";
|
|
96
|
+
'data-readonly': boolean | "true" | "false";
|
|
97
|
+
id: string;
|
|
98
|
+
required: boolean;
|
|
99
|
+
disabled: boolean;
|
|
100
|
+
readOnly: true | undefined;
|
|
101
|
+
};
|
|
102
|
+
getSelectProps: () => {
|
|
103
|
+
"data-scope": string;
|
|
104
|
+
"data-part": string;
|
|
105
|
+
'aria-describedby': string | undefined;
|
|
106
|
+
'aria-invalid': "true" | undefined;
|
|
107
|
+
'data-invalid': boolean | "true" | "false";
|
|
108
|
+
'data-required': boolean | "true" | "false";
|
|
109
|
+
'data-readonly': boolean | "true" | "false";
|
|
110
|
+
id: string;
|
|
111
|
+
required: boolean;
|
|
112
|
+
disabled: boolean;
|
|
113
|
+
readOnly: true | undefined;
|
|
114
|
+
};
|
|
115
|
+
getHelperTextProps: () => {
|
|
116
|
+
'data-disabled': boolean | "true" | "false";
|
|
117
|
+
"data-scope": string;
|
|
118
|
+
"data-part": string;
|
|
119
|
+
id: string;
|
|
120
|
+
};
|
|
121
|
+
getErrorTextProps: () => {
|
|
122
|
+
'aria-live': string;
|
|
123
|
+
"data-scope": string;
|
|
124
|
+
"data-part": string;
|
|
125
|
+
id: string;
|
|
126
|
+
};
|
|
127
|
+
getRequiredIndicatorProps: () => {
|
|
128
|
+
"data-scope": string;
|
|
129
|
+
"data-part": string;
|
|
130
|
+
'aria-hidden': boolean;
|
|
131
|
+
};
|
|
132
|
+
}>;
|
|
133
|
+
//#endregion
|
|
134
|
+
//#region src/components/field/use-field-context.d.ts
|
|
135
|
+
interface UseFieldContext extends UseFieldReturn {}
|
|
136
|
+
//#endregion
|
|
137
|
+
//#region src/components/field/field-context.d.ts
|
|
138
|
+
interface FieldContextProps {
|
|
139
|
+
children: (context: UseFieldContext) => JSX.Element;
|
|
140
|
+
}
|
|
141
|
+
declare const FieldContext: (props: FieldContextProps) => JSX.Element;
|
|
142
|
+
//#endregion
|
|
143
|
+
//#region src/components/field/field-error-text.d.ts
|
|
144
|
+
interface FieldErrorTextBaseProps extends PolymorphicProps<'span'> {}
|
|
145
|
+
interface FieldErrorTextProps extends HTMLProps<'span'>, FieldErrorTextBaseProps {}
|
|
146
|
+
declare const FieldErrorText: (props: FieldErrorTextProps) => solid_js8.JSX.Element;
|
|
147
|
+
//#endregion
|
|
148
|
+
//#region src/components/field/field-helper-text.d.ts
|
|
149
|
+
interface FieldHelperTextBaseProps extends PolymorphicProps<'span'> {}
|
|
150
|
+
interface FieldHelperTextProps extends HTMLProps<'span'>, FieldHelperTextBaseProps {}
|
|
151
|
+
declare const FieldHelperText: (props: FieldHelperTextProps) => solid_js8.JSX.Element;
|
|
152
|
+
//#endregion
|
|
153
|
+
//#region src/components/field/field-input.d.ts
|
|
154
|
+
interface FieldInputBaseProps extends PolymorphicProps<'input'> {}
|
|
155
|
+
interface FieldInputProps extends HTMLProps<'input'>, FieldInputBaseProps {}
|
|
156
|
+
declare const FieldInput: (props: FieldInputProps) => solid_js8.JSX.Element;
|
|
157
|
+
//#endregion
|
|
158
|
+
//#region src/components/field/field-label.d.ts
|
|
159
|
+
interface FieldLabelBaseProps extends PolymorphicProps<'label'> {}
|
|
160
|
+
interface FieldLabelProps extends HTMLProps<'label'>, FieldLabelBaseProps {}
|
|
161
|
+
declare const FieldLabel: (props: FieldLabelProps) => solid_js8.JSX.Element;
|
|
162
|
+
//#endregion
|
|
163
|
+
//#region src/components/field/field-required-indicator.d.ts
|
|
164
|
+
interface FieldRequiredIndicatorBaseProps extends PolymorphicProps<'span'> {
|
|
165
|
+
fallback?: JSX.Element;
|
|
166
|
+
}
|
|
167
|
+
interface FieldRequiredIndicatorProps extends HTMLProps<'span'>, FieldRequiredIndicatorBaseProps {}
|
|
168
|
+
declare const FieldRequiredIndicator: (props: FieldRequiredIndicatorProps) => JSX.Element;
|
|
169
|
+
//#endregion
|
|
170
|
+
//#region src/components/field/field-root.d.ts
|
|
171
|
+
interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps<'div'> {}
|
|
172
|
+
interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {}
|
|
173
|
+
declare const FieldRoot: (props: FieldRootProps) => solid_js8.JSX.Element;
|
|
174
|
+
//#endregion
|
|
175
|
+
//#region src/components/field/field-root-provider.d.ts
|
|
176
|
+
interface RootProviderProps {
|
|
177
|
+
value: UseFieldReturn;
|
|
178
|
+
}
|
|
179
|
+
interface FieldRootProviderBaseProps extends PolymorphicProps<'div'> {}
|
|
180
|
+
interface FieldRootProviderProps extends HTMLProps<'div'>, RootProviderProps, FieldRootProviderBaseProps {}
|
|
181
|
+
declare const FieldRootProvider: (props: FieldRootProviderProps) => solid_js8.JSX.Element;
|
|
182
|
+
//#endregion
|
|
183
|
+
//#region src/components/field/field-select.d.ts
|
|
184
|
+
interface FieldSelectBaseProps extends PolymorphicProps<'select'> {}
|
|
185
|
+
interface FieldSelectProps extends HTMLProps<'select'>, FieldSelectBaseProps {}
|
|
186
|
+
declare const FieldSelect: (props: FieldSelectProps) => solid_js8.JSX.Element;
|
|
187
|
+
//#endregion
|
|
188
|
+
//#region src/components/field/field-textarea.d.ts
|
|
189
|
+
interface FieldTextareaBaseProps extends PolymorphicProps<'textarea'> {
|
|
190
|
+
autoresize?: boolean;
|
|
191
|
+
}
|
|
192
|
+
interface FieldTextareaProps extends HTMLProps<'textarea'>, FieldTextareaBaseProps {}
|
|
193
|
+
declare const FieldTextarea: (props: FieldTextareaProps) => solid_js8.JSX.Element;
|
|
194
|
+
//#endregion
|
|
195
|
+
//#region src/components/field/field-anatomy.d.ts
|
|
196
|
+
declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "errorText" | "helperText" | "input" | "label" | "select" | "textarea" | "requiredIndicator">;
|
|
197
|
+
declare namespace field_d_exports {
|
|
198
|
+
export { FieldContext as Context, FieldContextProps as ContextProps, FieldErrorText as ErrorText, FieldErrorTextBaseProps as ErrorTextBaseProps, FieldErrorTextProps as ErrorTextProps, FieldHelperText as HelperText, FieldHelperTextBaseProps as HelperTextBaseProps, FieldHelperTextProps as HelperTextProps, FieldInput as Input, FieldInputBaseProps as InputBaseProps, FieldInputProps as InputProps, FieldLabel as Label, FieldLabelBaseProps as LabelBaseProps, FieldLabelProps as LabelProps, FieldRequiredIndicator as RequiredIndicator, FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, FieldRequiredIndicatorProps as RequiredIndicatorProps, FieldRoot as Root, FieldRootBaseProps as RootBaseProps, FieldRootProps as RootProps, FieldRootProvider as RootProvider, FieldRootProviderBaseProps as RootProviderBaseProps, FieldRootProviderProps as RootProviderProps, FieldSelect as Select, FieldSelectBaseProps as SelectBaseProps, FieldSelectProps as SelectProps, FieldTextarea as Textarea, FieldTextareaBaseProps as TextareaBaseProps, FieldTextareaProps as TextareaProps };
|
|
199
|
+
}
|
|
200
|
+
//#endregion
|
|
201
|
+
export { field_d_exports as Field, FieldContext, type FieldContextProps, FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps, FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, FieldInput, type FieldInputBaseProps, type FieldInputProps, FieldLabel, type FieldLabelBaseProps, type FieldLabelProps, FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, FieldRoot, type FieldRootBaseProps, type FieldRootProps, FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, FieldSelect, type FieldSelectBaseProps, type FieldSelectProps, FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, type UseFieldContext, type UseFieldProps, type UseFieldReturn, fieldAnatomy, useField, useFieldContext };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "../../core-oNB2jGcl.js";
|
|
2
|
+
import "../../create-context-GfQ_MylE.js";
|
|
3
|
+
import "../../providers-Bo0OFe08.js";
|
|
4
|
+
import "../../create-split-props-pQu7jijw.js";
|
|
5
|
+
import "../../factory-PGDAvOKb.js";
|
|
6
|
+
import "../../compose-refs-BVVIB7xn.js";
|
|
7
|
+
import "../../fieldset-BrJqMLEd.js";
|
|
8
|
+
import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-CoYiA2ek.js";
|
|
9
|
+
|
|
10
|
+
export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "../../core-DbInRfhI.jsx";
|
|
2
|
+
import "../../create-context-C3rvZvkc.jsx";
|
|
3
|
+
import "../../providers-DFaRRd80.jsx";
|
|
4
|
+
import "../../create-split-props-B8A7_AF7.jsx";
|
|
5
|
+
import "../../factory-Ch5jgk20.jsx";
|
|
6
|
+
import "../../compose-refs-icUeuyHm.jsx";
|
|
7
|
+
import "../../fieldset-B_LyllEa.jsx";
|
|
8
|
+
import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-BRr9Zdes.jsx";
|
|
9
|
+
|
|
10
|
+
export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };
|