@trebired/frontend 6.15.5 → 6.15.6

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 CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  All notable package changes are documented here.
4
4
 
5
+ ## 6.15.6
6
+
7
+ - Fixed wizard SSR sizing by rendering first/last step metadata and CSS-only initial footer visibility so the first paint matches the hydrated measured layout.
8
+
5
9
  ## 6.15.4
6
10
 
7
11
  - Adopted the external `@trebired/code-discipline-config` preset and updated Code Discipline tooling to `@trebired/code-discipline@^6.0.9`.
@@ -4,6 +4,12 @@
4
4
  width: 100%;
5
5
  }
6
6
 
7
+ wizard-previous-button,
8
+ wizard-next-button,
9
+ wizard-final-action {
10
+ display: contents;
11
+ }
12
+
7
13
  .wizard-step {
8
14
  grid-area: 1 / 1;
9
15
  width: var(--wizard-step-width, 100%);
@@ -14,6 +20,12 @@
14
20
  pointer-events: none;
15
21
  }
16
22
 
23
+ .wizard-step[data-wizard-step-first="true"] wizard-previous-button,
24
+ .wizard-step[data-wizard-step-last="true"] wizard-next-button,
25
+ .wizard-step:not([data-wizard-step-last="true"]) wizard-final-action {
26
+ display: none;
27
+ }
28
+
17
29
  .wizard[data-wizard-ready="true"] .wizard-step {
18
30
  transition: opacity var(--tbf-transition-normal, 240ms) ease;
19
31
  }
@@ -17,19 +17,9 @@ type wizard_nav_button_props = {
17
17
  className?: string;
18
18
  label: string;
19
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>>;
20
+ declare function wizard_previous_button(props: wizard_nav_button_props): import("react").DOMElement<null, Element>;
21
+ declare function wizard_next_button(props: wizard_nav_button_props): import("react").DOMElement<null, Element>;
22
+ declare function wizard_final_action(children: ReactNode): import("react").DOMElement<null, Element>;
33
23
  export type { wizard_nav_button_props, wizard_props, wizard_step };
34
24
  export { wizard_final_action, wizard_next_button, wizard_previous_button };
35
25
  export { bindWizard, bindWizardRoot, wizardSteps } from "./client.js";
@@ -1 +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;AAQtD,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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtD,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;AAeF,iBAAS,MAAM,CAAC,KAAK,EAAE,YAAY;;;wDA2BlC;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,6CAY7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,6CASzD;AAED,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,SAAS,6CAE/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"}
@@ -8,7 +8,15 @@ function wizardStepInactiveProps(active) {
8
8
  return {};
9
9
  return { "aria-hidden": true, inert: true };
10
10
  }
11
+ function wizardStepPositionProps(index, lastIndex) {
12
+ return {
13
+ "data-wizard-step-index": String(index),
14
+ ...(index === 0 ? { "data-wizard-step-first": "true" } : {}),
15
+ ...(index === lastIndex ? { "data-wizard-step-last": "true" } : {}),
16
+ };
17
+ }
11
18
  function wizard(props) {
19
+ const lastIndex = props.steps.length - 1;
12
20
  return createElement("wizard-root", {
13
21
  className: joinClassNames("wizard", props.className),
14
22
  id: props.id,
@@ -17,17 +25,18 @@ function wizard(props) {
17
25
  id: `${props.id}_${step.id}`,
18
26
  key: step.id,
19
27
  ...(index === 0 ? { "data-wizard-step-state": "active" } : {}),
28
+ ...wizardStepPositionProps(index, lastIndex),
20
29
  ...wizardStepInactiveProps(index === 0),
21
30
  }, step.content, step.actions ? (_jsx("div", { className: "ver-bottom-child", children: step.actions })) : null)));
22
31
  }
23
32
  function wizard_previous_button(props) {
24
- return createElement("wizard-previous-button", { style: { display: "contents" } }, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), hidden: true, children: [_jsx(Icon, { spec: "remixicon arrow-left-line" }), props.label] }));
33
+ return createElement("wizard-previous-button", null, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), children: [_jsx(Icon, { spec: "remixicon arrow-left-line" }), props.label] }));
25
34
  }
26
35
  function wizard_next_button(props) {
27
- return createElement("wizard-next-button", { style: { display: "contents" } }, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), children: [_jsx(Icon, { spec: "remixicon arrow-right-line" }), props.label] }));
36
+ return createElement("wizard-next-button", null, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), children: [_jsx(Icon, { spec: "remixicon arrow-right-line" }), props.label] }));
28
37
  }
29
38
  function wizard_final_action(children) {
30
- return createElement("wizard-final-action", { hidden: true }, children);
39
+ return createElement("wizard-final-action", null, children);
31
40
  }
32
41
  export { wizard_final_action, wizard_next_button, wizard_previous_button };
