@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.
- package/LICENSE +201 -0
- package/dist/cjs/index.js +155 -99
- package/dist/cjs/index.js.map +1 -1
- package/dist/dts/api/auth/credentialsLogin.js +1 -1
- package/dist/dts/api/auth/credentialsLogin.js.map +1 -1
- package/dist/dts/components/Providers/Gen3Provider.d.ts.map +1 -1
- package/dist/dts/components/Providers/Gen3Provider.js +0 -1
- package/dist/dts/components/Providers/Gen3Provider.js.map +1 -1
- package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.d.ts +1 -0
- package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.d.ts.map +1 -0
- package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.js +2 -0
- package/dist/dts/features/CohortBuilder/CohortManager/modals/SaveModal.js.map +1 -0
- package/dist/dts/features/CohortDiscovery/storage-persist.d.ts +12 -0
- package/dist/dts/features/CohortDiscovery/storage-persist.d.ts.map +1 -0
- package/dist/dts/features/CohortDiscovery/storage-persist.js +24 -0
- package/dist/dts/features/CohortDiscovery/storage-persist.js.map +1 -0
- package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.d.ts +1 -0
- package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.d.ts.map +1 -0
- package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.js +130 -0
- package/dist/dts/features/DataLibrary/tables/DatalistContentsPanel.js.map +1 -0
- package/dist/dts/features/Navigation/ActionMenu.d.ts +2 -2
- package/dist/dts/features/Navigation/ActionMenu.d.ts.map +1 -1
- package/dist/dts/features/Navigation/ActionMenu.js.map +1 -1
- package/dist/dts/features/Navigation/Header.d.ts.map +1 -1
- package/dist/dts/features/Navigation/Header.js +2 -2
- package/dist/dts/features/Navigation/Header.js.map +1 -1
- package/dist/dts/features/Navigation/HorizontalClean/HorizontalNavigationBar.d.ts +1 -1
- package/dist/dts/features/Navigation/HorizontalClean/HorizontalNavigationBar.d.ts.map +1 -1
- package/dist/dts/features/Navigation/TopBar/AccountButton.d.ts +5 -0
- package/dist/dts/features/Navigation/TopBar/AccountButton.d.ts.map +1 -0
- package/dist/dts/features/Navigation/TopBar/AccountButton.js +78 -0
- package/dist/dts/features/Navigation/TopBar/AccountButton.js.map +1 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.d.ts +11 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.d.ts.map +1 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.js +23 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.js.map +1 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.stories.d.ts +35 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.stories.d.ts.map +1 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.stories.js +40 -0
- package/dist/dts/features/Navigation/TopBar/IconButton.stories.js.map +1 -0
- package/dist/dts/features/Navigation/TopBar/LoginButton.d.ts +10 -0
- package/dist/dts/features/Navigation/TopBar/LoginButton.d.ts.map +1 -0
- package/dist/dts/features/Navigation/TopBar/LoginButton.js +80 -0
- package/dist/dts/features/Navigation/TopBar/LoginButton.js.map +1 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.d.ts +13 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.d.ts.map +1 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.js +39 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.js.map +1 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.stories.d.ts +14 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.stories.d.ts.map +1 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.stories.js +44 -0
- package/dist/dts/features/Navigation/TopBar/TopBar.stories.js.map +1 -0
- package/dist/dts/features/Navigation/TopBar.d.ts +4 -2
- package/dist/dts/features/Navigation/TopBar.d.ts.map +1 -1
- package/dist/dts/features/Navigation/TopBar.js +24 -6
- package/dist/dts/features/Navigation/TopBar.js.map +1 -1
- package/dist/dts/features/Navigation/TopBar.stories.d.ts +14 -0
- package/dist/dts/features/Navigation/TopBar.stories.d.ts.map +1 -0
- package/dist/dts/features/Navigation/TopBar.stories.js +30 -0
- package/dist/dts/features/Navigation/TopBar.stories.js.map +1 -0
- package/dist/dts/features/Navigation/Vertical/VerticalTopBar.d.ts +1 -1
- package/dist/dts/features/Navigation/Vertical/VerticalTopBar.d.ts.map +1 -1
- package/dist/dts/features/Navigation/index.d.ts +1 -1
- package/dist/dts/features/Navigation/index.d.ts.map +1 -1
- package/dist/dts/features/Navigation/types.d.ts +8 -1
- package/dist/dts/features/Navigation/types.d.ts.map +1 -1
- package/dist/dts/index.d.ts +2 -1
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/index.js +2 -1
- package/dist/dts/index.js.map +1 -1
- package/dist/dts/types/styling.d.ts +2 -2
- package/dist/dts/types/styling.d.ts.map +1 -1
- package/dist/dts/utils/mergeDefaultTailwindClassnames.d.ts +5 -7
- package/dist/dts/utils/mergeDefaultTailwindClassnames.d.ts.map +1 -1
- package/dist/dts/utils/mergeDefaultTailwindClassnames.js +3 -3
- package/dist/dts/utils/mergeDefaultTailwindClassnames.js.map +1 -1
- package/dist/esm/index.js +154 -99
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +20 -13
- package/dist/tsconfig.tsbuildinfo +1 -1
- 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;
|
|
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 {
|
|
969
|
-
* @param {
|
|
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 {
|
|
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
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
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
|
|
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
|
-
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
|
|
3077
|
-
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3089
|
-
|
|
3090
|
-
|
|
3091
|
-
|
|
3092
|
-
|
|
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
|
-
|
|
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
|
|
3100
|
-
acc.push(/*#__PURE__*/ jsxs(
|
|
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
|
-
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
|
|
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:
|
|
3171
|
+
root: dividerClassname
|
|
3119
3172
|
}
|
|
3120
3173
|
})
|
|
3121
3174
|
]
|
|
3122
|
-
}
|
|
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,
|
|
3141
|
-
loginButtonVisibility != LoginButtonVisibility.Hidden ? /*#__PURE__*/ jsxs(
|
|
3142
|
-
className: "flex items-center",
|
|
3202
|
+
processTopBarItems(items, mergedItemClassnames, extractClassName('divider', mergedClassnames)),
|
|
3203
|
+
loginButtonVisibility != LoginButtonVisibility.Hidden ? /*#__PURE__*/ jsxs(Fragment, {
|
|
3143
3204
|
children: [
|
|
3144
|
-
/*#__PURE__*/
|
|
3145
|
-
className:
|
|
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(
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
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
|