@genesislcap/foundation-ui 15.48.0 → 15.50.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 +776 -760
- package/dist/dts/react.d.ts +16 -16
- 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 +10 -10
- package/dist/react.mjs +8 -8
- package/package.json +17 -17
package/dist/dts/react.d.ts
CHANGED
|
@@ -133,23 +133,23 @@ interface HTMLWCProps extends React.AriaAttributes {
|
|
|
133
133
|
onInput?(e: Event): void;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
export declare const
|
|
136
|
+
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
137
137
|
React.PropsWithChildren<
|
|
138
|
-
Omit<PublicOf<
|
|
138
|
+
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
139
139
|
HTMLWCProps & {
|
|
140
140
|
}
|
|
141
|
-
> & React.RefAttributes<
|
|
141
|
+
> & React.RefAttributes<AccordionItemWC>
|
|
142
142
|
>;
|
|
143
|
-
export type
|
|
143
|
+
export type AccordionItemRef = AccordionItemWC;
|
|
144
144
|
|
|
145
|
-
export declare const
|
|
145
|
+
export declare const ActionsMenu: React.ForwardRefExoticComponent<
|
|
146
146
|
React.PropsWithChildren<
|
|
147
|
-
Omit<PublicOf<
|
|
147
|
+
Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
|
|
148
148
|
HTMLWCProps & {
|
|
149
149
|
}
|
|
150
|
-
> & React.RefAttributes<
|
|
150
|
+
> & React.RefAttributes<ActionsMenuWC>
|
|
151
151
|
>;
|
|
152
|
-
export type
|
|
152
|
+
export type ActionsMenuRef = ActionsMenuWC;
|
|
153
153
|
|
|
154
154
|
export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
|
|
155
155
|
React.PropsWithChildren<
|
|
@@ -162,23 +162,23 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
|
|
|
162
162
|
>;
|
|
163
163
|
export type AiCriteriaSearchRef = AiCriteriaSearchWC;
|
|
164
164
|
|
|
165
|
-
export declare const
|
|
165
|
+
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
166
166
|
React.PropsWithChildren<
|
|
167
|
-
Omit<PublicOf<
|
|
167
|
+
Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
|
|
168
168
|
HTMLWCProps & {
|
|
169
169
|
}
|
|
170
|
-
> & React.RefAttributes<
|
|
170
|
+
> & React.RefAttributes<AccordionWC>
|
|
171
171
|
>;
|
|
172
|
-
export type
|
|
172
|
+
export type AccordionRef = AccordionWC;
|
|
173
173
|
|
|
174
|
-
export declare const
|
|
174
|
+
export declare const AiIndicator: React.ForwardRefExoticComponent<
|
|
175
175
|
React.PropsWithChildren<
|
|
176
|
-
Omit<PublicOf<
|
|
176
|
+
Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &
|
|
177
177
|
HTMLWCProps & {
|
|
178
178
|
}
|
|
179
|
-
> & React.RefAttributes<
|
|
179
|
+
> & React.RefAttributes<AiIndicatorWC>
|
|
180
180
|
>;
|
|
181
|
-
export type
|
|
181
|
+
export type AiIndicatorRef = AiIndicatorWC;
|
|
182
182
|
|
|
183
183
|
export declare const Anchor: React.ForwardRefExoticComponent<
|
|
184
184
|
React.PropsWithChildren<
|
|
@@ -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,14 +113,14 @@ function _mergeRefs(...refs) {
|
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
-
const
|
|
116
|
+
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
117
117
|
const { children, ...rest } = props;
|
|
118
|
-
return React.createElement(customElements.getName(
|
|
118
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
119
119
|
});
|
|
120
120
|
|
|
121
|
-
const
|
|
121
|
+
const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
122
122
|
const { children, ...rest } = props;
|
|
123
|
-
return React.createElement(customElements.getName(
|
|
123
|
+
return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
|
|
124
124
|
});
|
|
125
125
|
|
|
126
126
|
const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
|
|
@@ -145,14 +145,14 @@ const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref)
|
|
|
145
145
|
return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
146
146
|
});
|
|
147
147
|
|
|
148
|
-
const
|
|
148
|
+
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
149
149
|
const { children, ...rest } = props;
|
|
150
|
-
return React.createElement(customElements.getName(
|
|
150
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
151
151
|
});
|
|
152
152
|
|
|
153
|
-
const
|
|
153
|
+
const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
154
154
|
const { children, ...rest } = props;
|
|
155
|
-
return React.createElement(customElements.getName(
|
|
155
|
+
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
156
156
|
});
|
|
157
157
|
|
|
158
158
|
const Anchor = React.forwardRef(function Anchor(props, ref) {
|
|
@@ -1143,11 +1143,11 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
|
|
|
1143
1143
|
});
|
|
1144
1144
|
|
|
1145
1145
|
module.exports = {
|
|
1146
|
-
Accordion,
|
|
1147
1146
|
AccordionItem,
|
|
1147
|
+
ActionsMenu,
|
|
1148
1148
|
AiCriteriaSearch,
|
|
1149
|
+
Accordion,
|
|
1149
1150
|
AiIndicator,
|
|
1150
|
-
ActionsMenu,
|
|
1151
1151
|
Anchor,
|
|
1152
1152
|
AnchoredRegion,
|
|
1153
1153
|
Avatar,
|
package/dist/react.mjs
CHANGED
|
@@ -111,14 +111,14 @@ function _mergeRefs(...refs) {
|
|
|
111
111
|
};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
export const
|
|
114
|
+
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
115
115
|
const { children, ...rest } = props;
|
|
116
|
-
return React.createElement(customElements.getName(
|
|
116
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
117
117
|
});
|
|
118
118
|
|
|
119
|
-
export const
|
|
119
|
+
export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
120
120
|
const { children, ...rest } = props;
|
|
121
|
-
return React.createElement(customElements.getName(
|
|
121
|
+
return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
|
|
122
122
|
});
|
|
123
123
|
|
|
124
124
|
export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
|
|
@@ -143,14 +143,14 @@ export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props
|
|
|
143
143
|
return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
144
144
|
});
|
|
145
145
|
|
|
146
|
-
export const
|
|
146
|
+
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
147
147
|
const { children, ...rest } = props;
|
|
148
|
-
return React.createElement(customElements.getName(
|
|
148
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
149
149
|
});
|
|
150
150
|
|
|
151
|
-
export const
|
|
151
|
+
export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
152
152
|
const { children, ...rest } = props;
|
|
153
|
-
return React.createElement(customElements.getName(
|
|
153
|
+
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
154
154
|
});
|
|
155
155
|
|
|
156
156
|
export const Anchor = React.forwardRef(function Anchor(props, ref) {
|
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.50.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.50.0",
|
|
86
|
+
"@genesislcap/genx": "15.50.0",
|
|
87
|
+
"@genesislcap/ts-builder": "15.50.0",
|
|
88
|
+
"@genesislcap/uvu-playwright-builder": "15.50.0",
|
|
89
|
+
"@genesislcap/vite-builder": "15.50.0",
|
|
90
|
+
"@genesislcap/webpack-builder": "15.50.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.50.0",
|
|
100
|
+
"@genesislcap/foundation-ai": "15.50.0",
|
|
101
|
+
"@genesislcap/foundation-comms": "15.50.0",
|
|
102
|
+
"@genesislcap/foundation-criteria": "15.50.0",
|
|
103
|
+
"@genesislcap/foundation-errors": "15.50.0",
|
|
104
|
+
"@genesislcap/foundation-events": "15.50.0",
|
|
105
|
+
"@genesislcap/foundation-logger": "15.50.0",
|
|
106
|
+
"@genesislcap/foundation-notifications": "15.50.0",
|
|
107
|
+
"@genesislcap/foundation-user": "15.50.0",
|
|
108
|
+
"@genesislcap/foundation-utils": "15.50.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",
|