kitchen-simulator 3.1.1 → 4.0.0-react-18
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 +0 -3
- package/es/AppContext.js +1 -1
- package/es/LiteKitchenConfigurator.js +15 -25
- package/es/LiteRenderer.js +2 -5
- package/es/actions/export.js +12 -25
- package/es/catalog/catalog.js +5 -21
- package/es/components/content.js +2 -5
- package/es/components/export.js +6 -4
- package/es/components/style/export.js +2 -28
- package/es/components/style/form-number-input.js +22 -11
- package/es/components/viewer2d/group.js +4 -5
- package/es/components/viewer2d/item.js +4 -5
- package/es/components/viewer2d/layer.js +1 -1
- package/es/components/viewer2d/line.js +47 -17
- package/es/components/viewer2d/rulerX.js +0 -3
- package/es/components/viewer2d/rulerY.js +0 -3
- package/es/components/viewer2d/scene.js +1 -4
- package/es/components/viewer2d/state.js +1 -1
- package/es/components/viewer2d/viewer2d.js +43 -28
- package/es/components/viewer3d/viewer3d-first-person.js +0 -8
- package/es/components/viewer3d/viewer3d.js +0 -9
- package/es/devLiteRenderer.js +148 -317
- package/es/index.js +12 -4
- package/es/mocks/appliancePayload.json +27 -0
- package/es/mocks/cabinetPayload.json +1914 -0
- package/es/mocks/cabinetPayload2.json +76 -0
- package/es/mocks/dataBundle2.json +4 -0
- package/es/mocks/distancePayload.json +6 -0
- package/es/mocks/doorStylePayload2.json +84 -0
- package/es/mocks/furnishingPayload.json +23 -0
- package/es/mocks/itemCDSPayload.json +27 -0
- package/es/mocks/lightingPayload.json +23 -0
- package/es/mocks/mockProps.json +43 -0
- package/es/mocks/mockProps2.json +9 -0
- package/es/mocks/moldingPayload.json +19 -0
- package/es/mocks/projectItemsCatalog.json +133 -0
- package/es/mocks/rectangleShape.json +238 -0
- package/es/mocks/replaceCabinetPayload.json +81 -0
- package/es/mocks/roomShapePayload.json +5 -0
- package/es/useAppContext.js +8 -0
- package/lib/AppContext.js +1 -1
- package/lib/LiteKitchenConfigurator.js +15 -25
- package/lib/LiteRenderer.js +2 -5
- package/lib/actions/export.js +39 -35
- package/lib/catalog/catalog.js +4 -20
- package/lib/components/content.js +2 -5
- package/lib/components/export.js +26 -6
- package/lib/components/style/export.js +1 -105
- package/lib/components/style/form-number-input.js +22 -11
- package/lib/components/viewer2d/group.js +4 -5
- package/lib/components/viewer2d/item.js +4 -5
- package/lib/components/viewer2d/layer.js +1 -1
- package/lib/components/viewer2d/line.js +47 -17
- package/lib/components/viewer2d/rulerX.js +0 -3
- package/lib/components/viewer2d/rulerY.js +0 -3
- package/lib/components/viewer2d/scene.js +1 -4
- package/lib/components/viewer2d/state.js +1 -1
- package/lib/components/viewer2d/viewer2d.js +42 -27
- package/lib/components/viewer3d/viewer3d-first-person.js +0 -8
- package/lib/components/viewer3d/viewer3d.js +0 -9
- package/lib/devLiteRenderer.js +147 -316
- package/lib/index.js +12 -4
- package/lib/mocks/appliancePayload.json +27 -0
- package/lib/mocks/cabinetPayload.json +1914 -0
- package/lib/mocks/cabinetPayload2.json +76 -0
- package/lib/mocks/dataBundle2.json +4 -0
- package/lib/mocks/distancePayload.json +6 -0
- package/lib/mocks/doorStylePayload2.json +84 -0
- package/lib/mocks/furnishingPayload.json +23 -0
- package/lib/mocks/itemCDSPayload.json +27 -0
- package/lib/mocks/lightingPayload.json +23 -0
- package/lib/mocks/mockProps.json +43 -0
- package/lib/mocks/mockProps2.json +9 -0
- package/lib/mocks/moldingPayload.json +19 -0
- package/lib/mocks/projectItemsCatalog.json +133 -0
- package/lib/mocks/rectangleShape.json +238 -0
- package/lib/mocks/replaceCabinetPayload.json +81 -0
- package/lib/mocks/roomShapePayload.json +5 -0
- package/lib/useAppContext.js +16 -0
- package/package.json +16 -21
- package/es/catalog/properties/export.js +0 -21
- package/es/catalog/properties/property-checkbox.js +0 -68
- package/es/catalog/properties/property-color.js +0 -39
- package/es/catalog/properties/property-enum.js +0 -50
- package/es/catalog/properties/property-hidden.js +0 -19
- package/es/catalog/properties/property-lenght-measure.js +0 -100
- package/es/catalog/properties/property-length-measure.js +0 -84
- package/es/catalog/properties/property-length-measure_hole.js +0 -100
- package/es/catalog/properties/property-number.js +0 -48
- package/es/catalog/properties/property-read-only.js +0 -26
- package/es/catalog/properties/property-string.js +0 -48
- package/es/catalog/properties/property-toggle.js +0 -39
- package/es/catalog/properties/shared-property-style.js +0 -14
- package/es/components/style/button.js +0 -106
- package/es/components/style/cancel-button.js +0 -21
- package/es/components/style/content-container.js +0 -30
- package/es/components/style/content-title.js +0 -25
- package/es/components/style/delete-button.js +0 -24
- package/es/components/style/form-block.js +0 -20
- package/es/components/style/form-color-input.js +0 -26
- package/es/components/style/form-label.js +0 -22
- package/es/components/style/form-number-input_2.js +0 -200
- package/es/components/style/form-select.js +0 -19
- package/es/components/style/form-slider.js +0 -60
- package/es/components/style/form-submit-button.js +0 -25
- package/es/components/style/form-text-input.js +0 -69
- package/es/plugins/SVGLoader.js +0 -1414
- package/es/styles/export.js +0 -5
- package/es/styles/tabs.css +0 -40
- package/lib/catalog/properties/export.js +0 -81
- package/lib/catalog/properties/property-checkbox.js +0 -76
- package/lib/catalog/properties/property-color.js +0 -47
- package/lib/catalog/properties/property-enum.js +0 -58
- package/lib/catalog/properties/property-hidden.js +0 -27
- package/lib/catalog/properties/property-lenght-measure.js +0 -108
- package/lib/catalog/properties/property-length-measure.js +0 -92
- package/lib/catalog/properties/property-length-measure_hole.js +0 -108
- package/lib/catalog/properties/property-number.js +0 -56
- package/lib/catalog/properties/property-read-only.js +0 -34
- package/lib/catalog/properties/property-string.js +0 -56
- package/lib/catalog/properties/property-toggle.js +0 -47
- package/lib/catalog/properties/shared-property-style.js +0 -21
- package/lib/components/style/button.js +0 -115
- package/lib/components/style/cancel-button.js +0 -29
- package/lib/components/style/content-container.js +0 -38
- package/lib/components/style/content-title.js +0 -35
- package/lib/components/style/delete-button.js +0 -34
- package/lib/components/style/form-block.js +0 -28
- package/lib/components/style/form-color-input.js +0 -34
- package/lib/components/style/form-label.js +0 -30
- package/lib/components/style/form-number-input_2.js +0 -209
- package/lib/components/style/form-select.js +0 -29
- package/lib/components/style/form-slider.js +0 -68
- package/lib/components/style/form-submit-button.js +0 -35
- package/lib/components/style/form-text-input.js +0 -78
- package/lib/plugins/SVGLoader.js +0 -1419
- package/lib/styles/export.js +0 -13
- package/lib/styles/tabs.css +0 -40
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
"type": "cabinet",
|
|
3
|
+
"itemID": 352,
|
|
4
|
+
"name": "FBM",
|
|
5
|
+
"long_name": "96\" Base Molding",
|
|
6
|
+
"thumbnail": "https://media.test.diydesignspace.com/uploads/Cabinet/202212144446_352/thumbnail/FBM.png",
|
|
7
|
+
"shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202212144446_352/shape_svg/FBM.svg",
|
|
8
|
+
"molding_type": "Base",
|
|
9
|
+
"width": 12,
|
|
10
|
+
"width_unit": "inch",
|
|
11
|
+
"height": 0,
|
|
12
|
+
"height_unit": "inch",
|
|
13
|
+
"location_type": "Bottom",
|
|
14
|
+
"length": 12,
|
|
15
|
+
"length_unit": "inch",
|
|
16
|
+
"asset": "FBM.svg",
|
|
17
|
+
"info": { "width": 12, "height": 12, "tall": 0 },
|
|
18
|
+
"category": "molding"
|
|
19
|
+
}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
{
|
|
2
|
+
"elements": [
|
|
3
|
+
{
|
|
4
|
+
"itemID": 63,
|
|
5
|
+
"long_name": "12\" Base Cabinet",
|
|
6
|
+
"name": "B12",
|
|
7
|
+
"sizeinfo": {
|
|
8
|
+
"width": 12,
|
|
9
|
+
"depth": 24,
|
|
10
|
+
"height": 34.5,
|
|
11
|
+
"leftBlindLength": 0,
|
|
12
|
+
"rightBlindLength": 0
|
|
13
|
+
},
|
|
14
|
+
"description": "",
|
|
15
|
+
"prototype": "items",
|
|
16
|
+
"type": "cabinet",
|
|
17
|
+
"base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/thumbnail/B12.png",
|
|
18
|
+
"shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/shape_svg/B12.svg",
|
|
19
|
+
"structure_json": {
|
|
20
|
+
"animation": {},
|
|
21
|
+
"tempPlaceholders": [
|
|
22
|
+
{
|
|
23
|
+
"id": 60,
|
|
24
|
+
"structure": {
|
|
25
|
+
"base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/gltf/B12.gltf",
|
|
26
|
+
"base_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202105170324_60/%7Bdata%5Bkey%5D%7D/B12_door_shaker.gltf",
|
|
27
|
+
"door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf",
|
|
28
|
+
"base_drawer_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202105170324_60/drawer_1/B12_interior_drawer.gltf",
|
|
29
|
+
"base_drawer_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202105170324_60/%7Bdata%5Bkey%5D%7D/B12_drawer_door_shaker.gltf",
|
|
30
|
+
"drawer_door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
},
|
|
35
|
+
"layoutpos": "Base",
|
|
36
|
+
"is_corner": 0,
|
|
37
|
+
"alti": 0,
|
|
38
|
+
"obj_property": {
|
|
39
|
+
"manufacturer": "USCD",
|
|
40
|
+
"door_style": null,
|
|
41
|
+
"sku_number": "B12",
|
|
42
|
+
"door_category": null,
|
|
43
|
+
"cabinet_category": "Single Door Base Cabinets",
|
|
44
|
+
"skuArray": [
|
|
45
|
+
{
|
|
46
|
+
"door_color_id": 122,
|
|
47
|
+
"sku": "B12"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"door_color_id": 123,
|
|
51
|
+
"sku": "B12"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"door_color_id": 124,
|
|
55
|
+
"sku": "B12"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"door_color_id": 125,
|
|
59
|
+
"sku": "B12"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"door_color_id": 199,
|
|
63
|
+
"sku": "B12"
|
|
64
|
+
}
|
|
65
|
+
],
|
|
66
|
+
"has_single_door": true
|
|
67
|
+
},
|
|
68
|
+
"customer_property": {
|
|
69
|
+
"left_blind_length": 0,
|
|
70
|
+
"is_euro_cds": 0,
|
|
71
|
+
"euro_shape_svg": null,
|
|
72
|
+
"euro_width": null,
|
|
73
|
+
"euro_height": null,
|
|
74
|
+
"euro_length": null
|
|
75
|
+
},
|
|
76
|
+
"outline": null
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"itemID": 75,
|
|
80
|
+
"long_name": "21\" Base Cabinet",
|
|
81
|
+
"name": "B21",
|
|
82
|
+
"sizeinfo": {
|
|
83
|
+
"width": 21,
|
|
84
|
+
"depth": 24,
|
|
85
|
+
"height": 34.5,
|
|
86
|
+
"leftBlindLength": 0,
|
|
87
|
+
"rightBlindLength": 0
|
|
88
|
+
},
|
|
89
|
+
"description": "",
|
|
90
|
+
"prototype": "items",
|
|
91
|
+
"type": "cabinet",
|
|
92
|
+
"base": "https://media.test.diydesignspace.com/uploads/Cabinet/202106075221_75/thumbnail/B21.png",
|
|
93
|
+
"shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202106075221_75/shape_svg/B21%20padding.svg",
|
|
94
|
+
"structure_json": {
|
|
95
|
+
"animation": {},
|
|
96
|
+
"tempPlaceholders": [
|
|
97
|
+
{
|
|
98
|
+
"id": 103,
|
|
99
|
+
"structure": {
|
|
100
|
+
"base": "https://media.test.diydesignspace.com/uploads/Cabinet/202106075221_75/gltf/B21.gltf",
|
|
101
|
+
"base_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202106075019_103/%7Bdata%5Bkey%5D%7D/B21_door_shaker.gltf",
|
|
102
|
+
"door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf",
|
|
103
|
+
"base_drawer_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202106075019_103/drawer_1/B21_interior_drawer.gltf",
|
|
104
|
+
"base_drawer_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202106075019_103/%7Bdata%5Bkey%5D%7D/B21_drawer_door_shaker.gltf",
|
|
105
|
+
"drawer_door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf"
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
"layoutpos": "Base",
|
|
111
|
+
"is_corner": 0,
|
|
112
|
+
"alti": 0,
|
|
113
|
+
"obj_property": {
|
|
114
|
+
"manufacturer": "USCD",
|
|
115
|
+
"door_style": null,
|
|
116
|
+
"sku_number": "B21",
|
|
117
|
+
"door_category": null,
|
|
118
|
+
"cabinet_category": "Single Door Base Cabinets",
|
|
119
|
+
"skuArray": [],
|
|
120
|
+
"has_single_door": true
|
|
121
|
+
},
|
|
122
|
+
"customer_property": {
|
|
123
|
+
"left_blind_length": 0,
|
|
124
|
+
"is_euro_cds": 0,
|
|
125
|
+
"euro_shape_svg": null,
|
|
126
|
+
"euro_width": null,
|
|
127
|
+
"euro_height": null,
|
|
128
|
+
"euro_length": null
|
|
129
|
+
},
|
|
130
|
+
"outline": null
|
|
131
|
+
}
|
|
132
|
+
]
|
|
133
|
+
}
|
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
{
|
|
2
|
+
"unit": "cm",
|
|
3
|
+
"rulerUnit": "in",
|
|
4
|
+
"layers": {
|
|
5
|
+
"layer-1": {
|
|
6
|
+
"id": "layer-1",
|
|
7
|
+
"altitude": 0,
|
|
8
|
+
"order": 0,
|
|
9
|
+
"opacity": 1,
|
|
10
|
+
"name": "default",
|
|
11
|
+
"visible": true,
|
|
12
|
+
"vertices": {
|
|
13
|
+
"7CRjeaRZhF": {
|
|
14
|
+
"id": "7CRjeaRZhF",
|
|
15
|
+
"type": "",
|
|
16
|
+
"prototype": "vertices",
|
|
17
|
+
"name": "Vertex",
|
|
18
|
+
"misc": {},
|
|
19
|
+
"selected": false,
|
|
20
|
+
"properties": {},
|
|
21
|
+
"style": "",
|
|
22
|
+
"category": "",
|
|
23
|
+
"visible": true,
|
|
24
|
+
"x": 1291.05,
|
|
25
|
+
"y": 1175.29,
|
|
26
|
+
"lines": ["STZ63BwOf", "eyC5vDys2"],
|
|
27
|
+
"areas": ["bQRvW_9KxV"]
|
|
28
|
+
},
|
|
29
|
+
"vlppTvk-ik": {
|
|
30
|
+
"id": "vlppTvk-ik",
|
|
31
|
+
"type": "",
|
|
32
|
+
"prototype": "vertices",
|
|
33
|
+
"name": "Vertex",
|
|
34
|
+
"misc": {},
|
|
35
|
+
"selected": false,
|
|
36
|
+
"properties": {},
|
|
37
|
+
"style": "",
|
|
38
|
+
"category": "",
|
|
39
|
+
"visible": true,
|
|
40
|
+
"x": 1778.73,
|
|
41
|
+
"y": 1175.29,
|
|
42
|
+
"lines": ["STZ63BwOf", "BvCbJyf6O"],
|
|
43
|
+
"areas": ["bQRvW_9KxV"]
|
|
44
|
+
},
|
|
45
|
+
"KYo9KB-NX8": {
|
|
46
|
+
"id": "KYo9KB-NX8",
|
|
47
|
+
"type": "",
|
|
48
|
+
"prototype": "vertices",
|
|
49
|
+
"name": "Vertex",
|
|
50
|
+
"misc": {},
|
|
51
|
+
"selected": false,
|
|
52
|
+
"properties": {},
|
|
53
|
+
"style": "",
|
|
54
|
+
"category": "",
|
|
55
|
+
"visible": true,
|
|
56
|
+
"x": 1778.73,
|
|
57
|
+
"y": 809.53,
|
|
58
|
+
"lines": ["BvCbJyf6O", "uPW70hewY"],
|
|
59
|
+
"areas": ["bQRvW_9KxV"]
|
|
60
|
+
},
|
|
61
|
+
"Pa4Hy3Z26ga": {
|
|
62
|
+
"id": "Pa4Hy3Z26ga",
|
|
63
|
+
"type": "",
|
|
64
|
+
"prototype": "vertices",
|
|
65
|
+
"name": "Vertex",
|
|
66
|
+
"misc": {},
|
|
67
|
+
"selected": false,
|
|
68
|
+
"properties": {},
|
|
69
|
+
"style": "",
|
|
70
|
+
"category": "",
|
|
71
|
+
"visible": true,
|
|
72
|
+
"x": 1291.05,
|
|
73
|
+
"y": 809.53,
|
|
74
|
+
"lines": ["eyC5vDys2", "uPW70hewY"],
|
|
75
|
+
"areas": ["bQRvW_9KxV"]
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
"lines": {
|
|
79
|
+
"STZ63BwOf": {
|
|
80
|
+
"id": "STZ63BwOf",
|
|
81
|
+
"type": "wall",
|
|
82
|
+
"prototype": "lines",
|
|
83
|
+
"name": "Wall",
|
|
84
|
+
"misc": {},
|
|
85
|
+
"selected": false,
|
|
86
|
+
"properties": { "textureB": "plaster", "textureA": "plaster" },
|
|
87
|
+
"style": "",
|
|
88
|
+
"category": "",
|
|
89
|
+
"createdDateTime": 1693373165235,
|
|
90
|
+
"visible": true,
|
|
91
|
+
"vertices": ["7CRjeaRZhF", "vlppTvk-ik"],
|
|
92
|
+
"holes": [],
|
|
93
|
+
"focus": false,
|
|
94
|
+
"wallColor": "#dddddd"
|
|
95
|
+
},
|
|
96
|
+
"eyC5vDys2": {
|
|
97
|
+
"id": "eyC5vDys2",
|
|
98
|
+
"type": "wall",
|
|
99
|
+
"prototype": "lines",
|
|
100
|
+
"name": "Wall",
|
|
101
|
+
"misc": {},
|
|
102
|
+
"selected": false,
|
|
103
|
+
"properties": { "textureB": "plaster", "textureA": "plaster" },
|
|
104
|
+
"style": "",
|
|
105
|
+
"category": "",
|
|
106
|
+
"createdDateTime": 1693373165265,
|
|
107
|
+
"visible": true,
|
|
108
|
+
"vertices": ["Pa4Hy3Z26ga", "7CRjeaRZhF"],
|
|
109
|
+
"holes": [],
|
|
110
|
+
"focus": false,
|
|
111
|
+
"wallColor": "#dddddd"
|
|
112
|
+
},
|
|
113
|
+
"BvCbJyf6O": {
|
|
114
|
+
"id": "BvCbJyf6O",
|
|
115
|
+
"type": "wall",
|
|
116
|
+
"prototype": "lines",
|
|
117
|
+
"name": "Wall",
|
|
118
|
+
"misc": {},
|
|
119
|
+
"selected": false,
|
|
120
|
+
"properties": { "textureB": "plaster", "textureA": "plaster" },
|
|
121
|
+
"style": "",
|
|
122
|
+
"category": "",
|
|
123
|
+
"createdDateTime": 1693373165245,
|
|
124
|
+
"visible": true,
|
|
125
|
+
"vertices": ["vlppTvk-ik", "KYo9KB-NX8"],
|
|
126
|
+
"holes": [],
|
|
127
|
+
"focus": false,
|
|
128
|
+
"wallColor": "#dddddd"
|
|
129
|
+
},
|
|
130
|
+
"uPW70hewY": {
|
|
131
|
+
"id": "uPW70hewY",
|
|
132
|
+
"type": "wall",
|
|
133
|
+
"prototype": "lines",
|
|
134
|
+
"name": "Wall",
|
|
135
|
+
"misc": {},
|
|
136
|
+
"selected": false,
|
|
137
|
+
"properties": {
|
|
138
|
+
"textureB": "plaster",
|
|
139
|
+
"width": { "_unit": "in", "length": null },
|
|
140
|
+
"height": { "_unit": "in", "length": null },
|
|
141
|
+
"depth": { "_unit": "in", "length": null },
|
|
142
|
+
"textureA": "plaster"
|
|
143
|
+
},
|
|
144
|
+
"style": "",
|
|
145
|
+
"category": "",
|
|
146
|
+
"createdDateTime": 1693373165255,
|
|
147
|
+
"visible": true,
|
|
148
|
+
"vertices": ["KYo9KB-NX8", "Pa4Hy3Z26ga"],
|
|
149
|
+
"holes": [],
|
|
150
|
+
"focus": false,
|
|
151
|
+
"wallColor": "#dddddd"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"holes": {},
|
|
155
|
+
"areas": {
|
|
156
|
+
"bQRvW_9KxV": {
|
|
157
|
+
"id": "bQRvW_9KxV",
|
|
158
|
+
"type": "area",
|
|
159
|
+
"prototype": "areas",
|
|
160
|
+
"name": "Area",
|
|
161
|
+
"misc": {},
|
|
162
|
+
"selected": false,
|
|
163
|
+
"properties": {
|
|
164
|
+
"patternColor": "rgba(175,175,175)",
|
|
165
|
+
"thickness": { "length": 0 },
|
|
166
|
+
"texture": "parquet"
|
|
167
|
+
},
|
|
168
|
+
"style": "",
|
|
169
|
+
"category": "",
|
|
170
|
+
"visible": true,
|
|
171
|
+
"vertices": ["7CRjeaRZhF", "Pa4Hy3Z26ga", "KYo9KB-NX8", "vlppTvk-ik"],
|
|
172
|
+
"holes": [],
|
|
173
|
+
"texture": {
|
|
174
|
+
"roughness": 0.9,
|
|
175
|
+
"metalness": 0,
|
|
176
|
+
"uri": "https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
"items": {},
|
|
181
|
+
"selected": {
|
|
182
|
+
"vertices": [],
|
|
183
|
+
"lines": [],
|
|
184
|
+
"holes": [],
|
|
185
|
+
"areas": [],
|
|
186
|
+
"items": []
|
|
187
|
+
},
|
|
188
|
+
"dcmmodel": false,
|
|
189
|
+
"lrmmodel": false,
|
|
190
|
+
"fbmmodel": false,
|
|
191
|
+
"counterTop": {
|
|
192
|
+
"uri": "https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg"
|
|
193
|
+
},
|
|
194
|
+
"wallColor": {},
|
|
195
|
+
"floorStyle": {
|
|
196
|
+
"uri": "https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg"
|
|
197
|
+
},
|
|
198
|
+
"doorHandle": "",
|
|
199
|
+
"backsplash": { "roughness": 0.2, "metalness": 0.1, "uri": "" },
|
|
200
|
+
"backsplashApplied": false,
|
|
201
|
+
"ceilHeight": 96,
|
|
202
|
+
"unit": "in"
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
"grids": {
|
|
206
|
+
"h1": {
|
|
207
|
+
"id": "h1",
|
|
208
|
+
"type": "horizontal-streak",
|
|
209
|
+
"properties": {
|
|
210
|
+
"step": 30.48,
|
|
211
|
+
"colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
|
|
212
|
+
}
|
|
213
|
+
},
|
|
214
|
+
"v1": {
|
|
215
|
+
"id": "v1",
|
|
216
|
+
"type": "vertical-streak",
|
|
217
|
+
"properties": {
|
|
218
|
+
"step": 30.48,
|
|
219
|
+
"colors": ["#ddd", "#ddd", "#ddd", "#ddd", "#ddd"]
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
},
|
|
223
|
+
"selectedLayer": "layer-1",
|
|
224
|
+
"groups": {},
|
|
225
|
+
"width": 3000,
|
|
226
|
+
"height": 2000,
|
|
227
|
+
"meta": {},
|
|
228
|
+
"guides": { "horizontal": {}, "vertical": {}, "circular": {} },
|
|
229
|
+
"title": "",
|
|
230
|
+
"currentProjectID": null,
|
|
231
|
+
"showfg": true,
|
|
232
|
+
"showWallLengthMeasure": 1,
|
|
233
|
+
"showBaseCabinetMeasure": 1,
|
|
234
|
+
"showWallCabinetMeasure": 1,
|
|
235
|
+
"showWindowDoorMeasure": 1,
|
|
236
|
+
"isLoadingCabinet": false,
|
|
237
|
+
"loadFlag": false
|
|
238
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
{
|
|
2
|
+
"orginalItemInfo": {
|
|
3
|
+
"id": "16pVUcVth6"
|
|
4
|
+
},
|
|
5
|
+
"replaceItemInfo": {
|
|
6
|
+
"itemID": 63,
|
|
7
|
+
"long_name": "12\" Base Cabinet",
|
|
8
|
+
"name": "B12",
|
|
9
|
+
"sizeinfo": {
|
|
10
|
+
"width": 12,
|
|
11
|
+
"depth": 24,
|
|
12
|
+
"height": 34.5,
|
|
13
|
+
"leftBlindLength": 0,
|
|
14
|
+
"rightBlindLength": 0
|
|
15
|
+
},
|
|
16
|
+
"description": "",
|
|
17
|
+
"prototype": "items",
|
|
18
|
+
"type": "cabinet",
|
|
19
|
+
"base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/thumbnail/B12.png",
|
|
20
|
+
"shape_svg": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/shape_svg/B12.svg",
|
|
21
|
+
"structure_json": {
|
|
22
|
+
"animation": {},
|
|
23
|
+
"tempPlaceholders": [
|
|
24
|
+
{
|
|
25
|
+
"id": 1670,
|
|
26
|
+
"structure": {
|
|
27
|
+
"base": "https://media.test.diydesignspace.com/uploads/Cabinet/202105170412_63/gltf/B12.gltf",
|
|
28
|
+
"base_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202206261225_1670/%7Bdata%5Bkey%5D%7D/B12_door_dakota.gltf",
|
|
29
|
+
"door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf",
|
|
30
|
+
"base_drawer_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202206261225_1670/%7Bdata%5Bkey%5D%7D/B12_interior_drawer.gltf",
|
|
31
|
+
"base_drawer_door_1": "https://media.test.diydesignspace.com/uploads/CabinetDoorStyle/202206261225_1670/%7Bdata%5Bkey%5D%7D/B12_drawer_door_dakota.gltf",
|
|
32
|
+
"drawer_door_handle_1": "https://media.test.diydesignspace.com/uploads/DoorHandle/202107293524_27/gltf/Handle1.gltf"
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
},
|
|
37
|
+
"layoutpos": "Base",
|
|
38
|
+
"is_corner": 0,
|
|
39
|
+
"alti": 0,
|
|
40
|
+
"obj_property": {
|
|
41
|
+
"manufacturer": "USCD",
|
|
42
|
+
"door_style": null,
|
|
43
|
+
"sku_number": "B12",
|
|
44
|
+
"door_category": null,
|
|
45
|
+
"cabinet_category": "Single Door Base Cabinets",
|
|
46
|
+
"skuArray": [
|
|
47
|
+
{
|
|
48
|
+
"door_color_id": 122,
|
|
49
|
+
"sku": "B12"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"door_color_id": 123,
|
|
53
|
+
"sku": "B12"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"door_color_id": 124,
|
|
57
|
+
"sku": "B12"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"door_color_id": 125,
|
|
61
|
+
"sku": "B12"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"door_color_id": 199,
|
|
65
|
+
"sku": "B12"
|
|
66
|
+
}
|
|
67
|
+
],
|
|
68
|
+
"has_single_door": true
|
|
69
|
+
},
|
|
70
|
+
"customer_property": {
|
|
71
|
+
"left_blind_length": 0,
|
|
72
|
+
"is_euro_cds": 0,
|
|
73
|
+
"euro_shape_svg": null,
|
|
74
|
+
"euro_width": null,
|
|
75
|
+
"euro_height": null,
|
|
76
|
+
"euro_length": null
|
|
77
|
+
},
|
|
78
|
+
"outline": null,
|
|
79
|
+
"initialPosition": { "mouseX": 100, "mouseY": 100 }
|
|
80
|
+
}
|
|
81
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
// useAppContext.js
|
|
2
|
+
import { useContext } from 'react';
|
|
3
|
+
import AppContext from "./AppContext";
|
|
4
|
+
export function useAppContext() {
|
|
5
|
+
var ctx = useContext(AppContext);
|
|
6
|
+
if (!ctx) throw new Error('useAppContext must be used inside <AppContext.Provider value={...}>');
|
|
7
|
+
return ctx;
|
|
8
|
+
}
|
package/lib/AppContext.js
CHANGED
|
@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var AppContext = /*#__PURE__*/_react["default"].createContext(
|
|
9
|
+
var AppContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
10
10
|
var _default = exports["default"] = AppContext;
|
|
11
11
|
module.exports = exports.default;
|
|
@@ -8,14 +8,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
12
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
13
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
16
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
17
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
18
|
-
var _axios = _interopRequireDefault(require("axios"));
|
|
19
18
|
var _convertUnitsLite = require("./utils/convert-units-lite");
|
|
20
19
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -30,6 +29,7 @@ var _translator = _interopRequireDefault(require("./translator/translator"));
|
|
|
30
29
|
var _objectsUtils = require("./utils/objects-utils");
|
|
31
30
|
var _version = require("./version");
|
|
32
31
|
var _isolateEventHandler = require("./utils/isolate-event-handler");
|
|
32
|
+
var _AppContext = _interopRequireDefault(require("./AppContext"));
|
|
33
33
|
var _excluded = ["width", "height", "state", "stateExtractor"];
|
|
34
34
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
35
35
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -310,21 +310,9 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
|
|
|
310
310
|
this.setState({});
|
|
311
311
|
document.getElementById('review_quote_inactive').parentElement.parentElement.style.zIndex = 6;
|
|
312
312
|
}
|
|
313
|
-
}, {
|
|
314
|
-
key: "getChildContext",
|
|
315
|
-
value: function getChildContext() {
|
|
316
|
-
var _this2 = this;
|
|
317
|
-
return _objectSpread(_objectSpread({}, (0, _objectsUtils.objectsMap)(_export["default"], function (actionNamespace) {
|
|
318
|
-
return _this2.props[actionNamespace];
|
|
319
|
-
})), {}, {
|
|
320
|
-
translator: this.props.translator,
|
|
321
|
-
catalog: this.props.catalog
|
|
322
|
-
});
|
|
323
|
-
}
|
|
324
313
|
}, {
|
|
325
314
|
key: "componentDidMount",
|
|
326
315
|
value: function componentDidMount() {
|
|
327
|
-
console.log('context =>', this.context);
|
|
328
316
|
window.forRedo = [];
|
|
329
317
|
var store = this.context.store;
|
|
330
318
|
var _this$props = this.props,
|
|
@@ -366,6 +354,15 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
|
|
|
366
354
|
}, {
|
|
367
355
|
key: "render",
|
|
368
356
|
value: function render() {
|
|
357
|
+
var _this2 = this;
|
|
358
|
+
var actionsFromProps = (0, _objectsUtils.objectsMap)(_export["default"], function (ns) {
|
|
359
|
+
return _this2.props[ns];
|
|
360
|
+
});
|
|
361
|
+
var appCtxValue = _objectSpread(_objectSpread({}, actionsFromProps), {}, {
|
|
362
|
+
translator: this.props.translator,
|
|
363
|
+
// instance (defaultProps already gives one)
|
|
364
|
+
catalog: this.props.catalog
|
|
365
|
+
});
|
|
369
366
|
var _this$props2 = this.props,
|
|
370
367
|
width = _this$props2.width,
|
|
371
368
|
height = _this$props2.height,
|
|
@@ -413,7 +410,9 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
|
|
|
413
410
|
extractedState = extractedState.merge({
|
|
414
411
|
viewer2D: _viewer2D
|
|
415
412
|
});
|
|
416
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
413
|
+
return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, {
|
|
414
|
+
value: appCtxValue
|
|
415
|
+
}, /*#__PURE__*/_react["default"].createElement("section", null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
417
416
|
style: _objectSpread(_objectSpread({}, wrapperStyle), {}, {
|
|
418
417
|
height: height,
|
|
419
418
|
display: 'flex',
|
|
@@ -433,7 +432,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
|
|
|
433
432
|
return event.preventDefault();
|
|
434
433
|
},
|
|
435
434
|
onInternalEvent: this.props.onInternalEvent
|
|
436
|
-
}))));
|
|
435
|
+
})))));
|
|
437
436
|
}
|
|
438
437
|
}]);
|
|
439
438
|
}(_react.Component);
|
|
@@ -454,15 +453,6 @@ LiteKitchenConfigurator.propTypes = {
|
|
|
454
453
|
configData: _propTypes["default"].object,
|
|
455
454
|
onInternalEvent: _propTypes["default"].func
|
|
456
455
|
};
|
|
457
|
-
LiteKitchenConfigurator.contextTypes = {
|
|
458
|
-
store: _propTypes["default"].object.isRequired
|
|
459
|
-
};
|
|
460
|
-
LiteKitchenConfigurator.childContextTypes = _objectSpread(_objectSpread({}, (0, _objectsUtils.objectsMap)(_export["default"], function () {
|
|
461
|
-
return _propTypes["default"].object;
|
|
462
|
-
})), {}, {
|
|
463
|
-
translator: _propTypes["default"].object,
|
|
464
|
-
catalog: _propTypes["default"].object
|
|
465
|
-
});
|
|
466
456
|
LiteKitchenConfigurator.defaultProps = {
|
|
467
457
|
translator: new _translator["default"](),
|
|
468
458
|
catalog: new _catalog["default"](),
|
package/lib/LiteRenderer.js
CHANGED
|
@@ -23,10 +23,7 @@ var _redux = require("redux");
|
|
|
23
23
|
var _models = _interopRequireWildcard(require("./models"));
|
|
24
24
|
var Models = _models;
|
|
25
25
|
var _reducer = _interopRequireDefault(require("./reducers/reducer"));
|
|
26
|
-
var _AppContext = _interopRequireDefault(require("./AppContext"));
|
|
27
26
|
var _catalog = _interopRequireDefault(require("./catalog/catalog"));
|
|
28
|
-
var _SVGLoader = require("three/addons/loaders/SVGLoader");
|
|
29
|
-
var _constants = require("./constants");
|
|
30
27
|
var Areas = _interopRequireWildcard(require("./catalog/areas/area/planner-element"));
|
|
31
28
|
var Lines = _interopRequireWildcard(require("./catalog/lines/wall/planner-element"));
|
|
32
29
|
var Holes = _interopRequireWildcard(require("./catalog/holes/export"));
|
|
@@ -291,7 +288,7 @@ function LiteRenderer(props) {
|
|
|
291
288
|
initCatalog();
|
|
292
289
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
293
290
|
}, [id]);
|
|
294
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
291
|
+
return /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
|
|
295
292
|
store: store
|
|
296
293
|
}, /*#__PURE__*/_react["default"].createElement(ToolErrorBoundary, {
|
|
297
294
|
pushError: pushError
|
|
@@ -308,7 +305,7 @@ function LiteRenderer(props) {
|
|
|
308
305
|
configData: configData,
|
|
309
306
|
externalEvent: externalEvent,
|
|
310
307
|
onInternalEvent: onInternalEvent
|
|
311
|
-
}, passThrough))))
|
|
308
|
+
}, passThrough))));
|
|
312
309
|
}
|
|
313
310
|
|
|
314
311
|
/* ============================== prop types ============================== */
|