flexlayout-react 0.8.4 → 0.8.6

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 (56) hide show
  1. package/ChangeLog.txt +9 -0
  2. package/README.md +29 -2
  3. package/declarations/Types.d.ts +2 -6
  4. package/declarations/view/Layout.d.ts +3 -1
  5. package/dist/flexlayout.js +7 -7
  6. package/dist/flexlayout_min.js +1 -1
  7. package/lib/Types.js +2 -6
  8. package/lib/Types.js.map +1 -1
  9. package/lib/model/TabSetNode.js +9 -4
  10. package/lib/model/TabSetNode.js.map +1 -1
  11. package/lib/view/BorderTabSet.js +11 -5
  12. package/lib/view/BorderTabSet.js.map +1 -1
  13. package/lib/view/Layout.js +3 -2
  14. package/lib/view/Layout.js.map +1 -1
  15. package/lib/view/PopupMenu.js +11 -5
  16. package/lib/view/PopupMenu.js.map +1 -1
  17. package/lib/view/TabOverflowHook.js +104 -21
  18. package/lib/view/TabOverflowHook.js.map +1 -1
  19. package/lib/view/TabSet.js +11 -5
  20. package/lib/view/TabSet.js.map +1 -1
  21. package/package.json +2 -2
  22. package/src/Types.ts +3 -8
  23. package/src/model/TabSetNode.ts +8 -4
  24. package/src/view/BorderTabSet.tsx +38 -24
  25. package/src/view/Layout.tsx +9 -5
  26. package/src/view/PopupMenu.tsx +31 -19
  27. package/src/view/TabOverflowHook.tsx +112 -21
  28. package/src/view/TabSet.tsx +36 -22
  29. package/style/_base.scss +569 -595
  30. package/style/_themes.scss +649 -0
  31. package/style/combined.css +1055 -0
  32. package/style/combined.css.map +1 -0
  33. package/style/combined.scss +46 -0
  34. package/style/dark.css +704 -701
  35. package/style/dark.css.map +1 -1
  36. package/style/dark.scss +5 -181
  37. package/style/gray.css +707 -684
  38. package/style/gray.css.map +1 -1
  39. package/style/gray.scss +5 -180
  40. package/style/light.css +681 -685
  41. package/style/light.css.map +1 -1
  42. package/style/light.scss +5 -163
  43. package/style/rounded.css +723 -730
  44. package/style/rounded.css.map +1 -1
  45. package/style/rounded.scss +5 -210
  46. package/style/underline.css +710 -705
  47. package/style/underline.css.map +1 -1
  48. package/style/underline.scss +5 -186
  49. package/.editorconfig +0 -8
  50. package/.github/ISSUE_TEMPLATE/bug_report.yml +0 -104
  51. package/.github/ISSUE_TEMPLATE/config.yml +0 -5
  52. package/.prettierrc.json +0 -3
  53. package/Screenshot_light.png +0 -0
  54. package/Screenshot_rounded.png +0 -0
  55. package/dist/bundles/demo.js +0 -232052
  56. package/dist/bundles/demo.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["rounded.scss","_base.scss"],"names":[],"mappings":"AAkBI;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AChEJ;EAfA;EACA;EACA;EACA;EACA;EAaI;;AAEA;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAjCJ;EACA;EACA;EACA;EAgCQ;EACA;;AAIR;EAxCA;EACA;EACA;EACA;EAuCI;;AAGJ;EA7CA;EACA;EACA;EACA;EA4CI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAlJA;EACA;EACA;EACA;EAiJI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDrFJ;;ACwFI;EApKJ;EACA;EACA;EACA;EAmKQ;EACA;EACA;;AAGJ;EACI;;AAIJ;EAhLJ;EACA;EACA;EACA;EA+KQ;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEJ;EACI;;AAMhB;EACI;;AAIJ;EACI;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;EDzMR;EACA;;AC2MQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;EDvOZ;;ACmPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDlQZ;;AC0QQ;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;IDrThB;;;ACuUQ;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAKZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDpbR;EACA;;ACsbQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AACA;EDjeZ;;ACyeQ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;ID1gBhB;;;ACkhBY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAchB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EA/sBJ;EACA;EACA;EACA;EACA;;AAgtBA;EAptBA;EACA;EACA;EACA;EACA;EAktBI;EACA;;AAEJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;;;AD7lBR;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI","file":"rounded.css"}
