trimble-terra 1.1.25 → 1.1.28
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/README.md +169 -169
- package/dist/lib/main.js +28 -28
- package/dist/node_modules/@trimble-oss/moduswebcomponents-react/stencil-generated/components.js +23 -36
- package/dist/src/component/SpecialButton/dist/SpecialButton.d.ts +3 -0
- package/dist/src/component/SpecialButton/dist/SpecialButton.d.ts.map +1 -0
- package/dist/src/component/TrimbleDeveloper/TDHeader.js +158 -219
- package/dist/src/component/index.js +24 -24
- package/dist/src/navigation/SiteNavigation/SiteNavigation.css +1 -1
- package/dist/src/navigation/SiteNavigation/SiteNavigationMobile/SiteNavigationMobile.css +1 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/CartNavMenu/CartNavMenu.css +1 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/LanguageSelector/LanguageSelector.css +1 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/NavSearchWrapper/NavSearch.css +1 -1
- package/dist/src/navigation/SiteNavigation/UtilityNavComponents/WaffleMenu/WaffleMenu.css +1 -1
- package/package.json +127 -127
- package/dist/node_modules/@trimble-oss/moduswebcomponents/components/modus-wc-switch.js +0 -70
- package/dist/node_modules/@trimble-oss/moduswebcomponents/components/p-DZXd_sgn.js +0 -9
package/README.md
CHANGED
|
@@ -1,170 +1,170 @@
|
|
|
1
|
-
# Trimble Terra
|
|
2
|
-
|
|
3
|
-
A React component library for Trimble MXP2 web experiences. Built with React 19, TypeScript, and SCSS.
|
|
4
|
-
|
|
5
|
-
[](https://trimble-mxp-terra.netlify.app/)
|
|
6
|
-
[](https://www.npmjs.com/package/trimble-terra)
|
|
7
|
-
|
|
8
|
-
> **Branch strategy:** The `react19` branch is the active development branch (v1.x) targeting Next.js projects. The `main` branch contains the legacy Gatsby-compatible code (v0.x) and is deprecated — do not publish from `main`.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
## Storybook
|
|
13
|
-
|
|
14
|
-
Browse all components, props, and usage examples in the live Storybook:
|
|
15
|
-
|
|
16
|
-
**[https://trimble-mxp-terra.netlify.app/](https://trimble-mxp-terra.netlify.app/)**
|
|
17
|
-
|
|
18
|
-
### Associated Storybooks
|
|
19
|
-
|
|
20
|
-
#### Layouts:
|
|
21
|
-
[](https://trimble-mxp-layouts.netlify.app/)
|
|
22
|
-
|
|
23
|
-
#### Icons:
|
|
24
|
-
[](https://trimble-mxp-icons.netlify.app/)
|
|
25
|
-
|
|
26
|
-
#### Flyout:
|
|
27
|
-
[](https://trimble-mxp-flyout.netlify.app/)
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
## Installation
|
|
31
|
-
|
|
32
|
-
```bash
|
|
33
|
-
npm install trimble-terra
|
|
34
|
-
```
|
|
35
|
-
|
|
36
|
-
### Peer Dependencies
|
|
37
|
-
|
|
38
|
-
The following packages must be installed in your application:
|
|
39
|
-
|
|
40
|
-
```bash
|
|
41
|
-
npm install react react-dom @trimble-creative-strategy/trimble-mxp-icons react-player image-focus
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
## Usage
|
|
45
|
-
|
|
46
|
-
Import components directly from the package:
|
|
47
|
-
|
|
48
|
-
```tsx
|
|
49
|
-
import { SiteNavigation, GlobalFooter, AlertBanner } from "trimble-terra";
|
|
50
|
-
|
|
51
|
-
function App() {
|
|
52
|
-
return (
|
|
53
|
-
<>
|
|
54
|
-
<SiteNavigation {...navProps} />
|
|
55
|
-
<AlertBanner {...bannerProps} />
|
|
56
|
-
<main>{/* your content */}</main>
|
|
57
|
-
<GlobalFooter {...footerProps} />
|
|
58
|
-
</>
|
|
59
|
-
);
|
|
60
|
-
}
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
## Available Components
|
|
64
|
-
|
|
65
|
-
### Components
|
|
66
|
-
|
|
67
|
-
| Component | Description |
|
|
68
|
-
| --- | --- |
|
|
69
|
-
| `AlertBanner` | Dismissible alert banner for announcements |
|
|
70
|
-
| `Dialog` | Modal dialog overlay |
|
|
71
|
-
| `ImageGallery` | Responsive image gallery |
|
|
72
|
-
| `LoadingSpinner` | Loading state indicator |
|
|
73
|
-
| `ProductDetail` | Product detail view |
|
|
74
|
-
| `ProductSummary` | Product summary card |
|
|
75
|
-
| `TrialFormStart` | Trial signup form |
|
|
76
|
-
| `TrialSummary` | Trial information summary |
|
|
77
|
-
|
|
78
|
-
### Layout
|
|
79
|
-
|
|
80
|
-
| Component | Description |
|
|
81
|
-
| --- | --- |
|
|
82
|
-
| `LayoutPricingCards` | Pricing card grid layout |
|
|
83
|
-
| `Icon` | Icon component (re-exported from `@trimble-creative-strategy/trimble-mxp-icons`) |
|
|
84
|
-
|
|
85
|
-
### Navigation
|
|
86
|
-
|
|
87
|
-
| Component | Description |
|
|
88
|
-
| --- | --- |
|
|
89
|
-
| `SiteNavigation` | Main site navigation with mega menu support |
|
|
90
|
-
| `Footer` | Base footer component |
|
|
91
|
-
| `SectorFooter` | Sector-specific footer |
|
|
92
|
-
| `GlobalFooter` | Global footer |
|
|
93
|
-
|
|
94
|
-
## Development
|
|
95
|
-
|
|
96
|
-
```bash
|
|
97
|
-
# Install dependencies
|
|
98
|
-
npm install
|
|
99
|
-
|
|
100
|
-
# Run Storybook locally
|
|
101
|
-
npm run storybook
|
|
102
|
-
|
|
103
|
-
# Build the library
|
|
104
|
-
npm run build
|
|
105
|
-
|
|
106
|
-
# Lint
|
|
107
|
-
npm run lint
|
|
108
|
-
|
|
109
|
-
# Format check
|
|
110
|
-
npm run format:check
|
|
111
|
-
```
|
|
112
|
-
|
|
113
|
-
## Publishing to npm
|
|
114
|
-
|
|
115
|
-
Releases are automated via GitHub Actions. Pushing a version tag triggers the publish workflow.
|
|
116
|
-
|
|
117
|
-
### Release workflow
|
|
118
|
-
|
|
119
|
-
1. **Make sure you're on the `react19` branch** with all changes committed and pushed.
|
|
120
|
-
|
|
121
|
-
2. **Bump the version** in `package.json`:
|
|
122
|
-
|
|
123
|
-
```bash
|
|
124
|
-
# Patch release (1.0.0 → 1.0.1)
|
|
125
|
-
npm version patch
|
|
126
|
-
|
|
127
|
-
# Minor release (1.0.0 → 1.1.0)
|
|
128
|
-
npm version minor
|
|
129
|
-
|
|
130
|
-
# Major release (1.0.0 → 2.0.0)
|
|
131
|
-
npm version major
|
|
132
|
-
```
|
|
133
|
-
|
|
134
|
-
This updates `package.json` and creates a git tag automatically.
|
|
135
|
-
|
|
136
|
-
3. **Push the commit and tag:**
|
|
137
|
-
|
|
138
|
-
```bash
|
|
139
|
-
git push origin react19 --follow-tags
|
|
140
|
-
```
|
|
141
|
-
|
|
142
|
-
4. The GitHub Actions `publish.yml` workflow will:
|
|
143
|
-
- Check out the code
|
|
144
|
-
- Install dependencies
|
|
145
|
-
- Run lint and build
|
|
146
|
-
- Verify the tag matches the `package.json` version
|
|
147
|
-
- Publish to npm
|
|
148
|
-
|
|
149
|
-
### Requirements
|
|
150
|
-
|
|
151
|
-
- An `NPM_TOKEN` secret must be configured in the GitHub repository settings (Settings > Secrets and variables > Actions).
|
|
152
|
-
- The token needs publish access to the `trimble-terra` package on npm.
|
|
153
|
-
|
|
154
|
-
### CI
|
|
155
|
-
|
|
156
|
-
Every push and pull request to `react19` runs the CI workflow (lint, format check, build) on Node 20 and 22.
|
|
157
|
-
|
|
158
|
-
## Technical Audit — Known Issues
|
|
159
|
-
|
|
160
|
-
- **K-3 — CommonDescription / CleanDescription duplication** (Medium): Nearly identical logic differing only in class names. Merge into one component with a `variant` prop.
|
|
161
|
-
- **K-4 — Inline styles instead of SCSS** (Medium): `CardEcommerce`, `LayoutPricingCards`, `PricingCards`, `SiteNavigationMain`, `YoutubeVideo`, `FocusedImageMethods`, and others use `style={}` for layout, backgrounds, and sizing that should live in SCSS.
|
|
162
|
-
- **K-5 — Pervasive `any` usage** (High): `any` is used for props, event handlers, refs, and data structures across ~30+ files. Especially dense in `SiteNavigation*`, `LanguageSelector`, `ProductDetail`, `LayoutPricingCards`, `VidyardVideo`, and all `.jsx` files.
|
|
163
|
-
- **A-1 — `onClick` on non-interactive elements without keyboard support** (High): Multiple `<div>` and `<span>` elements have `onClick` handlers without `role="button"`, `tabIndex={0}`, or `onKeyDown`/`onKeyUp`. `ProductOverview.tsx` uses `<a href="" onClick>` instead of `<button>`.
|
|
164
|
-
- **A-2 — Missing `alt` text on images** (Medium): App Store / Google Play badge images in `TerraLink.tsx`, `SpecialButton.tsx`, and `SiteNavigationMobile.tsx` lack meaningful `alt` attributes.
|
|
165
|
-
- **S-1 — Unsanitized `dangerouslySetInnerHTML`** (High): CMS/prop content rendered via `dangerouslySetInnerHTML` without visible sanitization in `CommonDescription.tsx`, `functions.tsx`, `CurrencyList.tsx`, `ProductSummaryMethods.jsx`, `FlyoutCart.jsx`, `checkForDangerouslySet.jsx`. Centralize through a sanitizer (e.g., DOMPurify).
|
|
166
|
-
- **C-2 — Direct DOM manipulation** (Medium): `CardEcommerce.tsx` uses `document.querySelector` instead of a ref; `ImageGalleryMethods.jsx` sets `body.style.overflow` directly; `useElementIntersection.ts` takes a selector string instead of a ref.
|
|
167
|
-
- **C-3 — 16 `.jsx` files remain unconverted** (Medium): `Slider`, `NavSearchWrapper`, `Tooltip`, `TrialFormStart`, `ProductSummary`, `TrialSummary`, `TrialMethods`, `TrialSpecifics`, `ProductSummaryMethods`, `PricingCards`, `ImageGallery`, `ImageGalleryMethods`, `FlyoutCart`, `checkForDangerouslySet`, `CloseIcon`, `CardEcommerceMethods` — all have zero type safety.
|
|
168
|
-
- **C-4 — Blanket `eslint-disable` suppresses all warnings** (Medium): File-level `/* eslint-disable */` in `LanguageSelector.tsx`, `SiteNavigationMain.tsx`, `CartNavMenu.tsx`, `FlyoutCart.jsx`, `FlyoutCartComponent.tsx`, `QuantityTracker.stories.tsx`, `Video.tsx`.
|
|
169
|
-
- **C-6 — Console statements in production code** (Low): `YoutubeVideo.tsx` (`console.warn`) and `CardEcommerceMethods.jsx` (`console.error`) will fire in consumers' production builds.
|
|
1
|
+
# Trimble Terra
|
|
2
|
+
|
|
3
|
+
A React component library for Trimble MXP2 web experiences. Built with React 19, TypeScript, and SCSS.
|
|
4
|
+
|
|
5
|
+
[](https://trimble-mxp-terra.netlify.app/)
|
|
6
|
+
[](https://www.npmjs.com/package/trimble-terra)
|
|
7
|
+
|
|
8
|
+
> **Branch strategy:** The `react19` branch is the active development branch (v1.x) targeting Next.js projects. The `main` branch contains the legacy Gatsby-compatible code (v0.x) and is deprecated — do not publish from `main`.
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## Storybook
|
|
13
|
+
|
|
14
|
+
Browse all components, props, and usage examples in the live Storybook:
|
|
15
|
+
|
|
16
|
+
**[https://trimble-mxp-terra.netlify.app/](https://trimble-mxp-terra.netlify.app/)**
|
|
17
|
+
|
|
18
|
+
### Associated Storybooks
|
|
19
|
+
|
|
20
|
+
#### Layouts:
|
|
21
|
+
[](https://trimble-mxp-layouts.netlify.app/)
|
|
22
|
+
|
|
23
|
+
#### Icons:
|
|
24
|
+
[](https://trimble-mxp-icons.netlify.app/)
|
|
25
|
+
|
|
26
|
+
#### Flyout:
|
|
27
|
+
[](https://trimble-mxp-flyout.netlify.app/)
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
## Installation
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
npm install trimble-terra
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
### Peer Dependencies
|
|
37
|
+
|
|
38
|
+
The following packages must be installed in your application:
|
|
39
|
+
|
|
40
|
+
```bash
|
|
41
|
+
npm install react react-dom @trimble-creative-strategy/trimble-mxp-icons react-player image-focus
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Usage
|
|
45
|
+
|
|
46
|
+
Import components directly from the package:
|
|
47
|
+
|
|
48
|
+
```tsx
|
|
49
|
+
import { SiteNavigation, GlobalFooter, AlertBanner } from "trimble-terra";
|
|
50
|
+
|
|
51
|
+
function App() {
|
|
52
|
+
return (
|
|
53
|
+
<>
|
|
54
|
+
<SiteNavigation {...navProps} />
|
|
55
|
+
<AlertBanner {...bannerProps} />
|
|
56
|
+
<main>{/* your content */}</main>
|
|
57
|
+
<GlobalFooter {...footerProps} />
|
|
58
|
+
</>
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
## Available Components
|
|
64
|
+
|
|
65
|
+
### Components
|
|
66
|
+
|
|
67
|
+
| Component | Description |
|
|
68
|
+
| --- | --- |
|
|
69
|
+
| `AlertBanner` | Dismissible alert banner for announcements |
|
|
70
|
+
| `Dialog` | Modal dialog overlay |
|
|
71
|
+
| `ImageGallery` | Responsive image gallery |
|
|
72
|
+
| `LoadingSpinner` | Loading state indicator |
|
|
73
|
+
| `ProductDetail` | Product detail view |
|
|
74
|
+
| `ProductSummary` | Product summary card |
|
|
75
|
+
| `TrialFormStart` | Trial signup form |
|
|
76
|
+
| `TrialSummary` | Trial information summary |
|
|
77
|
+
|
|
78
|
+
### Layout
|
|
79
|
+
|
|
80
|
+
| Component | Description |
|
|
81
|
+
| --- | --- |
|
|
82
|
+
| `LayoutPricingCards` | Pricing card grid layout |
|
|
83
|
+
| `Icon` | Icon component (re-exported from `@trimble-creative-strategy/trimble-mxp-icons`) |
|
|
84
|
+
|
|
85
|
+
### Navigation
|
|
86
|
+
|
|
87
|
+
| Component | Description |
|
|
88
|
+
| --- | --- |
|
|
89
|
+
| `SiteNavigation` | Main site navigation with mega menu support |
|
|
90
|
+
| `Footer` | Base footer component |
|
|
91
|
+
| `SectorFooter` | Sector-specific footer |
|
|
92
|
+
| `GlobalFooter` | Global footer |
|
|
93
|
+
|
|
94
|
+
## Development
|
|
95
|
+
|
|
96
|
+
```bash
|
|
97
|
+
# Install dependencies
|
|
98
|
+
npm install
|
|
99
|
+
|
|
100
|
+
# Run Storybook locally
|
|
101
|
+
npm run storybook
|
|
102
|
+
|
|
103
|
+
# Build the library
|
|
104
|
+
npm run build
|
|
105
|
+
|
|
106
|
+
# Lint
|
|
107
|
+
npm run lint
|
|
108
|
+
|
|
109
|
+
# Format check
|
|
110
|
+
npm run format:check
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
## Publishing to npm
|
|
114
|
+
|
|
115
|
+
Releases are automated via GitHub Actions. Pushing a version tag triggers the publish workflow.
|
|
116
|
+
|
|
117
|
+
### Release workflow
|
|
118
|
+
|
|
119
|
+
1. **Make sure you're on the `react19` branch** with all changes committed and pushed.
|
|
120
|
+
|
|
121
|
+
2. **Bump the version** in `package.json`:
|
|
122
|
+
|
|
123
|
+
```bash
|
|
124
|
+
# Patch release (1.0.0 → 1.0.1)
|
|
125
|
+
npm version patch
|
|
126
|
+
|
|
127
|
+
# Minor release (1.0.0 → 1.1.0)
|
|
128
|
+
npm version minor
|
|
129
|
+
|
|
130
|
+
# Major release (1.0.0 → 2.0.0)
|
|
131
|
+
npm version major
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
This updates `package.json` and creates a git tag automatically.
|
|
135
|
+
|
|
136
|
+
3. **Push the commit and tag:**
|
|
137
|
+
|
|
138
|
+
```bash
|
|
139
|
+
git push origin react19 --follow-tags
|
|
140
|
+
```
|
|
141
|
+
|
|
142
|
+
4. The GitHub Actions `publish.yml` workflow will:
|
|
143
|
+
- Check out the code
|
|
144
|
+
- Install dependencies
|
|
145
|
+
- Run lint and build
|
|
146
|
+
- Verify the tag matches the `package.json` version
|
|
147
|
+
- Publish to npm
|
|
148
|
+
|
|
149
|
+
### Requirements
|
|
150
|
+
|
|
151
|
+
- An `NPM_TOKEN` secret must be configured in the GitHub repository settings (Settings > Secrets and variables > Actions).
|
|
152
|
+
- The token needs publish access to the `trimble-terra` package on npm.
|
|
153
|
+
|
|
154
|
+
### CI
|
|
155
|
+
|
|
156
|
+
Every push and pull request to `react19` runs the CI workflow (lint, format check, build) on Node 20 and 22.
|
|
157
|
+
|
|
158
|
+
## Technical Audit — Known Issues
|
|
159
|
+
|
|
160
|
+
- **K-3 — CommonDescription / CleanDescription duplication** (Medium): Nearly identical logic differing only in class names. Merge into one component with a `variant` prop.
|
|
161
|
+
- **K-4 — Inline styles instead of SCSS** (Medium): `CardEcommerce`, `LayoutPricingCards`, `PricingCards`, `SiteNavigationMain`, `YoutubeVideo`, `FocusedImageMethods`, and others use `style={}` for layout, backgrounds, and sizing that should live in SCSS.
|
|
162
|
+
- **K-5 — Pervasive `any` usage** (High): `any` is used for props, event handlers, refs, and data structures across ~30+ files. Especially dense in `SiteNavigation*`, `LanguageSelector`, `ProductDetail`, `LayoutPricingCards`, `VidyardVideo`, and all `.jsx` files.
|
|
163
|
+
- **A-1 — `onClick` on non-interactive elements without keyboard support** (High): Multiple `<div>` and `<span>` elements have `onClick` handlers without `role="button"`, `tabIndex={0}`, or `onKeyDown`/`onKeyUp`. `ProductOverview.tsx` uses `<a href="" onClick>` instead of `<button>`.
|
|
164
|
+
- **A-2 — Missing `alt` text on images** (Medium): App Store / Google Play badge images in `TerraLink.tsx`, `SpecialButton.tsx`, and `SiteNavigationMobile.tsx` lack meaningful `alt` attributes.
|
|
165
|
+
- **S-1 — Unsanitized `dangerouslySetInnerHTML`** (High): CMS/prop content rendered via `dangerouslySetInnerHTML` without visible sanitization in `CommonDescription.tsx`, `functions.tsx`, `CurrencyList.tsx`, `ProductSummaryMethods.jsx`, `FlyoutCart.jsx`, `checkForDangerouslySet.jsx`. Centralize through a sanitizer (e.g., DOMPurify).
|
|
166
|
+
- **C-2 — Direct DOM manipulation** (Medium): `CardEcommerce.tsx` uses `document.querySelector` instead of a ref; `ImageGalleryMethods.jsx` sets `body.style.overflow` directly; `useElementIntersection.ts` takes a selector string instead of a ref.
|
|
167
|
+
- **C-3 — 16 `.jsx` files remain unconverted** (Medium): `Slider`, `NavSearchWrapper`, `Tooltip`, `TrialFormStart`, `ProductSummary`, `TrialSummary`, `TrialMethods`, `TrialSpecifics`, `ProductSummaryMethods`, `PricingCards`, `ImageGallery`, `ImageGalleryMethods`, `FlyoutCart`, `checkForDangerouslySet`, `CloseIcon`, `CardEcommerceMethods` — all have zero type safety.
|
|
168
|
+
- **C-4 — Blanket `eslint-disable` suppresses all warnings** (Medium): File-level `/* eslint-disable */` in `LanguageSelector.tsx`, `SiteNavigationMain.tsx`, `CartNavMenu.tsx`, `FlyoutCart.jsx`, `FlyoutCartComponent.tsx`, `QuantityTracker.stories.tsx`, `Video.tsx`.
|
|
169
|
+
- **C-6 — Console statements in production code** (Low): `YoutubeVideo.tsx` (`console.warn`) and `CardEcommerceMethods.jsx` (`console.error`) will fire in consumers' production builds.
|
|
170
170
|
- **C-7 — Duplicate `ImageGallery` component names** (Medium): Two separate `ImageGallery` implementations exist at `src/component/ImageGallery/` and `src/component/ProductDetail/ImageGallery/`, causing confusion and potential import mistakes.
|
package/dist/lib/main.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { default as d } from "../src/component/
|
|
7
|
-
import { default as S } from "../src/component/
|
|
8
|
-
import { default as n } from "../src/component/
|
|
9
|
-
import { default as F } from "../src/component/
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
1
|
+
import { default as e } from "../src/component/TrialForm/TrialFormStart/TrialFormStart.js";
|
|
2
|
+
import { default as a } from "../src/component/ProductSummary/ProductSummary.js";
|
|
3
|
+
import { default as m } from "../src/component/ProductDetail/ProductDetail.js";
|
|
4
|
+
import { default as l } from "../src/component/TrialForm/TrialComponents/TrialSummary.js";
|
|
5
|
+
import { default as i } from "../src/component/LoadingSpinner/LoadingSpinner.js";
|
|
6
|
+
import { default as d } from "../src/component/Dialog/Dialog.js";
|
|
7
|
+
import { default as S } from "../src/component/ImageGallery/ImageGallery.js";
|
|
8
|
+
import { default as n } from "../src/component/FocusedImage/FocusedImage.js";
|
|
9
|
+
import { default as F } from "../src/component/MoreFromDeveloper/MoreFromDeveloper.js";
|
|
10
|
+
import { AlertBanner as y } from "../src/component/AlertBanner/AlertBanner.js";
|
|
11
|
+
import { SearchButton as D } from "../src/component/SearchButton/SearchButton.js";
|
|
12
|
+
import { CallToAction as C } from "../src/component/CallToAction/CallToAction.js";
|
|
13
|
+
import { PurchaseSection as P } from "../src/component/PurchaseSection/PurchaseSection.js";
|
|
14
|
+
import { TDHeader as h } from "../src/component/TrimbleDeveloper/TDHeader.js";
|
|
15
15
|
import { ProductDetailTabs as B } from "../src/component/ProductDetail/ProductDetailTabs/ProductDetailTabs.js";
|
|
16
16
|
import { FeaturedResources as I } from "../src/component/ProductDetail/FeaturedResources/FeaturedResources.js";
|
|
17
17
|
import { SectorFooter as H } from "../src/navigation/Footer/SectorFooter/SectorFooter.js";
|
|
@@ -23,28 +23,28 @@ import { SiteNavigationMobileCategory as O } from "../src/navigation/SiteNavigat
|
|
|
23
23
|
import { SiteNav as U } from "../src/navigation/SiteNav/SiteNav.js";
|
|
24
24
|
import { SiteNavMobileCategory as W } from "../src/navigation/SiteNav/SiteNavMobileCategory.js";
|
|
25
25
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
y as AlertBanner,
|
|
27
|
+
C as CallToAction,
|
|
28
|
+
d as Dialog,
|
|
29
29
|
I as FeaturedResources,
|
|
30
|
-
|
|
30
|
+
n as FocusedImage,
|
|
31
31
|
q as Footer,
|
|
32
32
|
j as GlobalFooter,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
33
|
+
S as ImageGallery,
|
|
34
|
+
i as LoadingSpinner,
|
|
35
|
+
F as MoreFromDeveloper,
|
|
36
|
+
m as ProductDetail,
|
|
37
37
|
B as ProductDetailTabs,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
a as ProductSummary,
|
|
39
|
+
P as PurchaseSection,
|
|
40
|
+
D as SearchButton,
|
|
41
41
|
H as SectorFooter,
|
|
42
42
|
U as SiteNav,
|
|
43
43
|
W as SiteNavMobileCategory,
|
|
44
44
|
z as SiteNavigation,
|
|
45
45
|
O as SiteNavigationMobileCategory,
|
|
46
|
-
|
|
46
|
+
h as TDHeader,
|
|
47
47
|
J as TopLevelCategory,
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
e as TrialFormStart,
|
|
49
|
+
l as TrialSummary
|
|
50
50
|
};
|
package/dist/node_modules/@trimble-oss/moduswebcomponents-react/stencil-generated/components.js
CHANGED
|
@@ -5,51 +5,50 @@ import "../../moduswebcomponents/components/modus-wc-bottom-sheet.js";
|
|
|
5
5
|
import { defineCustomElement as s, ModusWcButton as m } from "../../moduswebcomponents/components/modus-wc-button.js";
|
|
6
6
|
import { defineCustomElement as a, ModusWcCollapse as i } from "../../moduswebcomponents/components/modus-wc-collapse.js";
|
|
7
7
|
import { defineCustomElement as u, ModusWcDropdownMenu as c } from "../../moduswebcomponents/components/modus-wc-dropdown-menu.js";
|
|
8
|
-
import { defineCustomElement as l, ModusWcIcon as
|
|
9
|
-
import { defineCustomElement as C, ModusWcNavbar as
|
|
8
|
+
import { defineCustomElement as l, ModusWcIcon as r } from "../../moduswebcomponents/components/modus-wc-icon.js";
|
|
9
|
+
import { defineCustomElement as C, ModusWcNavbar as d } from "../../moduswebcomponents/components/modus-wc-navbar.js";
|
|
10
10
|
import { defineCustomElement as p, ModusWcProfileMenu as M } from "../../moduswebcomponents/components/modus-wc-profile-menu.js";
|
|
11
|
-
import { defineCustomElement as f,
|
|
12
|
-
import { defineCustomElement as h, ModusWcThemeProvider as E } from "../../moduswebcomponents/components/modus-wc-theme-provider.js";
|
|
11
|
+
import { defineCustomElement as f, ModusWcThemeProvider as g } from "../../moduswebcomponents/components/modus-wc-theme-provider.js";
|
|
13
12
|
import "../../moduswebcomponents/components/p-74_OJZLO.js";
|
|
14
13
|
import n from "react";
|
|
15
|
-
const
|
|
14
|
+
const T = /* @__PURE__ */ e({
|
|
16
15
|
tagName: "modus-wc-avatar",
|
|
17
16
|
elementClass: t,
|
|
18
17
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
19
18
|
react: n,
|
|
20
19
|
events: { onImageLoadError: "imageLoadError" },
|
|
21
20
|
defineCustomElement: o
|
|
22
|
-
}),
|
|
21
|
+
}), S = /* @__PURE__ */ e({
|
|
23
22
|
tagName: "modus-wc-button",
|
|
24
23
|
elementClass: m,
|
|
25
24
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
26
25
|
react: n,
|
|
27
26
|
events: { onButtonClick: "buttonClick" },
|
|
28
27
|
defineCustomElement: s
|
|
29
|
-
}),
|
|
28
|
+
}), y = /* @__PURE__ */ e({
|
|
30
29
|
tagName: "modus-wc-collapse",
|
|
31
30
|
elementClass: i,
|
|
32
31
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
33
32
|
react: n,
|
|
34
33
|
events: { onExpandedChange: "expandedChange" },
|
|
35
34
|
defineCustomElement: a
|
|
36
|
-
}),
|
|
35
|
+
}), B = /* @__PURE__ */ e({
|
|
37
36
|
tagName: "modus-wc-dropdown-menu",
|
|
38
37
|
elementClass: c,
|
|
39
38
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
40
39
|
react: n,
|
|
41
40
|
events: { onMenuVisibilityChange: "menuVisibilityChange" },
|
|
42
41
|
defineCustomElement: u
|
|
43
|
-
}),
|
|
42
|
+
}), L = /* @__PURE__ */ e({
|
|
44
43
|
tagName: "modus-wc-icon",
|
|
45
|
-
elementClass:
|
|
44
|
+
elementClass: r,
|
|
46
45
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
47
46
|
react: n,
|
|
48
47
|
events: {},
|
|
49
48
|
defineCustomElement: l
|
|
50
|
-
}),
|
|
49
|
+
}), x = /* @__PURE__ */ e({
|
|
51
50
|
tagName: "modus-wc-navbar",
|
|
52
|
-
elementClass:
|
|
51
|
+
elementClass: d,
|
|
53
52
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
54
53
|
react: n,
|
|
55
54
|
events: {
|
|
@@ -70,7 +69,7 @@ const y = /* @__PURE__ */ e({
|
|
|
70
69
|
onUserMenuOpenChange: "userMenuOpenChange"
|
|
71
70
|
},
|
|
72
71
|
defineCustomElement: C
|
|
73
|
-
}),
|
|
72
|
+
}), D = /* @__PURE__ */ e({
|
|
74
73
|
tagName: "modus-wc-profile-menu",
|
|
75
74
|
elementClass: M,
|
|
76
75
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
@@ -80,33 +79,21 @@ const y = /* @__PURE__ */ e({
|
|
|
80
79
|
onMenuItemClick: "menuItemClick"
|
|
81
80
|
},
|
|
82
81
|
defineCustomElement: p
|
|
83
|
-
}),
|
|
84
|
-
tagName: "modus-wc-switch",
|
|
85
|
-
elementClass: g,
|
|
86
|
-
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
87
|
-
react: n,
|
|
88
|
-
events: {
|
|
89
|
-
onInputBlur: "inputBlur",
|
|
90
|
-
onInputChange: "inputChange",
|
|
91
|
-
onInputFocus: "inputFocus"
|
|
92
|
-
},
|
|
93
|
-
defineCustomElement: f
|
|
94
|
-
}), U = /* @__PURE__ */ e({
|
|
82
|
+
}), V = /* @__PURE__ */ e({
|
|
95
83
|
tagName: "modus-wc-theme-provider",
|
|
96
|
-
elementClass:
|
|
84
|
+
elementClass: g,
|
|
97
85
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
98
86
|
react: n,
|
|
99
87
|
events: {},
|
|
100
|
-
defineCustomElement:
|
|
88
|
+
defineCustomElement: f
|
|
101
89
|
});
|
|
102
90
|
export {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
U as ModusWcThemeProvider
|
|
91
|
+
T as ModusWcAvatar,
|
|
92
|
+
S as ModusWcButton,
|
|
93
|
+
y as ModusWcCollapse,
|
|
94
|
+
B as ModusWcDropdownMenu,
|
|
95
|
+
L as ModusWcIcon,
|
|
96
|
+
x as ModusWcNavbar,
|
|
97
|
+
D as ModusWcProfileMenu,
|
|
98
|
+
V as ModusWcThemeProvider
|
|
112
99
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpecialButton.d.ts","sourceRoot":"","sources":["../../../../../src/component/SpecialButton/dist/SpecialButton.js"],"names":[],"mappings":";AA+CwB,4CAmGvB"}
|