@gen3/frontend 0.10.83 → 0.10.85
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/cjs/index.js +395 -177
- package/dist/cjs/index.js.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCard.d.ts +5 -0
- package/dist/dts/features/Analysis/AnalysisCard.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCard.js +14 -0
- package/dist/dts/features/Analysis/AnalysisCard.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.d.ts +6 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.js +12 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.stories.d.ts +32 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.stories.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.stories.js +23 -0
- package/dist/dts/features/Analysis/AnalysisCardCompact.stories.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCardEditor.js.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCenter.d.ts.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCenter.js +3 -10
- package/dist/dts/features/Analysis/AnalysisCenter.js.map +1 -1
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.d.ts +22 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.js +53 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.js.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.d.ts +13 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.d.ts.map +1 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.js +113 -0
- package/dist/dts/features/Analysis/AnalysisCenterWithSections.stories.js.map +1 -0
- package/dist/dts/features/Analysis/TextDescription.d.ts.map +1 -1
- package/dist/dts/features/Analysis/TextDescription.js +16 -2
- package/dist/dts/features/Analysis/TextDescription.js.map +1 -1
- package/dist/dts/features/Analysis/index.d.ts +3 -1
- package/dist/dts/features/Analysis/index.d.ts.map +1 -1
- package/dist/dts/features/Analysis/index.js +2 -1
- package/dist/dts/features/Analysis/index.js.map +1 -1
- package/dist/dts/features/Analysis/types.d.ts +15 -2
- package/dist/dts/features/Analysis/types.d.ts.map +1 -1
- package/dist/dts/features/Analysis/types.js +20 -1
- package/dist/dts/features/Analysis/types.js.map +1 -1
- 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.js +1 -1
- 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/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 +1 -1
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/index.js +1 -1
- package/dist/dts/index.js.map +1 -1
- package/dist/dts/pages/Analysis/Analysis.d.ts +1 -1
- package/dist/dts/pages/Analysis/Analysis.d.ts.map +1 -1
- package/dist/dts/pages/Analysis/Analysis.js +7 -4
- package/dist/dts/pages/Analysis/Analysis.js.map +1 -1
- package/dist/dts/pages/Analysis/data.d.ts.map +1 -1
- package/dist/dts/pages/Analysis/data.js +2 -2
- package/dist/dts/pages/Analysis/data.js.map +1 -1
- package/dist/dts/pages/Analysis/types.d.ts +4 -2
- package/dist/dts/pages/Analysis/types.d.ts.map +1 -1
- package/dist/esm/index.js +394 -177
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +54 -16
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +4 -4
|
@@ -1,2 +1,21 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export var isAnalysisCenterWithSectionsConfiguration = function (value) {
|
|
2
|
+
if (!value || typeof value !== 'object') {
|
|
3
|
+
return false;
|
|
4
|
+
}
|
|
5
|
+
var candidate = value;
|
|
6
|
+
// Check that sections exists and is an array
|
|
7
|
+
if (!Array.isArray(candidate.sections)) {
|
|
8
|
+
return false;
|
|
9
|
+
}
|
|
10
|
+
for (var _i = 0, _a = candidate.sections; _i < _a.length; _i++) {
|
|
11
|
+
var section = _a[_i];
|
|
12
|
+
if (!section ||
|
|
13
|
+
typeof section !== 'object' ||
|
|
14
|
+
typeof section.label !== 'string' ||
|
|
15
|
+
!Array.isArray(section.tools)) {
|
|
16
|
+
return false;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return true;
|
|
20
|
+
};
|
|
2
21
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/features/Analysis/types.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/features/Analysis/types.ts"],"names":[],"mappings":"AAgCA,MAAM,CAAC,IAAM,yCAAyC,GAAG,UACvD,KAAc;IAEd,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAM,SAAS,GAAG,KAAgC,CAAC;IAEnD,6CAA6C;IAC7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,KAAsB,UAAkB,EAAlB,KAAA,SAAS,CAAC,QAAQ,EAAlB,cAAkB,EAAlB,IAAkB,EAAE,CAAC;QAAtC,IAAM,OAAO,SAAA;QAChB,IACE,CAAC,OAAO;YACR,OAAO,OAAO,KAAK,QAAQ;YAC3B,OAAQ,OAAiC,CAAC,KAAK,KAAK,QAAQ;YAC5D,CAAC,KAAK,CAAC,OAAO,CAAE,OAAiC,CAAC,KAAK,CAAC,EACxD,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TopIconButtonPropsWithLink } from './TopBar/IconButton';
|
|
2
2
|
interface ActionMenuProps {
|
|
3
|
-
items:
|
|
3
|
+
items: TopIconButtonPropsWithLink[];
|
|
4
4
|
}
|
|
5
5
|
declare const ActionMenu: ({ items }: ActionMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export default ActionMenu;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/Navigation/ActionMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../../../src/features/Navigation/ActionMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AAEjE,UAAU,eAAe;IACvB,KAAK,EAAE,0BAA0B,EAAE,CAAC;CACrC;AAED,QAAA,MAAM,UAAU,GAAI,WAAW,eAAe,4CAgC7C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionMenu.js","sourceRoot":"","sources":["../../../../src/features/Navigation/ActionMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,qBAAqB,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,IAAI,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"ActionMenu.js","sourceRoot":"","sources":["../../../../src/features/Navigation/ActionMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,qBAAqB,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,IAAM,UAAU,GAAG,UAAC,EAA0B;QAAxB,KAAK,WAAA;IACzB,OAAO,CACL,KAAC,KAAK,CAAC,QAAQ,cACb,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,MAAM,cACV,KAAC,OAAO,IACN,KAAK,EAAE,aAAa,EACpB,SAAS,QACT,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,YAAY,EACxB,QAAQ,EAAC,QAAQ,EACjB,SAAS,kBAET,2BACE,KAAC,QAAQ,IAAC,IAAI,EAAE,SAAS,GAAI,GACtB,GACD,GACE,EACd,KAAC,IAAI,CAAC,QAAQ,cACX,KAAK,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,KAAK;wBAClB,OAAO,CACL,KAAC,IAAI,CAAC,IAAI,cACR,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,YAChB,KAAC,IAAI,cAAE,CAAC,CAAC,IAAI,GAAQ,GAChB,IAHO,UAAG,CAAC,CAAC,IAAI,cAAI,KAAK,CAAE,CAIxB,CACb,CAAC;oBACJ,CAAC,CAAC,GACY,IACX,GACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { createElement as _createElement } from "react";
|
|
14
|
-
import TopBar from './TopBar';
|
|
14
|
+
import TopBar from './TopBar/TopBar';
|
|
15
15
|
import NavigationBar from './NavigationBar';
|
|
16
16
|
import { Banner } from './Banner';
|
|
17
17
|
import HorizontalNavigationBar from './HorizontalClean/HorizontalNavigationBar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/features/Navigation/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/features/Navigation/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,uBAAuB,MAAM,2CAA2C,CAAC;AAEhF;;;;;;;;GAQG;AACH,IAAM,MAAM,GAAG,UAAC,EAKF;QAJZ,GAAG,SAAA,EACH,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA;IAEjB,OAAO,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,CAC7B,eAAK,SAAS,EAAC,QAAQ,aACpB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,eAAC,MAAM,eAAK,MAAM,IAAE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,EAAtC,CAAsC,CAAC,EACjE,KAAC,uBAAuB,IACtB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,UAAU,eAAO,UAAU,CAAC,UAAU,GACtC,OAAO,EAAE,GAAG,GACZ,IACE,CACP,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,CACxB,0BACG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,eAAC,MAAM,eAAK,MAAM,IAAE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,EAAtC,CAAsC,CAAC,EACjE,KAAC,uBAAuB,IACtB,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,UAAU,eAAO,UAAU,CAAC,UAAU,GACtC,OAAO,EAAE,GAAG,GACZ,IACE,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,OAAO,aACpB,KAAC,MAAM,IACL,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,qBAAqB,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,qBAAqB,EACjD,gBAAgB,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,gBAAgB,EACvC,UAAU,eAAO,GAAG,CAAC,UAAU,GAC/B,cAAc,eAAO,GAAG,CAAC,cAAc,IACvC,EACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,eAAC,MAAM,eAAK,MAAM,IAAE,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,EAAtC,CAAsC,CAAC,EACjE,KAAC,aAAa,IACZ,IAAI,EAAE,UAAU,CAAC,IAAI,EACrB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,UAAU,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,GAClC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { NavigationProps } from '../types';
|
|
3
|
-
import { TopBarProps } from '../TopBar';
|
|
3
|
+
import { TopBarProps } from '../TopBar/TopBar';
|
|
4
4
|
export interface HorizontalNavigationBarProps extends NavigationProps {
|
|
5
5
|
readonly actions: TopBarProps;
|
|
6
6
|
loginIcon?: ReactElement | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalNavigationBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/HorizontalClean/HorizontalNavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"HorizontalNavigationBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/HorizontalClean/HorizontalNavigationBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ/C,MAAM,WAAW,4BAA6B,SAAQ,eAAe;IACnE,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CACnC;AAED,QAAA,MAAM,uBAAuB,GAAI,kDAM9B,4BAA4B,4CA+D9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { TopIconButtonProps } from './IconButton';
|
|
2
|
+
type TopBarAccountButtonProps = Omit<TopIconButtonProps, 'name'>;
|
|
3
|
+
export declare const AccountButton: ({ leftIcon, rightIcon, iconSize, classNames, tooltip, }: TopBarAccountButtonProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
export {};
|
|
5
|
+
//# sourceMappingURL=AccountButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/AccountButton.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAc,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,wBAAwB,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;AAEjE,eAAO,MAAM,aAAa,GAAI,yDAM3B,wBAAwB,mDA6C1B,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
12
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
+
function step(op) {
|
|
15
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
17
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
+
switch (op[0]) {
|
|
20
|
+
case 0: case 1: t = op; break;
|
|
21
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
+
default:
|
|
25
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
+
if (t[2]) _.ops.pop();
|
|
30
|
+
_.trys.pop(); continue;
|
|
31
|
+
}
|
|
32
|
+
op = body.call(thisArg, _);
|
|
33
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
38
|
+
import { mergeDefaultTailwindClassnames } from '../../../utils/mergeDefaultTailwindClassnames';
|
|
39
|
+
import { IconSize } from '../../DataLibrary/types';
|
|
40
|
+
import { useRouter } from 'next/router';
|
|
41
|
+
import { isAuthenticated, selectUserAuthStatus, selectUserDetails, useCoreSelector, } from '@gen3/core';
|
|
42
|
+
import { IconButton } from './IconButton';
|
|
43
|
+
export var AccountButton = function (_a) {
|
|
44
|
+
var _b, _c;
|
|
45
|
+
var _d = _a.leftIcon, leftIcon = _d === void 0 ? undefined : _d, _e = _a.rightIcon, rightIcon = _e === void 0 ? undefined : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 'md' : _f, _g = _a.classNames, classNames = _g === void 0 ? {} : _g, _h = _a.tooltip, tooltip = _h === void 0 ? 'See account profile' : _h;
|
|
46
|
+
var classNamesDefaults = {
|
|
47
|
+
root: "flex items-center align-middle px-2 my-2",
|
|
48
|
+
button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
|
|
49
|
+
leftIcon: 'text-secondary-contrast-lighter pr-1',
|
|
50
|
+
label: 'font-content text-secondary-contrast-lighter block',
|
|
51
|
+
rightIcon: 'text-secondary-contrast-lighter pl-1',
|
|
52
|
+
};
|
|
53
|
+
var mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
|
|
54
|
+
var router = useRouter();
|
|
55
|
+
var handleSelected = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
56
|
+
return __generator(this, function (_a) {
|
|
57
|
+
switch (_a.label) {
|
|
58
|
+
case 0: return [4 /*yield*/, router.push('Profile')];
|
|
59
|
+
case 1:
|
|
60
|
+
_a.sent();
|
|
61
|
+
return [2 /*return*/];
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
}); };
|
|
65
|
+
var userInfo = useCoreSelector(function (state) {
|
|
66
|
+
return selectUserDetails(state);
|
|
67
|
+
});
|
|
68
|
+
var userStatus = useCoreSelector(function (state) {
|
|
69
|
+
return selectUserAuthStatus(state);
|
|
70
|
+
});
|
|
71
|
+
var authenticated = isAuthenticated(userStatus);
|
|
72
|
+
if (!authenticated)
|
|
73
|
+
return null;
|
|
74
|
+
// get the icon size otherwise use the value of iconsSize as a string value: e.g. 2em
|
|
75
|
+
var iconSz = (_b = IconSize[iconSize]) !== null && _b !== void 0 ? _b : iconSize;
|
|
76
|
+
return (_jsx(IconButton, { name: (_c = userInfo === null || userInfo === void 0 ? void 0 : userInfo.username) !== null && _c !== void 0 ? _c : 'Profile', leftIcon: leftIcon, rightIcon: rightIcon, iconSize: iconSize, classNames: mergedClassnames, clickHandler: handleSelected, tooltip: tooltip }));
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=AccountButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccountButton.js","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/AccountButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,8BAA8B,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAInD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAEL,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAsB,MAAM,cAAc,CAAC;AAI9D,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAMH;;QALzB,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,eAA+B,EAA/B,OAAO,mBAAG,qBAAqB,KAAA;IAE/B,IAAM,kBAAkB,GAAG;QACzB,IAAI,EAAE,0CAA0C;QAChD,MAAM,EACJ,8FAA8F;QAChG,QAAQ,EAAE,sCAAsC;QAChD,KAAK,EAAE,oDAAoD;QAC3D,SAAS,EAAE,sCAAsC;KAClD,CAAC;IACF,IAAM,gBAAgB,GAAG,8BAA8B,CACrD,kBAAkB,EAClB,UAAU,CACX,CAAC;IAEF,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,IAAM,cAAc,GAAG;;;wBACrB,qBAAM,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAA;;oBAA5B,SAA4B,CAAC;;;;SAC9B,CAAC;IAEF,IAAM,QAAQ,GAAG,eAAe,CAAC,UAAC,KAAgB;QAChD,OAAA,iBAAiB,CAAC,KAAK,CAAC;IAAxB,CAAwB,CACzB,CAAC;IAEF,IAAM,UAAU,GAAG,eAAe,CAAC,UAAC,KAAgB;QAClD,OAAA,oBAAoB,CAAC,KAAK,CAAC;IAA3B,CAA2B,CAC5B,CAAC;IACF,IAAM,aAAa,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAElD,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAEhC,qFAAqF;IACrF,IAAM,MAAM,GAAG,MAAA,QAAQ,CAAC,QAAQ,CAAC,mCAAI,QAAQ,CAAC;IAE9C,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,mCAAI,SAAS,EACrC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EAAE,cAAc,EAC5B,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { NameAndIcon } from '../types';
|
|
2
|
+
export interface TopIconButtonProps extends NameAndIcon {
|
|
3
|
+
tooltip?: string;
|
|
4
|
+
clickHandler?: () => void;
|
|
5
|
+
ariaLabel?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface TopIconButtonPropsWithLink extends TopIconButtonProps {
|
|
8
|
+
href: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const IconButton: ({ name, leftIcon, rightIcon, iconSize, tooltip, classNames, clickHandler, ariaLabel, }: TopIconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQvC,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,0BAA2B,SAAQ,kBAAkB;IACpE,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU,GAAI,wFASxB,kBAAkB,4CAuDpB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { mergeDefaultTailwindClassnames } from '../../../utils/mergeDefaultTailwindClassnames';
|
|
3
|
+
import { IconSize } from '../../DataLibrary/types';
|
|
4
|
+
import { extractClassName } from '../utils';
|
|
5
|
+
import { Icon } from '@iconify/react';
|
|
6
|
+
import { Tooltip } from '@mantine/core';
|
|
7
|
+
import { TooltipStyle } from '../style';
|
|
8
|
+
export var IconButton = function (_a) {
|
|
9
|
+
var _b;
|
|
10
|
+
var name = _a.name, _c = _a.leftIcon, leftIcon = _c === void 0 ? undefined : _c, _d = _a.rightIcon, rightIcon = _d === void 0 ? undefined : _d, _e = _a.iconSize, iconSize = _e === void 0 ? 'md' : _e, _f = _a.tooltip, tooltip = _f === void 0 ? undefined : _f, _g = _a.classNames, classNames = _g === void 0 ? {} : _g, _h = _a.clickHandler, clickHandler = _h === void 0 ? undefined : _h, _j = _a.ariaLabel, ariaLabel = _j === void 0 ? undefined : _j;
|
|
11
|
+
var classNamesDefaults = {
|
|
12
|
+
root: "flex items-center align-middle px-2 my-2",
|
|
13
|
+
button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
|
|
14
|
+
leftIcon: 'text-secondary-contrast-lighter pr-1',
|
|
15
|
+
label: 'font-content text-secondary-contrast-lighter block',
|
|
16
|
+
rightIcon: 'text-secondary-contrast-lighter pl-1',
|
|
17
|
+
};
|
|
18
|
+
var mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
|
|
19
|
+
// get the icon size otherwise use the value of iconsSize as a string value: e.g. 2em
|
|
20
|
+
var iconSz = (_b = IconSize[iconSize]) !== null && _b !== void 0 ? _b : iconSize;
|
|
21
|
+
return (_jsx("div", { className: extractClassName('root', mergedClassnames), children: _jsx(Tooltip, { label: tooltip, position: "bottom", withArrow: true, multiline: true, color: "base", disabled: tooltip === undefined, classNames: TooltipStyle, children: _jsxs("div", { className: extractClassName('button', mergedClassnames), role: "button", "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : name, onClick: function (event) { return clickHandler && clickHandler(); }, children: [leftIcon ? (_jsx(Icon, { icon: leftIcon, width: iconSz, height: iconSz, className: extractClassName('leftIcon', mergedClassnames) })) : null, _jsx("p", { className: extractClassName('label', mergedClassnames), children: name }), rightIcon && rightIcon.length > 0 ? (_jsx(Icon, { width: iconSz, height: iconSz, icon: rightIcon, className: extractClassName('rightIcon', mergedClassnames) })) : null] }) }) }));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=IconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,8BAA8B,EAAE,MAAM,+CAA+C,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAYxC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EASN;;QARnB,IAAI,UAAA,EACJ,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,oBAAwB,EAAxB,YAAY,mBAAG,SAAS,KAAA,EACxB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA;IAErB,IAAM,kBAAkB,GAAG;QACzB,IAAI,EAAE,0CAA0C;QAChD,MAAM,EACJ,8FAA8F;QAChG,QAAQ,EAAE,sCAAsC;QAChD,KAAK,EAAE,oDAAoD;QAC3D,SAAS,EAAE,sCAAsC;KAClD,CAAC;IACF,IAAM,gBAAgB,GAAG,8BAA8B,CACrD,kBAAkB,EAClB,UAAU,CACX,CAAC;IAEF,qFAAqF;IACrF,IAAM,MAAM,GAAG,MAAA,QAAQ,CAAC,QAAQ,CAAC,mCAAI,QAAQ,CAAC;IAE9C,OAAO,CACL,cAAK,SAAS,EAAE,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,CAAC,YACxD,KAAC,OAAO,IACN,KAAK,EAAE,OAAO,EACd,QAAQ,EAAC,QAAQ,EACjB,SAAS,QACT,SAAS,QACT,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,OAAO,KAAK,SAAS,EAC/B,UAAU,EAAE,YAAY,YAExB,eACE,SAAS,EAAE,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EACvD,IAAI,EAAC,QAAQ,gBACD,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,EAC7B,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,YAAY,IAAI,YAAY,EAAE,EAA9B,CAA8B,aAEjD,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,gBAAgB,CAAC,UAAU,EAAE,gBAAgB,CAAC,GACzD,CACH,CAAC,CAAC,CAAC,IAAI,EACR,YAAG,SAAS,EAAE,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAG,IAAI,GAAK,EACpE,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnC,KAAC,IAAI,IACH,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,gBAAgB,CAAC,WAAW,EAAE,gBAAgB,CAAC,GAC1D,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,GACE,GACN,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ name, leftIcon, rightIcon, iconSize, tooltip, classNames, clickHandler, ariaLabel, }: import("./IconButton").TopIconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
deepControls: {
|
|
7
|
+
enabled: boolean;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
argTypes: {
|
|
11
|
+
tooltip: {
|
|
12
|
+
control: "text";
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
iconSize: {
|
|
16
|
+
control: "text";
|
|
17
|
+
type: "string";
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
rightIcon: {
|
|
21
|
+
control: "text";
|
|
22
|
+
type: "string";
|
|
23
|
+
description: string;
|
|
24
|
+
};
|
|
25
|
+
leftIcon: {
|
|
26
|
+
control: "text";
|
|
27
|
+
type: "string";
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
export default meta;
|
|
33
|
+
type Story = StoryObj<typeof meta>;
|
|
34
|
+
export declare const Default: Story;
|
|
35
|
+
//# sourceMappingURL=IconButton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/IconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { IconButton } from './IconButton';
|
|
2
|
+
var meta = {
|
|
3
|
+
title: 'Features/Navigation/TopBar/IconButton',
|
|
4
|
+
component: IconButton,
|
|
5
|
+
parameters: {
|
|
6
|
+
deepControls: { enabled: true },
|
|
7
|
+
},
|
|
8
|
+
argTypes: {
|
|
9
|
+
// 👇 All Button stories expect a label arg
|
|
10
|
+
tooltip: {
|
|
11
|
+
control: 'text',
|
|
12
|
+
description: 'Tooltip to show when hovering over the button',
|
|
13
|
+
},
|
|
14
|
+
iconSize: {
|
|
15
|
+
control: 'text',
|
|
16
|
+
type: 'string',
|
|
17
|
+
description: 'size of the icons: sm, md, lg, xl',
|
|
18
|
+
},
|
|
19
|
+
rightIcon: {
|
|
20
|
+
control: 'text',
|
|
21
|
+
type: 'string',
|
|
22
|
+
description: 'registered icon name: e.g gen3:download',
|
|
23
|
+
},
|
|
24
|
+
leftIcon: {
|
|
25
|
+
control: 'text',
|
|
26
|
+
type: 'string',
|
|
27
|
+
description: 'registered icon name: e.g gen3:send',
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export default meta;
|
|
32
|
+
export var Default = {
|
|
33
|
+
args: {
|
|
34
|
+
name: 'Top Navigation Item',
|
|
35
|
+
tooltip: 'Navigation link in the TopBar component',
|
|
36
|
+
leftIcon: 'gen3:download',
|
|
37
|
+
rightIcon: 'gen3:send',
|
|
38
|
+
},
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=IconButton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.stories.js","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/IconButton.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAChC;IACD,QAAQ,EAAE;QACR,2CAA2C;QAC3C,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,+CAA+C;SAC7D;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,mCAAmC;SACjD;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,yCAAyC;SACvD;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,qCAAqC;SACnD;KACF;CACgC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,qBAAqB;QAC3B,OAAO,EAAE,yCAAyC;QAClD,QAAQ,EAAE,eAAe;QACzB,SAAS,EAAE,WAAW;KACvB;CACF,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { NameAndIcon } from '../types';
|
|
2
|
+
import { LoginButtonVisibility } from '../../../components/Login/types';
|
|
3
|
+
export interface TopBarLoginButtonProps extends NameAndIcon {
|
|
4
|
+
readonly href: string;
|
|
5
|
+
readonly tooltip?: string;
|
|
6
|
+
visibility: LoginButtonVisibility;
|
|
7
|
+
externalLoginUrl?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const LoginButton: ({ name, leftIcon, rightIcon, tooltip, visibility, externalLoginUrl, iconSize, classNames, }: Partial<TopBarLoginButtonProps>) => import("react/jsx-runtime").JSX.Element | null;
|
|
10
|
+
//# sourceMappingURL=LoginButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoginButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/LoginButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAWvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAkBxE,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,qBAAqB,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,GAAI,6FASzB,OAAO,CAAC,sBAAsB,CAAC,mDAkCjC,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
12
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
+
function step(op) {
|
|
15
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
17
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
+
switch (op[0]) {
|
|
20
|
+
case 0: case 1: t = op; break;
|
|
21
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
+
default:
|
|
25
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
+
if (t[2]) _.ops.pop();
|
|
30
|
+
_.trys.pop(); continue;
|
|
31
|
+
}
|
|
32
|
+
op = body.call(thisArg, _);
|
|
33
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
38
|
+
import { useContext } from 'react';
|
|
39
|
+
import { usePathname } from 'next/navigation';
|
|
40
|
+
import { SessionContext } from '../../../lib/session/session';
|
|
41
|
+
import { isAuthenticated, selectUserAuthStatus, useCoreSelector, } from '@gen3/core';
|
|
42
|
+
import { LoginButtonVisibility } from '../../../components/Login/types';
|
|
43
|
+
import { useRouter } from 'next/router';
|
|
44
|
+
import { IconButton } from './IconButton';
|
|
45
|
+
var handleSelected = function (isAuthenticated, router, referrer, endSession, externalLoginUrl) { return __awaiter(void 0, void 0, void 0, function () {
|
|
46
|
+
return __generator(this, function (_a) {
|
|
47
|
+
switch (_a.label) {
|
|
48
|
+
case 0:
|
|
49
|
+
if (!!isAuthenticated) return [3 /*break*/, 2];
|
|
50
|
+
return [4 /*yield*/, router.push(externalLoginUrl || "Login?redirect=".concat(referrer))];
|
|
51
|
+
case 1:
|
|
52
|
+
_a.sent();
|
|
53
|
+
return [3 /*break*/, 3];
|
|
54
|
+
case 2:
|
|
55
|
+
if (endSession)
|
|
56
|
+
endSession();
|
|
57
|
+
_a.label = 3;
|
|
58
|
+
case 3: return [2 /*return*/];
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
}); };
|
|
62
|
+
export var LoginButton = function (_a) {
|
|
63
|
+
var _b;
|
|
64
|
+
var _c = _a.name, name = _c === void 0 ? 'login' : _c, _d = _a.leftIcon, leftIcon = _d === void 0 ? undefined : _d, _e = _a.rightIcon, rightIcon = _e === void 0 ? undefined : _e, _f = _a.tooltip, tooltip = _f === void 0 ? 'Login to your account' : _f, visibility = _a.visibility, externalLoginUrl = _a.externalLoginUrl, _g = _a.iconSize, iconSize = _g === void 0 ? 'md' : _g, _h = _a.classNames, classNames = _h === void 0 ? {} : _h;
|
|
65
|
+
var router = useRouter();
|
|
66
|
+
var pathname = usePathname();
|
|
67
|
+
var endSession = ((_b = useContext(SessionContext)) !== null && _b !== void 0 ? _b : {
|
|
68
|
+
endSession: undefined,
|
|
69
|
+
}).endSession;
|
|
70
|
+
var userStatus = useCoreSelector(function (state) {
|
|
71
|
+
return selectUserAuthStatus(state);
|
|
72
|
+
});
|
|
73
|
+
var authenticated = isAuthenticated(userStatus);
|
|
74
|
+
if (visibility === LoginButtonVisibility.LogoutOnly && !authenticated)
|
|
75
|
+
return null;
|
|
76
|
+
return (_jsx(IconButton, { name: authenticated ? 'Logout' : 'Login', leftIcon: leftIcon, rightIcon: authenticated ? 'gen3:logout' : 'gen3:login', iconSize: iconSize, classNames: classNames, clickHandler: function () {
|
|
77
|
+
return handleSelected(authenticated, router, pathname, endSession, externalLoginUrl);
|
|
78
|
+
} }));
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=LoginButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoginButton.js","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/LoginButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAEL,eAAe,EACf,oBAAoB,EACpB,eAAe,GAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAc,SAAS,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,IAAM,cAAc,GAAG,UACrB,eAAwB,EACxB,MAAkB,EAClB,QAAgB,EAChB,UAAuB,EACvB,gBAAyB;;;;qBAErB,CAAC,eAAe,EAAhB,wBAAgB;gBAClB,qBAAM,MAAM,CAAC,IAAI,CAAC,gBAAgB,IAAI,yBAAkB,QAAQ,CAAE,CAAC,EAAA;;gBAAnE,SAAmE,CAAC;;;gBAEpE,IAAI,UAAU;oBAAE,UAAU,EAAE,CAAC;;;;;KAEhC,CAAC;AASF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EASM;;QARhC,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,iBAAqB,EAArB,SAAS,mBAAG,SAAS,KAAA,EACrB,eAAiC,EAAjC,OAAO,mBAAG,uBAAuB,KAAA,EACjC,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA;IAEf,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAEvB,IAAA,UAAU,GAAK,CAAA,MAAA,UAAU,CAAC,cAAc,CAAC,mCAAI;QACnD,UAAU,EAAE,SAAS;KACtB,CAAA,WAFiB,CAEhB;IAEF,IAAM,UAAU,GAAG,eAAe,CAAC,UAAC,KAAgB;QAClD,OAAA,oBAAoB,CAAC,KAAK,CAAC;IAA3B,CAA2B,CAC5B,CAAC;IACF,IAAM,aAAa,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAElD,IAAI,UAAU,KAAK,qBAAqB,CAAC,UAAU,IAAI,CAAC,aAAa;QACnE,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EACxC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,EACvD,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE;YACZ,OAAA,cAAc,CACZ,aAAa,EACb,MAAM,EACN,QAAQ,EACR,UAAU,EACV,gBAAgB,CACjB;QAND,CAMC,GAEH,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { LoginButtonVisibility } from '../../../components/Login/types';
|
|
2
|
+
import { StylingOverrideWithMergeControl } from '../../../types';
|
|
3
|
+
import { TopIconButtonPropsWithLink } from './IconButton';
|
|
4
|
+
export interface TopBarProps {
|
|
5
|
+
readonly items: TopIconButtonPropsWithLink[];
|
|
6
|
+
readonly loginButtonVisibility?: LoginButtonVisibility;
|
|
7
|
+
readonly externalLoginUrl?: string;
|
|
8
|
+
readonly classNames?: StylingOverrideWithMergeControl;
|
|
9
|
+
readonly itemClassnames?: StylingOverrideWithMergeControl;
|
|
10
|
+
}
|
|
11
|
+
declare const TopBar: ({ items, loginButtonVisibility, externalLoginUrl, classNames, itemClassnames, }: TopBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default TopBar;
|
|
13
|
+
//# sourceMappingURL=TopBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/TopBar.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAGL,0BAA0B,EAC3B,MAAM,cAAc,CAAC;AA0CtB,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,0BAA0B,EAAE,CAAC;IAC7C,QAAQ,CAAC,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IACvD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,UAAU,CAAC,EAAE,+BAA+B,CAAC;IACtD,QAAQ,CAAC,cAAc,CAAC,EAAE,+BAA+B,CAAC;CAC3D;AAED,QAAA,MAAM,MAAM,GAAI,iFAMb,WAAW,4CA8Db,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Divider } from '@mantine/core';
|
|
3
|
+
import { mergeDefaultTailwindClassnames } from '../../../utils/mergeDefaultTailwindClassnames';
|
|
4
|
+
import { extractClassName } from '../utils';
|
|
5
|
+
import { LoginButtonVisibility } from '../../../components/Login/types';
|
|
6
|
+
import { IconButton, } from './IconButton';
|
|
7
|
+
import { AccountButton } from './AccountButton';
|
|
8
|
+
import { LoginButton } from './LoginButton';
|
|
9
|
+
var processTopBarItems = function (items, classNames, dividerClassname) {
|
|
10
|
+
return items.reduce(function (acc, item, index) {
|
|
11
|
+
var mergedClassnames = (item === null || item === void 0 ? void 0 : item.classNames)
|
|
12
|
+
? mergeDefaultTailwindClassnames(classNames, item.classNames)
|
|
13
|
+
: classNames;
|
|
14
|
+
acc.push(_jsxs(_Fragment, { children: [_jsx("a", { className: "flex", href: item.href, children: _jsx(IconButton, { name: item.name, iconSize: item.iconSize, leftIcon: item.leftIcon, rightIcon: item.rightIcon, classNames: mergedClassnames }) }, "".concat(item.href, "_").concat(item.name)), _jsx(Divider, { size: "md", orientation: "vertical", classNames: { root: dividerClassname } })] }));
|
|
15
|
+
return acc;
|
|
16
|
+
}, []);
|
|
17
|
+
};
|
|
18
|
+
var TopBar = function (_a) {
|
|
19
|
+
var items = _a.items, _b = _a.loginButtonVisibility, loginButtonVisibility = _b === void 0 ? LoginButtonVisibility.Hidden : _b, externalLoginUrl = _a.externalLoginUrl, _c = _a.classNames, classNames = _c === void 0 ? {} : _c, _d = _a.itemClassnames, itemClassnames = _d === void 0 ? {} : _d;
|
|
20
|
+
var classNamesDefaults = {
|
|
21
|
+
root: 'flex justify-end items-center align-middle w-100 bg-secondary-lighter',
|
|
22
|
+
login: 'font-content hover:border-accent',
|
|
23
|
+
divider: 'border-accent my-2',
|
|
24
|
+
};
|
|
25
|
+
var itemClassnameDefaults = {
|
|
26
|
+
root: "flex items-center align-middle px-2 my-2",
|
|
27
|
+
button: 'flex flex-nowrap items-center align-middle border-b-2 hover:border-accent border-transparent',
|
|
28
|
+
leftIcon: 'text-secondary-contrast-lighter pr-1',
|
|
29
|
+
label: 'font-content text-secondary-contrast-lighter block',
|
|
30
|
+
rightIcon: 'text-secondary-contrast-lighter pl-1',
|
|
31
|
+
};
|
|
32
|
+
var mergedClassnames = mergeDefaultTailwindClassnames(classNamesDefaults, classNames);
|
|
33
|
+
var mergedItemClassnames = mergeDefaultTailwindClassnames(itemClassnameDefaults, itemClassnames);
|
|
34
|
+
return (_jsx("div", { children: _jsx("header", { className: extractClassName('root', mergedClassnames), children: _jsxs("div", { role: "navigation", "aria-label": "top most navigation", className: "flex items-center align-middle", children: [processTopBarItems(items, mergedItemClassnames, extractClassName('divider', mergedClassnames)), loginButtonVisibility != LoginButtonVisibility.Hidden ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "flex items-center align-middle [&>*:only-child]:hidden", children: [_jsx(AccountButton, { classNames: mergedItemClassnames }), _jsx(Divider, { size: "md", classNames: {
|
|
35
|
+
root: extractClassName('divider', mergedClassnames),
|
|
36
|
+
}, orientation: "vertical" })] }), _jsx(LoginButton, { visibility: loginButtonVisibility, externalLoginUrl: externalLoginUrl, classNames: mergedItemClassnames })] })) : null] }) }) }));
|
|
37
|
+
};
|
|
38
|
+
export default TopBar;
|
|
39
|
+
//# sourceMappingURL=TopBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopBar.js","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/TopBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
component: ({ items, loginButtonVisibility, externalLoginUrl, classNames, itemClassnames, }: import("./TopBar").TopBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
title: string;
|
|
5
|
+
parameters: {
|
|
6
|
+
deepControls: {
|
|
7
|
+
enabled: boolean;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
//# sourceMappingURL=TopBar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopBar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/TopBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;;;;;;CAMqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import TopBar from './TopBar';
|
|
2
|
+
var meta = {
|
|
3
|
+
component: TopBar,
|
|
4
|
+
title: 'Features/Navigation/TopBar',
|
|
5
|
+
parameters: {
|
|
6
|
+
deepControls: { enabled: true },
|
|
7
|
+
},
|
|
8
|
+
};
|
|
9
|
+
export default meta;
|
|
10
|
+
export var Default = {
|
|
11
|
+
args: {
|
|
12
|
+
items: [
|
|
13
|
+
{
|
|
14
|
+
rightIcon: 'gen3:video',
|
|
15
|
+
href: '/',
|
|
16
|
+
name: 'Video Guides',
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
rightIcon: 'gen3:feedback',
|
|
20
|
+
href: '/',
|
|
21
|
+
name: 'Send Feedback',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
rightIcon: 'gen3:documentation',
|
|
25
|
+
href: '/',
|
|
26
|
+
name: 'Documentation',
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
rightIcon: 'gen3:library',
|
|
30
|
+
href: '/',
|
|
31
|
+
name: 'My Data Library',
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
loginButtonVisibility: 'visible',
|
|
35
|
+
classNames: {
|
|
36
|
+
divider: 'border-base-min border-1',
|
|
37
|
+
login: 'hover:border-base-max',
|
|
38
|
+
},
|
|
39
|
+
itemClassnames: {
|
|
40
|
+
button: 'hover:border-base-max',
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=TopBar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopBar.stories.js","sourceRoot":"","sources":["../../../../../src/features/Navigation/TopBar/TopBar.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,IAAM,IAAI,GAAG;IACX,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,4BAA4B;IACnC,UAAU,EAAE;QACV,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAChC;CAC4B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL;gBACE,SAAS,EAAE,YAAY;gBACvB,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,cAAc;aACrB;YACD;gBACE,SAAS,EAAE,eAAe;gBAC1B,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,eAAe;aACtB;YACD;gBACE,SAAS,EAAE,oBAAoB;gBAC/B,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,eAAe;aACtB;YACD;gBACE,SAAS,EAAE,cAAc;gBACzB,IAAI,EAAE,GAAG;gBACT,IAAI,EAAE,iBAAiB;aACxB;SACF;QACD,qBAAqB,EAAE,SAAgB;QACvC,UAAU,EAAE;YACV,OAAO,EAAE,0BAA0B;YACnC,KAAK,EAAE,uBAAuB;SAC/B;QACD,cAAc,EAAE;YACd,MAAM,EAAE,uBAAuB;SAChC;KACF;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalTopBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/Vertical/VerticalTopBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"VerticalTopBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/Navigation/Vertical/VerticalTopBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAQ/C,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,YAAY,CAAC;IACpD,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;CAC/B;AAED,QAAA,MAAM,cAAc,GAAI,gCAIrB,mBAAmB,4CAyCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -5,7 +5,7 @@ import HoverLink from './HoverLink';
|
|
|
5
5
|
import NavigationBar from './NavigationBar';
|
|
6
6
|
import NavigationButton from './NavigationButton';
|
|
7
7
|
import NavPageLayout, { type NavPageLayoutProps } from './NavPageLayout';
|
|
8
|
-
import { type TopBarProps } from './TopBar';
|
|
8
|
+
import { type TopBarProps } from './TopBar/TopBar';
|
|
9
9
|
import { HeaderProps, type NavigationProps } from './types';
|
|
10
10
|
import { FooterProps } from './Footer/types';
|
|
11
11
|
import { BannerProps } from './Banner';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/Navigation/index.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,aAAa,EAAE,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/features/Navigation/index.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,aAAa,EAAE,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,CAAC"}
|