33
42
  export { bindWizard, bindWizardRoot, wizardSteps } from "./client.js";
@@ -1 +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,OAAO,EACL,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAcvB,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,sBAAsB,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;QAC1E,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,wBAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,EACnE,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,wBAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,aACzF,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"}
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,OAAO,EACL,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAcvB,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,uBAAuB,CAAC,KAAa,EAAE,SAAiB;IAC/D,OAAO;QACL,wBAAwB,EAAE,MAAM,CAAC,KAAK,CAAC;QACvC,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,wBAAwB,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,GAAG,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACpE,CAAC;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,KAAmB;IACjC,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzC,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,sBAAsB,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;QAC1E,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,EAAE,SAAS,CAAC;QAC5C,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,IAAI,EACJ,kBACA,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,wBAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,aAEnE,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,IAAI,EACJ,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,wBAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,aACzF,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,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC9D,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"}
@@ -17,19 +17,9 @@ type wizard_nav_button_props = {
17
17
  className?: string;
18
18
  label: string;
19
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>>;
20
+ declare function wizard_previous_button(props: wizard_nav_button_props): import("react").DOMElement<null, Element>;
21
+ declare function wizard_next_button(props: wizard_nav_button_props): import("react").DOMElement<null, Element>;
22
+ declare function wizard_final_action(children: ReactNode): import("react").DOMElement<null, Element>;
33
23
  export type { wizard_nav_button_props, wizard_props, wizard_step };
34
24
  export { wizard_final_action, wizard_next_button, wizard_previous_button };
35
25
  export { bindWizard, bindWizardRoot, wizardSteps } from "./client.js";
@@ -1 +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;AAQtD,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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtD,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;AAeF,iBAAS,MAAM,CAAC,KAAK,EAAE,YAAY;;;wDA2BlC;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,sBAAsB,CAAC,KAAK,EAAE,uBAAuB,6CAY7D;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,6CASzD;AAED,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,SAAS,6CAE/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"}
@@ -8,7 +8,15 @@ function wizardStepInactiveProps(active) {
8
8
  return {};
9
9
  return { "aria-hidden": true, inert: true };
10
10
  }
11
+ function wizardStepPositionProps(index, lastIndex) {
12
+ return {
13
+ "data-wizard-step-index": String(index),
14
+ ...(index === 0 ? { "data-wizard-step-first": "true" } : {}),
15
+ ...(index === lastIndex ? { "data-wizard-step-last": "true" } : {}),
16
+ };
17
+ }
11
18
  function wizard(props) {
19
+ const lastIndex = props.steps.length - 1;
12
20
  return createElement("wizard-root", {
13
21
  className: joinClassNames("wizard", props.className),
14
22
  id: props.id,
@@ -17,17 +25,18 @@ function wizard(props) {
17
25
  id: `${props.id}_${step.id}`,
18
26
  key: step.id,
19
27
  ...(index === 0 ? { "data-wizard-step-state": "active" } : {}),
28
+ ...wizardStepPositionProps(index, lastIndex),
20
29
  ...wizardStepInactiveProps(index === 0),
21
30
  }, step.content, step.actions ? (_jsx("div", { className: "ver-bottom-child", children: step.actions })) : null)));
22
31
  }
23
32
  function wizard_previous_button(props) {
24
- return createElement("wizard-previous-button", { style: { display: "contents" } }, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), hidden: true, children: [_jsx(Icon, { spec: "remixicon arrow-left-line" }), props.label] }));
33
+ return createElement("wizard-previous-button", null, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), children: [_jsx(Icon, { spec: "remixicon arrow-left-line" }), props.label] }));
25
34
  }
26
35
  function wizard_next_button(props) {
27
- return createElement("wizard-next-button", { style: { display: "contents" } }, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), children: [_jsx(Icon, { spec: "remixicon arrow-right-line" }), props.label] }));
36
+ return createElement("wizard-next-button", null, _jsxs("button", { type: "button", className: primitiveButtonClassName({ className: props.className }), children: [_jsx(Icon, { spec: "remixicon arrow-right-line" }), props.label] }));
28
37
  }
29
38
  function wizard_final_action(children) {
30
- return createElement("wizard-final-action", { hidden: true }, children);
39
+ return createElement("wizard-final-action", null, children);
31
40
  }
32
41
  export { wizard_final_action, wizard_next_button, wizard_previous_button };
33
42
  export { bindWizard, bindWizardRoot, wizardSteps } from "./client.js";
@@ -1 +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,OAAO,EACL,wBAAwB,EACxB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAcvB,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,sBAAsB,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;QAC1E,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,wBAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,EACnE,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,wBAAwB,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,aACzF,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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trebired/frontend",
3
- "version": "6.15.5",
3
+ "version": "6.15.6",
4
4
  "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
5
5
  "type": "module",
6
6
  "private": false,