@czi-sds/components 22.5.1 → 22.5.2

package/dist/index.cjs.d.ts

@@ -1788,6 +1788,7 @@ interface TooltipTableExtraProps extends CommonThemeProps {
     }>;
     contentAlert?: string | JSX.Element;
     itemAlign?: "left" | "right";
+    showSectionHeader?: boolean;
 }
 type TooltipTableContentProps = TooltipTableExtraProps;
 /**

package/dist/index.cjs.js

@@ -15904,8 +15904,8 @@ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, temp
  * @see https://mui.com/material-ui/react-table/
  */
 var TooltipTableContent = function (props) {
-    var contentAlert = props.contentAlert, data = props.data, _a = props.itemAlign, itemAlign = _a === void 0 ? "right" : _a, rest = __rest(props, ["contentAlert", "data", "itemAlign"]);
-    return (jsxRuntime.jsxs(material.TableContainer, __assign({}, rest, { children: [contentAlert && jsxRuntime.jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxRuntime.jsxs(Section, { disabled: section.disabled, children: [jsxRuntime.jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label }), jsxRuntime.jsx(material.Table, { size: "small", children: jsxRuntime.jsx(material.TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxRuntime.jsxs(material.TableRow, { children: [jsxRuntime.jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsxRuntime.jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
+    var contentAlert = props.contentAlert, data = props.data, _a = props.itemAlign, itemAlign = _a === void 0 ? "right" : _a, _b = props.showSectionHeader, showSectionHeader = _b === void 0 ? true : _b, rest = __rest(props, ["contentAlert", "data", "itemAlign", "showSectionHeader"]);
+    return (jsxRuntime.jsxs(material.TableContainer, __assign({}, rest, { children: [contentAlert && jsxRuntime.jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxRuntime.jsxs(Section, { disabled: section.disabled, children: [showSectionHeader && (jsxRuntime.jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label })), jsxRuntime.jsx(material.Table, { size: "small", children: jsxRuntime.jsx(material.TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxRuntime.jsxs(material.TableRow, { children: [jsxRuntime.jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsxRuntime.jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
 };
 
 Object.defineProperty(exports, "ContentCardMedia", {

package/dist/index.esm.d.ts

@@ -1788,6 +1788,7 @@ interface TooltipTableExtraProps extends CommonThemeProps {
     }>;
     contentAlert?: string | JSX.Element;
     itemAlign?: "left" | "right";
+    showSectionHeader?: boolean;
 }
 type TooltipTableContentProps = TooltipTableExtraProps;
 /**

package/dist/index.esm.js

@@ -15881,8 +15881,8 @@ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, temp
  * @see https://mui.com/material-ui/react-table/
  */
 var TooltipTableContent = function (props) {
-    var contentAlert = props.contentAlert, data = props.data, _a = props.itemAlign, itemAlign = _a === void 0 ? "right" : _a, rest = __rest(props, ["contentAlert", "data", "itemAlign"]);
-    return (jsxs(TableContainer, __assign({}, rest, { children: [contentAlert && jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxs(Section, { disabled: section.disabled, children: [jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label }), jsx(Table$1, { size: "small", children: jsx(TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxs(TableRow$1, { children: [jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
+    var contentAlert = props.contentAlert, data = props.data, _a = props.itemAlign, itemAlign = _a === void 0 ? "right" : _a, _b = props.showSectionHeader, showSectionHeader = _b === void 0 ? true : _b, rest = __rest(props, ["contentAlert", "data", "itemAlign", "showSectionHeader"]);
+    return (jsxs(TableContainer, __assign({}, rest, { children: [contentAlert && jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxs(Section, { disabled: section.disabled, children: [showSectionHeader && (jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label })), jsx(Table$1, { size: "small", children: jsx(TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxs(TableRow$1, { children: [jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
 };
 
 export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, ButtonToggle, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, ContentCard, ContentCardActions, StyledContentCardBody as ContentCardBody, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, StyledSubtitleText as ContentCardSubtitle, StyledTitleText as ContentCardTitle, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Overline as DialogTitleOverline, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationFooter, NavigationHeader, NavigationJumpTo, Notification, Pagination, Panel, SDSChooseTheme, SDSDarkAppTheme, SDSLightAppTheme, SDSPaletteDark, SDSPaletteLight, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Theme, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, createAppThemeBorders, defaultAppTheme, defaultTheme$4 as defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$1 as fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodyXs$2 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontTabular, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularXs, getBorders, getBreakpoints, getColors, getCorners, getFontWeights, getIconSizes, getMode, getPalette, getSemanticColors, getShadows, getSpaces, getSpacings, getTypography, makeSdsSemanticAppTheme, makeThemeOptions };