sample-ui-component-library 0.0.3-beta → 0.0.4-dev
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/dist/LibraryManager-V1.svg +3 -0
- package/dist/cjs/index.js +7 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -1
- package/rollup.config.mjs +1 -1
- package/src/components/Editor/Editor.jsx +59 -0
- package/src/components/Editor/Editor.scss +16 -0
- package/src/components/Editor/EditorTabs/EditorTabs.jsx +76 -0
- package/src/components/Editor/EditorTabs/EditorTabs.scss +22 -0
- package/src/components/Editor/MonacoInstance/MonacoInstance.jsx +66 -0
- package/src/components/Editor/MonacoInstance/MonacoInstance.scss +0 -0
- package/src/components/Editor/index.js +1 -0
- package/src/components/FileBrowser/FileBrowser.jsx +127 -0
- package/src/components/FileBrowser/FileBrowser.scss +40 -0
- package/src/components/FileBrowser/helper.js +70 -0
- package/src/components/FileBrowser/index.js +1 -0
- package/src/index.js +3 -1
- package/src/stories/Editor.stories.js +106 -0
- package/src/stories/EditorStories.scss +7 -0
- package/src/stories/FileBrowser.stories.js +48 -0
- package/src/stories/FileBrowserStories.scss +19 -0
- package/src/stories/data/FileBrowser/Tree1.json +57 -0
- package/src/stories/data/FileBrowser/Tree2.json +60 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
.viewerStoryWrapper{
|
|
2
|
+
position: absolute;
|
|
3
|
+
top:0;
|
|
4
|
+
bottom:0;
|
|
5
|
+
left:0;
|
|
6
|
+
right:0;
|
|
7
|
+
display:flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.viewerStoryWrapper > .file-browser{
|
|
13
|
+
height: 300px;
|
|
14
|
+
background-color: #333;
|
|
15
|
+
overflow: auto;
|
|
16
|
+
scrollbar-gutter: stable;
|
|
17
|
+
scrollbar-color: #47474766 #252526;
|
|
18
|
+
scrollbar-width: thin;
|
|
19
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tree": [
|
|
3
|
+
{
|
|
4
|
+
"id": 1,
|
|
5
|
+
"name": "root",
|
|
6
|
+
"type": "folder",
|
|
7
|
+
"children": [
|
|
8
|
+
{
|
|
9
|
+
"id": 2,
|
|
10
|
+
"name": "TraceViewer",
|
|
11
|
+
"type": "folder",
|
|
12
|
+
"children": [
|
|
13
|
+
{
|
|
14
|
+
"id": 3,
|
|
15
|
+
"name": "file1.js",
|
|
16
|
+
"type": "file"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"id": 4,
|
|
20
|
+
"name": "fileTree.json",
|
|
21
|
+
"type": "file"
|
|
22
|
+
}
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"id": 5,
|
|
27
|
+
"name": "LogInjector",
|
|
28
|
+
"type": "folder",
|
|
29
|
+
"children": [
|
|
30
|
+
{
|
|
31
|
+
"id": 6,
|
|
32
|
+
"name": "injector.py",
|
|
33
|
+
"type": "file"
|
|
34
|
+
}
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"id": 7,
|
|
41
|
+
"name": "sample.py",
|
|
42
|
+
"type": "file"
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"id": 8,
|
|
46
|
+
"name": "DesignViewer",
|
|
47
|
+
"type": "folder",
|
|
48
|
+
"children": [
|
|
49
|
+
{
|
|
50
|
+
"id": 9,
|
|
51
|
+
"name": "test.js",
|
|
52
|
+
"type": "file"
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
]
|
|
57
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"tree": [
|
|
3
|
+
{
|
|
4
|
+
"id": 1,
|
|
5
|
+
"name": "TraceViewer",
|
|
6
|
+
"type": "folder",
|
|
7
|
+
"children": [
|
|
8
|
+
{
|
|
9
|
+
"id": 2,
|
|
10
|
+
"name": "FileBrowser.stories.js",
|
|
11
|
+
"type": "file"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"id": 3,
|
|
15
|
+
"name": "FileBrowserStories.scss",
|
|
16
|
+
"type": "file"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"id": 4,
|
|
20
|
+
"name": "FlowDiagram.stories.js",
|
|
21
|
+
"type": "file"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"id": 5,
|
|
25
|
+
"name": "FlowDiagram.scss",
|
|
26
|
+
"type": "file"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"id": 6,
|
|
32
|
+
"name": "Data",
|
|
33
|
+
"type": "folder",
|
|
34
|
+
"children": [
|
|
35
|
+
{
|
|
36
|
+
"id": 7,
|
|
37
|
+
"name": "fileTree.json",
|
|
38
|
+
"type": "file"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"id": 8,
|
|
42
|
+
"name": "FileBrowser",
|
|
43
|
+
"type": "folder",
|
|
44
|
+
"children": [
|
|
45
|
+
{
|
|
46
|
+
"id": 9,
|
|
47
|
+
"name": "fileTree.json",
|
|
48
|
+
"type": "file"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
"id": 10,
|
|
52
|
+
"name": "Tree2.json",
|
|
53
|
+
"type": "file"
|
|
54
|
+
}
|
|
55
|
+
]
|
|
56
|
+
}
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
]
|
|
60
|
+
}
|