Skip to content

React, Angular, Vue - Re-export density and modus types #1060

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
prashanthr6383 merged 9 commits into from
May 11, 2026
Merged

React, Angular, Vue - Re-export density and modus types #1060

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
a0481bc
404 - re export density and modus types
prashanthr6383 Apr 30, 2026
859a508
Merge branch 'main' into 404-the--react--angular-and--vue-packages-sh…
prashanthr6383 Apr 30, 2026
e698147
404 - export root level fix
prashanthr6383 May 4, 2026
d4c7cca
add vue support
prashanthr6383 May 5, 2026
5dd77a1
404 - address pr comments - export all
prashanthr6383 May 7, 2026
37b45e9
Merge branch 'main' into 404-the--react--angular-and--vue-packages-sh…
prashanthr6383 May 7, 2026
80e9789
404 - address pr comments
prashanthr6383 May 8, 2026
61b758f
Merge branch 'main' into 404-the--react--angular-and--vue-packages-sh…
prashanthr6383 May 8, 2026
41ba233
Merge branch 'main' into 404-the--react--angular-and--vue-packages-sh…
jewel-shajan May 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions integrations/angular/ng17/projects/trimble-oss/moduswebcomponents-angular/src/public-api.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,3 +5,4 @@
export * from './lib/modus-wc-angular.module';
export { DIRECTIVES } from './lib/stencil-generated';
export * from './lib/stencil-generated/components';
export type * from '@trimble-oss/moduswebcomponents';
1 change: 1 addition & 0 deletions integrations/angular/ng18/projects/trimble-oss/moduswebcomponents-angular/src/public-api.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,3 +5,4 @@
export * from './lib/modus-wc-angular.module';
export { DIRECTIVES } from './lib/stencil-generated';
export * from './lib/stencil-generated/components';
export type * from '@trimble-oss/moduswebcomponents';
1 change: 1 addition & 0 deletions integrations/angular/ng19/projects/trimble-oss/moduswebcomponents-angular/src/public-api.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,3 +5,4 @@
export * from './lib/modus-wc-angular.module';
export { DIRECTIVES } from './lib/stencil-generated';
export * from './lib/stencil-generated/components';
export type * from '@trimble-oss/moduswebcomponents';
19 changes: 17 additions & 2 deletions integrations/react/test-react-v19/src/examples/ModusBadgeExamples.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,24 @@
import { ModusWcBadge as ModusBadge } from "@trimble-oss/moduswebcomponents-react";
import {
ModusWcBadge as ModusBadge,
type Density,
type ModusSize,
} from "@trimble-oss/moduswebcomponents-react";

function densityLabel(density: Density): string {
return density;
}
Comment thread
prashanthr6383 marked this conversation as resolved.

export default function ModusBadgeExamples() {
const typedSize: ModusSize = "md";
const typedDensity: Density = "comfortable";

return (
<>
<h3>Badge</h3>
<p className="demo-types-hint">
Types from <code>@trimble-oss/moduswebcomponents-react</code>: ModusSize=
{typedSize}, Density={densityLabel(typedDensity)}
</p>
<div className="grid">
<div className="grid-row">
<ModusBadge aria-label="Badge" content="Default" />
Expand All @@ -17,7 +32,7 @@ export default function ModusBadgeExamples() {

<div className="grid-row">
<ModusBadge aria-label="Badge" size="sm" content="Small" />
<ModusBadge aria-label="Badge" size="md" content="Medium" />
<ModusBadge aria-label="Badge" size={typedSize} content="Medium (typed)" />
<ModusBadge aria-label="Badge" size="lg" content="Large" />
</div>

Expand Down
1 change: 1 addition & 0 deletions integrations/react/v17/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ if (typeof window !== 'undefined') {
}

export * from './stencil-generated/components';
export type * from '@trimble-oss/moduswebcomponents';

// Re-export setAssetPath for users who need to override
export { setAssetPath };
1 change: 1 addition & 0 deletions integrations/react/v18/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ if (typeof window !== 'undefined') {
}

export * from './stencil-generated/components';
export type * from '@trimble-oss/moduswebcomponents';

// Re-export setAssetPath for users who need to override
export { setAssetPath };
1 change: 1 addition & 0 deletions integrations/react/v19/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ if (typeof window !== 'undefined') {
}

export * from './stencil-generated/components.js';
export type * from '@trimble-oss/moduswebcomponents';

// Re-export setAssetPath for users who need to override
export { setAssetPath };
2 changes: 2 additions & 0 deletions integrations/vue/v-latest/src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,5 @@ export { ModusWebComponentsPlugin, ComponentLibrary } from './plugin';

// Re-export setAssetPath for users who need to configure asset paths
export { setAssetPath } from '@trimble-oss/moduswebcomponents/components';

export type * from '@trimble-oss/moduswebcomponents';
Loading