npm - @sis-cc/dotstatsuite-visions - Versions diffs - 15.14.0 → 15.16.0 - Mend

@sis-cc/dotstatsuite-visions 15.14.0 → 15.16.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.

Files changed (171) hide show

package/dist/CollapseButtons/CollapseButtons.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState, useCallback, createElement } from 'react';
+import React, { useState, useRef, useCallback, createElement } from 'react';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import Grid from '@mui/material/Grid';
 import Typography$1 from '@mui/material/Typography';
@@ -176,12 +176,9 @@ Item.propTypes = {
 const CustomPaper = ({
   isMobileView,
-  children,
-  onClose
+  children
 }) => {
-  return /* @__PURE__ */ jsx(Paper, { onKeyDown: (e) => {
-    if (e.key === "Escape" && onClose) onClose();
-  }, sx: {
+  return /* @__PURE__ */ jsx(Paper, { sx: {
     padding: 2.5,
     // Multiplies by theme.spacing (2.5 * 8px = 20px)
     margin: 1.25,
@@ -247,19 +244,24 @@ const CollapseButtons = ({
 }) => {
   const isMobileView = useMediaQuery(breakpoint);
   const [toggleId, setIsOpen] = useState(selectedItemId);
+  const containerRef = useRef(null);
   const mdGridSize = COLUMNS[nbColumns] ?? 3;
   const handleToggle = useCallback((id) => {
     setIsOpen((prevId) => prevId === id ? null : id);
   }, []);
-  return /* @__PURE__ */ jsxs(Grid, { container: true, "data-testid": testId, justifyContent: justify, tabIndex: 0, sx: {
+  const handleKeyDown = useCallback((event) => {
+    if (event.key !== "Escape" || !toggleId) return;
+    event.stopPropagation();
+    containerRef.current?.querySelector('[aria-expanded="true"]')?.focus();
+    setIsOpen(null);
+  }, [toggleId]);
+  return /* @__PURE__ */ jsxs(Grid, { container: true, ref: containerRef, "data-testid": testId, justifyContent: justify, onKeyDown: handleKeyDown, sx: {
     ...accessibility && {
-      "&:focus": {
+      "& .MuiButton-root:focus-visible, & .MuiLink-root:focus-visible": {
         outlineColor: "highlight.hl1",
         // Safely pulls theme.palette.highlight.hl1 automatically
         outlineWidth: 2,
-        outlineStyle: "auto",
-        paddingBottom: 2
-        // 2 * 8px = 16px
+        outlineStyle: "auto"
       }
     }
   }, children: [
@@ -271,7 +273,7 @@ const CollapseButtons = ({
       p: 1
       // Adds 8px padding evenly inside every item box without layout shifting
     } }, /* @__PURE__ */ jsxs(Typography$1, { variant: "h3", children: [
-      /* @__PURE__ */ jsx(ToggleButton, { textTransform, label, tabIndex: toggleId ? 0 : -1, isOpen: toggleId === id, toggle: () => handleToggle(id), testId: `${testId}_${id}`, id }),
+      /* @__PURE__ */ jsx(ToggleButton, { textTransform, label, isOpen: toggleId === id, toggle: () => handleToggle(id), testId: `${testId}_${id}`, id }),
       isMobileView && /* @__PURE__ */ jsx(CollapseSection$1, { id, toggleId, values, isMobileView, action, isSecondLevelClikable, labelAccessor, testId })
     ] }))),
     !isMobileView && items.map(({

package/dist/CollapseButtons/CollapseButtons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapseButtons.js","sources":["../../src/ToggleButton/ToggleButton.jsx","../../src/CollapseButtons/Item.jsx","../../src/CollapseButtons/Paper.jsx","../../src/CollapseButtons/CollapseSection.jsx","../../src/CollapseButtons/CollapseButtons.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Button from '@mui/material/Button';\nimport { KeyboardArrowDown, KeyboardArrowUp } from '@mui/icons-material';\n\nconst useStyles = makeStyles((theme) => {\n const color1 = R.path(['palette', 'highlight', 'hl1'], theme) \|\| theme.palette.primary.dark;\n return {\n root: {\n minHeight: '43px',\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(0.75, 2, 0.5, 2),\n color: theme.palette.getContrastText(theme.palette.primary.main),\n backgroundColor:\n R.path(['palette', 'button', 'mainOpacity'], theme) \|\| theme.palette.primary.main,\n display: 'flex',\n justifyContent: 'space-between',\n '&:hover': {\n color: theme.palette.getContrastText(color1),\n backgroundColor: color1,\n },\n },\n label: {\n textAlign: 'left',\n fontSize: '0.9375rem',\n lineHeight: '1.0',\n },\n selected: {\n color: theme.palette.getContrastText(color1),\n backgroundColor: color1,\n },\n };\n});\n\nexport const ToggleButton = ({\n isOpen,\n label,\n toggle,\n testId,\n tabIndex = 0,\n textTransform = 'capitalize',\n}) => {\n const classes = useStyles();\n return (\n <Button\n aria-expanded={isOpen}\n aria-label={label}\n tabIndex={tabIndex}\n data-testid={testId}\n classes={{ root: classes.root, label: classes.label }}\n className={cx({ [classes.selected]: isOpen })}\n style={{ textTransform }}\n fullWidth\n variant=\"text\"\n onClick={R.is(Function)(toggle) ? toggle : null}\n >\n {label}\n {isOpen ? <KeyboardArrowUp /> : <KeyboardArrowDown />}\n </Button>\n );\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as R from 'ramda';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport makeStyles from '@mui/styles/makeStyles';\nimport SvgIcon from '@mui/material/SvgIcon';\nimport { Typography } from '@mui/material';\n\nconst useStyles = makeStyles((theme) => ({\n paperItem: {\n alignItems: 'baseline',\n },\n itemTitle: {\n ...theme.typography.body2,\n color: theme.palette.primary.main,\n },\n button: {\n '&:hover': {\n backgroundColor:\n R.path(['palette', 'tertiary', 'light'])(theme) \|\| theme.palette.secondary.light,\n },\n padding: theme.spacing(1.25),\n textAlign: 'left',\n textTransform: 'none',\n justifyContent: 'flex-start',\n display: 'flex',\n },\n itemSubtitle: {\n ...theme.typography.body1,\n display: 'flex',\n flexDirection: 'column',\n color: theme.palette.grey[800],\n },\n itemSubtitleLink: {\n ...theme.typography.body1,\n color: theme.palette.grey[800],\n '&:hover': {\n color: theme.palette.primary.main,\n },\n },\n svg: {\n color: theme.palette.grey[600],\n fontSize: '1rem',\n marginRight: theme.spacing(0.5),\n marginTop: theme.spacing(0.25),\n marginBottom: 'auto',\n },\n}));\n\nconst Item = ({ parentId, item, action, testId, isSecondLevelClikable, labelAccessor }) => {\n const classes = useStyles();\n const mapIndexed = R.addIndex(R.map);\n return (\n <Grid className={classes.paperItem}>\n <Typography variant=\"h4\">\n <Button\n aria-label={R.prop('label')(item)}\n className={classes.button}\n fullWidth\n data-testid={testId}\n // eslint-disable-next-line jsx-a11y/prefer-tag-over-role -- no href target, navigation is handled via onClick/onKeyDown\n role=\"link\"\n onClick={() => {\n if (R.not(R.is(Function)(action))) return;\n action(parentId, R.prop('id')(item));\n }}\n tabIndex={0}\n >\n <SvgIcon className={classes.svg}>\n <path d={R.prop('svgPath')(item)} />\n </SvgIcon>\n <Grid container item xs={12} direction=\"column\">\n <span className={classes.itemTitle}>{labelAccessor(item, parentId)}</span>\n <span className={classes.itemSubtitle}>\n {mapIndexed((subtopic, index) => {\n if (R.not(R.is(Object)(subtopic))) return subtopic;\n if (R.not(isSecondLevelClikable)) return labelAccessor(subtopic, parentId);\n const id = R.prop('id')(subtopic);\n return (\n <Typography variant=\"h5\" key={`${id}::${index}`}>\n <Link\n className={classes.itemSubtitleLink}\n // eslint-disable-next-line jsx-a11y/prefer-tag-over-role -- no href target, navigation is handled via onClick/onKeyDown\n role=\"link\"\n onClick={(e) => {\n if (R.not(R.is(Function)(action))) return;\n action(parentId, id);\n e.stopPropagation();\n }}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n if (R.not(R.is(Function)(action))) return;\n action(parentId, id);\n e.stopPropagation();\n }\n }}\n tabIndex={0}\n underline=\"none\"\n style={{ display: 'list-item' }}\n >\n {labelAccessor(subtopic, parentId)}\n </Link>\n </Typography>\n );\n })(\n R.pipe(\n R.propOr([], 'subtopics'),\n R.ifElse(R.always(isSecondLevelClikable), R.identity, R.intersperse(' • '))\n )(item)\n )}\n </span>\n </Grid>\n </Button>\n </Typography>\n </Grid>\n );\n};\n\nItem.propTypes = {\n parentId: PropTypes.string,\n testId: PropTypes.string,\n item: PropTypes.object,\n action: PropTypes.func,\n isSecondLevelClikable: PropTypes.bool,\n labelAccessor: PropTypes.func,\n};\n\nexport default Item;\n","import React from 'react';\nimport Paper from '@mui/material/Paper';\nimport Grid from '@mui/material/Grid';\n\nconst CustomPaper = ({ isMobileView, children, onClose }) => {\n return (\n <Paper\n onKeyDown={(e) => {\n if (e.key === 'Escape' && onClose) onClose();\n }}\n sx={{\n padding: 2.5, // Multiplies by theme.spacing (2.5 * 8px = 20px)\n margin: 1.25, // Multiplies by theme.spacing (1.25 * 8px = 10px)\n borderRadius: 'unset',\n ...(isMobileView && {\n display: 'flex',\n flexDirection: 'column',\n columnCount: 'unset',\n }),\n }}\n >\n <Grid\n sx={{\n columnCount: isMobileView ? 'unset' : 3,\n columnFill: 'balance',\n ...(isMobileView && {\n display: 'flex',\n flexDirection: 'column',\n }),\n }}\n >\n {children}\n </Grid>\n </Paper>\n );\n};\n\nexport default CustomPaper;\n","import React from 'react';\nimport Collapse from '@mui/material/Collapse';\nimport Item from './Item';\nimport Paper from './Paper';\n\nconst EMPTY_VALUES = [];\n\nconst CollapseSection = ({\n id,\n toggleId,\n values = EMPTY_VALUES,\n isMobileView,\n action,\n isSecondLevelClikable,\n labelAccessor,\n testId,\n}) => {\n const isOpen = toggleId === id;\n\n return (\n <Collapse in={isOpen} timeout=\"auto\" unmountOnExit sx={{ width: '100%' }}>\n <Paper elevation={10} isMobileView={isMobileView}>\n {values.map((item, index) => {\n const itemId = item?.id ?? index;\n return (\n <Item\n key={`${index}-${itemId}`}\n testId={`${testId}_${id}_value_${itemId}`}\n parentId={id}\n item={item}\n action={action}\n isSecondLevelClikable={isSecondLevelClikable}\n labelAccessor={labelAccessor}\n />\n );\n })}\n </Paper>\n </Collapse>\n );\n};\n\n// Optimizes re-rendering cycles\nexport default React.memo(CollapseSection);\n","import React, { useState, useCallback } from 'react';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport { ToggleButton } from '../ToggleButton/ToggleButton';\nimport CollapseSection from './CollapseSection';\n\nexport const MAX_COLUMNS = 12;\nexport const COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];\n\nconst EMPTY_ITEMS = [];\nconst EMPTY_GRID_BUTTONS_PROPS = {};\nconst noop = () => {};\nconst defaultBreakpoint = (theme) => theme.breakpoints.down('md');\nconst defaultLabelAccessor = (obj) => obj?.label;\n\nexport const CollapseButtons = ({\n items = EMPTY_ITEMS,\n action = noop,\n nbColumns = 3,\n testId = 'collapseButton',\n isSecondLevelClikable,\n gridButtonsProps = EMPTY_GRID_BUTTONS_PROPS,\n breakpoint = defaultBreakpoint,\n justify,\n textTransform = 'none',\n labelAccessor = defaultLabelAccessor,\n accessibility,\n selectedItemId,\n}) => {\n const isMobileView = useMediaQuery(breakpoint);\n const [toggleId, setIsOpen] = useState(selectedItemId);\n\n // Safe fallback translation of R.nth(nbColumns)(COLUMNS)\n const mdGridSize = COLUMNS[nbColumns] ?? 3;\n\n // Optimize callback references\n const handleToggle = useCallback((id) => {\n setIsOpen((prevId) => (prevId === id ? null : id));\n }, []);\n\n return (\n <Grid\n container\n data-testid={testId}\n justifyContent={justify}\n tabIndex={0}\n sx={{\n ...(accessibility && {\n '&:focus': {\n outlineColor: 'highlight.hl1', // Safely pulls theme.palette.highlight.hl1 automatically\n outlineWidth: 2,\n outlineStyle: 'auto',\n paddingBottom: 2, // 2 * 8px = 16px\n },\n }),\n }}\n >\n {items.map(({ id, label, values = [] }, index) => (\n <Grid\n item\n xs={12}\n sm={12}\n md={mdGridSize}\n {...gridButtonsProps}\n key={`${index}::${id}`}\n sx={{\n p: 1, // Adds 8px padding evenly inside every item box without layout shifting\n }}\n >\n <Typography variant=\"h3\">\n <ToggleButton\n textTransform={textTransform}\n label={label}\n tabIndex={toggleId ? 0 : -1}\n isOpen={toggleId === id}\n toggle={() => handleToggle(id)}\n testId={`${testId}_${id}`}\n id={id}\n />\n {isMobileView && (\n <CollapseSection\n id={id}\n toggleId={toggleId}\n values={values}\n isMobileView={isMobileView}\n action={action}\n isSecondLevelClikable={isSecondLevelClikable}\n labelAccessor={labelAccessor}\n testId={testId}\n />\n )}\n </Typography>\n </Grid>\n ))}\n\n {!isMobileView &&\n items.map(({ id, values = [] }) => (\n <CollapseSection\n key={`desktop-collapse-${id}`}\n id={id}\n toggleId={toggleId}\n values={values}\n isMobileView={isMobileView}\n action={action}\n isSecondLevelClikable={isSecondLevelClikable}\n labelAccessor={labelAccessor}\n testId={testId}\n />\n ))}\n </Grid>\n );\n};\n"],"names":["useStyles","makeStyles","theme","color1","R","path","palette","primary","dark","root","minHeight","borderRadius","shape","padding","spacing","color","getContrastText","main","backgroundColor","display","justifyContent","label","textAlign","fontSize","lineHeight","selected","ToggleButton","isOpen","toggle","testId","tabIndex","textTransform","classes","cx","is","Function","paperItem","alignItems","itemTitle","typography","body2","button","secondary","light","itemSubtitle","body1","flexDirection","grey","itemSubtitleLink","svg","marginRight","marginTop","marginBottom","Item","parentId","item","action","isSecondLevelClikable","labelAccessor","mapIndexed","addIndex","map","prop","not","subtopic","index","Object","id","e","stopPropagation","key","pipe","propOr","ifElse","always","identity","intersperse","propTypes","PropTypes","string","object","func","bool","CustomPaper","isMobileView","children","onClose","margin","columnCount","columnFill","EMPTY_VALUES","CollapseSection","toggleId","values","width","Paper","itemId","React","memo","MAX_COLUMNS","COLUMNS","EMPTY_ITEMS","EMPTY_GRID_BUTTONS_PROPS","noop","defaultBreakpoint","breakpoints","down","defaultLabelAccessor","obj","CollapseButtons","items","nbColumns","gridButtonsProps","breakpoint","justify","accessibility","selectedItemId","useMediaQuery","setIsOpen","useState","mdGridSize","handleToggle","useCallback","prevId","outlineColor","outlineWidth","outlineStyle","paddingBottom","p","Typography"],"mappings":"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"}
1	+ {"version":3,"file":"CollapseButtons.js","sources":["../../src/ToggleButton/ToggleButton.jsx","../../src/CollapseButtons/Item.jsx","../../src/CollapseButtons/Paper.jsx","../../src/CollapseButtons/CollapseSection.jsx","../../src/CollapseButtons/CollapseButtons.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Button from '@mui/material/Button';\nimport { KeyboardArrowDown, KeyboardArrowUp } from '@mui/icons-material';\n\nconst useStyles = makeStyles((theme) => {\n const color1 = R.path(['palette', 'highlight', 'hl1'], theme) \|\| theme.palette.primary.dark;\n return {\n root: {\n minHeight: '43px',\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(0.75, 2, 0.5, 2),\n color: theme.palette.getContrastText(theme.palette.primary.main),\n backgroundColor:\n R.path(['palette', 'button', 'mainOpacity'], theme) \|\| theme.palette.primary.main,\n display: 'flex',\n justifyContent: 'space-between',\n '&:hover': {\n color: theme.palette.getContrastText(color1),\n backgroundColor: color1,\n },\n },\n label: {\n textAlign: 'left',\n fontSize: '0.9375rem',\n lineHeight: '1.0',\n },\n selected: {\n color: theme.palette.getContrastText(color1),\n backgroundColor: color1,\n },\n };\n});\n\nexport const ToggleButton = ({\n isOpen,\n label,\n toggle,\n testId,\n tabIndex = 0,\n textTransform = 'capitalize',\n}) => {\n const classes = useStyles();\n return (\n <Button\n aria-expanded={isOpen}\n aria-label={label}\n tabIndex={tabIndex}\n data-testid={testId}\n classes={{ root: classes.root, label: classes.label }}\n className={cx({ [classes.selected]: isOpen })}\n style={{ textTransform }}\n fullWidth\n variant=\"text\"\n onClick={R.is(Function)(toggle) ? toggle : null}\n >\n {label}\n {isOpen ? <KeyboardArrowUp /> : <KeyboardArrowDown />}\n </Button>\n );\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as R from 'ramda';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport makeStyles from '@mui/styles/makeStyles';\nimport SvgIcon from '@mui/material/SvgIcon';\nimport { Typography } from '@mui/material';\n\nconst useStyles = makeStyles((theme) => ({\n paperItem: {\n alignItems: 'baseline',\n },\n itemTitle: {\n ...theme.typography.body2,\n color: theme.palette.primary.main,\n },\n button: {\n '&:hover': {\n backgroundColor:\n R.path(['palette', 'tertiary', 'light'])(theme) \|\| theme.palette.secondary.light,\n },\n padding: theme.spacing(1.25),\n textAlign: 'left',\n textTransform: 'none',\n justifyContent: 'flex-start',\n display: 'flex',\n },\n itemSubtitle: {\n ...theme.typography.body1,\n display: 'flex',\n flexDirection: 'column',\n color: theme.palette.grey[800],\n },\n itemSubtitleLink: {\n ...theme.typography.body1,\n color: theme.palette.grey[800],\n '&:hover': {\n color: theme.palette.primary.main,\n },\n },\n svg: {\n color: theme.palette.grey[600],\n fontSize: '1rem',\n marginRight: theme.spacing(0.5),\n marginTop: theme.spacing(0.25),\n marginBottom: 'auto',\n },\n}));\n\nconst Item = ({ parentId, item, action, testId, isSecondLevelClikable, labelAccessor }) => {\n const classes = useStyles();\n const mapIndexed = R.addIndex(R.map);\n return (\n <Grid className={classes.paperItem}>\n <Typography variant=\"h4\">\n <Button\n aria-label={R.prop('label')(item)}\n className={classes.button}\n fullWidth\n data-testid={testId}\n // eslint-disable-next-line jsx-a11y/prefer-tag-over-role -- no href target, navigation is handled via onClick/onKeyDown\n role=\"link\"\n onClick={() => {\n if (R.not(R.is(Function)(action))) return;\n action(parentId, R.prop('id')(item));\n }}\n tabIndex={0}\n >\n <SvgIcon className={classes.svg}>\n <path d={R.prop('svgPath')(item)} />\n </SvgIcon>\n <Grid container item xs={12} direction=\"column\">\n <span className={classes.itemTitle}>{labelAccessor(item, parentId)}</span>\n <span className={classes.itemSubtitle}>\n {mapIndexed((subtopic, index) => {\n if (R.not(R.is(Object)(subtopic))) return subtopic;\n if (R.not(isSecondLevelClikable)) return labelAccessor(subtopic, parentId);\n const id = R.prop('id')(subtopic);\n return (\n <Typography variant=\"h5\" key={`${id}::${index}`}>\n <Link\n className={classes.itemSubtitleLink}\n // eslint-disable-next-line jsx-a11y/prefer-tag-over-role -- no href target, navigation is handled via onClick/onKeyDown\n role=\"link\"\n onClick={(e) => {\n if (R.not(R.is(Function)(action))) return;\n action(parentId, id);\n e.stopPropagation();\n }}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n if (R.not(R.is(Function)(action))) return;\n action(parentId, id);\n e.stopPropagation();\n }\n }}\n tabIndex={0}\n underline=\"none\"\n style={{ display: 'list-item' }}\n >\n {labelAccessor(subtopic, parentId)}\n </Link>\n </Typography>\n );\n })(\n R.pipe(\n R.propOr([], 'subtopics'),\n R.ifElse(R.always(isSecondLevelClikable), R.identity, R.intersperse(' • '))\n )(item)\n )}\n </span>\n </Grid>\n </Button>\n </Typography>\n </Grid>\n );\n};\n\nItem.propTypes = {\n parentId: PropTypes.string,\n testId: PropTypes.string,\n item: PropTypes.object,\n action: PropTypes.func,\n isSecondLevelClikable: PropTypes.bool,\n labelAccessor: PropTypes.func,\n};\n\nexport default Item;\n","import React from 'react';\nimport Paper from '@mui/material/Paper';\nimport Grid from '@mui/material/Grid';\n\nconst CustomPaper = ({ isMobileView, children }) => {\n return (\n <Paper\n sx={{\n padding: 2.5, // Multiplies by theme.spacing (2.5 * 8px = 20px)\n margin: 1.25, // Multiplies by theme.spacing (1.25 * 8px = 10px)\n borderRadius: 'unset',\n ...(isMobileView && {\n display: 'flex',\n flexDirection: 'column',\n columnCount: 'unset',\n }),\n }}\n >\n <Grid\n sx={{\n columnCount: isMobileView ? 'unset' : 3,\n columnFill: 'balance',\n ...(isMobileView && {\n display: 'flex',\n flexDirection: 'column',\n }),\n }}\n >\n {children}\n </Grid>\n </Paper>\n );\n};\n\nexport default CustomPaper;\n","import React from 'react';\nimport Collapse from '@mui/material/Collapse';\nimport Item from './Item';\nimport Paper from './Paper';\n\nconst EMPTY_VALUES = [];\n\nconst CollapseSection = ({\n id,\n toggleId,\n values = EMPTY_VALUES,\n isMobileView,\n action,\n isSecondLevelClikable,\n labelAccessor,\n testId,\n}) => {\n const isOpen = toggleId === id;\n\n return (\n <Collapse in={isOpen} timeout=\"auto\" unmountOnExit sx={{ width: '100%' }}>\n <Paper elevation={10} isMobileView={isMobileView}>\n {values.map((item, index) => {\n const itemId = item?.id ?? index;\n return (\n <Item\n key={`${index}-${itemId}`}\n testId={`${testId}_${id}_value_${itemId}`}\n parentId={id}\n item={item}\n action={action}\n isSecondLevelClikable={isSecondLevelClikable}\n labelAccessor={labelAccessor}\n />\n );\n })}\n </Paper>\n </Collapse>\n );\n};\n\n// Optimizes re-rendering cycles\nexport default React.memo(CollapseSection);\n","import React, { useState, useCallback, useRef } from 'react';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport { ToggleButton } from '../ToggleButton/ToggleButton';\nimport CollapseSection from './CollapseSection';\n\nexport const MAX_COLUMNS = 12;\nexport const COLUMNS = [12, 12, 6, 4, 3, 3, 2, 2, 2, 2, 2, 2, 1];\n\nconst EMPTY_ITEMS = [];\nconst EMPTY_GRID_BUTTONS_PROPS = {};\nconst noop = () => {};\nconst defaultBreakpoint = (theme) => theme.breakpoints.down('md');\nconst defaultLabelAccessor = (obj) => obj?.label;\n\nexport const CollapseButtons = ({\n items = EMPTY_ITEMS,\n action = noop,\n nbColumns = 3,\n testId = 'collapseButton',\n isSecondLevelClikable,\n gridButtonsProps = EMPTY_GRID_BUTTONS_PROPS,\n breakpoint = defaultBreakpoint,\n justify,\n textTransform = 'none',\n labelAccessor = defaultLabelAccessor,\n accessibility,\n selectedItemId,\n}) => {\n const isMobileView = useMediaQuery(breakpoint);\n const [toggleId, setIsOpen] = useState(selectedItemId);\n const containerRef = useRef(null);\n\n // Safe fallback translation of R.nth(nbColumns)(COLUMNS)\n const mdGridSize = COLUMNS[nbColumns] ?? 3;\n\n // Optimize callback references\n const handleToggle = useCallback((id) => {\n setIsOpen((prevId) => (prevId === id ? null : id));\n }, []);\n\n // Escape, from the open section or from its button, closes the section and hands\n // the focus back to that button (the only one flagged as expanded).\n const handleKeyDown = useCallback(\n (event) => {\n if (event.key !== 'Escape' \|\| !toggleId) return;\n event.stopPropagation();\n containerRef.current?.querySelector('[aria-expanded=\"true\"]')?.focus();\n setIsOpen(null);\n },\n [toggleId]\n );\n\n return (\n <Grid\n container\n ref={containerRef}\n data-testid={testId}\n justifyContent={justify}\n onKeyDown={handleKeyDown}\n sx={{\n ...(accessibility && {\n '& .MuiButton-root:focus-visible, & .MuiLink-root:focus-visible': {\n outlineColor: 'highlight.hl1', // Safely pulls theme.palette.highlight.hl1 automatically\n outlineWidth: 2,\n outlineStyle: 'auto',\n },\n }),\n }}\n >\n {items.map(({ id, label, values = [] }, index) => (\n <Grid\n item\n xs={12}\n sm={12}\n md={mdGridSize}\n {...gridButtonsProps}\n key={`${index}::${id}`}\n sx={{\n p: 1, // Adds 8px padding evenly inside every item box without layout shifting\n }}\n >\n <Typography variant=\"h3\">\n <ToggleButton\n textTransform={textTransform}\n label={label}\n isOpen={toggleId === id}\n toggle={() => handleToggle(id)}\n testId={`${testId}_${id}`}\n id={id}\n />\n {isMobileView && (\n <CollapseSection\n id={id}\n toggleId={toggleId}\n values={values}\n isMobileView={isMobileView}\n action={action}\n isSecondLevelClikable={isSecondLevelClikable}\n labelAccessor={labelAccessor}\n testId={testId}\n />\n )}\n </Typography>\n </Grid>\n ))}\n\n {!isMobileView &&\n items.map(({ id, values = [] }) => (\n <CollapseSection\n key={`desktop-collapse-${id}`}\n id={id}\n toggleId={toggleId}\n values={values}\n isMobileView={isMobileView}\n action={action}\n isSecondLevelClikable={isSecondLevelClikable}\n labelAccessor={labelAccessor}\n testId={testId}\n />\n ))}\n </Grid>\n );\n};\n"],"names":["useStyles","makeStyles","theme","color1","R","path","palette","primary","dark","root","minHeight","borderRadius","shape","padding","spacing","color","getContrastText","main","backgroundColor","display","justifyContent","label","textAlign","fontSize","lineHeight","selected","ToggleButton","isOpen","toggle","testId","tabIndex","textTransform","classes","cx","is","Function","paperItem","alignItems","itemTitle","typography","body2","button","secondary","light","itemSubtitle","body1","flexDirection","grey","itemSubtitleLink","svg","marginRight","marginTop","marginBottom","Item","parentId","item","action","isSecondLevelClikable","labelAccessor","mapIndexed","addIndex","map","prop","not","subtopic","index","Object","id","e","stopPropagation","key","pipe","propOr","ifElse","always","identity","intersperse","propTypes","PropTypes","string","object","func","bool","CustomPaper","isMobileView","children","margin","columnCount","columnFill","EMPTY_VALUES","CollapseSection","toggleId","values","width","Paper","itemId","React","memo","MAX_COLUMNS","COLUMNS","EMPTY_ITEMS","EMPTY_GRID_BUTTONS_PROPS","noop","defaultBreakpoint","breakpoints","down","defaultLabelAccessor","obj","CollapseButtons","items","nbColumns","gridButtonsProps","breakpoint","justify","accessibility","selectedItemId","useMediaQuery","setIsOpen","useState","containerRef","useRef","mdGridSize","handleToggle","useCallback","prevId","handleKeyDown","event","current","querySelector","focus","outlineColor","outlineWidth","outlineStyle","p","Typography"],"mappings":"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"}

package/dist/DynamicDrawer/DynamicDrawer.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { useState, useRef, useEffect, useLayoutEffect, startTransition, useMemo } from 'react';
+import React, { useState, useRef, useLayoutEffect, useEffect, startTransition, useMemo } from 'react';
 import * as R from 'ramda';
 import cx from 'classnames';
+import useSize from '@react-hook/size';
 import Box from '@mui/material/Box';
 import PropTypes from 'prop-types';
 import { w as withSpotlight, a as withExpansionTree, g as getHierarchicalId, b as getEvolvedDisableAccessor, c as getScopeGetters, V as VirtualizedTree } from '../chunks/withSpotlight-CA0xvW0v.js';
@@ -481,15 +482,14 @@ const useStyles = makeStyles((theme) => ({
   chipBorder: {
     border: `solid 1px ${dynamicDrawerMixin(theme, "chips", "outlineColor")}`
   },
-  // Pill radius for standalone chips (value, count, "All items"). Kept off
-  // "Remove all" (removeAllChip below) and off in-group chips, whose own
-  // radius is zeroed by concatenatedChipsRow's `& > *` so only the group's
-  // outer corners round.
   chipRadius: {
     borderRadius: dynamicDrawerMixin(theme, "chips", "radius")
   },
-  removeAllChip: {
-    borderRadius: dynamicDrawerMixin(theme, "chips", "removeAllBorderRadius")
+  chipDeleteIcon: {
+    padding: "2px !important",
+    "& svg": {
+      fontSize: dynamicDrawerMixin(theme, "chips", "deleteIconSize")
+    }
   },
   // #1789: a long value truncates on one line and exposes its full text via
   // the native title tooltip, instead of wrapping the chip over several
@@ -498,28 +498,16 @@ const useStyles = makeStyles((theme) => ({
   ellipsisLabel: {
     ...R.pathOr({}, ["mixins", "dynamicDrawer", "chips", "ellipsisLabel"], theme)
   },
-  // #1787: the outer frame around the count chip + toggle (collapsed), and
-  // around that same row stacked over the expanded value-chip row — one
-  // continuous rounded card either way, never two floating pieces.
   concatenatedChips: {
     display: "flex",
     border: `solid 1px ${dynamicDrawerMixin(theme, "chips", "dividerColor")}`,
     borderRadius: dynamicDrawerMixin(theme, "chips", "groupBorderRadius"),
     overflow: "hidden"
   },
-  concatenatedChipsExpanded: {
-    flexDirection: "column",
-    "& > *:not(:last-child)": {
-      borderBottom: `solid 1px ${dynamicDrawerMixin(theme, "chips", "dividerColor")}`
-    }
-  },
-  // One row inside the frame: the header (count chip + toggle) is one row,
-  // the expanded value chips (which themselves wrap onto several lines) are
-  // another. Dividers and the zeroed child radius are per-row, so wrapped
-  // chips only ever get a right-hand divider, never a stray corner radius.
+  // The items of one such line: a divider between them, and their own
+  // radius zeroed so only the frame's outer corners round.
   concatenatedChipsRow: {
     display: "flex",
-    flexWrap: "wrap",
     alignItems: "stretch",
     flex: 1,
     minWidth: 0,
@@ -564,6 +552,9 @@ const useStyles = makeStyles((theme) => ({
   toggleLabel: {
     ...R.pathOr({}, ["mixins", "dynamicDrawer", "toggleButton", "label"], theme)
   },
+  toggleIconPlus: {
+    transform: "translateY(-2px)"
+  },
   list: {
     display: "flex",
     flexDirection: "column",
@@ -684,6 +675,57 @@ const TabPanel = (props) => {
     children
   ] }) });
 };
+const ChipRuns = ({
+  id,
+  items,
+  classes
+}) => {
+  const sizeRef = useRef(null);
+  const measureRef = useRef(null);
+  const [width] = useSize(sizeRef);
+  const [rows, setRows] = useState(null);
+  useLayoutEffect(() => {
+    setRows(null);
+  }, [items, width]);
+  useLayoutEffect(() => {
+    const container = measureRef.current;
+    if (!container) return;
+    const children = Array.from(container.children);
+    if (R.isEmpty(children)) {
+      setRows([]);
+      return;
+    }
+    const SAME_ROW_TOLERANCE_PX = 10;
+    const grouped = [];
+    let currentRow = [];
+    let rowAnchorTop = null;
+    children.forEach((child, index) => {
+      if (rowAnchorTop !== null && Math.abs(child.offsetTop - rowAnchorTop) > SAME_ROW_TOLERANCE_PX) {
+        grouped.push(currentRow);
+        currentRow = [];
+        rowAnchorTop = null;
+      }
+      if (rowAnchorTop === null) rowAnchorTop = child.offsetTop;
+      currentRow.push(index);
+    });
+    grouped.push(currentRow);
+    setRows(grouped);
+  });
+  const safeRows = rows && R.sum(R.map(R.length, rows)) === R.length(items) ? rows : null;
+  return /* @__PURE__ */ jsx(Box, { id, ref: sizeRef, sx: {
+    width: "100%"
+  }, children: safeRows ? /* @__PURE__ */ jsx(Box, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: 0.5
+  }, children: safeRows.map((rowIndices) => /* @__PURE__ */ jsx(Box, { className: classes.concatenatedChips, children: /* @__PURE__ */ jsx(Box, { className: classes.concatenatedChipsRow, children: rowIndices.map((index) => /* @__PURE__ */ jsx(React.Fragment, { children: items[index].node }, items[index].key)) }) }, rowIndices.map((index) => items[index].key).join("-"))) }) : /* @__PURE__ */ jsx(Box, { ref: measureRef, className: cx(classes.concatenatedChips, classes.concatenatedChipsRow), sx: {
+    flexWrap: "wrap"
+  }, children: items.map(({
+    key,
+    node
+  }) => /* @__PURE__ */ jsx(React.Fragment, { children: node }, key)) }) });
+};
 const DimensionCard = React.forwardRef(({
   label,
   labels,
@@ -733,8 +775,8 @@ const DimensionCard = React.forwardRef(({
   } = {}) => /* @__PURE__ */ jsx(CustomChip, { id, parentId: dimId, label: itemLabel, items, renderer: myTooltipRenderer({
     isRtl,
     labelRenderer
-  }), labelRenderer, chipClasses: cx(chipClasses.secondaryChip, chipClasses.chip, classes.chipDeleteLeft, bordered && classes.chipBorder, bordered && classes.chipRadius), iconClasses: chipClasses.icon, labelClasses: cx(chipClasses.spaceLabel, classes.ellipsisLabel), title: R.is(String, itemLabel) ? itemLabel : void 0, onDelete: R.is(Function, onDeleteValue) && isEditMode && !isNotRemovable ? onDeleteValue : void 0 }, id);
-  const countChip = /* @__PURE__ */ jsx(CustomChip, { label: nItemsLabel, chipClasses: cx(chipClasses.mainChip, chipClasses.chip, classes.chipDeleteLeft), labelClasses: cx(chipClasses.spaceLabel, chipClasses.formatLabel), iconClasses: chipClasses.icon, onDelete: R.is(Function, onDeleteAllDimValues) && isEditMode ? () => onDeleteAllDimValues(dimId, selectedItems) : void 0 });
+  }), labelRenderer, chipClasses: cx(chipClasses.secondaryChip, chipClasses.chip, classes.chipDeleteLeft, bordered && classes.chipBorder, bordered && classes.chipRadius), iconClasses: cx(chipClasses.icon, classes.chipDeleteIcon), labelClasses: cx(chipClasses.spaceLabel, classes.ellipsisLabel), title: R.is(String, itemLabel) ? itemLabel : void 0, onDelete: R.is(Function, onDeleteValue) && isEditMode && !isNotRemovable ? onDeleteValue : void 0 }, id);
+  const countChip = /* @__PURE__ */ jsx(CustomChip, { label: nItemsLabel, chipClasses: cx(chipClasses.mainChip, chipClasses.chip, classes.chipDeleteLeft), labelClasses: cx(chipClasses.spaceLabel, chipClasses.formatLabel), iconClasses: cx(chipClasses.icon, classes.chipDeleteIcon), onDelete: R.is(Function, onDeleteAllDimValues) && isEditMode ? () => onDeleteAllDimValues(dimId, selectedItems) : void 0 });
   return /* @__PURE__ */ jsx(Paper, { ...rest, ref, className: cx(rest.className, classes.frame), children: /* @__PURE__ */ jsxs(Box, { sx: {
     display: "flex",
     flexDirection: "column",
@@ -757,16 +799,19 @@ const DimensionCard = React.forwardRef(({
       flexWrap: "wrap",
       alignItems: "center",
       gap: 0.5
-    }, children: R.isEmpty(selectedItems) ? /* @__PURE__ */ jsx(CustomChip, { label: R.propOr("All items", "allItems", labels), chipClasses: cx(chipClasses.mainChip, chipClasses.chip, classes.chipBorder, classes.chipRadius), labelClasses: cx(chipClasses.spaceLabel, chipClasses.formatLabel), iconClasses: chipClasses.icon }) : showCollapseToggle ? /* @__PURE__ */ jsxs(Box, { className: cx(classes.concatenatedChips, expanded && classes.concatenatedChipsExpanded), children: [
-      /* @__PURE__ */ jsxs(Box, { className: classes.concatenatedChipsRow, children: [
-        countChip,
-        expanded ? toggle(/* @__PURE__ */ jsx(Remove, { fontSize: "small" }), R.propOr("Show less", "showLess", labels)) : toggle(/* @__PURE__ */ jsx(Add, { fontSize: "small" }), R.propOr("Show more", "showMore", labels))
-      ] }),
-      expanded && /* @__PURE__ */ jsx(Box, { id: chipsId, className: classes.concatenatedChipsRow, children: R.map((chip) => valueChip(chip, {
+    }, children: R.isEmpty(selectedItems) ? /* @__PURE__ */ jsx(CustomChip, { label: R.propOr("All items", "allItems", labels), chipClasses: cx(chipClasses.mainChip, chipClasses.chip, classes.chipBorder, classes.chipRadius), labelClasses: cx(chipClasses.spaceLabel, chipClasses.formatLabel), iconClasses: chipClasses.icon }) : showCollapseToggle ? /* @__PURE__ */ jsx(ChipRuns, { id: chipsId, classes, items: [{
+      key: "count",
+      node: countChip
+    }, {
+      key: "toggle",
+      node: expanded ? toggle(/* @__PURE__ */ jsx(Remove, { fontSize: "small" }), R.propOr("Show less", "showLess", labels)) : toggle(/* @__PURE__ */ jsx(Add, { fontSize: "small", className: classes.toggleIconPlus }), R.propOr("Show more", "showMore", labels))
+    }, ...expanded ? R.map((chip) => ({
+      key: chip.id,
+      node: valueChip(chip, {
         bordered: false
-      }))(selectedItems) })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      showRemoveAll && isEditMode && /* @__PURE__ */ jsx(CustomChip, { label: R.propOr("Remove all", "removeAll", labels), chipClasses: cx(chipClasses.mainChip, chipClasses.chip, classes.chipDeleteLeft, classes.removeAllChip, classes.chipBorder), labelClasses: cx(chipClasses.spaceLabel, chipClasses.formatLabel), iconClasses: chipClasses.icon, onDelete: R.is(Function, onDeleteAllDimValues) ? () => onDeleteAllDimValues(dimId, selectedItems) : void 0 }),
+      })
+    }), selectedItems) : []] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      showRemoveAll && isEditMode && /* @__PURE__ */ jsx(CustomChip, { label: R.propOr("Remove all", "removeAll", labels), chipClasses: cx(chipClasses.mainChip, chipClasses.chip, classes.chipDeleteLeft, classes.chipBorder, classes.chipRadius), labelClasses: cx(chipClasses.spaceLabel, chipClasses.formatLabel), iconClasses: cx(chipClasses.icon, classes.chipDeleteIcon), onDelete: R.is(Function, onDeleteAllDimValues) ? () => onDeleteAllDimValues(dimId, selectedItems) : void 0 }),
       R.map((chip) => valueChip(chip))(selectedItems)
     ] }) })
   ] }) });