1
+ {"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAkgBQ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAEA;;;ACvjBR;AAAA;AAAA;AAII;EAnBJ;EACA;EACA;EACA;EACA;EAiBQ;EACA;;AAEA;EAxBR;EACA;EACA;EACA;EACA;EAsBY;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EAtCR;EACA;EACA;EACA;EAqCY;EACA;;AAIR;EA7CJ;EACA;EACA;EACA;EA4CQ;;AAGJ;EAlDJ;EACA;EACA;EACA;EAiDQ;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;IACA;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAxJJ;EACA;EACA;EACA;EAuJQ;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAzKR;EACA;EACA;EACA;EAwKY;EACA;EACA;;AAGJ;EACI;;AAGJ;EApLR;EACA;EACA;EACA;EAmLY;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAKJ;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAMhB;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAKZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AASJ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAQR;EACI;IACI;;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAaZ;EACI;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;IAEI;;;AAIR;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAUJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;IACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAYhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAIR;EACI;IACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACI;;AAGJ;EArrBR;EACA;EACA;EACA;EACA;;AAsrBI;EA1rBJ;EACA;EACA;EACA;EACA;EAwrBQ;EACA;;AAGJ;EACI;EACA;;AAOJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;IACI;IACA;;;;AAMpB;ADrKA;AAAA;AAAA;AAIQ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI","file":"rounded.css"}
@@ -1,211 +1,6 @@
1
- $color_text: black !default;
2
- $color_background: #f2f6fb !default;
3
- $color_base: #f2f6fb !default;
4
- $color_1: scale_color($color_base, $lightness: -3%) !default;
5
- $color_2: scale_color($color_1, $lightness: -3%) !default;
6
- $color_3: scale_color($color_2, $lightness: -3%) !default;
7
- $color_4: scale_color($color_3, $lightness: -3%) !default;
8
- $color_5: scale_color($color_4, $lightness: -3%) !default;
9
- $color_6: scale_color($color_5, $lightness: -3%) !default;
10
- $color_drag1: rgb(95, 134, 196) !default;
11
- $color_drag2: rgb(119, 166, 119) !default;
12
- $color_drag1_background: rgba(95, 134, 196, 0.1) !default;
13
- $color_drag2_background: rgba(119, 166, 119, 0.075) !default;
1
+ @use "base";
2
+ @use "themes";
14
3
 
