@xh/hoist 68.0.0-SNAPSHOT.1725575419404 → 68.0.0-SNAPSHOT.1726061888650

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/CHANGELOG.md CHANGED
@@ -41,7 +41,6 @@
41
41
  * Fixed inline `SelectEditor` to ensure new value is flushed before grid editing stops.
42
42
  * `WebSocketService` now attempts to establish a new connection when app's server instance changes.
43
43
 
44
-
45
44
  ### ✨ Styles
46
45
 
47
46
  * Added CSS variables to support customization of `Badge` component styling.
@@ -49,7 +48,6 @@
49
48
  ### 📚 Libraries
50
49
 
51
50
  * short-unique-id `added @ 5.2`
52
- * hoist-core 21.0`
53
51
 
54
52
  ## 66.1.1 - 2024-08-01
55
53
 
@@ -6,8 +6,11 @@
6
6
  */
7
7
 
8
8
  .xh-version-bar {
9
+ align-items: center;
9
10
  background-color: var(--xh-gray-dark);
10
11
  color: white;
12
+ flex: none;
13
+ justify-content: center;
11
14
  padding: var(--xh-pad-half-px);
12
15
 
13
16
  &--development {
@@ -35,6 +38,14 @@
35
38
  background-color: hsl(180, 100%, 25%);
36
39
  }
37
40
 
41
+ &__spacer {
42
+ margin-left: var(--xh-pad-px);
43
+ }
44
+
45
+ &__instance {
46
+ cursor: pointer;
47
+ }
48
+
38
49
  svg {
39
50
  cursor: pointer;
40
51
  margin-left: var(--xh-pad-px);
@@ -4,7 +4,7 @@
4
4
  *
5
5
  * Copyright © 2024 Extremely Heavy Industries Inc.
6
6
  */
7
- import {box} from '@xh/hoist/cmp/layout';
7
+ import {box, span} from '@xh/hoist/cmp/layout';
8
8
  import {hoistCmp, XH} from '@xh/hoist/core';
9
9
  import {Icon} from '@xh/hoist/icon';
10
10
  import './VersionBar.scss';
@@ -26,22 +26,35 @@ export const versionBar = hoistCmp.factory({
26
26
  !build || build === 'UNKNOWN' ? version : `${version} (build ${build})`;
27
27
 
28
28
  return box({
29
- justifyContent: 'center',
30
- alignItems: 'center',
31
- flex: 'none',
32
29
  className: `xh-version-bar xh-version-bar--${env.toLowerCase()}`,
33
30
  items: [
34
- [XH.appName, env, versionAndBuild, instance].join(' • '),
31
+ [XH.appName, env, versionAndBuild].join(' • '),
32
+ span({
33
+ className: 'xh-version-bar__spacer',
34
+ items: '|'
35
+ }),
36
+ span({
37
+ className: 'xh-version-bar__instance',
38
+ title: 'Currently Connected Server Instance',
39
+ items: [Icon.server(), instance]
40
+ }),
41
+ span({
42
+ className: 'xh-version-bar__spacer',
43
+ items: '|'
44
+ }),
35
45
  Icon.info({
36
46
  omit: !XH.appContainerModel.hasAboutDialog(),
47
+ title: 'Show About Dialog',
37
48
  onClick: () => XH.showAboutDialog()
38
49
  }),
39
50
  Icon.search({
40
51
  omit: !inspectorSvc.enabled,
52
+ title: 'Toggle Hoist Inspector',
41
53
  onClick: () => inspectorSvc.toggleActive()
42
54
  }),
43
55
  Icon.wrench({
44
56
  omit: isAdminApp || !XH.getUser().isHoistAdminReader,
57
+ title: 'Open Admin Console',
45
58
  onClick: () => window.open('/admin')
46
59
  })
47
60
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xh/hoist",
3
- "version": "68.0.0-SNAPSHOT.1725575419404",
3
+ "version": "68.0.0-SNAPSHOT.1726061888650",
4
4
  "description": "Hoist add-on for building and deploying React Applications.",
5
5
  "repository": "github:xh/hoist-react",
6
6
  "homepage": "https://xh.io",