@gen3/frontend 0.10.82 → 0.10.84

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 (81) hide show
  1. package/LICENSE +201 -0
  2. package/dist/cjs/index.js +155 -99
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/dts/api/auth/credentialsLogin.js +1 -1
  5. package/dist/dts/api/auth/credentialsLogin.js.map +1 -1
  6. package/dist/dts/components/Providers/Gen3Provider.d.ts.map +1 -1
  7. package/dist/dts/components/Providers/Gen3Provider.js +0 -1
  8. package/dist/dts/components/Providers/Gen3Provider.js.map +1 -1
  9. package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.d.ts +1 -0
  10. package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.d.ts.map +1 -0
  11. package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.js +2 -0
  12. package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.js.map +1 -0
  13. package/dist/dts/features/CohortDiscovery/storage-persist.d.ts +12 -0
  14. package/dist/dts/features/CohortDiscovery/storage-persist.d.ts.map +1 -0
  15. package/dist/dts/features/CohortDiscovery/storage-persist.js +24 -0
  16. package/dist/dts/features/CohortDiscovery/storage-persist.js.map +1 -0
  17. package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.d.ts +1 -0
  18. package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.d.ts.map +1 -0
  19. package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.js +130 -0
  20. package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.js.map +1 -0
  21. package/dist/dts/features/Navigation/ActionMenu.d.ts +2 -2
  22. package/dist/dts/features/Navigation/ActionMenu.d.ts.map +1 -1
  23. package/dist/dts/features/Navigation/ActionMenu.js.map +1 -1
  24. package/dist/dts/features/Navigation/Header.d.ts.map +1 -1
  25. package/dist/dts/features/Navigation/Header.js +2 -2
  26. package/dist/dts/features/Navigation/Header.js.map +1 -1
  27. package/dist/dts/features/Navigation/HorizontalClean/HorizontalNavigationBar.d.ts +1 -1
  28. package/dist/dts/features/Navigation/HorizontalClean/HorizontalNavigationBar.d.ts.map +1 -1
  29. package/dist/dts/features/Navigation/TopBar/AccountButton.d.ts +5 -0
  30. package/dist/dts/features/Navigation/TopBar/AccountButton.d.ts.map +1 -0
  31. package/dist/dts/features/Navigation/TopBar/AccountButton.js +78 -0
  32. package/dist/dts/features/Navigation/TopBar/AccountButton.js.map +1 -0
  33. package/dist/dts/features/Navigation/TopBar/IconButton.d.ts +11 -0
  34. package/dist/dts/features/Navigation/TopBar/IconButton.d.ts.map +1 -0
  35. package/dist/dts/features/Navigation/TopBar/IconButton.js +23 -0
  36. package/dist/dts/features/Navigation/TopBar/IconButton.js.map +1 -0
  37. package/dist/dts/features/Navigation/TopBar/IconButton.stories.d.ts +35 -0
  38. package/dist/dts/features/Navigation/TopBar/IconButton.stories.d.ts.map +1 -0
  39. package/dist/dts/features/Navigation/TopBar/IconButton.stories.js +40 -0
  40. package/dist/dts/features/Navigation/TopBar/IconButton.stories.js.map +1 -0
  41. package/dist/dts/features/Navigation/TopBar/LoginButton.d.ts +10 -0
  42. package/dist/dts/features/Navigation/TopBar/LoginButton.d.ts.map +1 -0
  43. package/dist/dts/features/Navigation/TopBar/LoginButton.js +80 -0
  44. package/dist/dts/features/Navigation/TopBar/LoginButton.js.map +1 -0
  45. package/dist/dts/features/Navigation/TopBar/TopBar.d.ts +13 -0
  46. package/dist/dts/features/Navigation/TopBar/TopBar.d.ts.map +1 -0
  47. package/dist/dts/features/Navigation/TopBar/TopBar.js +39 -0
  48. package/dist/dts/features/Navigation/TopBar/TopBar.js.map +1 -0
  49. package/dist/dts/features/Navigation/TopBar/TopBar.stories.d.ts +14 -0
  50. package/dist/dts/features/Navigation/TopBar/TopBar.stories.d.ts.map +1 -0
  51. package/dist/dts/features/Navigation/TopBar/TopBar.stories.js +44 -0
  52. package/dist/dts/features/Navigation/TopBar/TopBar.stories.js.map +1 -0
  53. package/dist/dts/features/Navigation/TopBar.d.ts +4 -2
  54. package/dist/dts/features/Navigation/TopBar.d.ts.map +1 -1
  55. package/dist/dts/features/Navigation/TopBar.js +24 -6
  56. package/dist/dts/features/Navigation/TopBar.js.map +1 -1
  57. package/dist/dts/features/Navigation/TopBar.stories.d.ts +14 -0
  58. package/dist/dts/features/Navigation/TopBar.stories.d.ts.map +1 -0
  59. package/dist/dts/features/Navigation/TopBar.stories.js +30 -0
  60. package/dist/dts/features/Navigation/TopBar.stories.js.map +1 -0
  61. package/dist/dts/features/Navigation/Vertical/VerticalTopBar.d.ts +1 -1
  62. package/dist/dts/features/Navigation/Vertical/VerticalTopBar.d.ts.map +1 -1
  63. package/dist/dts/features/Navigation/index.d.ts +1 -1
  64. package/dist/dts/features/Navigation/index.d.ts.map +1 -1
  65. package/dist/dts/features/Navigation/types.d.ts +8 -1
  66. package/dist/dts/features/Navigation/types.d.ts.map +1 -1
  67. package/dist/dts/index.d.ts +2 -1
  68. package/dist/dts/index.d.ts.map +1 -1
  69. package/dist/dts/index.js +2 -1
  70. package/dist/dts/index.js.map +1 -1
  71. package/dist/dts/types/styling.d.ts +2 -2
  72. package/dist/dts/types/styling.d.ts.map +1 -1
  73. package/dist/dts/utils/mergeDefaultTailwindClassnames.d.ts +5 -7
  74. package/dist/dts/utils/mergeDefaultTailwindClassnames.d.ts.map +1 -1
  75. package/dist/dts/utils/mergeDefaultTailwindClassnames.js +3 -3
  76. package/dist/dts/utils/mergeDefaultTailwindClassnames.js.map +1 -1
  77. package/dist/esm/index.js +154 -99
  78. package/dist/esm/index.js.map +1 -1
  79. package/dist/index.d.ts +20 -13
  80. package/dist/tsconfig.tsbuildinfo +1 -1
  81. package/package.json +5 -4
