@czi-sds/components 22.10.0 → 22.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +37 -12
- package/dist/index.esm.js +37 -12
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -14528,7 +14528,7 @@ var NarrowButtonStyles = function (props) {
|
|
|
14528
14528
|
};
|
|
14529
14529
|
var StyledButtonSection = styled__default.default("section", {
|
|
14530
14530
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14531
|
-
})(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"])), fontBody("l", "semibold", /* isNarrow */ true), fontBody("m", "semibold", /* isNarrow */ true), function (props) {
|
|
14531
|
+
})(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n z-index: 10;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n z-index: 10;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"])), fontBody("l", "semibold", /* isNarrow */ true), fontBody("m", "semibold", /* isNarrow */ true), function (props) {
|
|
14532
14532
|
var isNarrow = props.isNarrow;
|
|
14533
14533
|
var spaces = getSpaces(props);
|
|
14534
14534
|
return material.css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n gap: ", "px;\n margin-left: ", "px;\n\n ", "\n "], ["\n gap: ", "px;\n margin-left: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxl, isNarrow && NarrowButtonStyles(props));
|
|
@@ -14674,24 +14674,49 @@ var StyledSection = styled__default.default("section", {
|
|
|
14674
14674
|
var StyledSectionHeader = styled__default.default(ListSubheader, {
|
|
14675
14675
|
shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
|
|
14676
14676
|
})(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14677
|
-
var
|
|
14678
|
-
var isNarrow = props.isNarrow;
|
|
14677
|
+
var isNarrow = props.isNarrow, hasInvertedStyle = props.hasInvertedStyle;
|
|
14679
14678
|
var semanticColors = getSemanticColors(props);
|
|
14680
14679
|
var spaces = getSpaces(props);
|
|
14681
|
-
|
|
14680
|
+
function getBackgroundColor() {
|
|
14681
|
+
var _a;
|
|
14682
|
+
if (isNarrow) {
|
|
14683
|
+
return hasInvertedStyle
|
|
14684
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundPrimaryInverse
|
|
14685
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundPrimary;
|
|
14686
|
+
}
|
|
14687
|
+
return (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surface;
|
|
14688
|
+
}
|
|
14689
|
+
function getTextColor() {
|
|
14690
|
+
var _a;
|
|
14691
|
+
if (isNarrow) {
|
|
14692
|
+
return hasInvertedStyle
|
|
14693
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14694
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary;
|
|
14695
|
+
}
|
|
14696
|
+
return (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary;
|
|
14697
|
+
}
|
|
14698
|
+
return react.css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n &.MuiListSubheader-root {\n ", "\n top: 0;\n color: ", ";\n background-color: ", ";\n padding: ", "px ", "px;\n margin-bottom: 0;\n }\n "], ["\n &.MuiListSubheader-root {\n ", "\n top: 0;\n color: ", ";\n background-color: ", ";\n padding: ", "px ", "px;\n margin-bottom: 0;\n }\n "])), fontCapsXxxxs(props), getTextColor(), getBackgroundColor(), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, isNarrow ? spaces === null || spaces === void 0 ? void 0 : spaces.xl : spaces === null || spaces === void 0 ? void 0 : spaces.s);
|
|
14682
14699
|
});
|
|
14683
14700
|
var StyledDivider = styled__default.default(material.Divider, {
|
|
14684
14701
|
shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
|
|
14685
14702
|
})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14686
|
-
var
|
|
14687
|
-
var hasSection = props.hasSection, isNarrow = props.isNarrow;
|
|
14703
|
+
var hasSection = props.hasSection, isNarrow = props.isNarrow, hasInvertedStyle = props.hasInvertedStyle;
|
|
14688
14704
|
var spaces = getSpaces(props);
|
|
14689
|
-
var
|
|
14705
|
+
var semanticColors = getSemanticColors(props);
|
|
14690
14706
|
// Calculate margin based on section and narrow state
|
|
14691
14707
|
var getMarginBottom = function () {
|
|
14692
14708
|
return hasSection ? spaces === null || spaces === void 0 ? void 0 : spaces.s : isNarrow ? 0 : spaces === null || spaces === void 0 ? void 0 : spaces.xxs;
|
|
14693
14709
|
};
|
|
14694
|
-
|
|
14710
|
+
var getBorderColor = function () {
|
|
14711
|
+
var _a, _b, _c;
|
|
14712
|
+
if (isNarrow) {
|
|
14713
|
+
return hasInvertedStyle
|
|
14714
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.dividerInverse
|
|
14715
|
+
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.divider;
|
|
14716
|
+
}
|
|
14717
|
+
return (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.divider;
|
|
14718
|
+
};
|
|
14719
|
+
return react.css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n &.MuiDivider-root {\n position: relative;\n margin: 0 0 ", "px;\n border-bottom: solid 1px ", ";\n padding-bottom: ", "px;\n }\n "], ["\n &.MuiDivider-root {\n position: relative;\n margin: 0 0 ", "px;\n border-bottom: solid 1px ", ";\n padding-bottom: ", "px;\n }\n "])), getMarginBottom(), getBorderColor(), isNarrow ? 0 : spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
14695
14720
|
});
|
|
14696
14721
|
var templateObject_1$i, templateObject_2$a, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$2, templateObject_7$1;
|
|
14697
14722
|
|
|
@@ -14751,7 +14776,7 @@ function NavigationHeaderPrimaryNav(_a) {
|
|
|
14751
14776
|
return sections.map(function (section, sectionIndex) {
|
|
14752
14777
|
var sectionItems = groupedItems[section];
|
|
14753
14778
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14754
|
-
return (jsxRuntime.jsxs("div", { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14779
|
+
return (jsxRuntime.jsxs("div", { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14755
14780
|
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14756
14781
|
return (jsxRuntime.jsx(MenuItem, __assign({ onClick: function (e) {
|
|
14757
14782
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
@@ -14771,7 +14796,7 @@ function NavigationHeaderPrimaryNav(_a) {
|
|
|
14771
14796
|
return sections.map(function (section, sectionIndex) {
|
|
14772
14797
|
var sectionItems = groupedItems[section];
|
|
14773
14798
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14774
|
-
return (jsxRuntime.jsxs(React.Fragment, { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14799
|
+
return (jsxRuntime.jsxs(React.Fragment, { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14775
14800
|
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14776
14801
|
return (jsxRuntime.jsx(StyledSubItem$1, __assign({ onClick: function (e) {
|
|
14777
14802
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
@@ -14906,7 +14931,7 @@ function NavigationHeaderSecondaryNav(_a) {
|
|
|
14906
14931
|
return sections.map(function (section, sectionIndex) {
|
|
14907
14932
|
var sectionItems = groupedItems[section];
|
|
14908
14933
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14909
|
-
return (jsxRuntime.jsxs("div", { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14934
|
+
return (jsxRuntime.jsxs("div", { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14910
14935
|
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14911
14936
|
return (jsxRuntime.jsx(MenuItem, __assign({ onClick: function (e) {
|
|
14912
14937
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
@@ -14925,7 +14950,7 @@ function NavigationHeaderSecondaryNav(_a) {
|
|
|
14925
14950
|
return sections.map(function (section, sectionIndex) {
|
|
14926
14951
|
var sectionItems = groupedItems[section];
|
|
14927
14952
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14928
|
-
return (jsxRuntime.jsxs(React.Fragment, { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14953
|
+
return (jsxRuntime.jsxs(React.Fragment, { children: [showDivider && (jsxRuntime.jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsxRuntime.jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14929
14954
|
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14930
14955
|
return (jsxRuntime.jsx(StyledSubItem, __assign({ onClick: function (e) {
|
|
14931
14956
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
package/dist/index.esm.js
CHANGED
|
@@ -14505,7 +14505,7 @@ var NarrowButtonStyles = function (props) {
|
|
|
14505
14505
|
};
|
|
14506
14506
|
var StyledButtonSection = styled$2("section", {
|
|
14507
14507
|
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
14508
|
-
})(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"])), fontBody("l", "semibold", /* isNarrow */ true), fontBody("m", "semibold", /* isNarrow */ true), function (props) {
|
|
14508
|
+
})(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n z-index: 10;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n z-index: 10;\n\n .MuiButtonBase-root {\n ", "\n }\n\n [data-style=\"minimal\"] {\n ", "\n }\n\n ", "\n"])), fontBody("l", "semibold", /* isNarrow */ true), fontBody("m", "semibold", /* isNarrow */ true), function (props) {
|
|
14509
14509
|
var isNarrow = props.isNarrow;
|
|
14510
14510
|
var spaces = getSpaces(props);
|
|
14511
14511
|
return css$2(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n gap: ", "px;\n margin-left: ", "px;\n\n ", "\n "], ["\n gap: ", "px;\n margin-left: ", "px;\n\n ", "\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxl, isNarrow && NarrowButtonStyles(props));
|
|
@@ -14651,24 +14651,49 @@ var StyledSection = styled$2("section", {
|
|
|
14651
14651
|
var StyledSectionHeader = styled$2(ListSubheader, {
|
|
14652
14652
|
shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
|
|
14653
14653
|
})(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14654
|
-
var
|
|
14655
|
-
var isNarrow = props.isNarrow;
|
|
14654
|
+
var isNarrow = props.isNarrow, hasInvertedStyle = props.hasInvertedStyle;
|
|
14656
14655
|
var semanticColors = getSemanticColors(props);
|
|
14657
14656
|
var spaces = getSpaces(props);
|
|
14658
|
-
|
|
14657
|
+
function getBackgroundColor() {
|
|
14658
|
+
var _a;
|
|
14659
|
+
if (isNarrow) {
|
|
14660
|
+
return hasInvertedStyle
|
|
14661
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundPrimaryInverse
|
|
14662
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.backgroundPrimary;
|
|
14663
|
+
}
|
|
14664
|
+
return (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.surface;
|
|
14665
|
+
}
|
|
14666
|
+
function getTextColor() {
|
|
14667
|
+
var _a;
|
|
14668
|
+
if (isNarrow) {
|
|
14669
|
+
return hasInvertedStyle
|
|
14670
|
+
? semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondaryInverse
|
|
14671
|
+
: semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base.textSecondary;
|
|
14672
|
+
}
|
|
14673
|
+
return (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.textSecondary;
|
|
14674
|
+
}
|
|
14675
|
+
return css(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n &.MuiListSubheader-root {\n ", "\n top: 0;\n color: ", ";\n background-color: ", ";\n padding: ", "px ", "px;\n margin-bottom: 0;\n }\n "], ["\n &.MuiListSubheader-root {\n ", "\n top: 0;\n color: ", ";\n background-color: ", ";\n padding: ", "px ", "px;\n margin-bottom: 0;\n }\n "])), fontCapsXxxxs(props), getTextColor(), getBackgroundColor(), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, isNarrow ? spaces === null || spaces === void 0 ? void 0 : spaces.xl : spaces === null || spaces === void 0 ? void 0 : spaces.s);
|
|
14659
14676
|
});
|
|
14660
14677
|
var StyledDivider = styled$2(Divider, {
|
|
14661
14678
|
shouldForwardProp: function (prop) { return !doNotForwardProps$7.includes(prop); },
|
|
14662
14679
|
})(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
14663
|
-
var
|
|
14664
|
-
var hasSection = props.hasSection, isNarrow = props.isNarrow;
|
|
14680
|
+
var hasSection = props.hasSection, isNarrow = props.isNarrow, hasInvertedStyle = props.hasInvertedStyle;
|
|
14665
14681
|
var spaces = getSpaces(props);
|
|
14666
|
-
var
|
|
14682
|
+
var semanticColors = getSemanticColors(props);
|
|
14667
14683
|
// Calculate margin based on section and narrow state
|
|
14668
14684
|
var getMarginBottom = function () {
|
|
14669
14685
|
return hasSection ? spaces === null || spaces === void 0 ? void 0 : spaces.s : isNarrow ? 0 : spaces === null || spaces === void 0 ? void 0 : spaces.xxs;
|
|
14670
14686
|
};
|
|
14671
|
-
|
|
14687
|
+
var getBorderColor = function () {
|
|
14688
|
+
var _a, _b, _c;
|
|
14689
|
+
if (isNarrow) {
|
|
14690
|
+
return hasInvertedStyle
|
|
14691
|
+
? (_a = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _a === void 0 ? void 0 : _a.dividerInverse
|
|
14692
|
+
: (_b = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _b === void 0 ? void 0 : _b.divider;
|
|
14693
|
+
}
|
|
14694
|
+
return (_c = semanticColors === null || semanticColors === void 0 ? void 0 : semanticColors.base) === null || _c === void 0 ? void 0 : _c.divider;
|
|
14695
|
+
};
|
|
14696
|
+
return css(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n &.MuiDivider-root {\n position: relative;\n margin: 0 0 ", "px;\n border-bottom: solid 1px ", ";\n padding-bottom: ", "px;\n }\n "], ["\n &.MuiDivider-root {\n position: relative;\n margin: 0 0 ", "px;\n border-bottom: solid 1px ", ";\n padding-bottom: ", "px;\n }\n "])), getMarginBottom(), getBorderColor(), isNarrow ? 0 : spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
14672
14697
|
});
|
|
14673
14698
|
var templateObject_1$i, templateObject_2$a, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$2, templateObject_7$1;
|
|
14674
14699
|
|
|
@@ -14728,7 +14753,7 @@ function NavigationHeaderPrimaryNav(_a) {
|
|
|
14728
14753
|
return sections.map(function (section, sectionIndex) {
|
|
14729
14754
|
var sectionItems = groupedItems[section];
|
|
14730
14755
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14731
|
-
return (jsxs("div", { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14756
|
+
return (jsxs("div", { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14732
14757
|
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14733
14758
|
return (jsx(MenuItem, __assign({ onClick: function (e) {
|
|
14734
14759
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
@@ -14748,7 +14773,7 @@ function NavigationHeaderPrimaryNav(_a) {
|
|
|
14748
14773
|
return sections.map(function (section, sectionIndex) {
|
|
14749
14774
|
var sectionItems = groupedItems[section];
|
|
14750
14775
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14751
|
-
return (jsxs(Fragment$1, { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14776
|
+
return (jsxs(Fragment$1, { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14752
14777
|
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14753
14778
|
return (jsx(StyledSubItem$1, __assign({ onClick: function (e) {
|
|
14754
14779
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
@@ -14883,7 +14908,7 @@ function NavigationHeaderSecondaryNav(_a) {
|
|
|
14883
14908
|
return sections.map(function (section, sectionIndex) {
|
|
14884
14909
|
var sectionItems = groupedItems[section];
|
|
14885
14910
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14886
|
-
return (jsxs("div", { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14911
|
+
return (jsxs("div", { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14887
14912
|
var subLabel = subItem.label, onClick = subItem.onClick, subItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14888
14913
|
return (jsx(MenuItem, __assign({ onClick: function (e) {
|
|
14889
14914
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
@@ -14902,7 +14927,7 @@ function NavigationHeaderSecondaryNav(_a) {
|
|
|
14902
14927
|
return sections.map(function (section, sectionIndex) {
|
|
14903
14928
|
var sectionItems = groupedItems[section];
|
|
14904
14929
|
var showDivider = hasMultipleSections && sectionIndex > 0;
|
|
14905
|
-
return (jsxs(Fragment$1, { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, children: section })), sectionItems.map(function (subItem) {
|
|
14930
|
+
return (jsxs(Fragment$1, { children: [showDivider && (jsx(StyledDivider, { hasSection: !!section, isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle })), section && hasMultipleSections && (jsx(StyledSectionHeader, { isNarrow: isNarrow, hasInvertedStyle: hasInvertedStyle, children: section })), sectionItems.map(function (subItem) {
|
|
14906
14931
|
var dropdownItemLabel = subItem.label, onClick = subItem.onClick, accordionSubItemRest = __rest(subItem, ["label", "onClick"]);
|
|
14907
14932
|
return (jsx(StyledSubItem, __assign({ onClick: function (e) {
|
|
14908
14933
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|