@sprawlify/solid 0.0.15 → 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/{collapsible-Cg7zPadX.js → collapsible-CX2tnXKq.js} +8 -6
- package/dist/{collapsible-CjuC6xYl.jsx → collapsible-sG-Rzvf2.jsx} +8 -6
- package/dist/{collection-BlnS2UQy.jsx → collection-BRr4O2_i.jsx} +2 -1
- package/dist/{collection-BiyRTWsX.js → collection-zj3lxnwW.js} +2 -1
- package/dist/components/accordion/index.d.ts +11 -11
- package/dist/components/accordion/index.js +9 -7
- package/dist/components/accordion/index.jsx +9 -7
- package/dist/components/angle-slider/index.d.ts +13 -13
- package/dist/components/angle-slider/index.js +7 -5
- package/dist/components/angle-slider/index.jsx +7 -5
- package/dist/components/avatar/index.d.ts +8 -8
- package/dist/components/avatar/index.js +7 -5
- package/dist/components/avatar/index.jsx +7 -5
- package/dist/components/bottom-sheet/index.d.ts +13 -13
- package/dist/components/bottom-sheet/index.js +10 -8
- package/dist/components/bottom-sheet/index.jsx +10 -8
- package/dist/components/carousel/index.d.ts +17 -17
- package/dist/components/carousel/index.js +7 -5
- package/dist/components/carousel/index.jsx +7 -5
- package/dist/components/checkbox/index.d.ts +14 -14
- package/dist/components/checkbox/index.js +10 -8
- package/dist/components/checkbox/index.jsx +10 -8
- package/dist/components/clipboard/index.d.ts +11 -11
- package/dist/components/clipboard/index.js +7 -5
- package/dist/components/clipboard/index.jsx +7 -5
- package/dist/components/collapsible/index.d.ts +10 -10
- package/dist/components/collapsible/index.js +7 -6
- package/dist/components/collapsible/index.jsx +7 -6
- 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 +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 +14 -14
- package/dist/components/field/index.js +8 -7
- package/dist/components/field/index.jsx +8 -7
- package/dist/components/fieldset/index.d.ts +12 -12
- package/dist/components/fieldset/index.js +7 -6
- package/dist/components/fieldset/index.jsx +7 -6
- 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 +4 -4
- package/dist/components/presence/index.js +7 -6
- package/dist/components/presence/index.jsx +7 -6
- package/dist/components/select/index.d.ts +22 -22
- package/dist/components/select/index.js +13 -11
- package/dist/components/select/index.jsx +13 -11
- package/dist/{run-if-fn-eYlaegHy.js → core-DbInRfhI.jsx} +1 -6
- package/dist/{run-if-fn-DRWB51JE.jsx → core-oNB2jGcl.js} +1 -6
- package/dist/create-split-props-B8A7_AF7.jsx +7 -0
- package/dist/create-split-props-pQu7jijw.js +7 -0
- package/dist/{factory-B6RK6SH4.d.ts → factory-4A25bngy.d.ts} +1 -1
- package/dist/{create-split-props-CQVsvhvg.jsx → factory-Ch5jgk20.jsx} +2 -6
- package/dist/{factory-CEdj72aS.js → factory-PGDAvOKb.js} +2 -6
- package/dist/{field-CphvciGc.jsx → field-BRr9Zdes.jsx} +8 -7
- package/dist/{field-C_WuoXOj.js → field-CoYiA2ek.js} +8 -7
- package/dist/{fieldset-BG-0ZqWT.jsx → fieldset-B_LyllEa.jsx} +8 -6
- package/dist/{fieldset-D1BO0LmU.js → fieldset-BrJqMLEd.js} +8 -6
- package/dist/{index-DXheKbqg.d.ts → index-GEfvAmRc.d.ts} +1 -1
- package/dist/{index-NWiNyxpL.d.ts → index-j2avJy7D.d.ts} +8 -8
- package/dist/{index-vSwYtc2L.d.ts → index-oc8gLl07.d.ts} +4 -4
- package/dist/index.d.ts +5 -5
- package/dist/index.js +4 -4
- package/dist/index.jsx +4 -4
- package/dist/{presence-arWh1hVd.jsx → presence-Bmn43U_q.jsx} +7 -5
- package/dist/{presence-Bfjusgm3.js → presence-BpwBRlZW.js} +7 -5
- package/dist/{providers-CQkAUunr.js → providers-Bo0OFe08.js} +2 -2
- package/dist/{providers-CHqGPEsc.jsx → providers-DFaRRd80.jsx} +2 -2
- package/dist/{render-strategy-CZDG_yDi.jsx → render-strategy-CdJhRv3I.jsx} +2 -2
- package/dist/{render-strategy-COrlrUuR.js → render-strategy-DFlz7Uc4.js} +2 -2
- package/dist/run-if-fn-A3VwXy-o.jsx +6 -0
- package/dist/run-if-fn-D5794CxE.js +6 -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 +42 -2
- /package/dist/{chunk-C4aQI7lE.jsx → chunk-B5so6B0y.jsx} +0 -0
- /package/dist/{chunk-CKcAJnC7.js → chunk-B93cd-Dz.js} +0 -0
- /package/dist/{compose-refs-CzyOb8yH.jsx → compose-refs-BVVIB7xn.js} +0 -0
- /package/dist/{compose-refs-vsrTrt13.js → compose-refs-icUeuyHm.jsx} +0 -0
- /package/dist/{create-context-PS2j4mEo.js → create-context-C3rvZvkc.jsx} +0 -0
- /package/dist/{create-context-h3cXiEld.jsx → create-context-GfQ_MylE.js} +0 -0
- /package/dist/{index-B0YoIRC4.d.ts → index-B6dBCfnB.d.ts} +0 -0
- /package/dist/{index-C3ATynHc.d.ts → index-C7N791Fc.d.ts} +0 -0
- /package/dist/{render-strategy-CtRkdWei.d.ts → render-strategy-BNECKEQk.d.ts} +0 -0
- /package/dist/{types-bQRbEioA.d.ts → types-Dbw4va3W.d.ts} +0 -0
- /package/dist/{utils-DYer-9SY.js → utils-DQi-Cen5.js} +0 -0
- /package/dist/{utils-DrvO4Hk3.jsx → utils-vSjszv0W.jsx} +0 -0
|
@@ -0,0 +1,415 @@
|
|
|
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 "../../render-strategy-CdJhRv3I.jsx";
|
|
8
|
+
import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
|
|
9
|
+
import { t as composeRefs } from "../../compose-refs-icUeuyHm.jsx";
|
|
10
|
+
import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bmn43U_q.jsx";
|
|
11
|
+
import { uniq } from "@sprawlify/primitives/utils";
|
|
12
|
+
import { Index, Show, createMemo, createUniqueId } from "solid-js";
|
|
13
|
+
import * as datePicker from "@sprawlify/primitives/machines/date-picker";
|
|
14
|
+
import { anatomy, parse as parseDate } from "@sprawlify/primitives/machines/date-picker";
|
|
15
|
+
|
|
16
|
+
//#region src/components/date-picker/use-date-picker-context.ts
|
|
17
|
+
const [DatePickerProvider, useDatePickerContext] = createContext$1({
|
|
18
|
+
hookName: "useDatePickerContext",
|
|
19
|
+
providerName: "<DatePickerProvider />"
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/components/date-picker/date-picker-clear-trigger.tsx
|
|
24
|
+
const DatePickerClearTrigger = (props) => {
|
|
25
|
+
const api = useDatePickerContext();
|
|
26
|
+
const mergedProps = mergeProps$1(() => api().getClearTriggerProps(), props);
|
|
27
|
+
return <sprawlify.button {...mergedProps} />;
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/date-picker/date-picker-content.tsx
|
|
32
|
+
const DatePickerContent = (props) => {
|
|
33
|
+
const api = useDatePickerContext();
|
|
34
|
+
const presenceApi = usePresenceContext();
|
|
35
|
+
const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
|
|
36
|
+
return <Show when={!presenceApi().unmounted}>
|
|
37
|
+
<sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
|
|
38
|
+
</Show>;
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
//#endregion
|
|
42
|
+
//#region src/components/date-picker/date-picker-context.tsx
|
|
43
|
+
const DatePickerContext = (props) => props.children(useDatePickerContext());
|
|
44
|
+
|
|
45
|
+
//#endregion
|
|
46
|
+
//#region src/components/date-picker/date-picker-control.tsx
|
|
47
|
+
const DatePickerControl = (props) => {
|
|
48
|
+
const api = useDatePickerContext();
|
|
49
|
+
const mergedProps = mergeProps$1(() => api().getControlProps(), props);
|
|
50
|
+
return <sprawlify.div {...mergedProps} />;
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
//#endregion
|
|
54
|
+
//#region src/components/date-picker/date-picker-input.tsx
|
|
55
|
+
const DatePickerInput = (props) => {
|
|
56
|
+
const [inputProps, localProps] = createSplitProps()(props, ["index", "fixOnBlur"]);
|
|
57
|
+
const datePicker$1 = useDatePickerContext();
|
|
58
|
+
const mergedProps = mergeProps$1(() => datePicker$1().getInputProps(inputProps), localProps);
|
|
59
|
+
return <sprawlify.input {...mergedProps} />;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
//#endregion
|
|
63
|
+
//#region src/components/date-picker/date-picker-label.tsx
|
|
64
|
+
const DatePickerLabel = (props) => {
|
|
65
|
+
const api = useDatePickerContext();
|
|
66
|
+
const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
|
|
67
|
+
return <sprawlify.label {...mergedProps} />;
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
//#endregion
|
|
71
|
+
//#region src/components/date-picker/date-picker-month-select.tsx
|
|
72
|
+
const DatePickerMonthSelect = (props) => {
|
|
73
|
+
const datePicker$1 = useDatePickerContext();
|
|
74
|
+
const mergedProps = mergeProps$1(() => datePicker$1().getMonthSelectProps(), props);
|
|
75
|
+
return <sprawlify.select {...mergedProps}>
|
|
76
|
+
<Index each={datePicker$1().getMonths()}>{(month) => <option value={month().value}>{month().label}</option>}</Index>
|
|
77
|
+
</sprawlify.select>;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
//#endregion
|
|
81
|
+
//#region src/components/date-picker/use-date-picker-view-props-context.ts
|
|
82
|
+
const [DatePickerViewProvider, useDatePickerViewContext] = createContext$1({
|
|
83
|
+
hookName: "useDatePickerViewContext",
|
|
84
|
+
providerName: "<DatePickerViewProvider />",
|
|
85
|
+
strict: false,
|
|
86
|
+
defaultValue: { view: "day" }
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
//#endregion
|
|
90
|
+
//#region src/components/date-picker/date-picker-next-trigger.tsx
|
|
91
|
+
const DatePickerNextTrigger = (props) => {
|
|
92
|
+
const api = useDatePickerContext();
|
|
93
|
+
const viewProps = useDatePickerViewContext();
|
|
94
|
+
const mergedProps = mergeProps$1(() => api().getNextTriggerProps(viewProps), props);
|
|
95
|
+
return <sprawlify.button {...mergedProps} />;
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
//#endregion
|
|
99
|
+
//#region src/components/date-picker/date-picker-positioner.tsx
|
|
100
|
+
const DatePickerPositioner = (props) => {
|
|
101
|
+
const api = useDatePickerContext();
|
|
102
|
+
const presenceApi = usePresenceContext();
|
|
103
|
+
const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
|
|
104
|
+
return <Show when={!presenceApi().unmounted}>
|
|
105
|
+
<sprawlify.div {...mergedProps} />
|
|
106
|
+
</Show>;
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
//#endregion
|
|
110
|
+
//#region src/components/date-picker/date-picker-preset-trigger.tsx
|
|
111
|
+
const DatePickerPresetTrigger = (props) => {
|
|
112
|
+
const [presetTriggerProps, localProps] = createSplitProps()(props, ["value"]);
|
|
113
|
+
const api = useDatePickerContext();
|
|
114
|
+
const mergedProps = mergeProps$1(() => api().getPresetTriggerProps(presetTriggerProps), localProps);
|
|
115
|
+
return <sprawlify.button {...mergedProps} />;
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
//#endregion
|
|
119
|
+
//#region src/components/date-picker/date-picker-prev-trigger.tsx
|
|
120
|
+
const DatePickerPrevTrigger = (props) => {
|
|
121
|
+
const api = useDatePickerContext();
|
|
122
|
+
const viewProps = useDatePickerViewContext();
|
|
123
|
+
const mergedProps = mergeProps$1(() => api().getPrevTriggerProps(viewProps), props);
|
|
124
|
+
return <sprawlify.button {...mergedProps} />;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
//#endregion
|
|
128
|
+
//#region src/components/date-picker/date-picker-range-text.tsx
|
|
129
|
+
const DatePickerRangeText = (props) => {
|
|
130
|
+
const api = useDatePickerContext();
|
|
131
|
+
const mergedProps = mergeProps$1(() => api().getRangeTextProps(), props);
|
|
132
|
+
const visibleRangeText = createMemo(() => {
|
|
133
|
+
const { start, end } = api().visibleRangeText;
|
|
134
|
+
return uniq([start, end]).filter(Boolean).join(" - ");
|
|
135
|
+
});
|
|
136
|
+
return <sprawlify.div {...mergedProps}>{visibleRangeText()}</sprawlify.div>;
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
//#endregion
|
|
140
|
+
//#region src/components/date-picker/use-date-picker.ts
|
|
141
|
+
const useDatePicker = (props) => {
|
|
142
|
+
const id = createUniqueId();
|
|
143
|
+
const locale = useLocaleContext();
|
|
144
|
+
const environment = useEnvironmentContext();
|
|
145
|
+
const machineProps = createMemo(() => ({
|
|
146
|
+
id,
|
|
147
|
+
dir: locale().dir,
|
|
148
|
+
locale: locale().locale,
|
|
149
|
+
getRootNode: environment().getRootNode,
|
|
150
|
+
...runIfFn(props)
|
|
151
|
+
}));
|
|
152
|
+
const service = useMachine(datePicker.machine, machineProps);
|
|
153
|
+
return createMemo(() => datePicker.connect(service, normalizeProps));
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
//#endregion
|
|
157
|
+
//#region src/components/date-picker/date-picker-root.tsx
|
|
158
|
+
const DatePickerRoot = (props) => {
|
|
159
|
+
const [presenceProps, datePickerProps] = splitPresenceProps(props);
|
|
160
|
+
const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, [
|
|
161
|
+
"closeOnSelect",
|
|
162
|
+
"defaultFocusedValue",
|
|
163
|
+
"defaultOpen",
|
|
164
|
+
"defaultValue",
|
|
165
|
+
"defaultView",
|
|
166
|
+
"disabled",
|
|
167
|
+
"fixedWeeks",
|
|
168
|
+
"focusedValue",
|
|
169
|
+
"format",
|
|
170
|
+
"id",
|
|
171
|
+
"ids",
|
|
172
|
+
"inline",
|
|
173
|
+
"invalid",
|
|
174
|
+
"isDateUnavailable",
|
|
175
|
+
"locale",
|
|
176
|
+
"max",
|
|
177
|
+
"maxView",
|
|
178
|
+
"min",
|
|
179
|
+
"minView",
|
|
180
|
+
"name",
|
|
181
|
+
"numOfMonths",
|
|
182
|
+
"onFocusChange",
|
|
183
|
+
"onOpenChange",
|
|
184
|
+
"onValueChange",
|
|
185
|
+
"onViewChange",
|
|
186
|
+
"open",
|
|
187
|
+
"outsideDaySelectable",
|
|
188
|
+
"parse",
|
|
189
|
+
"placeholder",
|
|
190
|
+
"positioning",
|
|
191
|
+
"readOnly",
|
|
192
|
+
"required",
|
|
193
|
+
"selectionMode",
|
|
194
|
+
"startOfWeek",
|
|
195
|
+
"timeZone",
|
|
196
|
+
"translations",
|
|
197
|
+
"value",
|
|
198
|
+
"view"
|
|
199
|
+
]);
|
|
200
|
+
const api = useDatePicker(useDatePickerProps);
|
|
201
|
+
const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
|
|
202
|
+
const mergedProps = mergeProps$1(() => api().getRootProps(), localProps);
|
|
203
|
+
return <DatePickerProvider value={api}>
|
|
204
|
+
<PresenceProvider value={apiPresence}>
|
|
205
|
+
<sprawlify.div {...mergedProps} />
|
|
206
|
+
</PresenceProvider>
|
|
207
|
+
</DatePickerProvider>;
|
|
208
|
+
};
|
|
209
|
+
|
|
210
|
+
//#endregion
|
|
211
|
+
//#region src/components/date-picker/date-picker-root-provider.tsx
|
|
212
|
+
const DatePickerRootProvider = (props) => {
|
|
213
|
+
const [presenceProps, datePickerProps] = splitPresenceProps(props);
|
|
214
|
+
const [{ value: datePicker$1 }, localProps] = createSplitProps()(datePickerProps, ["value"]);
|
|
215
|
+
const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: datePicker$1().open })));
|
|
216
|
+
const mergedProps = mergeProps$1(() => datePicker$1().getRootProps(), localProps);
|
|
217
|
+
return <DatePickerProvider value={datePicker$1}>
|
|
218
|
+
<PresenceProvider value={presence}>
|
|
219
|
+
<sprawlify.div {...mergedProps} />
|
|
220
|
+
</PresenceProvider>
|
|
221
|
+
</DatePickerProvider>;
|
|
222
|
+
};
|
|
223
|
+
|
|
224
|
+
//#endregion
|
|
225
|
+
//#region src/components/date-picker/use-date-picker-table-props-context.ts
|
|
226
|
+
const [DatePickerTableProvider, useDatePickerTableContext] = createContext$1({
|
|
227
|
+
hookName: "useDatePickerTableContext",
|
|
228
|
+
providerName: "<DatePickerTableProvider />"
|
|
229
|
+
});
|
|
230
|
+
|
|
231
|
+
//#endregion
|
|
232
|
+
//#region src/components/date-picker/date-picker-table.tsx
|
|
233
|
+
const DatePickerTable = (props) => {
|
|
234
|
+
const [columnProps, localProps] = createSplitProps()(props, ["columns"]);
|
|
235
|
+
const api = useDatePickerContext();
|
|
236
|
+
const viewProps = useDatePickerViewContext();
|
|
237
|
+
const id = createUniqueId();
|
|
238
|
+
const tableProps = mergeProps$1(() => ({
|
|
239
|
+
columns: columnProps.columns,
|
|
240
|
+
id
|
|
241
|
+
}), viewProps);
|
|
242
|
+
const mergedProps = mergeProps$1(() => api().getTableProps(tableProps), localProps);
|
|
243
|
+
return <DatePickerTableProvider value={tableProps}>
|
|
244
|
+
<sprawlify.table {...mergedProps} />
|
|
245
|
+
</DatePickerTableProvider>;
|
|
246
|
+
};
|
|
247
|
+
|
|
248
|
+
//#endregion
|
|
249
|
+
//#region src/components/date-picker/date-picker-table-body.tsx
|
|
250
|
+
const DatePickerTableBody = (props) => {
|
|
251
|
+
const api = useDatePickerContext();
|
|
252
|
+
const tableProps = useDatePickerTableContext();
|
|
253
|
+
const mergedProps = mergeProps$1(() => api().getTableBodyProps(tableProps), props);
|
|
254
|
+
return <sprawlify.tbody {...mergedProps} />;
|
|
255
|
+
};
|
|
256
|
+
|
|
257
|
+
//#endregion
|
|
258
|
+
//#region src/components/date-picker/use-date-picker-table-cell-props-context.ts
|
|
259
|
+
const [DatePickerTableCellProvider, useDatePickerTableCellContext] = createContext$1({
|
|
260
|
+
hookName: "useDatePickerTableCellContext",
|
|
261
|
+
providerName: "<DatePickerTableCellProvider />"
|
|
262
|
+
});
|
|
263
|
+
|
|
264
|
+
//#endregion
|
|
265
|
+
//#region src/components/date-picker/date-picker-table-cell.tsx
|
|
266
|
+
const DatePickerTableCell = (props) => {
|
|
267
|
+
const [cellProps, localProps] = createSplitProps()(props, [
|
|
268
|
+
"disabled",
|
|
269
|
+
"value",
|
|
270
|
+
"visibleRange",
|
|
271
|
+
"columns"
|
|
272
|
+
]);
|
|
273
|
+
const api = useDatePickerContext();
|
|
274
|
+
const viewProps = useDatePickerViewContext();
|
|
275
|
+
const mergedProps = mergeProps$1(createMemo(() => {
|
|
276
|
+
const viewFn = {
|
|
277
|
+
day: api().getDayTableCellProps,
|
|
278
|
+
month: api().getMonthTableCellProps,
|
|
279
|
+
year: api().getYearTableCellProps
|
|
280
|
+
}[viewProps.view];
|
|
281
|
+
return viewFn(cellProps);
|
|
282
|
+
}), localProps);
|
|
283
|
+
return <DatePickerTableCellProvider value={cellProps}>
|
|
284
|
+
<sprawlify.td {...mergedProps} />
|
|
285
|
+
</DatePickerTableCellProvider>;
|
|
286
|
+
};
|
|
287
|
+
|
|
288
|
+
//#endregion
|
|
289
|
+
//#region src/components/date-picker/date-picker-table-cell-trigger.tsx
|
|
290
|
+
const DatePickerTableCellTrigger = (props) => {
|
|
291
|
+
const api = useDatePickerContext();
|
|
292
|
+
const cellProps = useDatePickerTableCellContext();
|
|
293
|
+
const viewProps = useDatePickerViewContext();
|
|
294
|
+
const mergedProps = mergeProps$1(createMemo(() => {
|
|
295
|
+
const viewFn = {
|
|
296
|
+
day: api().getDayTableCellTriggerProps,
|
|
297
|
+
month: api().getMonthTableCellTriggerProps,
|
|
298
|
+
year: api().getYearTableCellTriggerProps
|
|
299
|
+
}[viewProps.view];
|
|
300
|
+
return viewFn(cellProps);
|
|
301
|
+
}), props);
|
|
302
|
+
return <sprawlify.div {...mergedProps} />;
|
|
303
|
+
};
|
|
304
|
+
|
|
305
|
+
//#endregion
|
|
306
|
+
//#region src/components/date-picker/date-picker-table-head.tsx
|
|
307
|
+
const DatePickerTableHead = (props) => {
|
|
308
|
+
const api = useDatePickerContext();
|
|
309
|
+
const tableProps = useDatePickerTableContext();
|
|
310
|
+
const mergedProps = mergeProps$1(() => api().getTableHeadProps(tableProps), props);
|
|
311
|
+
return <sprawlify.thead {...mergedProps} />;
|
|
312
|
+
};
|
|
313
|
+
|
|
314
|
+
//#endregion
|
|
315
|
+
//#region src/components/date-picker/date-picker-table-header.tsx
|
|
316
|
+
const DatePickerTableHeader = (props) => {
|
|
317
|
+
const api = useDatePickerContext();
|
|
318
|
+
const tableProps = useDatePickerTableContext();
|
|
319
|
+
const mergedProps = mergeProps$1(() => api().getTableHeaderProps(tableProps), props);
|
|
320
|
+
return <sprawlify.th {...mergedProps} />;
|
|
321
|
+
};
|
|
322
|
+
|
|
323
|
+
//#endregion
|
|
324
|
+
//#region src/components/date-picker/date-picker-table-row.tsx
|
|
325
|
+
const DatePickerTableRow = (props) => {
|
|
326
|
+
const api = useDatePickerContext();
|
|
327
|
+
const tableProps = useDatePickerTableContext();
|
|
328
|
+
const mergedProps = mergeProps$1(() => api().getTableRowProps(tableProps), props);
|
|
329
|
+
return <sprawlify.tr {...mergedProps} />;
|
|
330
|
+
};
|
|
331
|
+
|
|
332
|
+
//#endregion
|
|
333
|
+
//#region src/components/date-picker/date-picker-trigger.tsx
|
|
334
|
+
const DatePickerTrigger = (props) => {
|
|
335
|
+
const api = useDatePickerContext();
|
|
336
|
+
const mergedProps = mergeProps$1(() => api().getTriggerProps(), props);
|
|
337
|
+
return <sprawlify.button {...mergedProps} />;
|
|
338
|
+
};
|
|
339
|
+
|
|
340
|
+
//#endregion
|
|
341
|
+
//#region src/components/date-picker/date-picker-anatomy.ts
|
|
342
|
+
const datePickerAnatomy = anatomy.extendWith("view");
|
|
343
|
+
|
|
344
|
+
//#endregion
|
|
345
|
+
//#region src/components/date-picker/date-picker-view.tsx
|
|
346
|
+
const DatePickerView = (props) => {
|
|
347
|
+
const [viewProps, localProps] = createSplitProps()(props, ["view"]);
|
|
348
|
+
const api = useDatePickerContext();
|
|
349
|
+
const mergedProps = mergeProps$1(() => datePickerAnatomy.build().view.attrs, localProps);
|
|
350
|
+
return <DatePickerViewProvider value={viewProps}>
|
|
351
|
+
<sprawlify.div {...mergedProps} hidden={api().view !== viewProps.view} />
|
|
352
|
+
</DatePickerViewProvider>;
|
|
353
|
+
};
|
|
354
|
+
|
|
355
|
+
//#endregion
|
|
356
|
+
//#region src/components/date-picker/date-picker-view-control.tsx
|
|
357
|
+
const DatePickerViewControl = (props) => {
|
|
358
|
+
const api = useDatePickerContext();
|
|
359
|
+
const viewProps = useDatePickerViewContext();
|
|
360
|
+
const mergedProps = mergeProps$1(() => api().getViewControlProps(viewProps), props);
|
|
361
|
+
return <sprawlify.div {...mergedProps} />;
|
|
362
|
+
};
|
|
363
|
+
|
|
364
|
+
//#endregion
|
|
365
|
+
//#region src/components/date-picker/date-picker-view-trigger.tsx
|
|
366
|
+
const DatePickerViewTrigger = (props) => {
|
|
367
|
+
const api = useDatePickerContext();
|
|
368
|
+
const viewProps = useDatePickerViewContext();
|
|
369
|
+
const mergedProps = mergeProps$1(() => api().getViewTriggerProps(viewProps), props);
|
|
370
|
+
return <sprawlify.button {...mergedProps} />;
|
|
371
|
+
};
|
|
372
|
+
|
|
373
|
+
//#endregion
|
|
374
|
+
//#region src/components/date-picker/date-picker-year-select.tsx
|
|
375
|
+
const DatePickerYearSelect = (props) => {
|
|
376
|
+
const datePicker$1 = useDatePickerContext();
|
|
377
|
+
const mergedProps = mergeProps$1(() => datePicker$1().getYearSelectProps(), props);
|
|
378
|
+
return <sprawlify.select {...mergedProps}>
|
|
379
|
+
<Index each={datePicker$1().getYears()}>{(year) => <option value={year().value}>{year().label}</option>}</Index>
|
|
380
|
+
</sprawlify.select>;
|
|
381
|
+
};
|
|
382
|
+
|
|
383
|
+
//#endregion
|
|
384
|
+
//#region src/components/date-picker/date-picker.ts
|
|
385
|
+
var date_picker_exports = /* @__PURE__ */ __export({
|
|
386
|
+
ClearTrigger: () => DatePickerClearTrigger,
|
|
387
|
+
Content: () => DatePickerContent,
|
|
388
|
+
Context: () => DatePickerContext,
|
|
389
|
+
Control: () => DatePickerControl,
|
|
390
|
+
Input: () => DatePickerInput,
|
|
391
|
+
Label: () => DatePickerLabel,
|
|
392
|
+
MonthSelect: () => DatePickerMonthSelect,
|
|
393
|
+
NextTrigger: () => DatePickerNextTrigger,
|
|
394
|
+
Positioner: () => DatePickerPositioner,
|
|
395
|
+
PresetTrigger: () => DatePickerPresetTrigger,
|
|
396
|
+
PrevTrigger: () => DatePickerPrevTrigger,
|
|
397
|
+
RangeText: () => DatePickerRangeText,
|
|
398
|
+
Root: () => DatePickerRoot,
|
|
399
|
+
RootProvider: () => DatePickerRootProvider,
|
|
400
|
+
Table: () => DatePickerTable,
|
|
401
|
+
TableBody: () => DatePickerTableBody,
|
|
402
|
+
TableCell: () => DatePickerTableCell,
|
|
403
|
+
TableCellTrigger: () => DatePickerTableCellTrigger,
|
|
404
|
+
TableHead: () => DatePickerTableHead,
|
|
405
|
+
TableHeader: () => DatePickerTableHeader,
|
|
406
|
+
TableRow: () => DatePickerTableRow,
|
|
407
|
+
Trigger: () => DatePickerTrigger,
|
|
408
|
+
View: () => DatePickerView,
|
|
409
|
+
ViewControl: () => DatePickerViewControl,
|
|
410
|
+
ViewTrigger: () => DatePickerViewTrigger,
|
|
411
|
+
YearSelect: () => DatePickerYearSelect
|
|
412
|
+
});
|
|
413
|
+
|
|
414
|
+
//#endregion
|
|
415
|
+
export { date_picker_exports as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, datePickerAnatomy, parseDate, useDatePicker, useDatePickerContext };
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { n as PropTypes } from "../../index-C7N791Fc.js";
|
|
2
|
+
import { i as Optional, n as MaybeAccessor } from "../../types-Dbw4va3W.js";
|
|
3
|
+
import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
|
|
4
|
+
import "../../render-strategy-BNECKEQk.js";
|
|
5
|
+
import { s as UsePresenceProps } from "../../index-j2avJy7D.js";
|
|
6
|
+
import * as solid_js39 from "solid-js";
|
|
7
|
+
import { Accessor, JSX } from "solid-js";
|
|
8
|
+
import * as dialog from "@sprawlify/primitives/machines/dialog";
|
|
9
|
+
import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, anatomy as dialogAnatomy } from "@sprawlify/primitives/machines/dialog";
|
|
10
|
+
|
|
11
|
+
//#region src/components/dialog/dialog-backdrop.d.ts
|
|
12
|
+
interface DialogBackdropBaseProps extends PolymorphicProps<'div'> {}
|
|
13
|
+
interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {}
|
|
14
|
+
declare const DialogBackdrop: (props: DialogBackdropProps) => solid_js39.JSX.Element;
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/components/dialog/dialog-close-trigger.d.ts
|
|
17
|
+
interface DialogCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
|
|
18
|
+
interface DialogCloseTriggerProps extends HTMLProps<'button'>, DialogCloseTriggerBaseProps {}
|
|
19
|
+
declare const DialogCloseTrigger: (props: DialogCloseTriggerProps) => solid_js39.JSX.Element;
|
|
20
|
+
//#endregion
|
|
21
|
+
//#region src/components/dialog/dialog-content.d.ts
|
|
22
|
+
interface DialogContentBaseProps extends PolymorphicProps<'div'> {}
|
|
23
|
+
interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {}
|
|
24
|
+
declare const DialogContent: (props: DialogContentProps) => solid_js39.JSX.Element;
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region src/components/dialog/use-dialog.d.ts
|
|
27
|
+
interface UseDialogProps extends Optional<Omit<dialog.Props, 'dir' | 'getRootNode'>, 'id'> {}
|
|
28
|
+
interface UseDialogReturn extends Accessor<dialog.Api<PropTypes>> {}
|
|
29
|
+
declare const useDialog: (props?: MaybeAccessor<UseDialogProps>) => UseDialogReturn;
|
|
30
|
+
//#endregion
|
|
31
|
+
//#region src/components/dialog/use-dialog-context.d.ts
|
|
32
|
+
interface UseDialogContext extends UseDialogReturn {}
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region src/components/dialog/dialog-context.d.ts
|
|
35
|
+
interface DialogContextProps {
|
|
36
|
+
children: (context: UseDialogContext) => JSX.Element;
|
|
37
|
+
}
|
|
38
|
+
declare const DialogContext: (props: DialogContextProps) => JSX.Element;
|
|
39
|
+
//#endregion
|
|
40
|
+
//#region src/components/dialog/dialog-description.d.ts
|
|
41
|
+
interface DialogDescriptionBaseProps extends PolymorphicProps<'div'> {}
|
|
42
|
+
interface DialogDescriptionProps extends HTMLProps<'div'>, DialogDescriptionBaseProps {}
|
|
43
|
+
declare const DialogDescription: (props: DialogDescriptionProps) => solid_js39.JSX.Element;
|
|
44
|
+
//#endregion
|
|
45
|
+
//#region src/components/dialog/dialog-positioner.d.ts
|
|
46
|
+
interface DialogPositionerBaseProps extends PolymorphicProps<'div'> {}
|
|
47
|
+
interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {}
|
|
48
|
+
declare const DialogPositioner: (props: DialogPositionerProps) => solid_js39.JSX.Element;
|
|
49
|
+
//#endregion
|
|
50
|
+
//#region src/components/dialog/dialog-root.d.ts
|
|
51
|
+
interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {}
|
|
52
|
+
interface DialogRootProps extends DialogRootBaseProps {
|
|
53
|
+
children?: JSX.Element;
|
|
54
|
+
}
|
|
55
|
+
declare const DialogRoot: (props: DialogRootProps) => JSX.Element;
|
|
56
|
+
//#endregion
|
|
57
|
+
//#region src/components/dialog/dialog-root-provider.d.ts
|
|
58
|
+
interface RootProviderProps {
|
|
59
|
+
value: UseDialogReturn;
|
|
60
|
+
}
|
|
61
|
+
interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
|
|
62
|
+
interface DialogRootProviderProps extends DialogRootProviderBaseProps {
|
|
63
|
+
children?: JSX.Element;
|
|
64
|
+
}
|
|
65
|
+
declare const DialogRootProvider: (props: DialogRootProviderProps) => JSX.Element;
|
|
66
|
+
//#endregion
|
|
67
|
+
//#region src/components/dialog/dialog-title.d.ts
|
|
68
|
+
interface DialogTitleBaseProps extends PolymorphicProps<'h2'> {}
|
|
69
|
+
interface DialogTitleProps extends HTMLProps<'h2'>, DialogTitleBaseProps {}
|
|
70
|
+
declare const DialogTitle: (props: DialogTitleProps) => solid_js39.JSX.Element;
|
|
71
|
+
//#endregion
|
|
72
|
+
//#region src/components/dialog/dialog-trigger.d.ts
|
|
73
|
+
interface DialogTriggerBaseProps extends PolymorphicProps<'button'> {}
|
|
74
|
+
interface DialogTriggerProps extends HTMLProps<'button'>, DialogTriggerBaseProps {}
|
|
75
|
+
declare const DialogTrigger: (props: DialogTriggerProps) => solid_js39.JSX.Element;
|
|
76
|
+
declare namespace dialog_d_exports {
|
|
77
|
+
export { DialogBackdrop as Backdrop, DialogBackdropBaseProps as BackdropBaseProps, DialogBackdropProps as BackdropProps, DialogCloseTrigger as CloseTrigger, DialogCloseTriggerBaseProps as CloseTriggerBaseProps, DialogCloseTriggerProps as CloseTriggerProps, DialogContent as Content, DialogContentBaseProps as ContentBaseProps, DialogContentProps as ContentProps, DialogContext as Context, DialogContextProps as ContextProps, DialogDescription as Description, DialogDescriptionBaseProps as DescriptionBaseProps, DialogDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, DialogPositioner as Positioner, DialogPositionerBaseProps as PositionerBaseProps, DialogPositionerProps as PositionerProps, DialogRoot as Root, DialogRootBaseProps as RootBaseProps, DialogRootProps as RootProps, DialogRootProvider as RootProvider, DialogRootProviderBaseProps as RootProviderBaseProps, DialogRootProviderProps as RootProviderProps, DialogTitle as Title, DialogTitleBaseProps as TitleBaseProps, DialogTitleProps as TitleProps, DialogTrigger as Trigger, DialogTriggerBaseProps as TriggerBaseProps, DialogTriggerProps as TriggerProps };
|
|
78
|
+
}
|
|
79
|
+
//#endregion
|
|
80
|
+
export { dialog_d_exports as Dialog, DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, DialogContent, type DialogContentBaseProps, type DialogContentProps, DialogContext, type DialogContextProps, DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, type DialogFocusOutsideEvent, type DialogInteractOutsideEvent, type DialogOpenChangeDetails, type DialogPointerDownOutsideEvent, DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, DialogRoot, type DialogRootBaseProps, type DialogRootProps, DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, DialogTitle, type DialogTitleBaseProps, type DialogTitleProps, DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps, type UseDialogContext, type UseDialogProps, type UseDialogReturn, dialogAnatomy, useDialog, useDialogContext };
|