@genesislcap/foundation-ui 15.47.0 → 15.49.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/dist/custom-elements.json +822 -806
- package/dist/dts/react.d.ts +9 -9
- package/dist/dts/stepper/stepper.d.ts +1 -0
- package/dist/dts/stepper/stepper.d.ts.map +1 -1
- package/dist/dts/stepper/stepper.template.d.ts.map +1 -1
- package/dist/dts/stepper-tab/stepper-tab.template.d.ts.map +1 -1
- package/dist/esm/stepper/stepper.js +4 -0
- package/dist/esm/stepper/stepper.template.js +24 -6
- package/dist/esm/stepper-tab/stepper-tab.template.js +49 -2
- package/dist/foundation-ui.api.json +30 -0
- package/dist/foundation-ui.d.ts +1 -0
- package/dist/react.cjs +6 -6
- package/dist/react.mjs +5 -5
- package/package.json +17 -17
package/dist/dts/react.d.ts
CHANGED
|
@@ -133,6 +133,15 @@ interface HTMLWCProps extends React.AriaAttributes {
|
|
|
133
133
|
onInput?(e: Event): void;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
+
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
137
|
+
React.PropsWithChildren<
|
|
138
|
+
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
139
|
+
HTMLWCProps & {
|
|
140
|
+
}
|
|
141
|
+
> & React.RefAttributes<AccordionItemWC>
|
|
142
|
+
>;
|
|
143
|
+
export type AccordionItemRef = AccordionItemWC;
|
|
144
|
+
|
|
136
145
|
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
137
146
|
React.PropsWithChildren<
|
|
138
147
|
Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
|
|
@@ -171,15 +180,6 @@ export declare const AiIndicator: React.ForwardRefExoticComponent<
|
|
|
171
180
|
>;
|
|
172
181
|
export type AiIndicatorRef = AiIndicatorWC;
|
|
173
182
|
|
|
174
|
-
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
175
|
-
React.PropsWithChildren<
|
|
176
|
-
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
177
|
-
HTMLWCProps & {
|
|
178
|
-
}
|
|
179
|
-
> & React.RefAttributes<AccordionItemWC>
|
|
180
|
-
>;
|
|
181
|
-
export type AccordionItemRef = AccordionItemWC;
|
|
182
|
-
|
|
183
183
|
export declare const Anchor: React.ForwardRefExoticComponent<
|
|
184
184
|
React.PropsWithChildren<
|
|
185
185
|
Omit<PublicOf<AnchorWC>, 'children' | 'style'> &
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,EAAE,MAAM,GAAG,CAAA;CAAE,CAAC;AAEhD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;GAQG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;IACgB,gBAAgB,EAAE,OAAO,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAS;IAC3B,cAAc,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE,OAAO,CAAS;IACrC,iBAAiB,EAAE,OAAO,CAAS;IACtC,cAAc,EAAE,OAAO,CAAS;IACvC,QAAQ,EAAE,OAAO,CAAS;IAC7E;;;;OAIG;IACqD,aAAa,EAAE,OAAO,CAAS;IACjF,WAAW,EAAE,eAAe,CAA4B;IAC9D,kBAAkB,IAAI,IAAI;IAOpB,QAAQ,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAa7C,IAAI,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAM;IACpD,WAAW,IAAI,IAAI;IAUP,SAAS,EAAE,WAAW,EAAE,CAAM;IAC1C,gBAAgB,IAAI,IAAI;IAMZ,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,aAAa,SAAK;IAClB,cAAc,EAAE,MAAM,CAAK;IAEvC,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,WAAW,CAAgB;IACnC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,gBAAgB,CAAkB;IAE1C,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,8BAA8B;IAOtC,OAAO,CAAC,cAAc;IAStB;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,sBAAsB,GAAE,OAAe,GAAG,OAAO;IAkD9E;;;OAGG;IACH,aAAa,IAAI,OAAO;IAIxB;;;OAGG;IACH,YAAY,IAAI,OAAO;IAIvB,eAAe,CAAC,SAAS,KAAA;IAQzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,iBAAiB;IA0CzB,IAAc,oBAAoB,YAEjC;IAED,IAAc,UAAU,YAEvB;IAED,IAAc,eAAe,YAkB5B;IAED,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IA0ChB,YAAY,IAAI,IAAI;IAQpB,SAAS,CAAC,OAAO,QAAO,IAAI,CAoC1B;IAEF,gBAAgB,aAYd;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,mBAAmB;CAG5B;AAGD,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,oBAAoB,IAAK,CAAC;AAEvC;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;kBAM5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"stepper.template.d.ts","sourceRoot":"","sources":["../../../src/stepper/stepper.template.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAsBzC,eAAO,MAAM,kBAAkB,GAAI,WAAM,iEAyDxC,CAAC;AAEF,eAAO,MAAM,yBAAyB,8DAErC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"stepper-tab.template.d.ts","sourceRoot":"","sources":["../../../src/stepper-tab/stepper-tab.template.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAuChD,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,oEAsEnD,CAAC;AAEF,eAAO,MAAM,4BAA4B,iEAExC,CAAC"}
|
|
@@ -17,6 +17,7 @@ import { foundationStepperTemplate as template } from './stepper.template';
|
|
|
17
17
|
export class Stepper extends FoundationElement {
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments);
|
|
20
|
+
this.hideProgress = false;
|
|
20
21
|
this.allowBackwardJumps = false;
|
|
21
22
|
this.allowForwardJumps = false;
|
|
22
23
|
this.hideAllButtons = false;
|
|
@@ -351,6 +352,9 @@ export class Stepper extends FoundationElement {
|
|
|
351
352
|
__decorate([
|
|
352
353
|
attr({ attribute: 'hide-submit-button', mode: 'boolean' })
|
|
353
354
|
], Stepper.prototype, "hideSubmitButton", void 0);
|
|
355
|
+
__decorate([
|
|
356
|
+
attr({ attribute: 'hide-progress', mode: 'boolean' })
|
|
357
|
+
], Stepper.prototype, "hideProgress", void 0);
|
|
354
358
|
__decorate([
|
|
355
359
|
attr({ attribute: 'hide-step-number', mode: 'boolean' })
|
|
356
360
|
], Stepper.prototype, "hideStepNumber", void 0);
|
|
@@ -2,16 +2,34 @@ import { html, slotted, when } from '@microsoft/fast-element';
|
|
|
2
2
|
import { TabsOrientation } from '@microsoft/fast-foundation';
|
|
3
3
|
import { classNames } from '@microsoft/fast-web-utilities';
|
|
4
4
|
import { getPrefix } from '../utils';
|
|
5
|
+
/**
|
|
6
|
+
* Inner parts of the design-system components this template instantiates, re-published under the
|
|
7
|
+
* stepper's own namespace.
|
|
8
|
+
*
|
|
9
|
+
* `::part()` crosses exactly one shadow boundary, so without forwarding an app can size the
|
|
10
|
+
* button box but not the padded control inside it, and can reach the progress ring but neither
|
|
11
|
+
* of the two circles it draws. Each name is prefixed with its owner so the namespace stays
|
|
12
|
+
* legible and `control` does not collide across the three buttons.
|
|
13
|
+
*
|
|
14
|
+
* The forwarded names come from whichever design system is registered as `prefix`: a component
|
|
15
|
+
* exposing different parts forwards nothing, and rules against these names simply do not match.
|
|
16
|
+
*/
|
|
17
|
+
const BUTTON_EXPORTPARTS = (name) => `control: ${name}-control, content: ${name}-content`;
|
|
18
|
+
const PROGRESS_RING_EXPORTPARTS = [
|
|
19
|
+
'background: progress-ring-background',
|
|
20
|
+
'progress: progress-ring-progress',
|
|
21
|
+
'indeterminate-indicator-1: progress-ring-indeterminate',
|
|
22
|
+
].join(', ');
|
|
5
23
|
export const getPrefixedStepper = (prefix) => html `
|
|
6
24
|
|
|
7
25
|
<${prefix}-card class=${(x) => classNames('stepper-tab', ['stepper-tab-hidden', x.hideTabs])} part="stepper-tab" @tab-clicked="${(x, c) => x.handleStepClick(c.event.detail)}" role="stepper-tab" data-test-id="stepper-tab">
|
|
8
26
|
<div class=${(x) => classNames('stepper-tab-menu', ['stepper-tab-menu-hidden', x.hideTabs])} part="stepper-tab-menu">
|
|
9
27
|
<slot name="tab" ${slotted('tabs')} ></slot>
|
|
10
28
|
</div>
|
|
11
|
-
${when((x) => x.orientation === TabsOrientation.vertical, html `
|
|
29
|
+
${when((x) => x.orientation === TabsOrientation.vertical && !x.hideProgress, html `
|
|
12
30
|
<div class="stepper-tab-progress" part="stepper-tab-progress">
|
|
13
|
-
<${prefix}-progress-ring class="progress-ring" part="progress-ring" value=${(x) => x.progressValue}></${prefix}-progress-ring>
|
|
14
|
-
<label>You have completed ${(x) => x.progressValue}% of the fields required to create a project</label>
|
|
31
|
+
<${prefix}-progress-ring class="progress-ring" part="progress-ring" exportparts="${PROGRESS_RING_EXPORTPARTS}" value=${(x) => x.progressValue}></${prefix}-progress-ring>
|
|
32
|
+
<label part="progress-label">You have completed ${(x) => x.progressValue}% of the fields required to create a project</label>
|
|
15
33
|
</div>`)}
|
|
16
34
|
</${prefix}-card>
|
|
17
35
|
${when((x) => !x.indicatorOnly, html `
|
|
@@ -22,14 +40,14 @@ export const getPrefixedStepper = (prefix) => html `
|
|
|
22
40
|
${when((x) => !x.hideAllButtons, html `
|
|
23
41
|
<div class="action-buttons-container" part="action-buttons-container">
|
|
24
42
|
<slot name="action-buttons">
|
|
25
|
-
<${prefix}-button @click=${(x) => x.previousStep()} ?disabled=${(x) => x.disabledPreviousStep}>Back</${prefix}-button>
|
|
43
|
+
<${prefix}-button part="back-button" exportparts="${BUTTON_EXPORTPARTS('back-button')}" @click=${(x) => x.previousStep()} ?disabled=${(x) => x.disabledPreviousStep}>Back</${prefix}-button>
|
|
26
44
|
${when((x) => x.isLastStep && !x.hideSubmitButton, html `
|
|
27
|
-
<${prefix}-button @click=${(x) => x._submit()} ?disabled=${(x) => x.islastStepValid} data-test-id="submit-button">
|
|
45
|
+
<${prefix}-button part="submit-button" exportparts="${BUTTON_EXPORTPARTS('submit-button')}" @click=${(x) => x._submit()} ?disabled=${(x) => x.islastStepValid} data-test-id="submit-button">
|
|
28
46
|
Submit
|
|
29
47
|
</${prefix}-button>
|
|
30
48
|
`)}
|
|
31
49
|
${when((x) => !x.isLastStep, html `
|
|
32
|
-
<${prefix}-button @click=${(x) => x.nextStep()} data-test-id="next-button">Next</${prefix}-button>`)}
|
|
50
|
+
<${prefix}-button part="next-button" exportparts="${BUTTON_EXPORTPARTS('next-button')}" @click=${(x) => x.nextStep()} data-test-id="next-button">Next</${prefix}-button>`)}
|
|
33
51
|
</slot>
|
|
34
52
|
</div>
|
|
35
53
|
`)}
|
|
@@ -3,10 +3,50 @@ import { html, ref, when } from '@microsoft/fast-element';
|
|
|
3
3
|
import { TabsOrientation } from '@microsoft/fast-foundation';
|
|
4
4
|
import { classNames } from '@microsoft/fast-web-utilities';
|
|
5
5
|
import { getPrefix } from '../utils';
|
|
6
|
+
/**
|
|
7
|
+
* Shadow parts for one step's root element.
|
|
8
|
+
*
|
|
9
|
+
* A step renders as two completely different trees depending on orientation — a design-system
|
|
10
|
+
* tree item when vertical, a numbered container when horizontal — so `step` is the name that
|
|
11
|
+
* holds across both, with `step-vertical` / `step-horizontal` for the cases where an app does
|
|
12
|
+
* need to tell them apart.
|
|
13
|
+
*
|
|
14
|
+
* State is emitted as names of its own rather than left on the internal classes, because
|
|
15
|
+
* `::part()` cannot be chained with a class or a structural selector: without `step-selected`
|
|
16
|
+
* there is no way for an app to reach the current step at all. The same goes for `completed` and
|
|
17
|
+
* `error`, which are emitted in both orientations even though only the vertical tree draws an
|
|
18
|
+
* icon for them — these are hooks for the app, not a mirror of what this component happens to
|
|
19
|
+
* style.
|
|
20
|
+
*/
|
|
21
|
+
const stepParts = (x, orientation) => {
|
|
22
|
+
const names = ['step', `step-${orientation}`];
|
|
23
|
+
if (x.selected)
|
|
24
|
+
names.push('step-selected');
|
|
25
|
+
if (x.completed)
|
|
26
|
+
names.push('step-completed');
|
|
27
|
+
if (x.error)
|
|
28
|
+
names.push('step-error');
|
|
29
|
+
return names.join(' ');
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* The design-system tree item's own parts, re-published under this component's namespace.
|
|
33
|
+
*
|
|
34
|
+
* `::part()` crosses exactly one shadow boundary, so without this an app can reach the tree item
|
|
35
|
+
* but nothing inside it — and the positioning region is where a tree item's padding and layout
|
|
36
|
+
* actually live. Prefixed with `step-` so the names stay this component's, not the tree's.
|
|
37
|
+
*/
|
|
38
|
+
const TREE_ITEM_EXPORTPARTS = [
|
|
39
|
+
'positioning-region: step-positioning-region',
|
|
40
|
+
'content-region: step-content-region',
|
|
41
|
+
'expand-collapse-button: step-expand-collapse-button',
|
|
42
|
+
'items: step-items',
|
|
43
|
+
].join(', ');
|
|
6
44
|
export const getPrefixedStepperTab = (prefix) => html `
|
|
7
45
|
${whenElse((x) => x.orientation === TabsOrientation.vertical, html `
|
|
8
46
|
<${prefix}-tree-item ${ref('treeItem')}
|
|
9
47
|
class=${(x) => classNames('tree-item', ['cursor-pointer', x.showCursorPointer])}
|
|
48
|
+
part="${(x) => stepParts(x, 'vertical')}"
|
|
49
|
+
exportparts="${TREE_ITEM_EXPORTPARTS}"
|
|
10
50
|
@click="${(x, c) => x.$emit('tab-clicked', x.tabPosition - 1)}">
|
|
11
51
|
${when((x) => x.completed, html `
|
|
12
52
|
<${prefix}-icon
|
|
@@ -14,6 +54,7 @@ export const getPrefixedStepperTab = (prefix) => html `
|
|
|
14
54
|
variant="regular"
|
|
15
55
|
size="lg"
|
|
16
56
|
class="stepper-icon completed-icon"
|
|
57
|
+
part="step-icon step-icon-completed"
|
|
17
58
|
></${prefix}-icon>
|
|
18
59
|
`)}
|
|
19
60
|
${when((x) => x.error, html `
|
|
@@ -22,24 +63,30 @@ export const getPrefixedStepperTab = (prefix) => html `
|
|
|
22
63
|
variant="regular"
|
|
23
64
|
size="lg"
|
|
24
65
|
class="stepper-icon error-icon"
|
|
66
|
+
part="step-icon step-icon-error"
|
|
25
67
|
></${prefix}-icon>
|
|
26
68
|
`)}
|
|
27
69
|
<slot></slot>
|
|
28
70
|
</${prefix}-tree-item>
|
|
29
71
|
`, html `
|
|
30
|
-
<div
|
|
72
|
+
<div
|
|
73
|
+
class=${(x) => classNames('step-container', ['selected', x.selected])}
|
|
74
|
+
part="${(x) => stepParts(x, 'horizontal')}"
|
|
75
|
+
>
|
|
31
76
|
<div
|
|
32
77
|
class=${(x) => classNames('step-number-container', ['cursor-pointer', x.showCursorPointer])}
|
|
78
|
+
part="step-number-container"
|
|
33
79
|
@click="${(x) => x.$emit('tab-clicked', x.tabPosition - 1)}"
|
|
34
80
|
>
|
|
35
81
|
${when((x) => !x.hideStepNumber, html `
|
|
36
|
-
<span class="step-number">${(x) => x.tabPosition}</span>
|
|
82
|
+
<span class="step-number" part="step-number">${(x) => x.tabPosition}</span>
|
|
37
83
|
`)}
|
|
38
84
|
<slot class="step-title"></slot>
|
|
39
85
|
</div>
|
|
40
86
|
${when((x) => !x.isLast, html `
|
|
41
87
|
<${prefix}-icon
|
|
42
88
|
class="stepper-icon angle-icon"
|
|
89
|
+
part="step-icon step-icon-angle"
|
|
43
90
|
name="angle-right"
|
|
44
91
|
variant="solid"
|
|
45
92
|
size="lg"
|
|
@@ -68827,6 +68827,36 @@
|
|
|
68827
68827
|
"isProtected": false,
|
|
68828
68828
|
"isAbstract": false
|
|
68829
68829
|
},
|
|
68830
|
+
{
|
|
68831
|
+
"kind": "Property",
|
|
68832
|
+
"canonicalReference": "@genesislcap/foundation-ui!Stepper#hideProgress:member",
|
|
68833
|
+
"docComment": "",
|
|
68834
|
+
"excerptTokens": [
|
|
68835
|
+
{
|
|
68836
|
+
"kind": "Content",
|
|
68837
|
+
"text": "hideProgress: "
|
|
68838
|
+
},
|
|
68839
|
+
{
|
|
68840
|
+
"kind": "Content",
|
|
68841
|
+
"text": "boolean"
|
|
68842
|
+
},
|
|
68843
|
+
{
|
|
68844
|
+
"kind": "Content",
|
|
68845
|
+
"text": ";"
|
|
68846
|
+
}
|
|
68847
|
+
],
|
|
68848
|
+
"isReadonly": false,
|
|
68849
|
+
"isOptional": false,
|
|
68850
|
+
"releaseTag": "Public",
|
|
68851
|
+
"name": "hideProgress",
|
|
68852
|
+
"propertyTypeTokenRange": {
|
|
68853
|
+
"startIndex": 1,
|
|
68854
|
+
"endIndex": 2
|
|
68855
|
+
},
|
|
68856
|
+
"isStatic": false,
|
|
68857
|
+
"isProtected": false,
|
|
68858
|
+
"isAbstract": false
|
|
68859
|
+
},
|
|
68830
68860
|
{
|
|
68831
68861
|
"kind": "Property",
|
|
68832
68862
|
"canonicalReference": "@genesislcap/foundation-ui!Stepper#hideStepNumber:member",
|
package/dist/foundation-ui.d.ts
CHANGED
|
@@ -7174,6 +7174,7 @@ export declare interface StepClickEventDetail {
|
|
|
7174
7174
|
*/
|
|
7175
7175
|
export declare class Stepper extends FoundationElement {
|
|
7176
7176
|
hideSubmitButton: boolean;
|
|
7177
|
+
hideProgress: boolean;
|
|
7177
7178
|
hideStepNumber: boolean;
|
|
7178
7179
|
allowBackwardJumps: boolean;
|
|
7179
7180
|
allowForwardJumps: boolean;
|
package/dist/react.cjs
CHANGED
|
@@ -113,6 +113,11 @@ function _mergeRefs(...refs) {
|
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
+
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
117
|
+
const { children, ...rest } = props;
|
|
118
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
119
|
+
});
|
|
120
|
+
|
|
116
121
|
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
117
122
|
const { children, ...rest } = props;
|
|
118
123
|
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
@@ -150,11 +155,6 @@ const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
|
150
155
|
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
151
156
|
});
|
|
152
157
|
|
|
153
|
-
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
154
|
-
const { children, ...rest } = props;
|
|
155
|
-
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
156
|
-
});
|
|
157
|
-
|
|
158
158
|
const Anchor = React.forwardRef(function Anchor(props, ref) {
|
|
159
159
|
const { children, ...rest } = props;
|
|
160
160
|
return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
|
|
@@ -1143,11 +1143,11 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
|
|
|
1143
1143
|
});
|
|
1144
1144
|
|
|
1145
1145
|
module.exports = {
|
|
1146
|
+
AccordionItem,
|
|
1146
1147
|
Accordion,
|
|
1147
1148
|
ActionsMenu,
|
|
1148
1149
|
AiCriteriaSearch,
|
|
1149
1150
|
AiIndicator,
|
|
1150
|
-
AccordionItem,
|
|
1151
1151
|
Anchor,
|
|
1152
1152
|
AnchoredRegion,
|
|
1153
1153
|
Avatar,
|
package/dist/react.mjs
CHANGED
|
@@ -111,6 +111,11 @@ function _mergeRefs(...refs) {
|
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
+
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
115
|
+
const { children, ...rest } = props;
|
|
116
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
117
|
+
});
|
|
118
|
+
|
|
114
119
|
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
115
120
|
const { children, ...rest } = props;
|
|
116
121
|
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
@@ -148,11 +153,6 @@ export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
|
148
153
|
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
149
154
|
});
|
|
150
155
|
|
|
151
|
-
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
152
|
-
const { children, ...rest } = props;
|
|
153
|
-
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
154
|
-
});
|
|
155
|
-
|
|
156
156
|
export const Anchor = React.forwardRef(function Anchor(props, ref) {
|
|
157
157
|
const { children, ...rest } = props;
|
|
158
158
|
return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.49.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
}
|
|
83
83
|
},
|
|
84
84
|
"devDependencies": {
|
|
85
|
-
"@genesislcap/foundation-testing": "15.
|
|
86
|
-
"@genesislcap/genx": "15.
|
|
87
|
-
"@genesislcap/ts-builder": "15.
|
|
88
|
-
"@genesislcap/uvu-playwright-builder": "15.
|
|
89
|
-
"@genesislcap/vite-builder": "15.
|
|
90
|
-
"@genesislcap/webpack-builder": "15.
|
|
85
|
+
"@genesislcap/foundation-testing": "15.49.0",
|
|
86
|
+
"@genesislcap/genx": "15.49.0",
|
|
87
|
+
"@genesislcap/ts-builder": "15.49.0",
|
|
88
|
+
"@genesislcap/uvu-playwright-builder": "15.49.0",
|
|
89
|
+
"@genesislcap/vite-builder": "15.49.0",
|
|
90
|
+
"@genesislcap/webpack-builder": "15.49.0",
|
|
91
91
|
"copyfiles": "^2.4.1"
|
|
92
92
|
},
|
|
93
93
|
"dependencies": {
|
|
@@ -96,16 +96,16 @@
|
|
|
96
96
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
97
97
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
98
98
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
99
|
-
"@genesislcap/expression-builder": "15.
|
|
100
|
-
"@genesislcap/foundation-ai": "15.
|
|
101
|
-
"@genesislcap/foundation-comms": "15.
|
|
102
|
-
"@genesislcap/foundation-criteria": "15.
|
|
103
|
-
"@genesislcap/foundation-errors": "15.
|
|
104
|
-
"@genesislcap/foundation-events": "15.
|
|
105
|
-
"@genesislcap/foundation-logger": "15.
|
|
106
|
-
"@genesislcap/foundation-notifications": "15.
|
|
107
|
-
"@genesislcap/foundation-user": "15.
|
|
108
|
-
"@genesislcap/foundation-utils": "15.
|
|
99
|
+
"@genesislcap/expression-builder": "15.49.0",
|
|
100
|
+
"@genesislcap/foundation-ai": "15.49.0",
|
|
101
|
+
"@genesislcap/foundation-comms": "15.49.0",
|
|
102
|
+
"@genesislcap/foundation-criteria": "15.49.0",
|
|
103
|
+
"@genesislcap/foundation-errors": "15.49.0",
|
|
104
|
+
"@genesislcap/foundation-events": "15.49.0",
|
|
105
|
+
"@genesislcap/foundation-logger": "15.49.0",
|
|
106
|
+
"@genesislcap/foundation-notifications": "15.49.0",
|
|
107
|
+
"@genesislcap/foundation-user": "15.49.0",
|
|
108
|
+
"@genesislcap/foundation-utils": "15.49.0",
|
|
109
109
|
"@microsoft/fast-colors": "5.3.1",
|
|
110
110
|
"@microsoft/fast-components": "2.30.6",
|
|
111
111
|
"@microsoft/fast-element": "1.14.0",
|