@dloizides/ui-nav 1.26.0 → 1.26.2

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/index.mjs CHANGED
@@ -64,9 +64,9 @@ var navStyles = StyleSheet.create({
64
64
  alignItems: "center",
65
65
  justifyContent: "space-between"
66
66
  },
67
- topbarLeft: { flex: 1 },
68
- topbarCenter: { flexShrink: 1, minWidth: 0, flexDirection: "row", alignItems: "center", marginHorizontal: 8 },
69
- topbarRight: { flexDirection: "row", alignItems: "center" },
67
+ topbarLeft: { flexGrow: 1, flexShrink: 0 },
68
+ topbarCenter: { flexShrink: 0, minWidth: 0, flexDirection: "row", alignItems: "center", marginHorizontal: 8 },
69
+ topbarRight: { flexDirection: "row", alignItems: "center", flexShrink: 1, minWidth: 0 },
70
70
  topbarRowItem: {
71
71
  marginHorizontal: 8,
72
72
  alignItems: "center",
@@ -75,14 +75,9 @@ var navStyles = StyleSheet.create({
75
75
  minWidth: MIN_TOUCH_TARGET
76
76
  },
77
77
  topbarLabel: { fontSize: 14 },
78
- userBlock: { marginHorizontal: 12, alignItems: "flex-end" },
79
- userName: { fontWeight: "600" },
80
- accountNameBtn: {
81
- minHeight: MIN_TOUCH_TARGET,
82
- minWidth: MIN_TOUCH_TARGET,
83
- justifyContent: "center",
84
- alignItems: "flex-end"
85
- },
78
+ userBlock: { marginHorizontal: 12, alignItems: "flex-end", flexShrink: 1, minWidth: 0 },
79
+ userName: { fontWeight: "600", maxWidth: "100%" },
80
+ accountNameBtn: { flexShrink: 1, maxWidth: "100%", minHeight: MIN_TOUCH_TARGET, minWidth: MIN_TOUCH_TARGET, justifyContent: "center", alignItems: "flex-end" },
86
81
  userEmail: { fontSize: 12 },
87
82
  accountBtn: {
88
83
  marginLeft: 8,
@@ -995,9 +990,9 @@ var Topbar = ({
995
990
  style: navStyles.accountNameBtn,
996
991
  testID: richAccount.accountTestID ?? NAV_TEST_IDS.accountName,
997
992
  onPress: richAccount.onAccount,
998
- children: /* @__PURE__ */ jsx(Text, { style: [navStyles.userName, { color: colors.text }], children: richAccount.displayName })
993
+ children: /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [navStyles.userName, { color: colors.text }], children: richAccount.displayName })
999
994
  }
1000
- ) : /* @__PURE__ */ jsx(Text, { style: [navStyles.userName, { color: colors.text }], testID: NAV_TEST_IDS.accountName, children: richAccount.displayName }),
995
+ ) : /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [navStyles.userName, { color: colors.text }], testID: NAV_TEST_IDS.accountName, children: richAccount.displayName }),
1001
996
  richAccount.tenantName !== void 0 ? /* @__PURE__ */ jsx(
1002
997
  Text,
1003
998
  {