@newskit-render/my-account 0.183.0 → 0.184.0-alpha.0
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/Components/Sections/NavigationSecondary/NavigationSecondary.js +13 -32
- package/dist/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.js.map +1 -1
- package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js +12 -15
- package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,28 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
8
|
};
|
|
25
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
10
|
exports.navigationSecondaryHeight = void 0;
|
|
27
|
-
var react_1 =
|
|
11
|
+
var react_1 = __importDefault(require("react"));
|
|
28
12
|
var newskit_1 = require("newskit");
|
|
29
13
|
var context_1 = require("../../../context");
|
|
30
14
|
var helpers_1 = require("../../../helpers");
|
|
@@ -40,12 +24,13 @@ var NavigationSecondary = function (_a) {
|
|
|
40
24
|
var contextName = _a.contextName;
|
|
41
25
|
var _b = (0, context_1.useAccountContext)(contextName), sideNav = _b.sideNav, sideNavSelected = _b.sideNavSelected, sideNavOverrides = _b.sideNavOverrides, baseUrl = _b.baseUrl;
|
|
42
26
|
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
43
|
-
var
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
27
|
+
var renderMenu = function (isVertical) { return (react_1.default.createElement(newskit_1.Menu, { vertical: isVertical, "aria-label": "main", overrides: { spaceInline: 'space000' } }, sideNav.map(function (_a) {
|
|
28
|
+
var id = _a.id, href = _a.href, text = _a.text;
|
|
29
|
+
var isSelected = sideNavSelected === id;
|
|
30
|
+
return (react_1.default.createElement(newskit_1.MenuItem, { href: (0, helpers_1.replaceBaseURL)(baseUrl, href, constants_1.FALLBACK_URL_REPLACEMENT.home), key: id, selected: isSelected, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides, onClick: function () {
|
|
31
|
+
return fireEvent((0, shared_components_1.createClickEvent)('secondary-navigation', text));
|
|
32
|
+
} }, text));
|
|
33
|
+
}))); };
|
|
49
34
|
return (react_1.default.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
|
|
50
35
|
react_1.default.createElement(newskit_1.Block, { spaceStack: {
|
|
51
36
|
lg: 'space070',
|
|
@@ -58,13 +43,9 @@ var NavigationSecondary = function (_a) {
|
|
|
58
43
|
lg: 'sizing000',
|
|
59
44
|
},
|
|
60
45
|
},
|
|
61
|
-
} }, Array.isArray(sideNav) && (react_1.default.createElement(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
return (react_1.default.createElement(newskit_1.MenuItem, { href: (0, helpers_1.replaceBaseURL)(baseUrl, href, constants_1.FALLBACK_URL_REPLACEMENT.home), key: id, selected: isSelected, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides, onClick: function () {
|
|
65
|
-
return fireEvent((0, shared_components_1.createClickEvent)('secondary-navigation', text));
|
|
66
|
-
} }, text));
|
|
67
|
-
})))))));
|
|
46
|
+
} }, Array.isArray(sideNav) && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
47
|
+
react_1.default.createElement(newskit_1.Hidden, { xs: true, sm: true, md: true }, renderMenu(true)),
|
|
48
|
+
react_1.default.createElement(newskit_1.Hidden, { lg: true, xl: true }, renderMenu(false))))))));
|
|
68
49
|
};
|
|
69
50
|
exports.default = NavigationSecondary;
|
|
70
51
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAUgB;AAChB,4CAGyB;AACzB,4CAAiD;AACjD,gDAA6D;AAE7D,uEAAoE;AAEvD,QAAA,yBAAyB,GAAG,MAAM,CAAA;AAE/C,IAAM,YAAY,GAAG,gBAAM,CAAC,GAAG,kOAA0C,iCAE7D,EAAyB,OACjC,EAEwD,uBAExD,EAA4B,0FAM/B,KAXW,iCAAyB,EACjC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,EAExD,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAM/B,CAAA;AAMD,IAAM,mBAAmB,GAAuC,UAAC,EAEhE;QADC,WAAW,iBAAA;IAEL,IAAA,KAKF,IAAA,2BAAiB,EAAC,WAAW,CAAqC,EAJpE,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,OAAO,aAC6D,CAAA;IAE9D,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,IAAM,UAAU,GAAG,UAAC,UAAmB,IAAK,OAAA,CAC1C,8BAAC,cAAI,IACH,QAAQ,EAAE,UAAU,gBACT,MAAM,EACjB,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,IAErC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;QAC5B,IAAM,UAAU,GAAG,eAAe,KAAK,EAAE,CAAA;QACzC,OAAO,CACL,8BAAC,kBAAQ,IACP,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,EAAE,oCAAwB,CAAC,IAAI,CAAC,EAClE,GAAG,EAAE,EAAE,EACP,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,iBAAiB,EAC9C,OAAO,EAAE;gBACP,OAAA,SAAS,CAAC,IAAA,oCAAgB,EAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;YAAzD,CAAyD,IAG1D,IAAI,CACI,CACZ,CAAA;IACH,CAAC,CAAC,CACG,CACR,EAvB2C,CAuB3C,CAAA;IAED,OAAO,CACL,8BAAC,YAAY,mBACC,qBAAqB,EACjC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe;QAElD,8BAAC,eAAK,IACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;aACf,GACD;QACF,8BAAC,eAAK;YACJ,8BAAC,gBAAM,IACL,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE;4BACJ,EAAE,EAAE,WAAW;4BACf,EAAE,EAAE,WAAW;yBAChB;qBACF;iBACF,IAEA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CACzB;gBACE,8BAAC,gBAAM,IAAC,EAAE,QAAC,EAAE,QAAC,EAAE,UACb,UAAU,CAAC,IAAI,CAAC,CACV;gBACT,8BAAC,gBAAM,IAAC,EAAE,QAAC,EAAE,UACV,UAAU,CAAC,KAAK,CAAC,CACX,CACR,CACJ,CACM,CACH,CACK,CAChB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,mBAAmB,CAAA"}
|
|
@@ -2,8 +2,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
import React
|
|
6
|
-
import { styled, getColorCssFromTheme, getMediaQueryFromTheme, Menu, MenuItem, Block, Scroll,
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { styled, getColorCssFromTheme, getMediaQueryFromTheme, Menu, MenuItem, Block, Scroll, useInstrumentation, Hidden, } from 'newskit';
|
|
7
7
|
import { useAccountContext, } from '../../../context';
|
|
8
8
|
import { replaceBaseURL } from '../../../helpers';
|
|
9
9
|
import { FALLBACK_URL_REPLACEMENT } from '../../../constants';
|
|
@@ -18,12 +18,13 @@ var NavigationSecondary = function (_a) {
|
|
|
18
18
|
var contextName = _a.contextName;
|
|
19
19
|
var _b = useAccountContext(contextName), sideNav = _b.sideNav, sideNavSelected = _b.sideNavSelected, sideNavOverrides = _b.sideNavOverrides, baseUrl = _b.baseUrl;
|
|
20
20
|
var fireEvent = useInstrumentation().fireEvent;
|
|
21
|
-
var
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
var renderMenu = function (isVertical) { return (React.createElement(Menu, { vertical: isVertical, "aria-label": "main", overrides: { spaceInline: 'space000' } }, sideNav.map(function (_a) {
|
|
22
|
+
var id = _a.id, href = _a.href, text = _a.text;
|
|
23
|
+
var isSelected = sideNavSelected === id;
|
|
24
|
+
return (React.createElement(MenuItem, { href: replaceBaseURL(baseUrl, href, FALLBACK_URL_REPLACEMENT.home), key: id, selected: isSelected, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides, onClick: function () {
|
|
25
|
+
return fireEvent(createClickEvent('secondary-navigation', text));
|
|
26
|
+
} }, text));
|
|
27
|
+
}))); };
|
|
27
28
|
return (React.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
|
|
28
29
|
React.createElement(Block, { spaceStack: {
|
|
29
30
|
lg: 'space070',
|
|
@@ -36,13 +37,9 @@ var NavigationSecondary = function (_a) {
|
|
|
36
37
|
lg: 'sizing000',
|
|
37
38
|
},
|
|
38
39
|
},
|
|
39
|
-
} }, Array.isArray(sideNav) && (React.createElement(
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return (React.createElement(MenuItem, { href: replaceBaseURL(baseUrl, href, FALLBACK_URL_REPLACEMENT.home), key: id, selected: isSelected, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides, onClick: function () {
|
|
43
|
-
return fireEvent(createClickEvent('secondary-navigation', text));
|
|
44
|
-
} }, text));
|
|
45
|
-
})))))));
|
|
40
|
+
} }, Array.isArray(sideNav) && (React.createElement(React.Fragment, null,
|
|
41
|
+
React.createElement(Hidden, { xs: true, sm: true, md: true }, renderMenu(true)),
|
|
42
|
+
React.createElement(Hidden, { lg: true, xl: true }, renderMenu(false))))))));
|
|
46
43
|
};
|
|
47
44
|
export default NavigationSecondary;
|
|
48
45
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":"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"}
|