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":["gray.scss","_base.scss"],"names":[],"mappings":"AAiBI;EACI;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;;;AC9DJ;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;EDmFR;;AChFI;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;;AAGA;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;EDxGR;;AC2GQ;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;ED5JR;;ACgKI;EACI;ED7JR;;ACkKA;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;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACI;IACI;;;AAMZ;EACI;EACA;;AAGJ;EACI;IACI;;;AAKR;EACI;EACA;;AAIJ;EDjPR;EACA;EACA;;ACmPQ;ED/OR;EACA;EACA;;ACiPQ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AASJ;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;;AAoBJ;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;EDjbR;EACA;;ACmbQ;EACI;EACA;;AAGJ;EACI;IACI;IACA;;;AAKR;EACI;EACA;;AAIJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AASJ;EACI;IACI;;;AAIR;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAUA;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","file":"gray.css"}
1
+ {"version":3,"sourceRoot":"","sources":["_themes.scss","_base.scss"],"names":[],"mappings":"AAqPQ;EACI;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;EACA;EAEA;;;ACxSR;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;ADpbA;AAAA;AAAA;AAIQ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA","file":"gray.css"}
package/style/gray.scss CHANGED
@@ -1,181 +1,6 @@
1
- $color_text: black !default;
2
- $color_background: white !default;
3
- $color_base: white !default;
4
- $color_1: scale_color($color_base, $lightness: -3%) !default;
5
- $color_2: scale_color($color_base, $lightness: -10%) !default;
6
- $color_3: scale_color($color_base, $lightness: -15%) !default;
7
- $color_4: scale_color($color_base, $lightness: -20%) !default;
8
- $color_5: scale_color($color_base, $lightness: -25%) !default;
9
- $color_6: scale_color($color_base, $lightness: -30%) !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;
14
- $font_size: medium !default;
15
- $font_family: Roboto, Arial, sans-serif !default;
1
+ @use "base";
2
+ @use "themes";
16
3
 
17
- .flexlayout {
18
- &__layout {
19
- --color-text: #{$color_text};
20
- --color-background: #{$color_background};
21
- --color-base: #{$color_base};
22
- --color-1: #{$color_1};
23
- --color-2: #{$color_2};
24
- --color-3: #{$color_3};
25
- --color-4: #{$color_4};
26
- --color-5: #{$color_5};
27
- --color-6: #{$color_6};
28
- --color-drag1: #{$color_drag1};
29
- --color-drag2: #{$color_drag2};
30
- --color-drag1-background: #{$color_drag1_background};
31
- --color-drag2-background: #{$color_drag2_background};
32
-
33
- --font-size: #{$font_size};
34
- --font-family: #{$font_family};
35
-
36
- --color-overflow: gray;
37
- --color-icon: gray;
38
-
39
- --color-tabset-background: var(--color-1);
40
- --color-tabset-background-selected: var(--color-1);
41
- --color-tabset-background-maximized: var(--color-6);
42
- --color-tabset-divider-line: var(--color-3);
43
-
44
- --color-tabset-header-background: var(--color-1);
45
- --color-tabset-header: var(--color-text);
46
-
47
- --color-border-tab-content: var(--color-background);
48
- --color-border-background: var(--color-1);
49
- --color-border-divider-line: var(--color-3);
50
-
51
- --color-tab-content: var(--color-background);
52
- --color-tab-selected: var(--color-text);
53
- --color-tab-selected-background: var(--color-3);
54
- --color-tab-unselected: gray;
55
- --color-tab-unselected-background: transparent;
56
- --color-tab-textbox: var(--color-text);
57
- --color-tab-textbox-background: var(--color-3);
58
-
59
- --color-border-tab-selected: var(--color-text);
60
- --color-border-tab-selected-background: var(--color-3);
61
- --color-border-tab-unselected: gray;
62
- --color-border-tab-unselected-background: var(--color-2);
63
-
64
- --color-splitter: var(--color-2);
65
- --color-splitter-hover: var(--color-4);
66
- --color-splitter-drag: var(--color-5);
67
-
68
- --color-drag-rect-border: var(--color-4);
69
- --color-drag-rect-background: var(--color-3);
70
- --color-drag-rect: var(--color-text);
71
-
72
- --color-popup-border: var(--color-6);
73
- --color-popup-unselected: var(--color-text);
74
- --color-popup-unselected-background: #{$color_background};
75
- --color-popup-selected: var(--color-text);
76
- --color-popup-selected-background: var(--color-3);
77
-
78
- --color-edge-marker: #aaa;
79
- --color-edge-icon: #555;
80
- }
81
- }
82
-
83
-
84
- @mixin tabset_mixin {
85
- }
86
-
87
- @mixin tabset_tabbar_mixin {
88
- }
89
-
90
- @mixin tabset_header_mixin {
91
- }
92
-
93
- @mixin tabset_selected_mixin {
94
- background-image: linear-gradient(var(--color-background),var(--color-4));
95
- }
96
-
97
- @mixin tabset_header_mixin {
98
- box-shadow: inset 0 0 3px 0 rgba(136, 136, 136, 0.54);
99
- }
100
-
101
- @mixin tabset_selected_mixin {
102
- background-image: linear-gradient(var(--color-background),var(--color-4));
103
- }
104
-
105
- @mixin tabset_maximized_mixin {
106
- background-image: linear-gradient(var(--color-6),var(--color-2));
107
- }
108
-
109
- @mixin tab_top_mixin {
110
- box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
111
- border-top-left-radius: 3px;
112
- border-top-right-radius: 3px;
113
- }
114
-
115
- @mixin tab_bottom_mixin {
116
- box-shadow: inset -2px 0px 5px rgba(0, 0, 0, 0.1);
117
- border-bottom-left-radius: 3px;
118
- border-bottom-right-radius: 3px;
119
- }
120
-
121
- @mixin tab_button_mixin {
122
- }
123
-
124
- @mixin tab_button_selected_mixin {
125
- }
126
-
127
- @mixin tab_button_unselected_mixin {
128
- }
129
-
130
- @mixin tab_button_hovered_mixin {
131
- }
132
-
133
- @mixin close_button_hovered_mixin {
134
- }
135
-
136
- @mixin toolbar_button_hovered_mixin {
137
- }
138
-
139
- @mixin border_mixin {
140
- }
141
-
142
- @mixin border_button_mixin {
143
- box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);
144
- border-radius: 3px;
145
- }
146
-
147
- @mixin border_button_selected_mixin {
148
- }
149
-
150
- @mixin border_button_unselected_mixin {
151
- }
152
-
153
- @mixin border_button_hovered_mixin {
154
- }
155
-
156
- @mixin tab_button_stretch_mixin {
157
- }
158
-
159
- @mixin tab_button_stretch_hovered_mixin {
160
- }
161
-
162
- @mixin splitter_mixin {
163
- }
164
-
165
- @mixin splitter_hover_mixin {
166
- }
167
-
168
- @mixin splitter_drag_mixin {
169
- border-radius: 5px;
170
- }
171
-
172
- @mixin splitter_border_mixin {
173
- }
174
-
175
- @mixin tabset_tab_divider_mixin {
176
- }
177
-
178
- @mixin border_tab_divider_mixin {
179
- }
180
-
181
- @import "_base";
4
+ @include themes.gray_theme;
5
+ @include base.baseMixin;
6
+ @include themes.gray_theme_overrides;