ui-layout-manager-dev 0.0.11 → 0.0.12

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 (9) hide show
  1. package/dist/cjs/index.js +3 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +1 -1
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/LayoutManager/Components/Container/Container.scss +0 -12
  7. package/src/components/LayoutManager/Components/HandleBar/HandleBar.scss +1 -0
  8. package/src/stories/layouts/vsCode/default.json +18 -0
  9. package/src/stories/layouts/vsCode/sample1.json +89 -154
package/src/stories/layouts/vsCode/default.json CHANGED
@@ -165,6 +165,19 @@
165
165
  "containerId": "stackContainer",
166
166
  "type": "container",
167
167
  "size": { "initial": { "type": "fill" }}
168
+ },
169
+ {
170
+ "type": "handleBar",
171
+ "sibling1": "stackContainer",
172
+ "sibling2": "stackContainer2"
173
+ },
174
+ {
175
+ "containerId": "stackContainer2",
176
+ "type": "container",
177
+ "size": {
178
+ "initial": { "value": 200, "unit": "px", "type": "fixed" }
179
+ },
180
+ "collapse": { "value": 500, "condition": "lessThan", "relative": "parent" }
168
181
  }
169
182
  ]
170
183
  },
@@ -177,6 +190,11 @@
177
190
  "component": "Stack",
178
191
  "background": "#1e1e1e"
179
192
  },
193
+ "stackContainer2": {
194
+ "id": "stackContainer2",
195
+ "component": "Stack",
196
+ "background": "#1e1e1e"
197
+ },
180
198
  "editorContainer": {
181
199
  "id": "editorContainer",
182
200
  "component": "EditorVSCode",
package/src/stories/layouts/vsCode/sample1.json CHANGED
@@ -10,33 +10,18 @@
10
10
  {
11
11
  "containerId": "header",
12
12
  "type": "container",
13
- "size": {
14
- "initial": {
15
- "value": 25,
16
- "unit": "px",
17
- "type": "fixed"
18
- }
19
- }
13
+ "size": { "initial": { "value": 25, "unit": "px", "type": "fixed" }}
20
14
  },
21
15
  {
22
16
  "containerId": "mainBody",
23
17
  "type": "container",
24
- "size": {
25
- "initial": {
26
- "type": "fill"
27
- }
28
- }
18
+ "size": { "initial": { "type": "fill" }}
29
19
  },
30
20
  {
31
21
  "containerId": "footer",
32
22
  "type": "container",
33
- "size": {
34
- "initial": {
35
- "value": 25,
36
- "unit": "px",
37
- "type": "fixed"
38
- }
39
- }
23
+ "size": { "initial": { "value": 25, "unit": "px", "type": "fixed" }},
24
+ "collapse": { "value": 400, "condition": "lessThan", "relative": "parent" }
40
25
  }
41
26
  ]
42
27
  },
@@ -46,196 +31,146 @@
46
31
  },
47
32
  "mainBody": {
48
33
  "id": "mainBody",
34
+ "background": "#3c3c3c",
49
35
  "type": "split",
50
36
  "orientation": "horizontal",
51
37
  "children": [
52
38
  {
53
- "containerId": "leftMenu",
39
+ "containerId": "sidebar",
54
40
  "type": "container",
55
- "size": {
56
- "initial": {
57
- "value": 200,
58
- "unit": "px",
59
- "type": "fixed"
60
- },
61
- "min": {
62
- "value": 150,
63
- "unit": "px"
64
- },
65
- "max": {
66
- "value": 400,
67
- "unit": "px"
68
- }
69
- },
70
- "collapse": {
71
- "value": 500,
72
- "condition": "lessThan",
73
- "relative": "parent"
74
- }
41
+ "size": { "initial": { "value": 50, "unit": "px", "type": "fixed" }},
42
+ "collapse": { "value": 400, "condition": "lessThan", "relative": "parent" },
43
+ "showHandlebar": true
75
44
  },
76
45
  {
77
- "type": "handleBar",
78
- "sibling1": "leftMenu",
79
- "sibling2": "treeView"
80
- },
81
- {
82
- "containerId": "treeView",
46
+ "containerId": "contentContainer",
83
47
  "type": "container",
84
- "size": {
85
- "initial": {
86
- "type": "fill"
87
- }
88
- }
89
- },
90
- {
91
- "type": "handleBar",
92
- "sibling1": "treeView",
93
- "sibling2": "rightMenu"
94
- },
48
+ "size": { "initial": { "type": "fill" }}
49
+ }
50
+ ]
51
+ },
52
+ "contentContainer": {
53
+ "id": "contentContainer",
54
+ "background": "#3c3c3c",
55
+ "type": "split",
56
+ "orientation": "vertical",
57
+ "children": [
95
58
  {
96
- "containerId": "rightMenu",
59
+ "containerId": "content",
97
60
  "type": "container",
98
- "size": {
99
- "initial": {
100
- "value": 200,
101
- "unit": "px",
102
- "type": "fixed"
103
- },
104
- "min": {
105
- "value": 150,
106
- "unit": "px"
107
- },
108
- "max": {
109
- "value": 400,
110
- "unit": "px"
111
- }
112
- },
113
- "collapse": {
114
- "value": 700,
115
- "condition": "lessThan",
116
- "relative": "parent"
117
- }
61
+ "size": { "initial": { "type": "fill" }}
118
62
  }
119
63
  ]
120
64
  },