@@ -1 +1 @@
1
- {"version":3,"file":"mergeDefaultTailwindClassnames.js","sourceRoot":"","sources":["../../../src/utils/mergeDefaultTailwindClassnames.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAKzC;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAC5C,aAAyB,EACzB,EAAkE;IAAhE,IAAA,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,UAAU,cAA/B,QAAiC,CAAF;IAE/B,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,IAAM,YAAY,gBAAQ,aAAa,CAAE,CAAC;IAE1C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAC/C,UAA8B,EAC9B,aAAqB,IACV,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,EAAjE,CAAiE,CAAC"}
1
+ {"version":3,"file":"mergeDefaultTailwindClassnames.js","sourceRoot":"","sources":["../../../src/utils/mergeDefaultTailwindClassnames.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAOzC;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,8BAA8B,GAAG,UAC5C,aAA8B,EAC9B,EAAkE;IAAhE,IAAA,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EAAK,UAAU,cAA/B,QAAiC,CAAF;IAE/B,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,IAAM,YAAY,gBAAQ,aAAa,CAAE,CAAC;IAE1C,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,WAAW,CAAC,OAAO,CAAC,UAAC,GAAG;YACtB,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;YACtC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAC/C,UAA8B,EAC9B,aAAqB,IACV,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,EAAjE,CAAiE,CAAC"}
package/dist/esm/index.js CHANGED
@@ -965,10 +965,10 @@ var LoginButtonVisibility = /*#__PURE__*/ function(LoginButtonVisibility) {
965
965
  /**
966
966
  * Merges default and user values for Tailwind classnames.
967
967
  *
968
- * @param {RecordType} defaultValues - The default values for the classnames.
969
- * @param {RecordType} userValues - The user-defined values for the classnames.
968
+ * @param {StylingOverride} defaultValues - The default values for the classnames.
969
+ * @param {StylingOverride} userValues - The user-defined values for the classnames.
970
970
  * @param {StylingMergeMode} mode - Whether to merge or replace the default and user values. Default is merge.
971
- * @returns {RecordType} - The merged default and user values for the classnames.
971
+ * @returns {StylingOverride} - The merged default and user values for the classnames.
972
972
  */ const mergeDefaultTailwindClassnames = (defaultValues, { mode = 'merge', ...userValues })=>{
973
973
  const defaultKeys = Object.keys(defaultValues);
974
974
  const mergedValues = {
@@ -992,13 +992,13 @@ var LoginButtonVisibility = /*#__PURE__*/ function(LoginButtonVisibility) {
992
992
  };
993
993
  const mergeTailwindClassnameWithDefault = (userValues, defaultValues)=>userValues ? twMerge(defaultValues, userValues) : defaultValues;
994
994
 
995
- const handleSelected = async (isAuthenticated, router, referrer, endSession, externalLoginUrl)=>{
995
+ const handleSelected$1 = async (isAuthenticated, router, referrer, endSession, externalLoginUrl)=>{
996
996
  if (!isAuthenticated) await router.push(externalLoginUrl || `Login?redirect=${referrer}`);
997
997
  else {
998
998
  if (endSession) endSession();
999
999
  }
1000
1000
  };
1001
- const LoginButton = ({ icon = /*#__PURE__*/ jsx(MdLogin, {
1001
+ const LoginButton$1 = ({ icon = /*#__PURE__*/ jsx(MdLogin, {
1002
1002
  className: "pl-1",
1003
1003
  size: '1.55rem'
1004
1004
  }), hideText = false, className = undefined, tooltip, visibility, externalLoginUrl })=>{
@@ -1020,7 +1020,7 @@ const LoginButton = ({ icon = /*#__PURE__*/ jsx(MdLogin, {
1020
1020
  disabled: tooltip === undefined,
1021
1021
  classNames: TooltipStyle,
1022
1022
  children: /*#__PURE__*/ jsx(UnstyledButton, {
1023
- onClick: ()=>handleSelected(authenticated, router, pathname, endSession, externalLoginUrl),
1023
+ onClick: ()=>handleSelected$1(authenticated, router, pathname, endSession, externalLoginUrl),
1024
1024
  children: /*#__PURE__*/ jsxs("div", {
1025
1025
  className: mergedClassname,
1026
1026
  children: [
@@ -3037,28 +3037,16 @@ const Gen3Link = ({ className, href, linkType, text, showExternalIcon = false })
3037
3037
  });
3038
3038
  };
3039
3039
 
3040
- const LoginAccountButton = ({ className = undefined })=>{
3041
- const router = useRouter();
3042
- const handleSelected = async ()=>{
3043
- await router.push('Profile');
3044
- };
3045
- const userStatus = useCoreSelector((state)=>selectUserAuthStatus(state));
3046
- const userInfo = useCoreSelector((state)=>selectUserDetails(state));
3047
- const mergedClassname = mergeTailwindClassnameWithDefault(className, 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent');
3048
- if (userStatus && isAuthenticated(userStatus)) {
3049
- return /*#__PURE__*/ jsx(UnstyledButton, {
3050
- className: "mx-2",
3051
- onClick: ()=>handleSelected(),
3052
- children: /*#__PURE__*/ jsx("div", {
3053
- className: mergedClassname,
3054
- children: userInfo?.username
3055
- })
3056
- });
3057
- }
3058
- return null;
3040
+ const IconSize = {
3041
+ xs: 14,
3042
+ sm: 16,
3043
+ md: 20,
3044
+ lg: 24,
3045
+ xl: 32,
3046
+ 'xl-2': 36
3059
3047
  };
3060
3048
 
3061
- const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, classNames = {}, drawBorder = true })=>{
3049
+ const IconButton = ({ name, leftIcon = undefined, rightIcon = undefined, iconSize = 'md', tooltip = undefined, classNames = {}, clickHandler = undefined, ariaLabel = undefined })=>{
3062
3050
  const classNamesDefaults = {
3063
3051
  root: `flex items-center align-middle px-2 my-2`,
3064
3052
  button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
@@ -3067,68 +3055,142 @@ const TopIconButton = ({ name, leftIcon = undefined, rightIcon = undefined, clas
3067
3055
  rightIcon: 'text-secondary-contrast-lighter pl-1'
3068
3056
  };
3069
3057
  const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
3058
+ // get the icon size otherwise use the value of iconsSize as a string value: e.g. 2em
3059
+ const iconSz = IconSize[iconSize] ?? iconSize;
3070
3060
  return /*#__PURE__*/ jsx("div", {
3071
3061
  className: extractClassName('root', mergedClassnames),
3072
- "aria-label": name,
3073
- children: /*#__PURE__*/ jsxs("div", {
3074
- className: extractClassName('button', mergedClassnames),
3075
- role: "button",
3076
- children: [
3077
- leftIcon ? /*#__PURE__*/ jsx(Icon, {
3078
- icon: leftIcon,
3079
- className: extractClassName('leftIcon', mergedClassnames)
3080
- }) : null,
3081
- /*#__PURE__*/ jsxs("p", {
3082
- className: extractClassName('label', mergedClassnames),
3083
- children: [
3084
- " ",
3085
- name,
3086
- " "
3087
- ]
3088
- }),
3089
- rightIcon ? /*#__PURE__*/ jsx(Icon, {
3090
- icon: rightIcon,
3091
- className: extractClassName('rightIcon', mergedClassnames)
3092
- }) : null
3093
- ]
3062
+ children: /*#__PURE__*/ jsx(Tooltip, {
3063
+ label: tooltip,
3064
+ position: "bottom",
3065
+ withArrow: true,
3066
+ multiline: true,
3067
+ color: "base",
3068
+ disabled: tooltip === undefined,
3069
+ classNames: TooltipStyle,
3070
+ children: /*#__PURE__*/ jsxs("div", {
3071
+ className: extractClassName('button', mergedClassnames),
3072
+ role: "button",
3073
+ "aria-label": ariaLabel ?? name,
3074
+ onClick: (event)=>clickHandler && clickHandler(),
3075
+ children: [
3076
+ leftIcon ? /*#__PURE__*/ jsx(Icon, {
3077
+ icon: leftIcon,
3078
+ width: iconSz,
3079
+ height: iconSz,
3080
+ className: extractClassName('leftIcon', mergedClassnames)
3081
+ }) : null,
3082
+ /*#__PURE__*/ jsx("p", {
3083
+ className: extractClassName('label', mergedClassnames),
3084
+ children: name
3085
+ }),
3086
+ rightIcon && rightIcon.length > 0 ? /*#__PURE__*/ jsx(Icon, {
3087
+ width: iconSz,
3088
+ height: iconSz,
3089
+ icon: rightIcon,
3090
+ className: extractClassName('rightIcon', mergedClassnames)
3091
+ }) : null
3092
+ ]
3093
+ })
3094
3094
  })
3095
3095
  });
3096
3096
  };
3097
- const processTopBarItems = (items, showLogin)=>{
3097
+
3098
+ const AccountButton = ({ leftIcon = undefined, rightIcon = undefined, iconSize = 'md', classNames = {}, tooltip = 'See account profile' })=>{
3099
+ const classNamesDefaults = {
3100
+ root: `flex items-center align-middle px-2 my-2`,
3101
+ button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
3102
+ leftIcon: 'text-secondary-contrast-lighter pr-1',
3103
+ label: 'font-content text-secondary-contrast-lighter block',
3104
+ rightIcon: 'text-secondary-contrast-lighter pl-1'
3105
+ };
3106
+ const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
3107
+ const router = useRouter();
3108
+ const handleSelected = async ()=>{
3109
+ await router.push('Profile');
3110
+ };
3111
+ const userInfo = useCoreSelector((state)=>selectUserDetails(state));
3112
+ const userStatus = useCoreSelector((state)=>selectUserAuthStatus(state));
3113
+ const authenticated = isAuthenticated(userStatus);
3114
+ if (!authenticated) return null;
3115
+ return /*#__PURE__*/ jsx(IconButton, {
3116
+ name: userInfo?.username ?? 'Profile',
3117
+ leftIcon: leftIcon,
3118
+ rightIcon: rightIcon,
3119
+ iconSize: iconSize,
3120
+ classNames: mergedClassnames,
3121
+ clickHandler: handleSelected,
3122
+ tooltip: tooltip
3123
+ });
3124
+ };
3125
+
3126
+ const handleSelected = async (isAuthenticated, router, referrer, endSession, externalLoginUrl)=>{
3127
+ if (!isAuthenticated) await router.push(externalLoginUrl || `Login?redirect=${referrer}`);
3128
+ else {
3129
+ if (endSession) endSession();
3130
+ }
3131
+ };
3132
+ const LoginButton = ({ name = 'login', leftIcon = undefined, rightIcon = undefined, tooltip = 'Login to your account', visibility, externalLoginUrl, iconSize = 'md', classNames = {} })=>{
3133
+ const router = useRouter();
3134
+ const pathname = usePathname();
3135
+ const { endSession } = useContext(SessionContext) ?? {
3136
+ endSession: undefined
3137
+ };
3138
+ const userStatus = useCoreSelector((state)=>selectUserAuthStatus(state));
3139
+ const authenticated = isAuthenticated(userStatus);
3140
+ if (visibility === LoginButtonVisibility.LogoutOnly && !authenticated) return null;
3141
+ return /*#__PURE__*/ jsx(IconButton, {
3142
+ name: authenticated ? 'Logout' : 'Login',
3143
+ leftIcon: leftIcon,
3144
+ rightIcon: authenticated ? 'gen3:logout' : 'gen3:login',
3145
+ iconSize: iconSize,
3146
+ classNames: classNames,
3147
+ clickHandler: ()=>handleSelected(authenticated, router, pathname, endSession, externalLoginUrl)
3148
+ });
3149
+ };
3150
+
3151
+ const processTopBarItems = (items, classNames, dividerClassname)=>{
3098
3152
  return items.reduce((acc, item, index)=>{
3099
- const needsBorder = !(index === items.length - 1 && !showLogin);
3100
- acc.push(/*#__PURE__*/ jsxs("a", {
3101
- className: "flex",
3102
- href: item.href,
3153
+ const mergedClassnames = item?.classNames ? mergeDefaultTailwindClassnames(classNames, item.classNames) : classNames;
3154
+ acc.push(/*#__PURE__*/ jsxs(Fragment, {
3103
3155
  children: [
3104
- ' ',
3105
- /*#__PURE__*/ jsx(TopIconButton, {
3106
- name: item.name,
3107
- leftIcon: item.leftIcon,
3108
- rightIcon: item.rightIcon,
3109
- classNames: item.classNames,
3110
- drawBorder: needsBorder
3111
- }),
3112
- ' ',
3156
+ /*#__PURE__*/ jsx("a", {
3157
+ className: "flex",
3158
+ href: item.href,
3159
+ children: /*#__PURE__*/ jsx(IconButton, {
3160
+ name: item.name,
3161
+ iconSize: item.iconSize,
3162
+ leftIcon: item.leftIcon,
3163
+ rightIcon: item.rightIcon,
3164
+ classNames: mergedClassnames
3165
+ })
3166
+ }, `${item.href}_${item.name}`),
3113
3167
  /*#__PURE__*/ jsx(Divider, {
3114
3168
  size: "md",
3115
- color: "accent.4",
3116
3169
  orientation: "vertical",
3117
3170
  classNames: {
3118
- root: 'my-2'
3171
+ root: dividerClassname
3119
3172
  }
3120
3173
  })
3121
3174
  ]
3122
- }, `${item.href}_${item.name}`));
3175
+ }));
3123
3176
  return acc;
3124
3177
  }, []);
3125
3178
  };
3126
- const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, externalLoginUrl, classNames = {} })=>{
3179
+ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, externalLoginUrl, classNames = {}, itemClassnames = {} })=>{
3127
3180
  const classNamesDefaults = {
3128
3181
  root: 'flex justify-end items-center align-middle w-100 bg-secondary-lighter',
3129
- login: 'font-content hover:border-accent'
3182
+ login: 'font-content hover:border-accent',
3183
+ divider: 'border-accent my-2'
3184
+ };
3185
+ const itemClassnameDefaults = {
3186
+ root: `flex items-center align-middle px-2 my-2`,
3187
+ button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
3188
+ leftIcon: 'text-secondary-contrast-lighter pr-1',
3189
+ label: 'font-content text-secondary-contrast-lighter block',
3190
+ rightIcon: 'text-secondary-contrast-lighter pl-1'
3130
3191
  };
3131
3192
  const mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
3193
+ const mergedItemClassnames = mergeDefaultTailwindClassnames(itemClassnameDefaults, itemClassnames);
3132
3194
  return /*#__PURE__*/ jsx("div", {
3133
3195
  children: /*#__PURE__*/ jsx("header", {
3134
3196
  className: extractClassName('root', mergedClassnames),
@@ -3137,27 +3199,30 @@ const TopBar = ({ items, loginButtonVisibility = LoginButtonVisibility.Hidden, e
3137
3199
  "aria-label": "top most navigation",
3138
3200
  className: "flex items-center align-middle",
3139
3201
  children: [
3140
- processTopBarItems(items, loginButtonVisibility === LoginButtonVisibility.Visible),
3141
- loginButtonVisibility != LoginButtonVisibility.Hidden ? /*#__PURE__*/ jsxs("div", {
3142
- className: "flex items-center",
3202
+ processTopBarItems(items, mergedItemClassnames, extractClassName('divider', mergedClassnames)),
3203
+ loginButtonVisibility != LoginButtonVisibility.Hidden ? /*#__PURE__*/ jsxs(Fragment, {
3143
3204
  children: [
3144
- /*#__PURE__*/ jsx(LoginAccountButton, {
3145
- className: extractClassName('login', mergedClassnames)
3205
+ /*#__PURE__*/ jsxs("span", {
3206
+ className: "flex items-center align-middle [&>*:only-child]:hidden",
3207
+ children: [
3208
+ /*#__PURE__*/ jsx(AccountButton, {
3209
+ classNames: mergedItemClassnames
3210
+ }),
3211
+ /*#__PURE__*/ jsx(Divider, {
3212
+ size: "md",
3213
+ classNames: {
3214
+ root: extractClassName('divider', mergedClassnames)
3215
+ },
3216
+ orientation: "vertical"
3217
+ })
3218
+ ]
3146
3219
  }),
3147
- /*#__PURE__*/ jsx(Divider, {
3148
- size: "md",
3149
- color: "accent.4",
3150
- orientation: "vertical"
3220
+ /*#__PURE__*/ jsx(LoginButton, {
3221
+ visibility: loginButtonVisibility,
3222
+ externalLoginUrl: externalLoginUrl,
3223
+ classNames: mergedItemClassnames
3151
3224
  })
3152
3225
  ]
3153
- }) : null,
3154
- loginButtonVisibility != LoginButtonVisibility.Hidden ? /*#__PURE__*/ jsx("div", {
3155
- className: "flex items-center",
3156
- children: /*#__PURE__*/ jsx(LoginButton, {
3157
- visibility: loginButtonVisibility,
3158
- externalLoginUrl: externalLoginUrl,
3159
- className: extractClassName('login', mergedClassnames)
3160
- })
3161
3226
  }) : null
3162
3227
  ]
3163
3228
  })
@@ -3491,7 +3556,7 @@ const HorizontalNavigationBar = ({ actions, items, logo = undefined, loginIcon =
3491
3556
  /*#__PURE__*/ jsxs("div", {
3492
3557
  className: "flex items-center align-middle mr-3",
3493
3558
  children: [
3494
- actions.loginButtonVisibility === LoginButtonVisibility.Visible ? /*#__PURE__*/ jsx(LoginButton, {
3559
+ actions.loginButtonVisibility === LoginButtonVisibility.Visible ? /*#__PURE__*/ jsx(LoginButton$1, {
3495
3560
  icon: loginIcon,
3496
3561
  hideText: true,
3497
3562
  className: `${extractClassName('login', mergedClassnames)}`,
@@ -3557,6 +3622,9 @@ const HorizontalNavigationBar = ({ actions, items, logo = undefined, loginIcon =
3557
3622
  externalLoginUrl: top?.externalLoginUrl,
3558
3623
  classNames: {
3559
3624
  ...top.classNames
3625
+ },
3626
+ itemClassnames: {
3627
+ ...top.itemClassnames
3560
3628
  }
3561
3629
  }),
3562
3630
  banners?.map((banner)=>/*#__PURE__*/ createElement(Banner, {
@@ -14884,10 +14952,6 @@ const createMantineTheme = (fonts, colors)=>{
14884
14952
  Object.values(values)
14885
14953
  ] : [])),
14886
14954
  primaryColor: 'primary',
14887
- primaryShade: {
14888
- light: 4,
14889
- dark: 7
14890
- },
14891
14955
  breakpoints: {
14892
14956
  xs: '31.25em',
14893
14957
  sm: '50em',
@@ -18549,15 +18613,6 @@ const getNumberOfSelectedItemsInList = (selections, listId)=>{
18549
18613
  };
18550
18614
  const isListInSelection = (listId, selections)=>listId in selections;
18551
18615
 
18552
- const IconSize = {
18553
- xs: 14,
18554
- sm: 16,
18555
- md: 20,
18556
- lg: 24,
18557
- xl: 32,
18558
- 'xl-2': 36
18559
- };
18560
-
18561
18616
  const SearchAndActions = ({ createList, gatherData, size = 'sm' })=>{
18562
18617
  const { selections, clearSelections } = useDataLibrarySelection();
18563
18618
  const retrieveDisabled = Object.keys(selections).length === 0;
@@ -20775,5 +20830,5 @@ async function credentialsLogout(req, res) {
20775
20830
  res.redirect(307, '/');
20776
20831
  }
20777
20832
 
20778
- export { AISearchPageGetServerSideProps, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BaseModal, Charts, CohortBuilder, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetStaticProps, LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, capitalize, computeRowSpan, convertMinutesToMilliseconds, convertSecondsToMilliseconds, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isPropertyKey, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
20833
+ export { AISearchPageGetServerSideProps, ActionButton, AdminAuthZPageGetServerSideProps, AiSearch, AISearchPage as AiSearchPage, AnalysisCenter, AnalysisEditorPage, AnalysisEditorPageGetServerSideProps, AnalysisPage, AnalysisPageGetServerSideProps, AuthzPage, BaseModal, Charts, CohortBuilder, CollapsableSidebar, ColorThemePage, ColorThemePageGetServerSideProps, ContentSource, CreateCredentialsAPIKeyModal, CrosswalkPage, CrosswalkPageGetServerSideProps, Custom404Page, DataLibraryPage, DataLibraryPageGetServerSideProps, DictionaryPage, DictionaryPageGetServerSideProps, DiscoveryCellRendererFactory, DiscoveryProvider as DiscoveryConfigProvider, DiscoveryIndexPanel, DiscoveryPage, DiscoveryPageGetServerSideProps, DiscoveryRowRendererFactory, DropdownButton, EnumFacetChart, ErrorCard, ExplorerPage, ExplorerPageGetServerSideProps, ExplorerPageGetServerSidePropsForConfigId, ExplorerTableCellRendererFactory, ExplorerTableDetailsPanelFactory, FirstTimeModal, Footer, Gen3Button, Gen3ButtonReverse, Gen3Link, Gen3ModalsProvider, Gen3Provider, GqlQueryEditor$1 as GqlQueryEditor, Header, HoverLink, LandingPage, LandingPageGetStaticProps, LoginButton$1 as LoginButton, LoginPage, LoginPageGetServerSideProps, LoginPanel, LoginProvidersPanel, MinutesToMilliseconds, NavPageLayout, NavigationBar, NavigationButton, NoAccessModal, NotebookLitePage, NotebookLitePageGetStaticProps, ProfilePage, ProfilePageGetServerSideProps, ProfileProvider, ProtectedContent, QueryPage, QueryPageGetServerSideProps, ReactECharts, ResourcesFilters, SPECIAL_CASE_FIELDS, SessionExpiredModal, StudyGroup, SubmissionPage, SubmissionPageGetServerSideProps, TagCloud, TailwindConfig, TopBar, UploadJSONButton, User, Workspace, WorkspaceNoAccessPage, WorkspaceNoAccessPageServerSideProps, WorkspacePage, WorkspacePageGetServerSideProps, capitalize, computeRowSpan, convertMinutesToMilliseconds, convertSecondsToMilliseconds, create10ColorAccessibleContrast, create10ColorPallet, createMantineTheme, credentialsLogin, credentialsLogout, extractObjectKey, focusStyles, getCurrentUnixTimestamp, getNavPageLayoutPropsFromConfig, getParamsValueAsString, getTagInfo, hasOwnProperty, isArrayOfString, isPropertyKey, isTextTransform$1 as isTextTransform, processLabel$1 as processLabel, processRangeKeyLabel, registerCohortBuilderDefaultPreviewRenderers, registerCohortDiscoveryApp, registerCohortSimilarityApp, registerDefaultDiscoveryDataLoaders, registerDiscoveryDefaultCellRenderers, registerDiscoveryDefaultStudyPreviewRenderers, registerExplorerDefaultCellRenderers, registerMetadataSchemaApp, removeKey$1 as removeKey, resourcePathFromProjectID, sessionLogout, sessionToken, stripTrailingSlash, toDisplayName, truncateString, unixTimeToString, useDiscoveryContext, userHasMethodForServiceOnResource$1 as userHasMethodForServiceOnResource };
20779
20834
  //# sourceMappingURL=index.js.map