@aglyn/shared-ui-jsx 1.0.0-beta.250 → 1.0.0-beta.252

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aglyn/shared-ui-jsx",
-  "version": "1.0.0-beta.250",
+  "version": "1.0.0-beta.252",
   "license": "Apache-2.0",
   "homepage": "https://aglyn.com",
   "repository": {
@@ -25,10 +25,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@aglyn/shared-data-mdi": "1.0.0-beta.250",
-    "@aglyn/shared-ui-theme": "1.0.0-beta.250",
-    "@aglyn/shared-util-tools": "1.0.0-beta.250",
-    "@aglyn/shared-util-vendor": "1.0.0-beta.250",
+    "@aglyn/shared-data-mdi": "1.0.0-beta.252",
+    "@aglyn/shared-ui-theme": "1.0.0-beta.252",
+    "@aglyn/shared-util-tools": "1.0.0-beta.252",
+    "@aglyn/shared-util-vendor": "1.0.0-beta.252",
     "@mdi/js": "^7.4.47",
     "@swc/helpers": "0.5.23",
     "change-case": "^5.4.4",

package/src/lib/components/card-display.d.ts

@@ -21,6 +21,11 @@ export interface CardDisplayProps extends CardProps {
     contentGutterY?: boolean;
     contentBordered?: 'all' | 'top' | 'bottom' | undefined;
     headerCentered?: boolean;
+    /**
+     * Fill the grid cell: as tall as the tallest card in its row, with the
+     * actions along the bottom. For a row of tiles (`GridItems masonry={false}`).
+     */
+    fullHeight?: boolean;
     header?: JSX.Children;
     subheader?: JSX.Children;
     actions?: JSX.Children;

package/src/lib/components/card-display.js

@@ -27,8 +27,10 @@ const classKeys = generateComponentClassKeys('CardDisplay', [
     'contentGutterY',
     'headerCentered',
     'headerBordered',
-    'actionsBordered'
+    'actionsBordered',
+    'fullHeight'
 ]);
+/** The header's action slot, which the compact-action rule reads. */ const HEADER_ACTION = 'MuiCardHeader-action';
 const Card = styled(MuiCard)(({ theme })=>{
     const tv = theme.vars || theme;
     return {
@@ -49,14 +51,41 @@ const Card = styled(MuiCard)(({ theme })=>{
      */ '.MuiCardHeader-root': {
             fontWeight: theme.typography.fontWeightBold,
             flexWrap: 'wrap',
-            rowGap: theme.spacing(1)
+            rowGap: theme.spacing(1),
+            /*
+       * A lone icon button or status chip (a pin, a menu, "Live") is narrow
+       * enough to share the title's row on any card, so it stays top right
+       * and the title gives way beside it instead of the action dropping
+       * under the title.
+       */ [`&:has(> .${HEADER_ACTION} > :is(.MuiIconButton-root, .MuiChip-root):only-child)`]: {
+                flexWrap: 'nowrap',
+                '.MuiCardHeader-content': {
+                    flexBasis: 0
+                }
+            }
         },
         '.MuiCardHeader-content': {
-            flex: `1 1 ${theme.spacing(24)}`
+            flex: `1 1 ${theme.spacing(24)}`,
+            // A long title shortens inside the header (its ellipsis or its wrap)
+            // rather than shoving the avatar onto a row of its own or running past
+            // the card's edge.
+            minWidth: 0
         },
-        '.MuiCardHeader-action': {
+        [`.${HEADER_ACTION}`]: {
             maxWidth: '100%'
         },
+        /*
+     * Every card in a row as tall as the row (a grid of tiles): the content
+     * takes the spare height, so each card's actions line up along the
+     * bottom.
+     */ [`&.${classKeys.fullHeight}`]: {
+            height: '100%',
+            display: 'flex',
+            flexDirection: 'column',
+            '.MuiCardContent-root': {
+                flexGrow: 1
+            }
+        },
         [`&.${classKeys.contentGutterX}`]: {
             '.MuiCardContent-root': {
                 paddingLeft: theme.spacing(2),
@@ -93,7 +122,7 @@ const Card = styled(MuiCard)(({ theme })=>{
 });
 const CardDisplay = /*#__PURE__*/ forwardRef((props, ref)=>{
     var _help_title;
-    const { actions, classes, children, className, header, subheader, disableContentWrapper, help, ActionProps, HeaderProps, ContentProps, contentGutterX, contentGutterY, headerCentered, contentBordered } = props, rest = _object_without_properties_loose(props, [
+    const { actions, classes, children, className, header, subheader, disableContentWrapper, help, ActionProps, HeaderProps, ContentProps, contentGutterX, contentGutterY, headerCentered, contentBordered, fullHeight } = props, rest = _object_without_properties_loose(props, [
         "actions",
         "classes",
         "children",
@@ -108,22 +137,36 @@ const CardDisplay = /*#__PURE__*/ forwardRef((props, ref)=>{
         "contentGutterX",
         "contentGutterY",
         "headerCentered",
-        "contentBordered"
+        "contentBordered",
+        "fullHeight"
     ]);
     const headerTitle = help && header != null ? /*#__PURE__*/ _jsxs(Box, {
         component: "span",
         sx: {
             display: 'inline-flex',
             alignItems: 'center',
-            gap: 0.5
+            gap: 0.5,
+            // Never wider than the title's line, so a long title is what gives
+            // way (its ellipsis, under a `noWrap` title) and the help stays.
+            maxWidth: '100%',
+            verticalAlign: 'top'
         },
         children: [
-            header,
+            /*#__PURE__*/ _jsx(Box, {
+                component: "span",
+                sx: {
+                    minWidth: 0,
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis'
+                },
+                children: header
+            }),
             /*#__PURE__*/ _jsx(HelpTip, _extends({}, help, {
                 title: (_help_title = help.title) != null ? _help_title : typeof header === 'string' ? header : undefined,
                 sx: {
                     fontSize: '0.8em',
-                    my: -0.5
+                    my: -0.5,
+                    flexShrink: 0
                 }
             }))
         ]
@@ -136,7 +179,8 @@ const CardDisplay = /*#__PURE__*/ forwardRef((props, ref)=>{
         [classKeys.contentGutterY]: Boolean(contentGutterY),
         [classKeys.headerBordered]: Boolean(allBordered || headerBordered),
         [classKeys.actionsBordered]: Boolean(allBordered || actionsBordered),
-        [classKeys.headerCentered]: Boolean(headerCentered)
+        [classKeys.headerCentered]: Boolean(headerCentered),
+        [classKeys.fullHeight]: Boolean(fullHeight)
     }, className);
     return /*#__PURE__*/ _jsx(Card, _extends({
         ref: ref,

package/src/lib/components/card-display.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/card-display.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ErrorBoundaryComponent } from './error-boundary.component'\nimport { HelpTip, type HelpTipContent } from './help-tip.component'\nimport { generateComponentClassKeys, styled } from '@aglyn/shared-ui-theme'\nimport {\n  Box,\n  Card as MuiCard,\n  CardActions as MuiCardActions,\n  type CardActionsProps,\n  CardContent as MuiCardContent,\n  type CardContentProps,\n  CardHeader as MuiCardHeader,\n  type CardHeaderProps,\n  type CardProps,\n} from '@mui/material'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\n\nconst classKeys = generateComponentClassKeys('CardDisplay', [\n  'contentGutterX',\n  'contentGutterY',\n  'headerCentered',\n  'headerBordered',\n  'actionsBordered',\n])\n\nconst Card = styled(MuiCard)(({ theme }) => {\n  const tv = (theme as any).vars || theme\n  return {\n    '.MuiCardContent-root': {\n      padding: 0,\n      borderWidth: 0,\n      borderStyle: 'solid',\n      borderColor: tv.palette.divider,\n      ':last-of-type': {\n        paddingBottom: 'initial',\n      },\n    },\n    /*\n     * A header action wider than the room beside the title wraps onto its own\n     * line under it, instead of pushing past the card's edge where the card's\n     * `overflow: hidden` clips it (AGL-3311). The title keeps a floor so a\n     * short action still sits beside it, top right.\n     */\n    '.MuiCardHeader-root': {\n      fontWeight: theme.typography.fontWeightBold,\n      flexWrap: 'wrap',\n      rowGap: theme.spacing(1),\n    },\n    '.MuiCardHeader-content': {\n      flex: `1 1 ${theme.spacing(24)}`,\n    },\n    '.MuiCardHeader-action': {\n      maxWidth: '100%',\n    },\n    [`&.${classKeys.contentGutterX}`]: {\n      '.MuiCardContent-root': {\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(2),\n        [theme.breakpoints.up('md')]: {\n          paddingLeft: theme.spacing(2),\n          paddingRight: theme.spacing(2),\n        },\n      },\n    },\n    [`&.${classKeys.contentGutterY}`]: {\n      '.MuiCardContent-root': {\n        paddingTop: theme.spacing(2),\n        paddingBottom: theme.spacing(2),\n      },\n    },\n    [`&.${classKeys.headerCentered}`]: {\n      '.MuiCardHeader-root': {\n        marginBottom: theme.spacing(-1),\n        alignSelf: 'center',\n      },\n    },\n    [`&.${classKeys.headerBordered}`]: {\n      '.MuiCardContent-root': {\n        borderTopWidth: 1,\n      },\n    },\n    [`&.${classKeys.actionsBordered}`]: {\n      '.MuiCardContent-root': {\n        borderBottomWidth: 1,\n      },\n    },\n  }\n})\n\nexport interface CardDisplayProps extends CardProps {\n  contentGutterX?: boolean\n  contentGutterY?: boolean\n  contentBordered?: 'all' | 'top' | 'bottom' | undefined\n  headerCentered?: boolean\n  header?: JSX.Children\n  subheader?: JSX.Children\n  actions?: JSX.Children\n  disableContentWrapper?: boolean\n  /** Contextual help affordance rendered beside the header title (AGL-601). */\n  help?: HelpTipContent\n  HeaderProps?: CardHeaderProps\n  ContentProps?: CardContentProps\n  ActionProps?: CardActionsProps\n}\n\nconst CardDisplay = forwardRef<any, CardDisplayProps>((props, ref) => {\n  const {\n    actions,\n    classes,\n    children,\n    className,\n    header,\n    subheader,\n    disableContentWrapper,\n    help,\n    ActionProps,\n    HeaderProps,\n    ContentProps,\n    contentGutterX,\n    contentGutterY,\n    headerCentered,\n    contentBordered,\n    ...rest\n  } = props\n\n  const headerTitle =\n    help && header != null ? (\n      <Box\n        component=\"span\"\n        sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5 }}\n      >\n        {header}\n        <HelpTip\n          {...help}\n          title={help.title ?? (typeof header === 'string' ? header : undefined)}\n          sx={{ fontSize: '0.8em', my: -0.5 }}\n        />\n      </Box>\n    ) : (\n      header\n    )\n\n  const allBordered = contentBordered === 'all'\n  const headerBordered = contentBordered === 'top'\n  const actionsBordered = contentBordered === 'bottom'\n\n  const cardClassName = clsx(\n    {\n      [classKeys.contentGutterX]: Boolean(contentGutterX),\n      [classKeys.contentGutterY]: Boolean(contentGutterY),\n      [classKeys.headerBordered]: Boolean(allBordered || headerBordered),\n      [classKeys.actionsBordered]: Boolean(allBordered || actionsBordered),\n      [classKeys.headerCentered]: Boolean(headerCentered),\n    },\n    className,\n  )\n\n  return (\n    <Card ref={ref} className={cardClassName} {...rest}>\n      <ErrorBoundaryComponent>\n        {header || HeaderProps || subheader ? (\n          <MuiCardHeader\n            title={headerTitle}\n            subheader={subheader}\n            slotProps={{ title: { variant: 'h6', component: 'div' } }}\n            {...HeaderProps}\n          />\n        ) : null}\n        {disableContentWrapper ? (\n          children\n        ) : children || ContentProps ? (\n          <MuiCardContent {...ContentProps}>\n            {ContentProps?.children || children}\n          </MuiCardContent>\n        ) : null}\n        {actions || ActionProps ? (\n          <MuiCardActions {...ActionProps}>\n            {ActionProps?.children || actions}\n          </MuiCardActions>\n        ) : null}\n      </ErrorBoundaryComponent>\n    </Card>\n  )\n})\n\nCardDisplay.displayName = 'CardDisplayComponent'\n\nexport { CardDisplay }\nexport default CardDisplay\n"],"names":["ErrorBoundaryComponent","HelpTip","generateComponentClassKeys","styled","Box","Card","MuiCard","CardActions","MuiCardActions","CardContent","MuiCardContent","CardHeader","MuiCardHeader","clsx","forwardRef","classKeys","theme","tv","vars","padding","borderWidth","borderStyle","borderColor","palette","divider","paddingBottom","fontWeight","typography","fontWeightBold","flexWrap","rowGap","spacing","flex","maxWidth","contentGutterX","paddingLeft","paddingRight","breakpoints","up","contentGutterY","paddingTop","headerCentered","marginBottom","alignSelf","headerBordered","borderTopWidth","actionsBordered","borderBottomWidth","CardDisplay","props","ref","help","actions","classes","children","className","header","subheader","disableContentWrapper","ActionProps","HeaderProps","ContentProps","contentBordered","rest","headerTitle","component","sx","display","alignItems","gap","title","undefined","fontSize","my","allBordered","cardClassName","Boolean","slotProps","variant","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../../libs/shared/ui/jsx/src/lib/components/card-display.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2022 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ErrorBoundaryComponent } from './error-boundary.component'\nimport { HelpTip, type HelpTipContent } from './help-tip.component'\nimport { generateComponentClassKeys, styled } from '@aglyn/shared-ui-theme'\nimport {\n  Box,\n  Card as MuiCard,\n  CardActions as MuiCardActions,\n  type CardActionsProps,\n  CardContent as MuiCardContent,\n  type CardContentProps,\n  CardHeader as MuiCardHeader,\n  type CardHeaderProps,\n  type CardProps,\n} from '@mui/material'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\n\nconst classKeys = generateComponentClassKeys('CardDisplay', [\n  'contentGutterX',\n  'contentGutterY',\n  'headerCentered',\n  'headerBordered',\n  'actionsBordered',\n  'fullHeight',\n])\n\n/** The header's action slot, which the compact-action rule reads. */\nconst HEADER_ACTION = 'MuiCardHeader-action'\n\nconst Card = styled(MuiCard)(({ theme }) => {\n  const tv = (theme as any).vars || theme\n  return {\n    '.MuiCardContent-root': {\n      padding: 0,\n      borderWidth: 0,\n      borderStyle: 'solid',\n      borderColor: tv.palette.divider,\n      ':last-of-type': {\n        paddingBottom: 'initial',\n      },\n    },\n    /*\n     * A header action wider than the room beside the title wraps onto its own\n     * line under it, instead of pushing past the card's edge where the card's\n     * `overflow: hidden` clips it (AGL-3311). The title keeps a floor so a\n     * short action still sits beside it, top right.\n     */\n    '.MuiCardHeader-root': {\n      fontWeight: theme.typography.fontWeightBold,\n      flexWrap: 'wrap',\n      rowGap: theme.spacing(1),\n      /*\n       * A lone icon button or status chip (a pin, a menu, \"Live\") is narrow\n       * enough to share the title's row on any card, so it stays top right\n       * and the title gives way beside it instead of the action dropping\n       * under the title.\n       */\n      [`&:has(> .${HEADER_ACTION} > :is(.MuiIconButton-root, .MuiChip-root):only-child)`]:\n        {\n          flexWrap: 'nowrap',\n          '.MuiCardHeader-content': {\n            flexBasis: 0,\n          },\n        },\n    },\n    '.MuiCardHeader-content': {\n      flex: `1 1 ${theme.spacing(24)}`,\n      // A long title shortens inside the header (its ellipsis or its wrap)\n      // rather than shoving the avatar onto a row of its own or running past\n      // the card's edge.\n      minWidth: 0,\n    },\n    [`.${HEADER_ACTION}`]: {\n      maxWidth: '100%',\n    },\n    /*\n     * Every card in a row as tall as the row (a grid of tiles): the content\n     * takes the spare height, so each card's actions line up along the\n     * bottom.\n     */\n    [`&.${classKeys.fullHeight}`]: {\n      height: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      '.MuiCardContent-root': {\n        flexGrow: 1,\n      },\n    },\n    [`&.${classKeys.contentGutterX}`]: {\n      '.MuiCardContent-root': {\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(2),\n        [theme.breakpoints.up('md')]: {\n          paddingLeft: theme.spacing(2),\n          paddingRight: theme.spacing(2),\n        },\n      },\n    },\n    [`&.${classKeys.contentGutterY}`]: {\n      '.MuiCardContent-root': {\n        paddingTop: theme.spacing(2),\n        paddingBottom: theme.spacing(2),\n      },\n    },\n    [`&.${classKeys.headerCentered}`]: {\n      '.MuiCardHeader-root': {\n        marginBottom: theme.spacing(-1),\n        alignSelf: 'center',\n      },\n    },\n    [`&.${classKeys.headerBordered}`]: {\n      '.MuiCardContent-root': {\n        borderTopWidth: 1,\n      },\n    },\n    [`&.${classKeys.actionsBordered}`]: {\n      '.MuiCardContent-root': {\n        borderBottomWidth: 1,\n      },\n    },\n  }\n})\n\nexport interface CardDisplayProps extends CardProps {\n  contentGutterX?: boolean\n  contentGutterY?: boolean\n  contentBordered?: 'all' | 'top' | 'bottom' | undefined\n  headerCentered?: boolean\n  /**\n   * Fill the grid cell: as tall as the tallest card in its row, with the\n   * actions along the bottom. For a row of tiles (`GridItems masonry={false}`).\n   */\n  fullHeight?: boolean\n  header?: JSX.Children\n  subheader?: JSX.Children\n  actions?: JSX.Children\n  disableContentWrapper?: boolean\n  /** Contextual help affordance rendered beside the header title (AGL-601). */\n  help?: HelpTipContent\n  HeaderProps?: CardHeaderProps\n  ContentProps?: CardContentProps\n  ActionProps?: CardActionsProps\n}\n\nconst CardDisplay = forwardRef<any, CardDisplayProps>((props, ref) => {\n  const {\n    actions,\n    classes,\n    children,\n    className,\n    header,\n    subheader,\n    disableContentWrapper,\n    help,\n    ActionProps,\n    HeaderProps,\n    ContentProps,\n    contentGutterX,\n    contentGutterY,\n    headerCentered,\n    contentBordered,\n    fullHeight,\n    ...rest\n  } = props\n\n  const headerTitle =\n    help && header != null ? (\n      <Box\n        component=\"span\"\n        sx={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: 0.5,\n          // Never wider than the title's line, so a long title is what gives\n          // way (its ellipsis, under a `noWrap` title) and the help stays.\n          maxWidth: '100%',\n          verticalAlign: 'top',\n        }}\n      >\n        <Box\n          component=\"span\"\n          sx={{ minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis' }}\n        >\n          {header}\n        </Box>\n        <HelpTip\n          {...help}\n          title={help.title ?? (typeof header === 'string' ? header : undefined)}\n          sx={{ fontSize: '0.8em', my: -0.5, flexShrink: 0 }}\n        />\n      </Box>\n    ) : (\n      header\n    )\n\n  const allBordered = contentBordered === 'all'\n  const headerBordered = contentBordered === 'top'\n  const actionsBordered = contentBordered === 'bottom'\n\n  const cardClassName = clsx(\n    {\n      [classKeys.contentGutterX]: Boolean(contentGutterX),\n      [classKeys.contentGutterY]: Boolean(contentGutterY),\n      [classKeys.headerBordered]: Boolean(allBordered || headerBordered),\n      [classKeys.actionsBordered]: Boolean(allBordered || actionsBordered),\n      [classKeys.headerCentered]: Boolean(headerCentered),\n      [classKeys.fullHeight]: Boolean(fullHeight),\n    },\n    className,\n  )\n\n  return (\n    <Card ref={ref} className={cardClassName} {...rest}>\n      <ErrorBoundaryComponent>\n        {header || HeaderProps || subheader ? (\n          <MuiCardHeader\n            title={headerTitle}\n            subheader={subheader}\n            slotProps={{ title: { variant: 'h6', component: 'div' } }}\n            {...HeaderProps}\n          />\n        ) : null}\n        {disableContentWrapper ? (\n          children\n        ) : children || ContentProps ? (\n          <MuiCardContent {...ContentProps}>\n            {ContentProps?.children || children}\n          </MuiCardContent>\n        ) : null}\n        {actions || ActionProps ? (\n          <MuiCardActions {...ActionProps}>\n            {ActionProps?.children || actions}\n          </MuiCardActions>\n        ) : null}\n      </ErrorBoundaryComponent>\n    </Card>\n  )\n})\n\nCardDisplay.displayName = 'CardDisplayComponent'\n\nexport { CardDisplay }\nexport default CardDisplay\n"],"names":["ErrorBoundaryComponent","HelpTip","generateComponentClassKeys","styled","Box","Card","MuiCard","CardActions","MuiCardActions","CardContent","MuiCardContent","CardHeader","MuiCardHeader","clsx","forwardRef","classKeys","HEADER_ACTION","theme","tv","vars","padding","borderWidth","borderStyle","borderColor","palette","divider","paddingBottom","fontWeight","typography","fontWeightBold","flexWrap","rowGap","spacing","flexBasis","flex","minWidth","maxWidth","fullHeight","height","display","flexDirection","flexGrow","contentGutterX","paddingLeft","paddingRight","breakpoints","up","contentGutterY","paddingTop","headerCentered","marginBottom","alignSelf","headerBordered","borderTopWidth","actionsBordered","borderBottomWidth","CardDisplay","props","ref","help","actions","classes","children","className","header","subheader","disableContentWrapper","ActionProps","HeaderProps","ContentProps","contentBordered","rest","headerTitle","component","sx","alignItems","gap","verticalAlign","overflow","textOverflow","title","undefined","fontSize","my","flexShrink","allBordered","cardClassName","Boolean","slotProps","variant","displayName"],"mappings":"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"}