kitchen-simulator 3.1.2 → 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.
Files changed (138) hide show
  1. package/README.md +0 -3
  2. package/es/AppContext.js +1 -1
  3. package/es/LiteKitchenConfigurator.js +15 -25
  4. package/es/LiteRenderer.js +2 -5
  5. package/es/actions/export.js +12 -25
  6. package/es/catalog/catalog.js +5 -21
  7. package/es/components/content.js +2 -5
  8. package/es/components/export.js +6 -4
  9. package/es/components/style/export.js +2 -28
  10. package/es/components/style/form-number-input.js +22 -11
  11. package/es/components/viewer2d/group.js +4 -5
  12. package/es/components/viewer2d/item.js +4 -5
  13. package/es/components/viewer2d/layer.js +1 -1
  14. package/es/components/viewer2d/line.js +47 -17
  15. package/es/components/viewer2d/rulerX.js +0 -3
  16. package/es/components/viewer2d/rulerY.js +0 -3
  17. package/es/components/viewer2d/scene.js +1 -4
  18. package/es/components/viewer2d/state.js +1 -1
  19. package/es/components/viewer2d/viewer2d.js +43 -28
  20. package/es/components/viewer3d/viewer3d-first-person.js +0 -8
  21. package/es/components/viewer3d/viewer3d.js +0 -9
  22. package/es/devLiteRenderer.js +148 -317
  23. package/es/index.js +12 -4
  24. package/es/mocks/appliancePayload.json +27 -0
  25. package/es/mocks/cabinetPayload.json +1914 -0
  26. package/es/mocks/cabinetPayload2.json +76 -0
  27. package/es/mocks/dataBundle2.json +4 -0
  28. package/es/mocks/distancePayload.json +6 -0
  29. package/es/mocks/doorStylePayload2.json +84 -0
  30. package/es/mocks/furnishingPayload.json +23 -0
  31. package/es/mocks/itemCDSPayload.json +27 -0
  32. package/es/mocks/lightingPayload.json +23 -0
  33. package/es/mocks/mockProps.json +43 -0
  34. package/es/mocks/mockProps2.json +9 -0
  35. package/es/mocks/moldingPayload.json +19 -0
  36. package/es/mocks/projectItemsCatalog.json +133 -0
  37. package/es/mocks/rectangleShape.json +238 -0
  38. package/es/mocks/replaceCabinetPayload.json +81 -0
  39. package/es/mocks/roomShapePayload.json +5 -0
  40. package/es/useAppContext.js +8 -0
  41. package/lib/AppContext.js +1 -1
  42. package/lib/LiteKitchenConfigurator.js +15 -25
  43. package/lib/LiteRenderer.js +2 -5
  44. package/lib/actions/export.js +39 -35
  45. package/lib/catalog/catalog.js +4 -20
  46. package/lib/components/content.js +2 -5
  47. package/lib/components/export.js +26 -6
  48. package/lib/components/style/export.js +1 -105
  49. package/lib/components/style/form-number-input.js +22 -11
  50. package/lib/components/viewer2d/group.js +4 -5
  51. package/lib/components/viewer2d/item.js +4 -5
  52. package/lib/components/viewer2d/layer.js +1 -1
  53. package/lib/components/viewer2d/line.js +47 -17
  54. package/lib/components/viewer2d/rulerX.js +0 -3
  55. package/lib/components/viewer2d/rulerY.js +0 -3
  56. package/lib/components/viewer2d/scene.js +1 -4
  57. package/lib/components/viewer2d/state.js +1 -1
  58. package/lib/components/viewer2d/viewer2d.js +42 -27
  59. package/lib/components/viewer3d/viewer3d-first-person.js +0 -8
  60. package/lib/components/viewer3d/viewer3d.js +0 -9
  61. package/lib/devLiteRenderer.js +147 -316
  62. package/lib/index.js +12 -4
  63. package/lib/mocks/appliancePayload.json +27 -0
  64. package/lib/mocks/cabinetPayload.json +1914 -0
  65. package/lib/mocks/cabinetPayload2.json +76 -0
  66. package/lib/mocks/dataBundle2.json +4 -0
  67. package/lib/mocks/distancePayload.json +6 -0
  68. package/lib/mocks/doorStylePayload2.json +84 -0
  69. package/lib/mocks/furnishingPayload.json +23 -0
  70. package/lib/mocks/itemCDSPayload.json +27 -0
  71. package/lib/mocks/lightingPayload.json +23 -0
  72. package/lib/mocks/mockProps.json +43 -0
  73. package/lib/mocks/mockProps2.json +9 -0
  74. package/lib/mocks/moldingPayload.json +19 -0
  75. package/lib/mocks/projectItemsCatalog.json +133 -0
  76. package/lib/mocks/rectangleShape.json +238 -0
  77. package/lib/mocks/replaceCabinetPayload.json +81 -0
  78. package/lib/mocks/roomShapePayload.json +5 -0
  79. package/lib/useAppContext.js +16 -0
  80. package/package.json +16 -21
  81. package/es/catalog/properties/export.js +0 -21
  82. package/es/catalog/properties/property-checkbox.js +0 -68
  83. package/es/catalog/properties/property-color.js +0 -39
  84. package/es/catalog/properties/property-enum.js +0 -50
  85. package/es/catalog/properties/property-hidden.js +0 -19
  86. package/es/catalog/properties/property-lenght-measure.js +0 -100
  87. package/es/catalog/properties/property-length-measure.js +0 -84
  88. package/es/catalog/properties/property-length-measure_hole.js +0 -100
  89. package/es/catalog/properties/property-number.js +0 -48
  90. package/es/catalog/properties/property-read-only.js +0 -26
  91. package/es/catalog/properties/property-string.js +0 -48
  92. package/es/catalog/properties/property-toggle.js +0 -39
  93. package/es/catalog/properties/shared-property-style.js +0 -14
  94. package/es/components/style/button.js +0 -106
  95. package/es/components/style/cancel-button.js +0 -21
  96. package/es/components/style/content-container.js +0 -30
  97. package/es/components/style/content-title.js +0 -25
  98. package/es/components/style/delete-button.js +0 -24
  99. package/es/components/style/form-block.js +0 -20
  100. package/es/components/style/form-color-input.js +0 -26
  101. package/es/components/style/form-label.js +0 -22
  102. package/es/components/style/form-number-input_2.js +0 -200
  103. package/es/components/style/form-select.js +0 -19
  104. package/es/components/style/form-slider.js +0 -60
  105. package/es/components/style/form-submit-button.js +0 -25
  106. package/es/components/style/form-text-input.js +0 -69
  107. package/es/plugins/SVGLoader.js +0 -1414
  108. package/es/styles/export.js +0 -5
  109. package/es/styles/tabs.css +0 -40
  110. package/lib/catalog/properties/export.js +0 -81
  111. package/lib/catalog/properties/property-checkbox.js +0 -76
  112. package/lib/catalog/properties/property-color.js +0 -47
  113. package/lib/catalog/properties/property-enum.js +0 -58
  114. package/lib/catalog/properties/property-hidden.js +0 -27
  115. package/lib/catalog/properties/property-lenght-measure.js +0 -108
  116. package/lib/catalog/properties/property-length-measure.js +0 -92
  117. package/lib/catalog/properties/property-length-measure_hole.js +0 -108
  118. package/lib/catalog/properties/property-number.js +0 -56
  119. package/lib/catalog/properties/property-read-only.js +0 -34
  120. package/lib/catalog/properties/property-string.js +0 -56
  121. package/lib/catalog/properties/property-toggle.js +0 -47
  122. package/lib/catalog/properties/shared-property-style.js +0 -21
  123. package/lib/components/style/button.js +0 -115
  124. package/lib/components/style/cancel-button.js +0 -29
  125. package/lib/components/style/content-container.js +0 -38
  126. package/lib/components/style/content-title.js +0 -35
  127. package/lib/components/style/delete-button.js +0 -34
  128. package/lib/components/style/form-block.js +0 -28
  129. package/lib/components/style/form-color-input.js +0 -34
  130. package/lib/components/style/form-label.js +0 -30
  131. package/lib/components/style/form-number-input_2.js +0 -209
  132. package/lib/components/style/form-select.js +0 -29
  133. package/lib/components/style/form-slider.js +0 -68
  134. package/lib/components/style/form-submit-button.js +0 -35
  135. package/lib/components/style/form-text-input.js +0 -78
  136. package/lib/plugins/SVGLoader.js +0 -1419
  137. package/lib/styles/export.js +0 -13
  138. package/lib/styles/tabs.css +0 -40
@@ -0,0 +1,9 @@
1
+ {
2
+ "configData": {
3
+ "success": true,
4
+ "id": "5",
5
+ "logoImg": "https://media.test.diydesignspace.com/uploads/Dealers/202508144813_14/logoImg/prime-log-circle.png",
6
+ "companyUrl": "https://www.primecabinetry.com"
7
+ },
8
+ "projectElement": []
9
+ }
@@ -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,5 @@
1
+ {
2
+ "roomShapeType": "2wLeftTop",
3
+ "width": 100,
4
+ "height": 100
5
+ }
@@ -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("section", null, /*#__PURE__*/_react["default"].createElement("div", {
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"](),
@@ -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(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
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 ============================== */