demo-widget-page 25.8.0-beta.10
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/assets/index.html +18 -0
- package/jest.config.js +54 -0
- package/jest.setup.ts +22 -0
- package/package.json +23 -0
- package/src/AppEntry.module.css +129 -0
- package/src/AppEntry.tsx +105 -0
- package/src/ImageCarousel.tsx +20 -0
- package/src/ImageSlider.tsx +21 -0
- package/src/ProductDetail.tsx +16 -0
- package/src/ProductImage.tsx +20 -0
- package/src/index.tsx +5 -0
- package/src/preset.json +34 -0
- package/tsconfig.json +264 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
5
|
+
<meta
|
|
6
|
+
name="viewport"
|
|
7
|
+
content="width=device-width, initial-scale=1, shrink-to-fit=no, maximum-scale=1.0, user-scalable=no"
|
|
8
|
+
/>
|
|
9
|
+
<meta name="theme-color" content="#000000" />
|
|
10
|
+
<title><%= htmlWebpackPlugin.options.title %></title>
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<noscript>
|
|
14
|
+
You need to enable JavaScript to run this app.
|
|
15
|
+
</noscript>
|
|
16
|
+
<div id="app"></div>
|
|
17
|
+
</body>
|
|
18
|
+
</html>
|
package/jest.config.js
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
require('/opt/hostedtoolcache/node/20.19.2/x64/lib/node_modules/cantara/node_modules//ts-jest');
|
|
2
|
+
|
|
3
|
+
module.exports = {
|
|
4
|
+
transform: {
|
|
5
|
+
'^.+\\.tsx?$': '/opt/hostedtoolcache/node/20.19.2/x64/lib/node_modules/cantara/node_modules//ts-jest',
|
|
6
|
+
},
|
|
7
|
+
testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$',
|
|
8
|
+
moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
|
|
9
|
+
setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
|
|
10
|
+
moduleNameMapper: {
|
|
11
|
+
"^@crystaldesign/analytics$": "<rootDir>/../../packages/analytics/src",
|
|
12
|
+
"^@crystaldesign/ar-viewer$": "<rootDir>/../../packages/ar-viewer/src",
|
|
13
|
+
"^@crystaldesign/diva-archive$": "<rootDir>/../../packages/archive/src",
|
|
14
|
+
"^@crystaldesign/diva-backoffice$": "<rootDir>/../../packages/backoffice/src",
|
|
15
|
+
"^@crystaldesign/basket-handler$": "<rootDir>/../../packages/basket-handler/src",
|
|
16
|
+
"^@crystaldesign/basket-model$": "<rootDir>/../../packages/basket-model/src",
|
|
17
|
+
"^@crystaldesign/classification$": "<rootDir>/../../packages/classification/src",
|
|
18
|
+
"^@crystaldesign/content-box$": "<rootDir>/../../packages/content-box/src",
|
|
19
|
+
"^@crystaldesign/content-item$": "<rootDir>/../../packages/content-item/src",
|
|
20
|
+
"^@crystaldesign/diva-core$": "<rootDir>/../../packages/core/src",
|
|
21
|
+
"^@crystaldesign/diva-backend-commons$": "<rootDir>/../../packages/diva-backend-commons/src",
|
|
22
|
+
"^@crystaldesign/forms$": "<rootDir>/../../packages/forms/src",
|
|
23
|
+
"^@crystaldesign/grid$": "<rootDir>/../../packages/grid/src",
|
|
24
|
+
"^@crystaldesign/landing-page$": "<rootDir>/../../packages/landing-page/src",
|
|
25
|
+
"^@crystaldesign/live-planner$": "<rootDir>/../../packages/live-planner/src",
|
|
26
|
+
"^@crystaldesign/media-upload$": "<rootDir>/../../packages/media-upload/src",
|
|
27
|
+
"^@crystaldesign/diva-navigator$": "<rootDir>/../../packages/navigator/src",
|
|
28
|
+
"^@crystaldesign/order-entry$": "<rootDir>/../../packages/order-entry/src",
|
|
29
|
+
"^@crystaldesign/product-gallery$": "<rootDir>/../../packages/product-gallery/src",
|
|
30
|
+
"^@crystaldesign/product-handler$": "<rootDir>/../../packages/product-handler/src",
|
|
31
|
+
"^@crystaldesign/product-list$": "<rootDir>/../../packages/product-list/src",
|
|
32
|
+
"^@crystaldesign/products-component$": "<rootDir>/../../packages/products-component/src",
|
|
33
|
+
"^@crystaldesign/real-time-viewer$": "<rootDir>/../../packages/real-time-viewer/src",
|
|
34
|
+
"^@crystaldesign/room-selection$": "<rootDir>/../../packages/room-selection/src",
|
|
35
|
+
"^@crystaldesign/rtf-editor$": "<rootDir>/../../packages/rtf-editor/src",
|
|
36
|
+
"^@crystaldesign/sales-manager$": "<rootDir>/../../packages/sales-manager/src",
|
|
37
|
+
"^@crystaldesign/searchfield$": "<rootDir>/../../packages/searchfield/src",
|
|
38
|
+
"^@crystaldesign/diva-seller$": "<rootDir>/../../packages/seller/src",
|
|
39
|
+
"^@crystaldesign/spreadsheet$": "<rootDir>/../../packages/spreadsheet/src",
|
|
40
|
+
"^@crystaldesign/diva-support$": "<rootDir>/../../packages/support/src",
|
|
41
|
+
"^@crystaldesign/test-page$": "<rootDir>/../../packages/test-page/src",
|
|
42
|
+
"^@crystaldesign/diva-utils$": "<rootDir>/../../packages/utils/src",
|
|
43
|
+
"^@crystaldesign/web-planner-logic$": "<rootDir>/../../packages/web-planner-logic/src",
|
|
44
|
+
"^@crystaldesign/diva-web-planner-react$": "<rootDir>/../../packages/web-planner-react/src",
|
|
45
|
+
"^@crystaldesign/widget-contact-form$": "<rootDir>/../../packages/widget-contact-form/src",
|
|
46
|
+
"^@crystaldesign/widget-image-carousel$": "<rootDir>/../../packages/widget-image-carousel/src",
|
|
47
|
+
"^@crystaldesign/widget-inspiration-slider$": "<rootDir>/../../packages/widget-inspiration-slider/src",
|
|
48
|
+
"^@crystaldesign/widget-library$": "<rootDir>/../../packages/widget-library/src",
|
|
49
|
+
"^@crystaldesign/widget-media-viewer$": "<rootDir>/../../packages/widget-media-viewer/src",
|
|
50
|
+
"^@crystaldesign/product-detail-page$": "<rootDir>/../../packages/widget-product-detail-page/src",
|
|
51
|
+
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "/opt/hostedtoolcache/node/20.19.2/x64/lib/node_modules/cantara/static/jestFileMock.js",
|
|
52
|
+
"\\.(css|less)$": "/opt/hostedtoolcache/node/20.19.2/x64/lib/node_modules/cantara/static/jestStyleMock.js"
|
|
53
|
+
}
|
|
54
|
+
};
|
package/jest.setup.ts
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import '@testing-library/jest-dom'
|
|
2
|
+
|
|
3
|
+
import { readFileSync } from 'fs';
|
|
4
|
+
|
|
5
|
+
/** Loads envvars from the file cantara created for
|
|
6
|
+
* the testing environment
|
|
7
|
+
*/
|
|
8
|
+
function loadEnvVars() {
|
|
9
|
+
const cantaraTestEnvVarFile = '/opt/hostedtoolcache/node/20.19.2/x64/lib/node_modules/cantara/static/.temp/.env.json';
|
|
10
|
+
try {
|
|
11
|
+
const envJson = JSON.parse(readFileSync(cantaraTestEnvVarFile).toString());
|
|
12
|
+
Object.keys(envJson).forEach(envVarName => {
|
|
13
|
+
process.env[envVarName] = envJson[envVarName];
|
|
14
|
+
});
|
|
15
|
+
} catch (e) {
|
|
16
|
+
console.warn(
|
|
17
|
+
'Could not read generated .env.json. This is likely an error with Cantara itself.',
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
loadEnvVars();
|
package/package.json
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "demo-widget-page",
|
|
3
|
+
"version": "25.8.0-beta.10",
|
|
4
|
+
"main": "index.js",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"devDependencies": {
|
|
7
|
+
"@testing-library/jest-dom": "6.5.0",
|
|
8
|
+
"@testing-library/react": "16.0.1",
|
|
9
|
+
"@types/jest": "29.5.12",
|
|
10
|
+
"@types/node": "20.16.5",
|
|
11
|
+
"@types/react": "18.3.4",
|
|
12
|
+
"@types/react-dom": "18.3.0",
|
|
13
|
+
"typescript": "5.6.2"
|
|
14
|
+
},
|
|
15
|
+
"dependencies": {
|
|
16
|
+
"@crystaldesign/diva-core": "25.8.0-beta.5",
|
|
17
|
+
"@crystaldesign/widget-inspiration-slider": "25.8.0-beta.5",
|
|
18
|
+
"@crystaldesign/widget-media-viewer": "25.8.0-beta.5",
|
|
19
|
+
"react": "18.3.1",
|
|
20
|
+
"react-dom": "18.3.1"
|
|
21
|
+
},
|
|
22
|
+
"gitHead": "72f0eae11ba09885de9b2ff2f10054cea54754aa"
|
|
23
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
max-width: 1200px;
|
|
3
|
+
margin: 0 auto;
|
|
4
|
+
padding: 20px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.hero-section {
|
|
8
|
+
width: 100vw;
|
|
9
|
+
height: 660px;
|
|
10
|
+
margin-left: calc(-50vw + 50%);
|
|
11
|
+
margin-right: calc(-50vw + 50%);
|
|
12
|
+
position: relative;
|
|
13
|
+
left: 50%;
|
|
14
|
+
right: 50%;
|
|
15
|
+
margin-left: -50vw;
|
|
16
|
+
margin-right: -50vw;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.product-image-wrapper {
|
|
20
|
+
width: 400px;
|
|
21
|
+
height: 400px;
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.video-container {
|
|
26
|
+
width: 100%;
|
|
27
|
+
height: 400px;
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.product-detail-section {
|
|
32
|
+
height: 600px;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.product-image-wrapper :global .diva-widget-media-viewer {
|
|
37
|
+
width: 100%;
|
|
38
|
+
height: 100%;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.product-image-wrapper img {
|
|
42
|
+
width: 100%;
|
|
43
|
+
height: 100%;
|
|
44
|
+
object-fit: cover;
|
|
45
|
+
display: block;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.video-container :global .diva-widget-media-viewer {
|
|
49
|
+
width: 100%;
|
|
50
|
+
height: 100%;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.video-container img {
|
|
54
|
+
width: 100%;
|
|
55
|
+
height: 100%;
|
|
56
|
+
object-fit: cover;
|
|
57
|
+
display: block;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.placeholder {
|
|
61
|
+
background-color: #e0e0e0;
|
|
62
|
+
padding: 20px;
|
|
63
|
+
text-align: center;
|
|
64
|
+
margin: 20px 0;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.text-block {
|
|
68
|
+
margin: 40px 0;
|
|
69
|
+
text-align: center;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.button {
|
|
73
|
+
background-color: #007bff;
|
|
74
|
+
color: white;
|
|
75
|
+
border: none;
|
|
76
|
+
padding: 10px 20px;
|
|
77
|
+
cursor: pointer;
|
|
78
|
+
display: block;
|
|
79
|
+
margin: 20px auto;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.split-section {
|
|
83
|
+
display: grid;
|
|
84
|
+
grid-template-columns: 1fr 1fr;
|
|
85
|
+
gap: 20px;
|
|
86
|
+
margin: 40px 0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.property-list {
|
|
90
|
+
list-style: none;
|
|
91
|
+
padding: 0;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.property-list li {
|
|
95
|
+
margin: 10px 0;
|
|
96
|
+
padding: 5px;
|
|
97
|
+
background-color: #f5f5f5;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.image-grid {
|
|
101
|
+
gap: 20px;
|
|
102
|
+
margin: 20px 0;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.form {
|
|
106
|
+
max-width: 500px;
|
|
107
|
+
margin: 40px auto;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.form-group {
|
|
111
|
+
margin: 15px 0;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.form-group label {
|
|
115
|
+
display: block;
|
|
116
|
+
margin-bottom: 5px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.form-group input,
|
|
120
|
+
.form-group textarea {
|
|
121
|
+
width: 100%;
|
|
122
|
+
padding: 8px;
|
|
123
|
+
border: 1px solid #ddd;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.section {
|
|
127
|
+
margin: 40px 0;
|
|
128
|
+
text-align: center;
|
|
129
|
+
}
|
package/src/AppEntry.tsx
ADDED
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import {
|
|
3
|
+
container,
|
|
4
|
+
heroSection,
|
|
5
|
+
placeholder,
|
|
6
|
+
textBlock,
|
|
7
|
+
button,
|
|
8
|
+
splitSection,
|
|
9
|
+
propertyList,
|
|
10
|
+
imageGrid,
|
|
11
|
+
form,
|
|
12
|
+
formGroup,
|
|
13
|
+
section,
|
|
14
|
+
productImageWrapper,
|
|
15
|
+
videoContainer,
|
|
16
|
+
productDetailSection,
|
|
17
|
+
} from './AppEntry.module.css';
|
|
18
|
+
import ImageSlider from './ImageSlider';
|
|
19
|
+
import ProductImage from './ProductImage';
|
|
20
|
+
import ProductDetail from './ProductDetail';
|
|
21
|
+
import preset from './preset.json';
|
|
22
|
+
import ImageCarousel from './ImageCarousel';
|
|
23
|
+
|
|
24
|
+
export default function AppEntry() {
|
|
25
|
+
return (
|
|
26
|
+
<div className={container}>
|
|
27
|
+
{/* Header with Image Slider */}
|
|
28
|
+
<div className={heroSection}>
|
|
29
|
+
<ImageSlider />
|
|
30
|
+
</div>
|
|
31
|
+
|
|
32
|
+
{/* Text Block */}
|
|
33
|
+
<div className={textBlock}>
|
|
34
|
+
<h2>Welcome to Our Demo Page</h2>
|
|
35
|
+
<p>This is a simple text block that introduces our demo components.</p>
|
|
36
|
+
</div>
|
|
37
|
+
|
|
38
|
+
{/* CTA Button */}
|
|
39
|
+
<button className={button}>Learn More</button>
|
|
40
|
+
|
|
41
|
+
{/* Video Section */}
|
|
42
|
+
<div className={section}>
|
|
43
|
+
<h2>Product Video</h2>
|
|
44
|
+
<div className={videoContainer}>
|
|
45
|
+
<ProductImage identifier={preset.productImage.identifierVideo} />
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
|
|
49
|
+
{/* Split Section: Image + Properties */}
|
|
50
|
+
<div className={section}>
|
|
51
|
+
<h2>Product Details</h2>
|
|
52
|
+
<div className={splitSection}>
|
|
53
|
+
<div className={productImageWrapper}>
|
|
54
|
+
<ProductImage identifier={preset.productImage.identifierDetail} />
|
|
55
|
+
</div>
|
|
56
|
+
<ul className={propertyList}>
|
|
57
|
+
<li>Property 1: Description</li>
|
|
58
|
+
<li>Property 2: Description</li>
|
|
59
|
+
<li>Property 3: Description</li>
|
|
60
|
+
<li>Property 4: Description</li>
|
|
61
|
+
</ul>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
|
|
65
|
+
{/* Product Detail Section */}
|
|
66
|
+
<div className={section}>
|
|
67
|
+
<h2>Product Detail Page</h2>
|
|
68
|
+
<div className={productDetailSection}>
|
|
69
|
+
<ProductDetail />
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
|
|
73
|
+
{/* Section with Title, Text, and Images */}
|
|
74
|
+
<div className={section}>
|
|
75
|
+
<h2>Featured Section</h2>
|
|
76
|
+
<p>This section showcases multiple images with some descriptive text.</p>
|
|
77
|
+
<div className={imageGrid}>
|
|
78
|
+
<ImageCarousel />
|
|
79
|
+
</div>
|
|
80
|
+
</div>
|
|
81
|
+
|
|
82
|
+
{/* Second CTA Button */}
|
|
83
|
+
<button className={button}>Get Started</button>
|
|
84
|
+
|
|
85
|
+
{/* Contact Form */}
|
|
86
|
+
<form className={form}>
|
|
87
|
+
<div className={formGroup}>
|
|
88
|
+
<label htmlFor="name">Name</label>
|
|
89
|
+
<input type="text" id="name" />
|
|
90
|
+
</div>
|
|
91
|
+
<div className={formGroup}>
|
|
92
|
+
<label htmlFor="email">Email</label>
|
|
93
|
+
<input type="email" id="email" />
|
|
94
|
+
</div>
|
|
95
|
+
<div className={formGroup}>
|
|
96
|
+
<label htmlFor="message">Message</label>
|
|
97
|
+
<textarea id="message" rows={4}></textarea>
|
|
98
|
+
</div>
|
|
99
|
+
<button type="submit" className={button}>
|
|
100
|
+
Send Message
|
|
101
|
+
</button>
|
|
102
|
+
</form>
|
|
103
|
+
</div>
|
|
104
|
+
);
|
|
105
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DivaReact from '@crystaldesign/diva-core';
|
|
3
|
+
import preset from './preset.json';
|
|
4
|
+
import ImageCarouselWidget from '@crystaldesign/widget-image-carousel';
|
|
5
|
+
|
|
6
|
+
export default function ImageCarousel() {
|
|
7
|
+
const onEvent = (e: any) => {
|
|
8
|
+
console.log(e);
|
|
9
|
+
};
|
|
10
|
+
return (
|
|
11
|
+
<DivaReact
|
|
12
|
+
organizationId={preset.organizationId}
|
|
13
|
+
defaultApiConfig={preset.apiConfig}
|
|
14
|
+
currentComponent={preset.imageCarousel}
|
|
15
|
+
identifier={preset.imageCarousel.identifier}
|
|
16
|
+
components={[ImageCarouselWidget]}
|
|
17
|
+
onEvent={onEvent}
|
|
18
|
+
/>
|
|
19
|
+
);
|
|
20
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DivaReact from '@crystaldesign/diva-core';
|
|
3
|
+
import preset from './preset.json';
|
|
4
|
+
import InspirationSlider from '@crystaldesign/widget-inspiration-slider';
|
|
5
|
+
import ProductDetailPage from '@crystaldesign/product-detail-page';
|
|
6
|
+
|
|
7
|
+
export default function ImageSlider() {
|
|
8
|
+
const onEvent = (e: any) => {
|
|
9
|
+
console.log(e);
|
|
10
|
+
};
|
|
11
|
+
return (
|
|
12
|
+
<DivaReact
|
|
13
|
+
organizationId={preset.organizationId}
|
|
14
|
+
defaultApiConfig={preset.apiConfig}
|
|
15
|
+
currentComponent={preset.imageSlider}
|
|
16
|
+
identifier={preset.imageSlider.identifier}
|
|
17
|
+
components={[InspirationSlider, ProductDetailPage]}
|
|
18
|
+
onEvent={onEvent}
|
|
19
|
+
/>
|
|
20
|
+
);
|
|
21
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DivaReact from '@crystaldesign/diva-core';
|
|
3
|
+
import preset from './preset.json';
|
|
4
|
+
import ProductDetailPage from '@crystaldesign/product-detail-page';
|
|
5
|
+
|
|
6
|
+
export default function ProductDetail() {
|
|
7
|
+
return (
|
|
8
|
+
<DivaReact
|
|
9
|
+
organizationId={preset.organizationId}
|
|
10
|
+
defaultApiConfig={preset.apiConfig}
|
|
11
|
+
currentComponent={preset.productDetail}
|
|
12
|
+
identifier={preset.productDetail.identifier}
|
|
13
|
+
components={[ProductDetailPage]}
|
|
14
|
+
/>
|
|
15
|
+
);
|
|
16
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import DivaReact from '@crystaldesign/diva-core';
|
|
3
|
+
import preset from './preset.json';
|
|
4
|
+
import MediaViewer from '@crystaldesign/widget-media-viewer';
|
|
5
|
+
|
|
6
|
+
export default function ProductImage({ identifier }: { identifier: string }) {
|
|
7
|
+
const onEvent = (e: any) => {
|
|
8
|
+
console.log(e);
|
|
9
|
+
};
|
|
10
|
+
return (
|
|
11
|
+
<DivaReact
|
|
12
|
+
organizationId={preset.organizationId}
|
|
13
|
+
defaultApiConfig={preset.apiConfig}
|
|
14
|
+
currentComponent={{ ...preset.productImage, identifier }}
|
|
15
|
+
identifier={preset.productImage.identifier}
|
|
16
|
+
components={[MediaViewer]}
|
|
17
|
+
onEvent={onEvent}
|
|
18
|
+
/>
|
|
19
|
+
);
|
|
20
|
+
}
|
package/src/index.tsx
ADDED
package/src/preset.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"organizationId": "H73OyCYzFab0r8jtNwxzi",
|
|
3
|
+
"apiConfig": { "baseUrl": "https://api-dev.diva-portal.com" },
|
|
4
|
+
"imageSlider": {
|
|
5
|
+
"type": "INSPIRATION_SLIDER",
|
|
6
|
+
"identifier": "DEMO",
|
|
7
|
+
"parameters": {
|
|
8
|
+
"productIds": "JZVHpDHdU6ZQ2gj6JGYln"
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
"productImage": {
|
|
12
|
+
"type": "MEDIA_VIEWER",
|
|
13
|
+
"identifier": "DEMO",
|
|
14
|
+
"identifierDetail": "PROD",
|
|
15
|
+
"identifierVideo": "SHO",
|
|
16
|
+
"parameters": {
|
|
17
|
+
"productId": "JZVHpDHdU6ZQ2gj6JGYln"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"productDetail": {
|
|
21
|
+
"type": "PRODUCTDETAILPAGE",
|
|
22
|
+
"identifier": "DEMO",
|
|
23
|
+
"parameters": {
|
|
24
|
+
"id": "JZVHpDHdU6ZQ2gj6JGYln"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"imageCarousel": {
|
|
28
|
+
"type": "IMAGE_CAROUSEL",
|
|
29
|
+
"identifier": "DEMO",
|
|
30
|
+
"parameters": {
|
|
31
|
+
"productId": "JZVHpDHdU6ZQ2gj6JGYln"
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
package/tsconfig.json
ADDED
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
{
|
|
2
|
+
"extends": "../../tsconfig.json",
|
|
3
|
+
"include": [
|
|
4
|
+
"./src/**/*",
|
|
5
|
+
"../../global.d.ts",
|
|
6
|
+
"../../types/**/*"
|
|
7
|
+
],
|
|
8
|
+
"exclude": [
|
|
9
|
+
"node_modules",
|
|
10
|
+
"build"
|
|
11
|
+
],
|
|
12
|
+
"compilerOptions": {
|
|
13
|
+
"noEmit": true,
|
|
14
|
+
"skipLibCheck": true,
|
|
15
|
+
"paths": {
|
|
16
|
+
"@crystaldesign/analytics": [
|
|
17
|
+
"/home/runner/work/diva-framework/diva-framework/packages/analytics/src"
|
|
18
|
+
],
|
|
19
|
+
"@crystaldesign/analytics/*": [
|
|
20
|
+
"/home/runner/work/diva-framework/diva-framework/packages/analytics/src/*"
|
|
21
|
+
],
|
|
22
|
+
"@crystaldesign/ar-viewer": [
|
|
23
|
+
"/home/runner/work/diva-framework/diva-framework/packages/ar-viewer/src"
|
|
24
|
+
],
|
|
25
|
+
"@crystaldesign/ar-viewer/*": [
|
|
26
|
+
"/home/runner/work/diva-framework/diva-framework/packages/ar-viewer/src/*"
|
|
27
|
+
],
|
|
28
|
+
"@crystaldesign/diva-archive": [
|
|
29
|
+
"/home/runner/work/diva-framework/diva-framework/packages/archive/src"
|
|
30
|
+
],
|
|
31
|
+
"@crystaldesign/diva-archive/*": [
|
|
32
|
+
"/home/runner/work/diva-framework/diva-framework/packages/archive/src/*"
|
|
33
|
+
],
|
|
34
|
+
"@crystaldesign/diva-backoffice": [
|
|
35
|
+
"/home/runner/work/diva-framework/diva-framework/packages/backoffice/src"
|
|
36
|
+
],
|
|
37
|
+
"@crystaldesign/diva-backoffice/*": [
|
|
38
|
+
"/home/runner/work/diva-framework/diva-framework/packages/backoffice/src/*"
|
|
39
|
+
],
|
|
40
|
+
"@crystaldesign/basket-handler": [
|
|
41
|
+
"/home/runner/work/diva-framework/diva-framework/packages/basket-handler/src"
|
|
42
|
+
],
|
|
43
|
+
"@crystaldesign/basket-handler/*": [
|
|
44
|
+
"/home/runner/work/diva-framework/diva-framework/packages/basket-handler/src/*"
|
|
45
|
+
],
|
|
46
|
+
"@crystaldesign/basket-model": [
|
|
47
|
+
"/home/runner/work/diva-framework/diva-framework/packages/basket-model/src"
|
|
48
|
+
],
|
|
49
|
+
"@crystaldesign/basket-model/*": [
|
|
50
|
+
"/home/runner/work/diva-framework/diva-framework/packages/basket-model/src/*"
|
|
51
|
+
],
|
|
52
|
+
"@crystaldesign/classification": [
|
|
53
|
+
"/home/runner/work/diva-framework/diva-framework/packages/classification/src"
|
|
54
|
+
],
|
|
55
|
+
"@crystaldesign/classification/*": [
|
|
56
|
+
"/home/runner/work/diva-framework/diva-framework/packages/classification/src/*"
|
|
57
|
+
],
|
|
58
|
+
"@crystaldesign/content-box": [
|
|
59
|
+
"/home/runner/work/diva-framework/diva-framework/packages/content-box/src"
|
|
60
|
+
],
|
|
61
|
+
"@crystaldesign/content-box/*": [
|
|
62
|
+
"/home/runner/work/diva-framework/diva-framework/packages/content-box/src/*"
|
|
63
|
+
],
|
|
64
|
+
"@crystaldesign/content-item": [
|
|
65
|
+
"/home/runner/work/diva-framework/diva-framework/packages/content-item/src"
|
|
66
|
+
],
|
|
67
|
+
"@crystaldesign/content-item/*": [
|
|
68
|
+
"/home/runner/work/diva-framework/diva-framework/packages/content-item/src/*"
|
|
69
|
+
],
|
|
70
|
+
"@crystaldesign/diva-core": [
|
|
71
|
+
"/home/runner/work/diva-framework/diva-framework/packages/core/src"
|
|
72
|
+
],
|
|
73
|
+
"@crystaldesign/diva-core/*": [
|
|
74
|
+
"/home/runner/work/diva-framework/diva-framework/packages/core/src/*"
|
|
75
|
+
],
|
|
76
|
+
"@crystaldesign/diva-backend-commons": [
|
|
77
|
+
"/home/runner/work/diva-framework/diva-framework/packages/diva-backend-commons/src"
|
|
78
|
+
],
|
|
79
|
+
"@crystaldesign/diva-backend-commons/*": [
|
|
80
|
+
"/home/runner/work/diva-framework/diva-framework/packages/diva-backend-commons/src/*"
|
|
81
|
+
],
|
|
82
|
+
"@crystaldesign/forms": [
|
|
83
|
+
"/home/runner/work/diva-framework/diva-framework/packages/forms/src"
|
|
84
|
+
],
|
|
85
|
+
"@crystaldesign/forms/*": [
|
|
86
|
+
"/home/runner/work/diva-framework/diva-framework/packages/forms/src/*"
|
|
87
|
+
],
|
|
88
|
+
"@crystaldesign/grid": [
|
|
89
|
+
"/home/runner/work/diva-framework/diva-framework/packages/grid/src"
|
|
90
|
+
],
|
|
91
|
+
"@crystaldesign/grid/*": [
|
|
92
|
+
"/home/runner/work/diva-framework/diva-framework/packages/grid/src/*"
|
|
93
|
+
],
|
|
94
|
+
"@crystaldesign/landing-page": [
|
|
95
|
+
"/home/runner/work/diva-framework/diva-framework/packages/landing-page/src"
|
|
96
|
+
],
|
|
97
|
+
"@crystaldesign/landing-page/*": [
|
|
98
|
+
"/home/runner/work/diva-framework/diva-framework/packages/landing-page/src/*"
|
|
99
|
+
],
|
|
100
|
+
"@crystaldesign/live-planner": [
|
|
101
|
+
"/home/runner/work/diva-framework/diva-framework/packages/live-planner/src"
|
|
102
|
+
],
|
|
103
|
+
"@crystaldesign/live-planner/*": [
|
|
104
|
+
"/home/runner/work/diva-framework/diva-framework/packages/live-planner/src/*"
|
|
105
|
+
],
|
|
106
|
+
"@crystaldesign/media-upload": [
|
|
107
|
+
"/home/runner/work/diva-framework/diva-framework/packages/media-upload/src"
|
|
108
|
+
],
|
|
109
|
+
"@crystaldesign/media-upload/*": [
|
|
110
|
+
"/home/runner/work/diva-framework/diva-framework/packages/media-upload/src/*"
|
|
111
|
+
],
|
|
112
|
+
"@crystaldesign/diva-navigator": [
|
|
113
|
+
"/home/runner/work/diva-framework/diva-framework/packages/navigator/src"
|
|
114
|
+
],
|
|
115
|
+
"@crystaldesign/diva-navigator/*": [
|
|
116
|
+
"/home/runner/work/diva-framework/diva-framework/packages/navigator/src/*"
|
|
117
|
+
],
|
|
118
|
+
"@crystaldesign/order-entry": [
|
|
119
|
+
"/home/runner/work/diva-framework/diva-framework/packages/order-entry/src"
|
|
120
|
+
],
|
|
121
|
+
"@crystaldesign/order-entry/*": [
|
|
122
|
+
"/home/runner/work/diva-framework/diva-framework/packages/order-entry/src/*"
|
|
123
|
+
],
|
|
124
|
+
"@crystaldesign/product-gallery": [
|
|
125
|
+
"/home/runner/work/diva-framework/diva-framework/packages/product-gallery/src"
|
|
126
|
+
],
|
|
127
|
+
"@crystaldesign/product-gallery/*": [
|
|
128
|
+
"/home/runner/work/diva-framework/diva-framework/packages/product-gallery/src/*"
|
|
129
|
+
],
|
|
130
|
+
"@crystaldesign/product-handler": [
|
|
131
|
+
"/home/runner/work/diva-framework/diva-framework/packages/product-handler/src"
|
|
132
|
+
],
|
|
133
|
+
"@crystaldesign/product-handler/*": [
|
|
134
|
+
"/home/runner/work/diva-framework/diva-framework/packages/product-handler/src/*"
|
|
135
|
+
],
|
|
136
|
+
"@crystaldesign/product-list": [
|
|
137
|
+
"/home/runner/work/diva-framework/diva-framework/packages/product-list/src"
|
|
138
|
+
],
|
|
139
|
+
"@crystaldesign/product-list/*": [
|
|
140
|
+
"/home/runner/work/diva-framework/diva-framework/packages/product-list/src/*"
|
|
141
|
+
],
|
|
142
|
+
"@crystaldesign/products-component": [
|
|
143
|
+
"/home/runner/work/diva-framework/diva-framework/packages/products-component/src"
|
|
144
|
+
],
|
|
145
|
+
"@crystaldesign/products-component/*": [
|
|
146
|
+
"/home/runner/work/diva-framework/diva-framework/packages/products-component/src/*"
|
|
147
|
+
],
|
|
148
|
+
"@crystaldesign/real-time-viewer": [
|
|
149
|
+
"/home/runner/work/diva-framework/diva-framework/packages/real-time-viewer/src"
|
|
150
|
+
],
|
|
151
|
+
"@crystaldesign/real-time-viewer/*": [
|
|
152
|
+
"/home/runner/work/diva-framework/diva-framework/packages/real-time-viewer/src/*"
|
|
153
|
+
],
|
|
154
|
+
"@crystaldesign/room-selection": [
|
|
155
|
+
"/home/runner/work/diva-framework/diva-framework/packages/room-selection/src"
|
|
156
|
+
],
|
|
157
|
+
"@crystaldesign/room-selection/*": [
|
|
158
|
+
"/home/runner/work/diva-framework/diva-framework/packages/room-selection/src/*"
|
|
159
|
+
],
|
|
160
|
+
"@crystaldesign/rtf-editor": [
|
|
161
|
+
"/home/runner/work/diva-framework/diva-framework/packages/rtf-editor/src"
|
|
162
|
+
],
|
|
163
|
+
"@crystaldesign/rtf-editor/*": [
|
|
164
|
+
"/home/runner/work/diva-framework/diva-framework/packages/rtf-editor/src/*"
|
|
165
|
+
],
|
|
166
|
+
"@crystaldesign/sales-manager": [
|
|
167
|
+
"/home/runner/work/diva-framework/diva-framework/packages/sales-manager/src"
|
|
168
|
+
],
|
|
169
|
+
"@crystaldesign/sales-manager/*": [
|
|
170
|
+
"/home/runner/work/diva-framework/diva-framework/packages/sales-manager/src/*"
|
|
171
|
+
],
|
|
172
|
+
"@crystaldesign/searchfield": [
|
|
173
|
+
"/home/runner/work/diva-framework/diva-framework/packages/searchfield/src"
|
|
174
|
+
],
|
|
175
|
+
"@crystaldesign/searchfield/*": [
|
|
176
|
+
"/home/runner/work/diva-framework/diva-framework/packages/searchfield/src/*"
|
|
177
|
+
],
|
|
178
|
+
"@crystaldesign/diva-seller": [
|
|
179
|
+
"/home/runner/work/diva-framework/diva-framework/packages/seller/src"
|
|
180
|
+
],
|
|
181
|
+
"@crystaldesign/diva-seller/*": [
|
|
182
|
+
"/home/runner/work/diva-framework/diva-framework/packages/seller/src/*"
|
|
183
|
+
],
|
|
184
|
+
"@crystaldesign/spreadsheet": [
|
|
185
|
+
"/home/runner/work/diva-framework/diva-framework/packages/spreadsheet/src"
|
|
186
|
+
],
|
|
187
|
+
"@crystaldesign/spreadsheet/*": [
|
|
188
|
+
"/home/runner/work/diva-framework/diva-framework/packages/spreadsheet/src/*"
|
|
189
|
+
],
|
|
190
|
+
"@crystaldesign/diva-support": [
|
|
191
|
+
"/home/runner/work/diva-framework/diva-framework/packages/support/src"
|
|
192
|
+
],
|
|
193
|
+
"@crystaldesign/diva-support/*": [
|
|
194
|
+
"/home/runner/work/diva-framework/diva-framework/packages/support/src/*"
|
|
195
|
+
],
|
|
196
|
+
"@crystaldesign/test-page": [
|
|
197
|
+
"/home/runner/work/diva-framework/diva-framework/packages/test-page/src"
|
|
198
|
+
],
|
|
199
|
+
"@crystaldesign/test-page/*": [
|
|
200
|
+
"/home/runner/work/diva-framework/diva-framework/packages/test-page/src/*"
|
|
201
|
+
],
|
|
202
|
+
"@crystaldesign/diva-utils": [
|
|
203
|
+
"/home/runner/work/diva-framework/diva-framework/packages/utils/src"
|
|
204
|
+
],
|
|
205
|
+
"@crystaldesign/diva-utils/*": [
|
|
206
|
+
"/home/runner/work/diva-framework/diva-framework/packages/utils/src/*"
|
|
207
|
+
],
|
|
208
|
+
"@crystaldesign/web-planner-logic": [
|
|
209
|
+
"/home/runner/work/diva-framework/diva-framework/packages/web-planner-logic/src"
|
|
210
|
+
],
|
|
211
|
+
"@crystaldesign/web-planner-logic/*": [
|
|
212
|
+
"/home/runner/work/diva-framework/diva-framework/packages/web-planner-logic/src/*"
|
|
213
|
+
],
|
|
214
|
+
"@crystaldesign/diva-web-planner-react": [
|
|
215
|
+
"/home/runner/work/diva-framework/diva-framework/packages/web-planner-react/src"
|
|
216
|
+
],
|
|
217
|
+
"@crystaldesign/diva-web-planner-react/*": [
|
|
218
|
+
"/home/runner/work/diva-framework/diva-framework/packages/web-planner-react/src/*"
|
|
219
|
+
],
|
|
220
|
+
"@crystaldesign/widget-contact-form": [
|
|
221
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-contact-form/src"
|
|
222
|
+
],
|
|
223
|
+
"@crystaldesign/widget-contact-form/*": [
|
|
224
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-contact-form/src/*"
|
|
225
|
+
],
|
|
226
|
+
"@crystaldesign/widget-image-carousel": [
|
|
227
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-image-carousel/src"
|
|
228
|
+
],
|
|
229
|
+
"@crystaldesign/widget-image-carousel/*": [
|
|
230
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-image-carousel/src/*"
|
|
231
|
+
],
|
|
232
|
+
"@crystaldesign/widget-inspiration-slider": [
|
|
233
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-inspiration-slider/src"
|
|
234
|
+
],
|
|
235
|
+
"@crystaldesign/widget-inspiration-slider/*": [
|
|
236
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-inspiration-slider/src/*"
|
|
237
|
+
],
|
|
238
|
+
"@crystaldesign/widget-library": [
|
|
239
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-library/src"
|
|
240
|
+
],
|
|
241
|
+
"@crystaldesign/widget-library/*": [
|
|
242
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-library/src/*"
|
|
243
|
+
],
|
|
244
|
+
"@crystaldesign/widget-media-viewer": [
|
|
245
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-media-viewer/src"
|
|
246
|
+
],
|
|
247
|
+
"@crystaldesign/widget-media-viewer/*": [
|
|
248
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-media-viewer/src/*"
|
|
249
|
+
],
|
|
250
|
+
"@crystaldesign/product-detail-page": [
|
|
251
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-product-detail-page/src"
|
|
252
|
+
],
|
|
253
|
+
"@crystaldesign/product-detail-page/*": [
|
|
254
|
+
"/home/runner/work/diva-framework/diva-framework/packages/widget-product-detail-page/src/*"
|
|
255
|
+
],
|
|
256
|
+
"~": [
|
|
257
|
+
"/home/runner/work/diva-framework/diva-framework/react-apps/demo-widget-page/src"
|
|
258
|
+
],
|
|
259
|
+
"~/*": [
|
|
260
|
+
"/home/runner/work/diva-framework/diva-framework/react-apps/demo-widget-page/src/*"
|
|
261
|
+
]
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
}
|