15
- $font-size: medium !default;
16
- $font-family: Roboto, Arial, sans-serif !default;
17
-
18
- .flexlayout {
19
- &__layout {
20
-
21
- --color-text: #{$color_text};
22
- --color-background: transparent;
23
- --color-base: #{$color_base};
24
- --color-1: #{$color_1};
25
- --color-2: #{$color_2};
26
- --color-3: #{$color_3};
27
- --color-4: #{$color_4};
28
- --color-5: #{$color_5};
29
- --color-6: #{$color_6};
30
- --color-drag1: #{$color_drag1};
31
- --color-drag2: #{$color_drag1};
32
- --color-drag1-background: #{$color_drag1_background};
33
- --color-drag2-background: #{$color_drag1_background};
34
-
35
- --font-size: #{$font_size};
36
- --font-family: #{$font_family};
37
-
38
- --color-overflow: #999db2;
39
- --color-icon: #999db2;
40
-
41
- --color-tabset-background: white;
42
- --color-tabset-background-selected: white;
43
- --color-tabset-background-maximized: var(--color-2);
44
- --color-tabset-divider-line: white;
45
-
46
- --color-tabset-header-background: var(--color-background);
47
- --color-tabset-header: var(--color-text);
48
-
49
- --color-border-tab-content: white;
50
- --color-border-background: var(--color-background);
51
- --color-border-divider-line: var(--color-background);
52
-
53
- --color-tab-content: white;
54
- --color-tab-selected: var(--color-text);
55
- --color-tab-selected-background: var(--color-2);
56
- --color-tab-unselected: gray;
57
- --color-tab-unselected-background: #d3d4e745;
58
- --color-tab-textbox: var(--color-text);
59
- --color-tab-textbox-background: var(--color-3);
60
-
61
- --color-border-tab-selected: var(--color-text);
62
- --color-border-tab-selected-background: var(--color-2);
63
- --color-border-tab-unselected: gray;
64
- --color-border-tab-unselected-background: var(--color-2);
65
-
66
- --color-splitter: #{$color_background};
67
- --color-splitter-hover: var(--color-4);
68
- --color-splitter-drag: var(--color-4);
69
-
70
- --color-drag-rect-border: #ccc;
71
- --color-drag-rect-background: var(--color-5);
72
- --color-drag-rect: var(--color-text);
73
-
74
- --color-popup-border: var(--color-6);
75
- --color-popup-unselected: var(--color-text);
76
- --color-popup-unselected-background: #{$color_background};
77
- --color-popup-selected: var(--color-text);
78
- --color-popup-selected-background: var(--color-3);
79
-
80
- --color-edge-marker: #a6bbdf;
81
- --color-edge-icon: #555;
82
- }
83
- }
84
-
85
- @mixin tabset_mixin {
86
- border-radius:10px;
87
- }
88
-
89
- @mixin tabset_tabbar_mixin {
90
- }
91
-
92
- @mixin tabset_header_mixin {
93
- }
94
-
95
- @mixin tabset_selected_mixin {
96
- }
97
-
98
- @mixin tabset_maximized_mixin {
99
- }
100
-
101
- @mixin tab_top_mixin {
102
- }
103
-
104
- @mixin tab_bottom_mixin {
105
- }
106
-
107
- @mixin tab_button_mixin {
108
- border-radius: 10px;
109
- padding: 2px 0.8em;
110
- }
111
-
112
- @mixin tab_button_selected_mixin {
113
- }
114
-
115
- @mixin tab_button_unselected_mixin {
116
- color: gray;
117
- }
118
-
119
- @mixin tab_button_hovered_mixin {
120
- }
121
-
122
- @mixin tab_button_stretch_mixin {
123
- }
124
-
125
- @mixin tab_button_stretch_hovered_mixin {
126
- }
127
-
128
- @mixin close_button_hovered_mixin {
129
- background-color:var(--color-3);
130
- }
131
-
132
- @mixin toolbar_button_hovered_mixin {
133
- background-color:var(--color-2);
134
- }
135
-
136
- @mixin border_mixin {
137
- }
138
-
139
- @mixin border_button_mixin {
140
- border-radius: 10px;
141
- padding: 2px 0.8em;
142
- }
143
-
144
- @mixin border_button_selected_mixin {
145
- }
146
-
147
- @mixin border_button_unselected_mixin {
148
- }
149
-
150
- @mixin border_button_hovered_mixin {
151
- }
152
-
153
- @mixin splitter_mixin {
154
- }
155
-
156
- @mixin splitter_hover_mixin {
157
- }
158
-
159
- @mixin splitter_drag_mixin {
160
- }
161
-
162
- @mixin splitter_border_mixin {
163
- }
164
-
165
- @mixin tabset_tab_divider_mixin {
166
- }
167
-
168
- @mixin border_tab_divider_mixin {
169
- }
170
-
171
- @import "_base";
172
-
173
- .flexlayout__tabset {
174
- padding: 3px;
175
- }
176
-
177
- .flexlayout__tabset_content {
178
- padding: 1px 3px 3px 3px;
179
- border-bottom-left-radius: 10px;
180
- border-bottom-right-radius: 10px;
181
- }
182
-
183
- .flexlayout__tab_border {
184
- border-radius: 10px;
185
- padding:5px;
186
- }
187
-
188
- .flexlayout__tabset_tabbar_outer_top {
189
- border-bottom:unset;
190
- padding-bottom: 1px;
191
- }
192
-
193
- .flexlayout__tabset_tabbar_inner_tab_container_top {
194
- border-bottom: 2px solid transparent;
195
- }
196
-
197
- .flexlayout__border_tab_contents {
198
- background-color: white;
199
- }
200
-
201
- .flexlayout__border_tab_contents {
202
- border-radius: 10px;
203
- }
204
-
205
- .flexlayout__border_sizer {
206
- padding-bottom: 6px;
207
- }
208
-
209
- .flexlayout__border_bottom {
210
- border-top: 2px solid var(--color-border-divider-line);
211
- }
4
+ @include themes.rounded_theme;
5
+ @include base.baseMixin;
6
+ @include themes.rounded_theme_overrides;