121
- "footer": {
122
- "id": "footer",
123
- "background": "#007acc"
124
- },
125
- "leftMenu": {
126
- "id": "leftMenu",
65
+ "content": {
66
+ "id": "content",
67
+ "background": "#007acc",
127
68
  "type": "split",
128
- "orientation": "vertical",
69
+ "orientation": "horizontal",
129
70
  "children": [
130
71
  {
131
- "containerId": "leftMenuContainer1",
72
+ "containerId": "menuContainer",
132
73
  "type": "container",
133
- "size": {
134
- "initial": {
135
- "value": 200,
136
- "unit": "px",
137
- "type": "fixed"
138
- }
139
- }
74
+ "size": {
75
+ "initial": { "value": 400, "unit": "px", "type": "fixed" },
76
+ "min": { "value": 200, "unit": "px"},
77
+ "max": { "value": 500, "unit": "px"}
78
+ },
79
+ "collapse": { "value": 700, "condition": "lessThan", "relative": "parent" }
140
80
  },
141
81
  {
142
82
  "type": "handleBar",
143
- "sibling1": "leftMenuContainer1",
144
- "sibling2": "leftMenuContainer2"
83
+ "sibling1": "menuContainer",
84
+ "sibling2": "editorContainer"
145
85
  },
146
86
  {
147
- "containerId": "leftMenuContainer2",
87
+ "containerId": "editorContainer",
148
88
  "type": "container",
149
- "size": {
150
- "initial": {
151
- "type": "fill"
152
- }
153
- }
89
+ "size": { "initial": { "type": "fill" }}
154
90
  },
155
91
  {
156
92
  "type": "handleBar",
157
- "sibling1": "leftMenuContainer2",
158
- "sibling2": "leftMenuContainer3"
93
+ "sibling1": "editorContainer",
94
+ "sibling2": "rightMenuContainer"
159
95
  },
160
96
  {
161
- "containerId": "leftMenuContainer3",
97
+ "containerId": "rightMenuContainer",
162
98
  "type": "container",
163
- "size": {
164
- "initial": {
165
- "type": "fill"
166
- }
167
- }
99
+ "size": {
100
+ "initial": { "value": 200, "unit": "px", "type": "fixed" },
101
+ "min": { "value": 100, "unit": "px"},
102
+ "max": { "value": 300, "unit": "px"}
103
+ },
104
+ "collapse": { "value": 900, "condition": "lessThan", "relative": "parent" }
168
105
  }
169
106
  ]
170
107
  },
171
- "treeView": {
172
- "id": "treeView",
173
- "type": "container",
174
- "background": "#252526"
108
+ "footer": {
109
+ "id": "footer",
110
+ "background": "#007acc"
175
111
  },
176
- "rightMenu": {
177
- "id": "rightMenu",
112
+ "sidebar": {
113
+ "id": "sidebar",
114
+ "background": "#333"
115
+ },
116
+ "menuContainer": {
117
+ "id": "menuContainer",
118
+ "background": "#252526",
178
119
  "type": "split",
179
120
  "orientation": "vertical",
180
121
  "children": [
181
122
  {
182
- "containerId": "rightMenuContainer1",
123
+ "containerId": "fileTabsContainer",
183
124
  "type": "container",
184
- "size": {
185
- "initial": {
186
- "type": "fill"
187
- }
188
- }
125
+ "size": {
126
+ "initial": { "value": 200, "unit": "px", "type": "fixed" }
127
+ },
128
+ "collapse": { "value": 500, "condition": "lessThan", "relative": "parent" }
189
129
  },
190
130
  {
191
- "type": "handleBar"
131
+ "type": "handleBar",
132
+ "sibling1": "fileTabsContainer",
133
+ "sibling2": "stackContainer"
192
134
  },
193
135
  {
194
- "containerId": "rightMenuContainer2",
136
+ "containerId": "stackContainer",
195
137
  "type": "container",
196
- "size": {
197
- "initial": {
198
- "type": "fill"
199
- }
200
- }
138
+ "size": { "initial": { "type": "fill" }}
201
139
  },
202
140
  {
203
- "type": "handleBar"
141
+ "type": "handleBar",
142
+ "sibling1": "stackContainer",
143
+ "sibling2": "stackContainer2"
204
144
  },
205
145
  {
206
- "containerId": "rightMenuContainer3",
146
+ "containerId": "stackContainer2",
207
147
  "type": "container",
208
- "size": {
209
- "initial": {
210
- "type": "fill"
211
- }
212
- }
148
+ "size": { "initial": { "type": "fill" }}
213
149
  }
214
150
  ]
215
151
  },
216
- "leftMenuContainer1": {
217
- "id": "leftMenuContainer1",
218
- "background": "#333"
152
+ "fileTabsContainer": {
153
+ "id": "fileTabsContainer",
154
+ "background": "#1e1e1e"
219
155
  },
220
- "leftMenuContainer2": {
221
- "id": "leftMenuContainer2",
222
- "background": "#333"
156
+ "stackContainer": {
157
+ "id": "stackContainer",
158
+ "component": "Stack",
159
+ "background": "#1e1e1e"
223
160
  },
224
- "leftMenuContainer3": {
225
- "id": "leftMenuContainer3",
226
- "background": "#333"
161
+ "stackContainer2": {
162
+ "id": "stackContainer2",
163
+ "component":"MapSample",
164
+ "background": "#1e1e1e"
227
165
  },
228
- "rightMenuContainer1": {
229
- "id": "rightMenuContainer1",
230
- "background": "#333"
231
- },
232
- "rightMenuContainer2": {
233
- "id": "rightMenuContainer2",
234
- "background": "#444"
166
+ "editorContainer": {
167
+ "id": "editorContainer",
168
+ "component": "EditorVSCode",
169
+ "background": "#1e1e1e"
235
170
  },
236
- "rightMenuContainer3": {
237
- "id": "rightMenuContainer3",
238
- "background": "#333"
171
+ "rightMenuContainer": {
172
+ "id": "rightMenuContainer",
173
+ "background": "#252526"
239
174
  }
240
175
  }
241
176
  }