@trebired/frontend 1.9.0 → 1.10.0
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/CHANGELOG.md +6 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -1
- package/dist/inputs/advanced/index.d.ts +2 -1
- package/dist/inputs/advanced/index.d.ts.map +1 -1
- package/dist/inputs/advanced/search.d.ts +3 -31
- package/dist/inputs/advanced/search.d.ts.map +1 -1
- package/dist/inputs/advanced/search.js +2 -64
- package/dist/inputs/advanced/search.js.map +1 -1
- package/dist/primitives/styles/_wizard.scss +38 -0
- package/dist/primitives/styles/index.scss +1 -0
- package/dist/react/index.d.ts +6 -1
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/index.js +3 -1
- package/dist/react/index.js.map +1 -1
- package/dist/search/client/config.d.ts +17 -0
- package/dist/search/client/config.d.ts.map +1 -0
- package/dist/search/client/config.js +51 -0
- package/dist/search/client/config.js.map +1 -0
- package/dist/search/client/dom.d.ts +6 -0
- package/dist/search/client/dom.d.ts.map +1 -0
- package/dist/search/client/dom.js +18 -0
- package/dist/search/client/dom.js.map +1 -0
- package/dist/search/client/registry.d.ts +8 -0
- package/dist/search/client/registry.d.ts.map +1 -0
- package/dist/search/client/registry.js +36 -0
- package/dist/search/client/registry.js.map +1 -0
- package/dist/search/client/state.d.ts +14 -0
- package/dist/search/client/state.d.ts.map +1 -0
- package/dist/search/client/state.js +18 -0
- package/dist/search/client/state.js.map +1 -0
- package/dist/search/client.d.ts +39 -0
- package/dist/search/client.d.ts.map +1 -0
- package/dist/search/client.js +279 -0
- package/dist/search/client.js.map +1 -0
- package/dist/search/index.d.ts +36 -0
- package/dist/search/index.d.ts.map +1 -0
- package/dist/search/index.js +43 -0
- package/dist/search/index.js.map +1 -0
- package/dist/search/item.d.ts +36 -0
- package/dist/search/item.d.ts.map +1 -0
- package/dist/search/item.js +24 -0
- package/dist/search/item.js.map +1 -0
- package/dist/search/model.d.ts +19 -0
- package/dist/search/model.d.ts.map +1 -0
- package/dist/search/model.js +15 -0
- package/dist/search/model.js.map +1 -0
- package/dist/src/index.d.ts +5 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +5 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/inputs/advanced/index.d.ts +2 -1
- package/dist/src/inputs/advanced/index.d.ts.map +1 -1
- package/dist/src/inputs/advanced/search.d.ts +3 -31
- package/dist/src/inputs/advanced/search.d.ts.map +1 -1
- package/dist/src/inputs/advanced/search.js +2 -64
- package/dist/src/inputs/advanced/search.js.map +1 -1
- package/dist/src/react/index.d.ts +6 -1
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/react/index.js +3 -1
- package/dist/src/react/index.js.map +1 -1
- package/dist/src/search/client/config.d.ts +17 -0
- package/dist/src/search/client/config.d.ts.map +1 -0
- package/dist/src/search/client/config.js +51 -0
- package/dist/src/search/client/config.js.map +1 -0
- package/dist/src/search/client/dom.d.ts +6 -0
- package/dist/src/search/client/dom.d.ts.map +1 -0
- package/dist/src/search/client/dom.js +18 -0
- package/dist/src/search/client/dom.js.map +1 -0
- package/dist/src/search/client/registry.d.ts +8 -0
- package/dist/src/search/client/registry.d.ts.map +1 -0
- package/dist/src/search/client/registry.js +36 -0
- package/dist/src/search/client/registry.js.map +1 -0
- package/dist/src/search/client/state.d.ts +14 -0
- package/dist/src/search/client/state.d.ts.map +1 -0
- package/dist/src/search/client/state.js +18 -0
- package/dist/src/search/client/state.js.map +1 -0
- package/dist/src/search/client.d.ts +39 -0
- package/dist/src/search/client.d.ts.map +1 -0
- package/dist/src/search/client.js +279 -0
- package/dist/src/search/client.js.map +1 -0
- package/dist/src/search/index.d.ts +36 -0
- package/dist/src/search/index.d.ts.map +1 -0
- package/dist/src/search/index.js +43 -0
- package/dist/src/search/index.js.map +1 -0
- package/dist/src/search/item.d.ts +36 -0
- package/dist/src/search/item.d.ts.map +1 -0
- package/dist/src/search/item.js +24 -0
- package/dist/src/search/item.js.map +1 -0
- package/dist/src/search/model.d.ts +19 -0
- package/dist/src/search/model.d.ts.map +1 -0
- package/dist/src/search/model.js +15 -0
- package/dist/src/search/model.js.map +1 -0
- package/dist/src/steps/controller.d.ts +23 -0
- package/dist/src/steps/controller.d.ts.map +1 -0
- package/dist/src/steps/controller.js +145 -0
- package/dist/src/steps/controller.js.map +1 -0
- package/dist/src/steps/dom.d.ts +21 -0
- package/dist/src/steps/dom.d.ts.map +1 -0
- package/dist/src/steps/dom.js +187 -0
- package/dist/src/steps/dom.js.map +1 -0
- package/dist/src/steps/index.d.ts +6 -0
- package/dist/src/steps/index.d.ts.map +1 -0
- package/dist/src/steps/index.js +5 -0
- package/dist/src/steps/index.js.map +1 -0
- package/dist/src/steps/panel.d.ts +17 -0
- package/dist/src/steps/panel.d.ts.map +1 -0
- package/dist/src/steps/panel.js +46 -0
- package/dist/src/steps/panel.js.map +1 -0
- package/dist/src/wizard/animation.d.ts +3 -0
- package/dist/src/wizard/animation.d.ts.map +1 -0
- package/dist/src/wizard/animation.js +46 -0
- package/dist/src/wizard/animation.js.map +1 -0
- package/dist/src/wizard/client.d.ts +6 -0
- package/dist/src/wizard/client.d.ts.map +1 -0
- package/dist/src/wizard/client.js +40 -0
- package/dist/src/wizard/client.js.map +1 -0
- package/dist/src/wizard/index.d.ts +37 -0
- package/dist/src/wizard/index.d.ts.map +1 -0
- package/dist/src/wizard/index.js +34 -0
- package/dist/src/wizard/index.js.map +1 -0
- package/dist/src/wizard/nav.d.ts +13 -0
- package/dist/src/wizard/nav.d.ts.map +1 -0
- package/dist/src/wizard/nav.js +54 -0
- package/dist/src/wizard/nav.js.map +1 -0
- package/dist/src/wizard/navigator.d.ts +7 -0
- package/dist/src/wizard/navigator.d.ts.map +1 -0
- package/dist/src/wizard/navigator.js +32 -0
- package/dist/src/wizard/navigator.js.map +1 -0
- package/dist/src/wizard/sizing.d.ts +3 -0
- package/dist/src/wizard/sizing.d.ts.map +1 -0
- package/dist/src/wizard/sizing.js +82 -0
- package/dist/src/wizard/sizing.js.map +1 -0
- package/dist/src/wizard/step_state.d.ts +6 -0
- package/dist/src/wizard/step_state.d.ts.map +1 -0
- package/dist/src/wizard/step_state.js +23 -0
- package/dist/src/wizard/step_state.js.map +1 -0
- package/dist/src/wizard/validity.d.ts +4 -0
- package/dist/src/wizard/validity.d.ts.map +1 -0
- package/dist/src/wizard/validity.js +34 -0
- package/dist/src/wizard/validity.js.map +1 -0
- package/dist/steps/controller.d.ts +23 -0
- package/dist/steps/controller.d.ts.map +1 -0
- package/dist/steps/controller.js +145 -0
- package/dist/steps/controller.js.map +1 -0
- package/dist/steps/dom.d.ts +21 -0
- package/dist/steps/dom.d.ts.map +1 -0
- package/dist/steps/dom.js +187 -0
- package/dist/steps/dom.js.map +1 -0
- package/dist/steps/index.d.ts +6 -0
- package/dist/steps/index.d.ts.map +1 -0
- package/dist/steps/index.js +5 -0
- package/dist/steps/index.js.map +1 -0
- package/dist/steps/panel.d.ts +17 -0
- package/dist/steps/panel.d.ts.map +1 -0
- package/dist/steps/panel.js +46 -0
- package/dist/steps/panel.js.map +1 -0
- package/dist/wizard/animation.d.ts +3 -0
- package/dist/wizard/animation.d.ts.map +1 -0
- package/dist/wizard/animation.js +46 -0
- package/dist/wizard/animation.js.map +1 -0
- package/dist/wizard/client.d.ts +6 -0
- package/dist/wizard/client.d.ts.map +1 -0
- package/dist/wizard/client.js +40 -0
- package/dist/wizard/client.js.map +1 -0
- package/dist/wizard/index.d.ts +37 -0
- package/dist/wizard/index.d.ts.map +1 -0
- package/dist/wizard/index.js +34 -0
- package/dist/wizard/index.js.map +1 -0
- package/dist/wizard/nav.d.ts +13 -0
- package/dist/wizard/nav.d.ts.map +1 -0
- package/dist/wizard/nav.js +54 -0
- package/dist/wizard/nav.js.map +1 -0
- package/dist/wizard/navigator.d.ts +7 -0
- package/dist/wizard/navigator.d.ts.map +1 -0
- package/dist/wizard/navigator.js +32 -0
- package/dist/wizard/navigator.js.map +1 -0
- package/dist/wizard/sizing.d.ts +3 -0
- package/dist/wizard/sizing.d.ts.map +1 -0
- package/dist/wizard/sizing.js +82 -0
- package/dist/wizard/sizing.js.map +1 -0
- package/dist/wizard/step_state.d.ts +6 -0
- package/dist/wizard/step_state.d.ts.map +1 -0
- package/dist/wizard/step_state.js +23 -0
- package/dist/wizard/step_state.js.map +1 -0
- package/dist/wizard/validity.d.ts +4 -0
- package/dist/wizard/validity.d.ts.map +1 -0
- package/dist/wizard/validity.js +34 -0
- package/dist/wizard/validity.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
function normalizeSharedSteps(stepsInput) {
|
|
2
|
+
return Array.isArray(stepsInput)
|
|
3
|
+
? stepsInput
|
|
4
|
+
.map((entry) => ({
|
|
5
|
+
actionLabel: onlyString(entry && entry.actionLabel),
|
|
6
|
+
groupKey: onlyString(entry && entry.groupKey),
|
|
7
|
+
groupLabel: onlyString(entry && entry.groupLabel),
|
|
8
|
+
key: onlyString(entry && entry.key),
|
|
9
|
+
level: onlyString(entry && entry.level),
|
|
10
|
+
message: onlyString(entry && entry.message),
|
|
11
|
+
recordedAtLabel: onlyString(entry && entry.recordedAtLabel),
|
|
12
|
+
}))
|
|
13
|
+
.filter((entry) => entry.message)
|
|
14
|
+
: [];
|
|
15
|
+
}
|
|
16
|
+
function stepTone(level) {
|
|
17
|
+
const normalized = onlyString(level).toLowerCase();
|
|
18
|
+
if (normalized === "fail" || normalized === "error") {
|
|
19
|
+
return {
|
|
20
|
+
className: "red",
|
|
21
|
+
label: "fail",
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
if (normalized === "success" || normalized === "ok") {
|
|
25
|
+
return {
|
|
26
|
+
className: "green",
|
|
27
|
+
label: "success",
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
if (normalized === "warn" || normalized === "warning") {
|
|
31
|
+
return {
|
|
32
|
+
className: "yellow",
|
|
33
|
+
label: "warning",
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
return {
|
|
37
|
+
className: "blue",
|
|
38
|
+
label: "event",
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
function normalizedGroupKey(input, index) {
|
|
42
|
+
const explicitKey = onlyString(input && input.groupKey);
|
|
43
|
+
if (explicitKey)
|
|
44
|
+
return explicitKey;
|
|
45
|
+
const explicitLabel = onlyString(input && input.groupLabel);
|
|
46
|
+
if (explicitLabel)
|
|
47
|
+
return `group:${explicitLabel.toLowerCase()}`;
|
|
48
|
+
return `group:${index}`;
|
|
49
|
+
}
|
|
50
|
+
function groupSharedSteps(stepsInput) {
|
|
51
|
+
const steps = normalizeSharedSteps(stepsInput);
|
|
52
|
+
const hasGrouping = steps.some((entry) => entry.groupKey || entry.groupLabel);
|
|
53
|
+
if (!hasGrouping)
|
|
54
|
+
return [];
|
|
55
|
+
const groups = [];
|
|
56
|
+
const byKey = new Map();
|
|
57
|
+
steps
|
|
58
|
+
.slice()
|
|
59
|
+
.reverse()
|
|
60
|
+
.forEach((entry, index) => {
|
|
61
|
+
const groupKey = normalizedGroupKey(entry, index);
|
|
62
|
+
const groupLabel = onlyString(entry.groupLabel) || stepsLabel();
|
|
63
|
+
const actionLabel = onlyString(entry.actionLabel);
|
|
64
|
+
let group = byKey.get(groupKey);
|
|
65
|
+
if (!group) {
|
|
66
|
+
group = {
|
|
67
|
+
actionLabel,
|
|
68
|
+
key: groupKey,
|
|
69
|
+
label: groupLabel,
|
|
70
|
+
steps: [],
|
|
71
|
+
};
|
|
72
|
+
byKey.set(groupKey, group);
|
|
73
|
+
groups.push(group);
|
|
74
|
+
}
|
|
75
|
+
else if (!group.label && groupLabel) {
|
|
76
|
+
group.label = groupLabel;
|
|
77
|
+
}
|
|
78
|
+
else if (!group.actionLabel && actionLabel) {
|
|
79
|
+
group.actionLabel = actionLabel;
|
|
80
|
+
}
|
|
81
|
+
group.steps.push(entry);
|
|
82
|
+
});
|
|
83
|
+
return groups;
|
|
84
|
+
}
|
|
85
|
+
function createSharedStepCard(doc, input) {
|
|
86
|
+
const message = onlyString(input && input.message);
|
|
87
|
+
if (!message)
|
|
88
|
+
return null;
|
|
89
|
+
const row = doc.createElement("div");
|
|
90
|
+
row.className = "card-row column gap-xs min-height-fit";
|
|
91
|
+
const header = doc.createElement("div");
|
|
92
|
+
header.className = "inline-row gap-xs";
|
|
93
|
+
header.style.alignItems = "flex-start";
|
|
94
|
+
const tone = stepTone(input && input.level);
|
|
95
|
+
const badge = doc.createElement("span");
|
|
96
|
+
badge.className = `pill no-shrink ${tone.className}`.trim();
|
|
97
|
+
badge.textContent = tone.label;
|
|
98
|
+
const messageEl = doc.createElement("span");
|
|
99
|
+
messageEl.className = "text-sm text-break display-block";
|
|
100
|
+
messageEl.textContent = message;
|
|
101
|
+
messageEl.style.flex = "1 1 auto";
|
|
102
|
+
messageEl.style.lineHeight = "1.4";
|
|
103
|
+
const recordedAtLabel = onlyString(input && input.recordedAtLabel);
|
|
104
|
+
header.appendChild(badge);
|
|
105
|
+
header.appendChild(messageEl);
|
|
106
|
+
row.appendChild(header);
|
|
107
|
+
if (recordedAtLabel) {
|
|
108
|
+
const timeEl = doc.createElement("span");
|
|
109
|
+
timeEl.className = "text-muted text-xs text-break display-block";
|
|
110
|
+
timeEl.textContent = recordedAtLabel;
|
|
111
|
+
timeEl.style.lineHeight = "1.35";
|
|
112
|
+
row.appendChild(timeEl);
|
|
113
|
+
}
|
|
114
|
+
return row;
|
|
115
|
+
}
|
|
116
|
+
function createSharedStepGroup(doc, group) {
|
|
117
|
+
const wrapper = doc.createElement("section");
|
|
118
|
+
wrapper.className = "column gap-xs";
|
|
119
|
+
wrapper.setAttribute("data-steps-group", group.key);
|
|
120
|
+
const separator = doc.createElement("hr");
|
|
121
|
+
separator.setAttribute("aria-hidden", "true");
|
|
122
|
+
wrapper.appendChild(separator);
|
|
123
|
+
const header = doc.createElement("div");
|
|
124
|
+
header.className = "column gap-2xs";
|
|
125
|
+
const title = doc.createElement("h5");
|
|
126
|
+
title.textContent = group.label;
|
|
127
|
+
header.appendChild(title);
|
|
128
|
+
const actionLabel = onlyString(group.actionLabel);
|
|
129
|
+
if (actionLabel) {
|
|
130
|
+
const actionEl = doc.createElement("span");
|
|
131
|
+
actionEl.className = "text-xs text-muted";
|
|
132
|
+
actionEl.textContent =
|
|
133
|
+
actionLabel.charAt(0).toUpperCase() + actionLabel.slice(1);
|
|
134
|
+
header.appendChild(actionEl);
|
|
135
|
+
}
|
|
136
|
+
wrapper.appendChild(header);
|
|
137
|
+
const list = doc.createElement("div");
|
|
138
|
+
list.className = "column gap-xs";
|
|
139
|
+
list.setAttribute("data-steps-group-list", group.key);
|
|
140
|
+
group.steps.forEach((entry) => {
|
|
141
|
+
const card = createSharedStepCard(doc, entry);
|
|
142
|
+
if (card)
|
|
143
|
+
list.appendChild(card);
|
|
144
|
+
});
|
|
145
|
+
wrapper.appendChild(list);
|
|
146
|
+
return wrapper;
|
|
147
|
+
}
|
|
148
|
+
function renderSharedSteps(doc, container, stepsInput) {
|
|
149
|
+
container.innerHTML = "";
|
|
150
|
+
const steps = normalizeSharedSteps(stepsInput);
|
|
151
|
+
const groupedEntries = steps.filter((entry) => entry.groupKey || entry.groupLabel);
|
|
152
|
+
const ungroupedEntries = steps.filter((entry) => !entry.groupKey && !entry.groupLabel);
|
|
153
|
+
const grouped = groupSharedSteps(groupedEntries);
|
|
154
|
+
if (grouped.length > 0) {
|
|
155
|
+
ungroupedEntries
|
|
156
|
+
.slice()
|
|
157
|
+
.reverse()
|
|
158
|
+
.forEach((entry) => {
|
|
159
|
+
const card = createSharedStepCard(doc, entry);
|
|
160
|
+
if (card)
|
|
161
|
+
container.appendChild(card);
|
|
162
|
+
});
|
|
163
|
+
grouped.forEach((group) => {
|
|
164
|
+
const section = createSharedStepGroup(doc, group);
|
|
165
|
+
if (section)
|
|
166
|
+
container.appendChild(section);
|
|
167
|
+
});
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
steps
|
|
171
|
+
.slice()
|
|
172
|
+
.reverse()
|
|
173
|
+
.forEach((entry) => {
|
|
174
|
+
const card = createSharedStepCard(doc, entry);
|
|
175
|
+
if (card)
|
|
176
|
+
container.appendChild(card);
|
|
177
|
+
});
|
|
178
|
+
}
|
|
179
|
+
export { createSharedStepCard, groupSharedSteps, renderSharedSteps };
|
|
180
|
+
function onlyString(value, fallback = "") {
|
|
181
|
+
const text = String(value ?? "").trim();
|
|
182
|
+
return text || fallback;
|
|
183
|
+
}
|
|
184
|
+
function stepsLabel() {
|
|
185
|
+
return "Steps";
|
|
186
|
+
}
|
|
187
|
+
//# sourceMappingURL=dom.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dom.js","sourceRoot":"","sources":["../../../src/steps/dom.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/steps/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC3D,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/steps/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
type SharedStepsPanelProps = {
|
|
3
|
+
beforeList?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
dataAttrs?: Record<string, string>;
|
|
6
|
+
emptyCopy?: string;
|
|
7
|
+
hidden?: boolean;
|
|
8
|
+
lang?: string;
|
|
9
|
+
listClassName?: string;
|
|
10
|
+
progressBarAttr?: string;
|
|
11
|
+
title?: string;
|
|
12
|
+
type?: "steps" | "disclosure";
|
|
13
|
+
};
|
|
14
|
+
declare function shared_steps_panel(props: SharedStepsPanelProps): import("react").JSX.Element;
|
|
15
|
+
export type { SharedStepsPanelProps };
|
|
16
|
+
export default shared_steps_panel;
|
|
17
|
+
//# sourceMappingURL=panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,qBAAqB,GAAG;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;CAC/B,CAAC;AA2BF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,qBAAqB,+BAoCvD;AAED,YAAY,EAAE,qBAAqB,EAAE,CAAC;AACtC,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { default as disclosure } from "../inputs/advanced/disclosure/index.js";
|
|
3
|
+
import { bar as loader_bar } from "../primitives/components/controls.js";
|
|
4
|
+
import { joinClassNames } from "../primitives/components/shared.js";
|
|
5
|
+
function stepsPanelModel(props) {
|
|
6
|
+
const isDisclosure = props.type === "disclosure";
|
|
7
|
+
const title = stepsLabel(props.lang);
|
|
8
|
+
return {
|
|
9
|
+
attrs: props.dataAttrs && typeof props.dataAttrs === "object"
|
|
10
|
+
? props.dataAttrs
|
|
11
|
+
: {},
|
|
12
|
+
beforeList: isDisclosure
|
|
13
|
+
? loader_bar({
|
|
14
|
+
label: "",
|
|
15
|
+
meta: "",
|
|
16
|
+
percent: 0,
|
|
17
|
+
wrapperAttributes: String(props.progressBarAttr || "").trim(),
|
|
18
|
+
})
|
|
19
|
+
: props.beforeList,
|
|
20
|
+
emptyCopy: String(props.emptyCopy || "").trim() || noStepsLabel(props.lang),
|
|
21
|
+
isDisclosure,
|
|
22
|
+
title: isDisclosure
|
|
23
|
+
? title
|
|
24
|
+
: String(props.title || "").trim() || title,
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
function shared_steps_panel(props) {
|
|
28
|
+
const model = stepsPanelModel(props);
|
|
29
|
+
return disclosure({
|
|
30
|
+
content: (_jsxs("section", { className: joinClassNames("column", "gap-sm", props.className), "data-steps-panel": "", "data-steps-type": model.isDisclosure ? "disclosure" : "steps", "data-steps-default-copy": model.emptyCopy, "data-steps-default-title": model.title, ...model.attrs, children: [_jsx("p", { className: "text-muted", "data-steps-copy": "", children: model.emptyCopy }), model.beforeList, _jsx("div", { className: joinClassNames("column", "gap-xs", "max-height-xl", "scroll", "scroll-min", props.listClassName), "data-steps-list": "" })] })),
|
|
31
|
+
hidden: props.hidden === true,
|
|
32
|
+
label: _jsx("h4", { "data-steps-title": "", children: model.title }),
|
|
33
|
+
panelClassName: "column gap-sm",
|
|
34
|
+
panelId: `${model.title.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "steps"}_panel`,
|
|
35
|
+
rootClassName: "column gap-sm",
|
|
36
|
+
triggerClassName: "text-left",
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export default shared_steps_panel;
|
|
40
|
+
function stepsLabel(_lang) {
|
|
41
|
+
return "Steps";
|
|
42
|
+
}
|
|
43
|
+
function noStepsLabel(_lang) {
|
|
44
|
+
return "No steps yet.";
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../src/steps/panel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,GAAG,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAe/C,SAAS,eAAe,CAAC,KAA4B;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC;IACjD,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACrC,OAAO;QACL,KAAK,EACL,KAAK,CAAC,SAAS,IAAI,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YACtD,CAAC,CAAC,KAAK,CAAC,SAAS;YACjB,CAAC,CAAC,EAAE;QACJ,UAAU,EAAE,YAAY;YACxB,CAAC,CAAC,UAAU,CAAC;gBACT,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE,EAAE;gBACR,OAAO,EAAE,CAAC;gBACV,iBAAiB,EAAE,MAAM,CAAC,KAAK,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;aAChE,CAAC;YACF,CAAC,CAAC,KAAK,CAAC,UAAU;QAClB,SAAS,EACT,MAAM,CAAC,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;QAChE,YAAY;QACZ,KAAK,EAAE,YAAY;YACnB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK;KAC5C,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAA4B;IACtD,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,OAAO,UAAU,CAAC;QACd,OAAO,EAAE,CACP,mBACA,SAAS,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,sBAC7C,EAAE,qBACF,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,6BACnC,KAAK,CAAC,SAAS,8BACd,KAAK,CAAC,KAAK,KACjC,KAAK,CAAC,KAAK,aAEf,YAAG,SAAS,EAAC,YAAY,qBAAiB,EAAE,YAC3C,KAAK,CAAC,SAAS,GACZ,EACH,KAAK,CAAC,UAAU,EACjB,cACA,SAAS,EAAE,cAAc,CACrB,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,YAAY,EACZ,KAAK,CAAC,aAAa,CACtB,qBACe,EAAE,GAChB,IACQ,CACX;QACD,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,IAAI;QAC7B,KAAK,EAAE,iCAAqB,EAAE,YAAE,KAAK,CAAC,KAAK,GAAM;QACjD,cAAc,EAAE,eAAe;QAC/B,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC,IAAI,OAAO,QAAQ;QACpF,aAAa,EAAE,eAAe;QAC9B,gBAAgB,EAAE,WAAW;KAChC,CAAC,CAAC;AACL,CAAC;AAGD,eAAe,kBAAkB,CAAC;AAElC,SAAS,UAAU,CAAC,KAAyB;IAC3C,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,YAAY,CAAC,KAAyB;IAC7C,OAAO,eAAe,CAAC;AACzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../src/wizard/animation.ts"],"names":[],"mappings":"AAyBA,iBAAS,iBAAiB,CACxB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,WAAW,EAAE,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,IAAI,QA8BnB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { setStepState, showWizardStep } from "./step_state.js";
|
|
2
|
+
const WIZARD_ANIMATION_MS = 240;
|
|
3
|
+
const wizardAnimationTokens = new WeakMap();
|
|
4
|
+
function prefersReducedWizardMotion() {
|
|
5
|
+
try {
|
|
6
|
+
return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
7
|
+
}
|
|
8
|
+
catch {
|
|
9
|
+
return false;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
function finishWizardAnimation(root, token, steps, index, onDone) {
|
|
13
|
+
if (wizardAnimationTokens.get(root) !== token)
|
|
14
|
+
return;
|
|
15
|
+
showWizardStep(steps, index);
|
|
16
|
+
onDone();
|
|
17
|
+
}
|
|
18
|
+
function animateWizardStep(root, steps, fromIndex, toIndex, onDone) {
|
|
19
|
+
if (fromIndex === toIndex || prefersReducedWizardMotion()) {
|
|
20
|
+
showWizardStep(steps, toIndex);
|
|
21
|
+
onDone();
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
const token = (wizardAnimationTokens.get(root) || 0) + 1;
|
|
25
|
+
wizardAnimationTokens.set(root, token);
|
|
26
|
+
const fromStep = steps[fromIndex];
|
|
27
|
+
const toStep = steps[toIndex];
|
|
28
|
+
steps.forEach((step, index) => {
|
|
29
|
+
if (index !== fromIndex && index !== toIndex)
|
|
30
|
+
setStepState(step, "", true);
|
|
31
|
+
});
|
|
32
|
+
setStepState(fromStep, "active", false);
|
|
33
|
+
setStepState(toStep, "enter", false);
|
|
34
|
+
toStep.getBoundingClientRect();
|
|
35
|
+
window.requestAnimationFrame(() => {
|
|
36
|
+
if (wizardAnimationTokens.get(root) !== token)
|
|
37
|
+
return;
|
|
38
|
+
setStepState(fromStep, "exit", false);
|
|
39
|
+
setStepState(toStep, "active", false);
|
|
40
|
+
});
|
|
41
|
+
window.setTimeout(() => {
|
|
42
|
+
finishWizardAnimation(root, token, steps, toIndex, onDone);
|
|
43
|
+
}, WIZARD_ANIMATION_MS + 80);
|
|
44
|
+
}
|
|
45
|
+
export { animateWizardStep };
|
|
46
|
+
//# sourceMappingURL=animation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../src/wizard/animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE/D,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAChC,MAAM,qBAAqB,GAAG,IAAI,OAAO,EAAuB,CAAC;AAEjE,SAAS,0BAA0B;IACjC,IAAI,CAAC;QACH,OAAO,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;IACvE,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,SAAS,qBAAqB,CAC5B,IAAiB,EACjB,KAAa,EACb,KAAoB,EACpB,KAAa,EACb,MAAkB;IAElB,IAAI,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK;QAAE,OAAO;IACtD,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAC7B,MAAM,EAAE,CAAC;AACX,CAAC;AAED,SAAS,iBAAiB,CACxB,IAAiB,EACjB,KAAoB,EACpB,SAAiB,EACjB,OAAe,EACf,MAAkB;IAElB,IAAI,SAAS,KAAK,OAAO,IAAI,0BAA0B,EAAE,EAAE,CAAC;QAC1D,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC/B,MAAM,EAAE,CAAC;QACT,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,CAAC,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACzD,qBAAqB,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAEvC,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IAE9B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC1B,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,OAAO;YAAE,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACxC,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACrC,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAE/B,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;QAC9B,IAAI,qBAAqB,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK;YAAE,OAAO;QACtD,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QACtC,YAAY,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;QACnB,qBAAqB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC,EAAE,mBAAmB,GAAG,EAAE,CAAC,CAAC;AACjC,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type BindRoot } from "../dom/index.d.ts";
|
|
2
|
+
declare function wizardSteps(root: HTMLElement): HTMLElement[];
|
|
3
|
+
declare function bindWizardRoot(root: HTMLElement): void;
|
|
4
|
+
declare function bindWizard(scope?: BindRoot): void;
|
|
5
|
+
export { bindWizard, bindWizardRoot, wizardSteps };
|
|
6
|
+
//# sourceMappingURL=client.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../src/wizard/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAOxD,iBAAS,WAAW,CAAC,IAAI,EAAE,WAAW,iBAMrC;AAED,iBAAS,cAAc,CAAC,IAAI,EAAE,WAAW,QA0CxC;AAED,iBAAS,UAAU,CAAC,KAAK,GAAE,QAAmB,QAE7C;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { queryAll } from "../dom/index.js";
|
|
2
|
+
import { wizardNavControls } from "./nav.js";
|
|
3
|
+
import { initializeWizardStep } from "./sizing.js";
|
|
4
|
+
import { createWizardNavigator } from "./navigator.js";
|
|
5
|
+
const boundWizardRoots = new WeakSet();
|
|
6
|
+
function wizardSteps(root) {
|
|
7
|
+
return Array.from(root.children).filter((child) => child instanceof HTMLElement &&
|
|
8
|
+
child.tagName.toLowerCase() === "wizard-step");
|
|
9
|
+
}
|
|
10
|
+
function bindWizardRoot(root) {
|
|
11
|
+
if (boundWizardRoots.has(root))
|
|
12
|
+
return;
|
|
13
|
+
boundWizardRoots.add(root);
|
|
14
|
+
const id = root.id;
|
|
15
|
+
if (!id)
|
|
16
|
+
return;
|
|
17
|
+
const steps = wizardSteps(root);
|
|
18
|
+
if (!steps.length)
|
|
19
|
+
return;
|
|
20
|
+
const prevButtons = wizardNavControls(root, "wizard-previous-button");
|
|
21
|
+
const nextButtons = wizardNavControls(root, "wizard-next-button");
|
|
22
|
+
const finalOnlyEls = wizardNavControls(root, "wizard-final-action");
|
|
23
|
+
const lastIndex = steps.length - 1;
|
|
24
|
+
const currentIndex = initializeWizardStep(root, steps, prevButtons, nextButtons, finalOnlyEls, lastIndex);
|
|
25
|
+
const navigator = createWizardNavigator(root, steps, prevButtons, nextButtons, finalOnlyEls, lastIndex, currentIndex);
|
|
26
|
+
prevButtons.forEach((button) => {
|
|
27
|
+
button.addEventListener("click", navigator.goToPrevious);
|
|
28
|
+
});
|
|
29
|
+
nextButtons.forEach((button) => {
|
|
30
|
+
button.addEventListener("click", navigator.goToNext);
|
|
31
|
+
});
|
|
32
|
+
root.addEventListener("input", navigator.recomputeValidity);
|
|
33
|
+
root.addEventListener("change", navigator.recomputeValidity);
|
|
34
|
+
root.addEventListener("backend-status:checked", navigator.recomputeValidity);
|
|
35
|
+
}
|
|
36
|
+
function bindWizard(scope = document) {
|
|
37
|
+
queryAll(scope, "wizard-root").forEach(bindWizardRoot);
|
|
38
|
+
}
|
|
39
|
+
export { bindWizard, bindWizardRoot, wizardSteps };
|
|
40
|
+
//# sourceMappingURL=client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../src/wizard/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,gBAAgB,GAAG,IAAI,OAAO,EAAe,CAAC;AAEpD,SAAS,WAAW,CAAC,IAAiB;IACpC,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACrC,CAAC,KAAK,EAAwB,EAAE,CAChC,KAAK,YAAY,WAAW;QAC1B,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,aAAa,CAChD,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,IAAiB;IACvC,IAAI,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE,OAAO;IACvC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,OAAO;IAEhB,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAO;IAE1B,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,EAAE,wBAAwB,CAAC,CAAC;IACtE,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;IAClE,MAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnC,MAAM,YAAY,GAAG,oBAAoB,CACvC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,CACV,CAAC;IACF,MAAM,SAAS,GAAG,qBAAqB,CACrC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,YAAY,CACb,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAC3B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAC3B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC5D,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC7D,IAAI,CAAC,gBAAgB,CAAC,wBAAwB,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAC/E,CAAC;AAED,SAAS,UAAU,CAAC,QAAkB,QAAQ;IAC5C,QAAQ,CAAc,KAAK,EAAE,aAAa,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;AACtE,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
type wizard_step = {
|
|
3
|
+
actions?: ReactNode;
|
|
4
|
+
id: string;
|
|
5
|
+
content: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
type wizard_props = {
|
|
8
|
+
className?: string;
|
|
9
|
+
id: string;
|
|
10
|
+
steps: wizard_step[];
|
|
11
|
+
};
|
|
12
|
+
declare function wizard(props: wizard_props): import("react").ReactElement<{
|
|
13
|
+
className: string;
|
|
14
|
+
id: string;
|
|
15
|
+
}, string | import("react").JSXElementConstructor<any>>;
|
|
16
|
+
type wizard_nav_button_props = {
|
|
17
|
+
className?: string;
|
|
18
|
+
label: string;
|
|
19
|
+
};
|
|
20
|
+
declare function wizard_previous_button(props: wizard_nav_button_props): import("react").ReactElement<{
|
|
21
|
+
style: {
|
|
22
|
+
display: string;
|
|
23
|
+
};
|
|
24
|
+
}, string | import("react").JSXElementConstructor<any>>;
|
|
25
|
+
declare function wizard_next_button(props: wizard_nav_button_props): import("react").ReactElement<{
|
|
26
|
+
style: {
|
|
27
|
+
display: string;
|
|
28
|
+
};
|
|
29
|
+
}, string | import("react").JSXElementConstructor<any>>;
|
|
30
|
+
declare function wizard_final_action(children: ReactNode): import("react").ReactElement<{
|
|
31
|
+
hidden: boolean;
|
|
32
|
+
}, string | import("react").JSXElementConstructor<any>>;
|
|
33
|
+
export type { wizard_nav_button_props, wizard_props, wizard_step };
|
|
34
|
+
export { wizard_final_action, wizard_next_button, wizard_previous_button };
|
|
35
|
+
export { bindWizard, bindWizardRoot, wizardSteps } from "./client.js";
|
|
36
|
+
export default wizard;
|
|
37
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAOF,iBAAS,MAAM,CAAC,KAAK,EAAE,YAAY;;;wDAwBlC;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,uBAAuB;;;;wDAa7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB;;;;wDASzD;AAED,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,SAAS;;wDAE/C;AAED,YAAY,EAAE,uBAAuB,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACtE,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createElement } from "react";
|
|
3
|
+
import { Icon } from "../icons/react/index.js";
|
|
4
|
+
import { joinClassNames } from "../primitives/components/shared.js";
|
|
5
|
+
function wizardStepInactiveProps(active) {
|
|
6
|
+
if (active)
|
|
7
|
+
return {};
|
|
8
|
+
return { "aria-hidden": true, inert: true };
|
|
9
|
+
}
|
|
10
|
+
function wizard(props) {
|
|
11
|
+
return createElement("wizard-root", {
|
|
12
|
+
className: joinClassNames("wizard", props.className),
|
|
13
|
+
id: props.id,
|
|
14
|
+
}, props.steps.map((step, index) => createElement("wizard-step", {
|
|
15
|
+
className: "wizard-step card column gap-sm",
|
|
16
|
+
id: `${props.id}_${step.id}`,
|
|
17
|
+
key: step.id,
|
|
18
|
+
...(index === 0 ? { "data-wizard-step-state": "active" } : {}),
|
|
19
|
+
...wizardStepInactiveProps(index === 0),
|
|
20
|
+
}, step.content, step.actions ? (_jsx("div", { className: "ver-bottom-child", children: step.actions })) : null)));
|
|
21
|
+
}
|
|
22
|
+
function wizard_previous_button(props) {
|
|
23
|
+
return createElement("wizard-previous-button", { style: { display: "contents" } }, _jsxs("button", { type: "button", className: joinClassNames("btn", props.className), hidden: true, children: [_jsx(Icon, { spec: "remixicon arrow-left-line" }), props.label] }));
|
|
24
|
+
}
|
|
25
|
+
function wizard_next_button(props) {
|
|
26
|
+
return createElement("wizard-next-button", { style: { display: "contents" } }, _jsxs("button", { type: "button", className: joinClassNames("btn", props.className), children: [_jsx(Icon, { spec: "remixicon arrow-right-line" }), props.label] }));
|
|
27
|
+
}
|
|
28
|
+
function wizard_final_action(children) {
|
|
29
|
+
return createElement("wizard-final-action", { hidden: true }, children);
|
|
30
|
+
}
|
|
31
|
+
export { wizard_final_action, wizard_next_button, wizard_previous_button };
|
|
32
|
+
export { bindWizard, bindWizardRoot, wizardSteps } from "./client.js";
|
|
33
|
+
export default wizard;
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAc/C,SAAS,uBAAuB,CAAC,MAAe;IAC9C,IAAI,MAAM;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC9C,CAAC;AAED,SAAS,MAAM,CAAC,KAAmB;IACjC,OAAO,aAAa,CAClB,aAAa,EACb;QACE,SAAS,EAAE,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QACpD,EAAE,EAAE,KAAK,CAAC,EAAE;KACb,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC9B,aAAa,CACX,aAAa,EACb;QACE,SAAS,EAAE,gCAAgC;QAC3C,EAAE,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE;QAC5B,GAAG,EAAE,IAAI,CAAC,EAAE;QACZ,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,wBAAwB,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9D,GAAG,uBAAuB,CAAC,KAAK,KAAK,CAAC,CAAC;KACxC,EACD,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,OAAO,GAAO,CACvD,CAAC,CAAC,CAAC,IAAI,CACT,CACF,CACF,CAAC;AACJ,CAAC;AAOD,SAAS,sBAAsB,CAAC,KAA8B;IAC5D,OAAO,aAAa,CAClB,wBAAwB,EACxB,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAClC,kBACA,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,EACjD,MAAM,mBAEN,KAAC,IAAI,IAAC,IAAI,EAAC,2BAA2B,GAAG,EACxC,KAAK,CAAC,KAAK,IACH,CACV,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAA8B;IACxD,OAAO,aAAa,CAClB,oBAAoB,EACpB,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAClC,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,aACvE,KAAC,IAAI,IAAC,IAAI,EAAC,4BAA4B,GAAG,EACzC,KAAK,CAAC,KAAK,IACH,CACV,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAmB;IAC9C,OAAO,aAAa,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC1E,CAAC;AAGD,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACtE,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { WizardHiddenState } from "./step_state.js";
|
|
2
|
+
declare function wizardNavControls(root: HTMLElement, tagName: string): HTMLElement[];
|
|
3
|
+
declare function updateWizardNav(prevButtons: HTMLElement[], nextButtons: HTMLElement[], finalOnlyEls: HTMLElement[], index: number, lastIndex: number, stepValid: boolean): void;
|
|
4
|
+
declare function captureNavState(element: HTMLElement): {
|
|
5
|
+
hidden: boolean | "until-found";
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare function restoreMeasuredNav(elements: HTMLElement[], states: {
|
|
9
|
+
hidden: WizardHiddenState;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
}[]): void;
|
|
12
|
+
export { wizardNavControls, updateWizardNav, captureNavState, restoreMeasuredNav, };
|
|
13
|
+
//# sourceMappingURL=nav.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../src/wizard/nav.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,iBAAS,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,iBAQ5D;AAcD,iBAAS,eAAe,CACtB,WAAW,EAAE,WAAW,EAAE,EAC1B,WAAW,EAAE,WAAW,EAAE,EAC1B,YAAY,EAAE,WAAW,EAAE,EAC3B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,OAAO,QAcnB;AAED,iBAAS,eAAe,CAAC,OAAO,EAAE,WAAW;;;EAO5C;AAED,iBAAS,kBAAkB,CACzB,QAAQ,EAAE,WAAW,EAAE,EACvB,MAAM,EAAE;IAAE,MAAM,EAAE,iBAAiB,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,EAAE,QAW3D;AAED,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,kBAAkB,GACnB,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
function wizardNavControls(root, tagName) {
|
|
2
|
+
return Array.from(root.querySelectorAll(tagName))
|
|
3
|
+
.filter((el) => el instanceof HTMLElement)
|
|
4
|
+
.map((host) => tagName === "wizard-final-action"
|
|
5
|
+
? host
|
|
6
|
+
: firstNonScriptHTMLElementChild(host) || host);
|
|
7
|
+
}
|
|
8
|
+
function finalOnlyControl(element) {
|
|
9
|
+
if (element instanceof HTMLButtonElement ||
|
|
10
|
+
element instanceof HTMLInputElement)
|
|
11
|
+
return element;
|
|
12
|
+
const found = element.querySelector("button, input[type=submit]");
|
|
13
|
+
return found instanceof HTMLButtonElement || found instanceof HTMLInputElement
|
|
14
|
+
? found
|
|
15
|
+
: null;
|
|
16
|
+
}
|
|
17
|
+
function updateWizardNav(prevButtons, nextButtons, finalOnlyEls, index, lastIndex, stepValid) {
|
|
18
|
+
prevButtons.forEach((button) => {
|
|
19
|
+
button.hidden = index <= 0;
|
|
20
|
+
});
|
|
21
|
+
nextButtons.forEach((button) => {
|
|
22
|
+
button.hidden = index >= lastIndex;
|
|
23
|
+
button.disabled = !stepValid;
|
|
24
|
+
});
|
|
25
|
+
finalOnlyEls.forEach((element) => {
|
|
26
|
+
element.hidden = index !== lastIndex;
|
|
27
|
+
const control = finalOnlyControl(element);
|
|
28
|
+
if (control)
|
|
29
|
+
control.disabled = !stepValid;
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
function captureNavState(element) {
|
|
33
|
+
const control = finalOnlyControl(element) || element;
|
|
34
|
+
const disabled = control instanceof HTMLButtonElement || control instanceof HTMLInputElement
|
|
35
|
+
? control.disabled
|
|
36
|
+
: false;
|
|
37
|
+
return { hidden: element.hidden, disabled };
|
|
38
|
+
}
|
|
39
|
+
function restoreMeasuredNav(elements, states) {
|
|
40
|
+
elements.forEach((element, index) => {
|
|
41
|
+
element.hidden = states[index].hidden;
|
|
42
|
+
const control = finalOnlyControl(element) || element;
|
|
43
|
+
if (control instanceof HTMLButtonElement ||
|
|
44
|
+
control instanceof HTMLInputElement)
|
|
45
|
+
control.disabled = states[index].disabled;
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
export { wizardNavControls, updateWizardNav, captureNavState, restoreMeasuredNav, };
|
|
49
|
+
function firstNonScriptHTMLElementChild(host) {
|
|
50
|
+
return Array.from(host.children).find((child) => {
|
|
51
|
+
return child instanceof HTMLElement && child.tagName.toLowerCase() !== "script";
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=nav.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav.js","sourceRoot":"","sources":["../../../src/wizard/nav.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
declare function createWizardNavigator(root: HTMLElement, steps: HTMLElement[], prevButtons: HTMLElement[], nextButtons: HTMLElement[], finalOnlyEls: HTMLElement[], lastIndex: number, initialIndex: number): {
|
|
2
|
+
recomputeValidity: () => void;
|
|
3
|
+
goToPrevious: () => void;
|
|
4
|
+
goToNext: () => void;
|
|
5
|
+
};
|
|
6
|
+
export { createWizardNavigator };
|
|
7
|
+
//# sourceMappingURL=navigator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigator.d.ts","sourceRoot":"","sources":["../../../src/wizard/navigator.ts"],"names":[],"mappings":"AAIA,iBAAS,qBAAqB,CAC5B,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,WAAW,EAAE,EACpB,WAAW,EAAE,WAAW,EAAE,EAC1B,WAAW,EAAE,WAAW,EAAE,EAC1B,YAAY,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM;;;;EA2CrB;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { updateWizardNav } from "./nav.js";
|
|
2
|
+
import { stepIsValid, reportStepValidity } from "./validity.js";
|
|
3
|
+
import { animateWizardStep } from "./animation.js";
|
|
4
|
+
function createWizardNavigator(root, steps, prevButtons, nextButtons, finalOnlyEls, lastIndex, initialIndex) {
|
|
5
|
+
let currentIndex = initialIndex;
|
|
6
|
+
let animating = false;
|
|
7
|
+
function recomputeValidity() {
|
|
8
|
+
updateWizardNav(prevButtons, nextButtons, finalOnlyEls, currentIndex, lastIndex, stepIsValid(steps[currentIndex]));
|
|
9
|
+
}
|
|
10
|
+
function goTo(nextIndex) {
|
|
11
|
+
if (animating || nextIndex < 0 || nextIndex > lastIndex)
|
|
12
|
+
return;
|
|
13
|
+
if (nextIndex > currentIndex && !stepIsValid(steps[currentIndex])) {
|
|
14
|
+
reportStepValidity(steps[currentIndex]);
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const previousIndex = currentIndex;
|
|
18
|
+
currentIndex = nextIndex;
|
|
19
|
+
animating = true;
|
|
20
|
+
updateWizardNav(prevButtons, nextButtons, finalOnlyEls, currentIndex, lastIndex, stepIsValid(steps[currentIndex]));
|
|
21
|
+
animateWizardStep(root, steps, previousIndex, currentIndex, () => {
|
|
22
|
+
animating = false;
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
return {
|
|
26
|
+
recomputeValidity,
|
|
27
|
+
goToPrevious: () => goTo(currentIndex - 1),
|
|
28
|
+
goToNext: () => goTo(currentIndex + 1),
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
export { createWizardNavigator };
|
|
32
|
+
//# sourceMappingURL=navigator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigator.js","sourceRoot":"","sources":["../../../src/wizard/navigator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,SAAS,qBAAqB,CAC5B,IAAiB,EACjB,KAAoB,EACpB,WAA0B,EAC1B,WAA0B,EAC1B,YAA2B,EAC3B,SAAiB,EACjB,YAAoB;IAEpB,IAAI,YAAY,GAAG,YAAY,CAAC;IAChC,IAAI,SAAS,GAAG,KAAK,CAAC;IAEtB,SAAS,iBAAiB;QACxB,eAAe,CACb,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CACjC,CAAC;IACJ,CAAC;IAED,SAAS,IAAI,CAAC,SAAiB;QAC7B,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,IAAI,SAAS,GAAG,SAAS;YAAE,OAAO;QAChE,IAAI,SAAS,GAAG,YAAY,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;YAClE,kBAAkB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;YACxC,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,YAAY,CAAC;QACnC,YAAY,GAAG,SAAS,CAAC;QACzB,SAAS,GAAG,IAAI,CAAC;QACjB,eAAe,CACb,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CACjC,CAAC;QACF,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE;YAC7D,SAAS,GAAG,KAAK,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,iBAAiB;QACjB,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QAC1C,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;KACvC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|