flexlayout-react 0.5.19 → 0.5.20

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 (36) hide show
  1. package/ChangeLog.txt +4 -0
  2. package/README.md +54 -44
  3. package/dist/flexlayout.js +9 -9
  4. package/dist/flexlayout_min.js +1 -1
  5. package/lib/PopupMenu.js +2 -2
  6. package/lib/PopupMenu.js.map +1 -1
  7. package/lib/view/BorderButton.js +4 -4
  8. package/lib/view/BorderButton.js.map +1 -1
  9. package/lib/view/BorderTabSet.js +3 -3
  10. package/lib/view/BorderTabSet.js.map +1 -1
  11. package/lib/view/Layout.js +26 -12
  12. package/lib/view/Layout.js.map +1 -1
  13. package/lib/view/Splitter.js +3 -3
  14. package/lib/view/Splitter.js.map +1 -1
  15. package/lib/view/Tab.js +2 -2
  16. package/lib/view/Tab.js.map +1 -1
  17. package/lib/view/TabButton.js +5 -5
  18. package/lib/view/TabButton.js.map +1 -1
  19. package/lib/view/TabFloating.js +2 -2
  20. package/lib/view/TabFloating.js.map +1 -1
  21. package/lib/view/TabSet.js +9 -9
  22. package/lib/view/TabSet.js.map +1 -1
  23. package/package.json +11 -6
  24. package/src/PopupMenu.tsx +5 -2
  25. package/src/view/BorderButton.tsx +12 -3
  26. package/src/view/BorderTabSet.tsx +4 -1
  27. package/src/view/Layout.tsx +39 -14
  28. package/src/view/Splitter.tsx +4 -1
  29. package/src/view/Tab.tsx +8 -2
  30. package/src/view/TabButton.tsx +15 -6
  31. package/src/view/TabFloating.tsx +7 -2
  32. package/src/view/TabSet.tsx +16 -3
  33. package/style/_base.scss +7 -7
  34. package/style/dark.css +7 -7
  35. package/style/gray.css +7 -7
  36. package/style/light.css +7 -7
package/ChangeLog.txt CHANGED
@@ -1,3 +1,7 @@
1
+ 0.5.20
2
+ Added Cypress Tests
3
+ Fixed bug with tab icon not showing
4
+
1
5
  0.5.19
2
6
  Added onRenderFloatingTabPlaceholder callback prop for rendering the floating tab placeholder.
3
7
  Changed style sheets to use CSS custom properties (variables) for several values.
package/README.md CHANGED
@@ -120,31 +120,29 @@ render() {
120
120
  var json = {
121
121
  global: {},
122
122
  borders: [],
123
- layout:{
124
- "type": "row",
125
- "weight": 100,
126
- "children": [
123
+ layout: {
124
+ type: "row",
125
+ weight: 100,
126
+ children: [
127
127
  {
128
- "type": "tabset",
129
- "weight": 50,
130
- "selected": 0,
131
- "children": [
128
+ type: "tabset",
129
+ weight: 50,
130
+ children: [
132
131
  {
133
- "type": "tab",
134
- "name": "FX",
135
- "component":"grid",
132
+ type: "tab",
133
+ name: "One",
134
+ component: "button",
136
135
  }
137
136
  ]
138
137
  },
139
138
  {
140
- "type": "tabset",
141
- "weight": 50,
142
- "selected": 0,
143
- "children": [
139
+ type: "tabset",
140
+ weight: 50,
141
+ children: [
144
142
  {
145
- "type": "tab",
146
- "name": "FI",
147
- "component":"grid",
143
+ type: "tab",
144
+ name: "Two",
145
+ component: "button",
148
146
  }
149
147
  ]
150
148
  }
@@ -221,46 +219,46 @@ existing layouts by dragging/dropping and adding nodes then press the 'Show Layo
221
219
 
222
220
  example borders section:
223
221
  ```
224
- "borders": [
222
+ borders: [
225
223
  {
226
- "type":"border",
227
- "location": "left",
228
- "children": [
224
+ type: "border",
225
+ location: "left",
226
+ children: [
229
227
  {
230
- "type": "tab",
231
- "enableClose":false,
232
- "name": "Navigation",
233
- "component": "grid",
228
+ type: "tab",
229
+ enableClose: false,
230
+ name: "Navigation",
231
+ component: "grid",
234
232
  }
235
233
  ]
236
234
  },
237
235
  {
238
- "type":"border",
239
- "location": "right",
240
- "children": [
236
+ type: "border",
237
+ location: "right",
238
+ children: [
241
239
  {
242
- "type": "tab",
243
- "enableClose":false,
244
- "name": "Options",
245
- "component": "grid",
240
+ type: "tab",
241
+ enableClose: false,
242
+ name: "Options",
243
+ component: "grid",
246
244
  }
247
245
  ]
248
246
  },
249
247
  {
250
- "type":"border",
251
- "location": "bottom",
252
- "children": [
248
+ type: "border",
249
+ location: "bottom",
250
+ children: [
253
251
  {
254
- "type": "tab",
255
- "enableClose":false,
256
- "name": "Activity Blotter",
257
- "component": "grid",
252
+ type: "tab",
253
+ enableClose: false,
254
+ name: "Activity Blotter",
255
+ component: "grid",
258
256
  },
259
257
  {
260
- "type": "tab",
261
- "enableClose":false,
262
- "name": "Execution Blotter",
263
- "component": "grid",
258
+ type: "tab",
259
+ enableClose: false,
260
+ name: "Execution Blotter",
261
+ component: "grid",
264
262
  }
265
263
  ]
266
264
  }
@@ -601,4 +599,16 @@ Open your browser at http://localhost:8080/examples/ to show the examples direct
601
599
  The 'yarn start' command will watch for changes to flexlayout and example source, so you can make changes to the code
602
600
  and then refresh the browser to see the result.
603
601
 
602
+ To run the tests in the Cypress interactive runner use:
603
+
604
+ ```
605
+ yarn cypress
606
+ ```
607
+
608
+ ![FlexLayout Cypress tests](/../screenshots/github_images/CypressTests.png?raw=true "Cypress interactive runner Screenshot")
609
+
610
+
604
611
  To build the npm distribution run 'yarn build', this will create the artifacts in the dist dir.
612
+
613
+
614
+