@sis-cc/dotstatsuite-visions 13.9.0 → 14.0.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/Alert/Alert.js +5 -3
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/ApiQueries/ApiQueries.js +2 -1
- package/dist/ApiQueries/ApiQueries.js.map +1 -1
- package/dist/AuthDialog/AuthDialog.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +2 -1
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Button/Button.js.map +1 -1
- package/dist/ChartsConfig/ChartsConfig.js +12 -7
- package/dist/ChartsConfig/ChartsConfig.js.map +1 -1
- package/dist/CollapseButtons/CollapseButtons.js +14 -8
- package/dist/CollapseButtons/CollapseButtons.js.map +1 -1
- package/dist/CollapsibleTree/CollapsibleTree.js +47 -29
- package/dist/CollapsibleTree/CollapsibleTree.js.map +1 -1
- package/dist/Contact/Contact.js +6 -5
- package/dist/Contact/Contact.js.map +1 -1
- package/dist/DataFooter/DataFooter.js +1 -1
- package/dist/DataFooter/DataFooter.js.map +1 -1
- package/dist/DataHeader/DataHeader.js +8 -6
- package/dist/DataHeader/DataHeader.js.map +1 -1
- package/dist/Dataflow/Dataflow.js +6 -3
- package/dist/Dataflow/Dataflow.js.map +1 -1
- package/dist/DeleteAllChip/DeleteAllChip.js +1 -1
- package/dist/DynamicDrawer/DynamicDrawer.js +8 -9
- package/dist/DynamicDrawer/DynamicDrawer.js.map +1 -1
- package/dist/ExpansionPanel/ExpansionPanel.js +3 -2
- package/dist/ExpansionPanel/ExpansionPanel.js.map +1 -1
- package/dist/GroupedChips/GroupedChips.js +5 -4
- package/dist/GroupedChips/GroupedChips.js.map +1 -1
- package/dist/HierarchicalFilter/HierarchicalFilter.js +1 -1
- package/dist/HierarchicalFilter/HierarchicalFilter.js.map +1 -1
- package/dist/Icons/AccessibilityFilled.js.map +1 -1
- package/dist/Icons/AccessibilityOutlined.js.map +1 -1
- package/dist/Icons/AccountFilled.js.map +1 -1
- package/dist/Icons/AccountOutlined.js.map +1 -1
- package/dist/Icons/Api.js.map +1 -1
- package/dist/Icons/Asterisk.js.map +1 -1
- package/dist/Icons/Bar.js.map +1 -1
- package/dist/Icons/CopyContent.js.map +1 -1
- package/dist/Icons/Cross.js.map +1 -1
- package/dist/Icons/HSymbol.js.map +1 -1
- package/dist/Icons/Row.js.map +1 -1
- package/dist/Icons/Scatter.js.map +1 -1
- package/dist/Icons/StackedBar.js.map +1 -1
- package/dist/Icons/StackedRow.js.map +1 -1
- package/dist/Icons/Timeline.js.map +1 -1
- package/dist/Icons/VSymbol.js.map +1 -1
- package/dist/Input/Input.js.map +1 -1
- package/dist/InputNumber/InputNumber.js.map +1 -1
- package/dist/LabelDivider/LabelDivider.js.map +1 -1
- package/dist/Loading/Loading.js.map +1 -1
- package/dist/Logo/Logo.js +1 -1
- package/dist/Logo/Logo.js.map +1 -1
- package/dist/Mode/Mode.js +5 -4
- package/dist/Mode/Mode.js.map +1 -1
- package/dist/Pagination/Pagination.js +0 -1
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/PeriodPicker/PeriodPicker.js +62 -61
- package/dist/PeriodPicker/PeriodPicker.js.map +1 -1
- package/dist/Select/Select.js +13 -11
- package/dist/Select/Select.js.map +1 -1
- package/dist/Share/Share.js +2 -1
- package/dist/Share/Share.js.map +1 -1
- package/dist/ShortUrls/ShortUrls.js.map +1 -1
- package/dist/SisccFooter/SisccFooter.js +30 -20
- package/dist/SisccFooter/SisccFooter.js.map +1 -1
- package/dist/Spotlight/Spotlight.js +8 -7
- package/dist/Spotlight/Spotlight.js.map +1 -1
- package/dist/TableFooter/TableFooter.js.map +1 -1
- package/dist/TableHeader/TableHeader.js.map +1 -1
- package/dist/TableHtml5/TableHtml5.js +25 -19
- package/dist/TableHtml5/TableHtml5.js.map +1 -1
- package/dist/TableLayout/TableLayout.js +9 -6
- package/dist/TableLayout/TableLayout.js.map +1 -1
- package/dist/TablePreview/TablePreview.js +17 -8
- package/dist/TablePreview/TablePreview.js.map +1 -1
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/UserRightForm/UserRightForm.js.map +1 -1
- package/dist/VerticalButton/VerticalButton.js.map +1 -1
- package/dist/chunks/{CustomChip-CMYCIorJ.js → CustomChip-VonwGtLq.js} +7 -7
- package/dist/chunks/CustomChip-VonwGtLq.js.map +1 -0
- package/dist/chunks/{useKeybordEscapeHandler-DRsOrnwc.js → useKeybordEscapeHandler-DZZOPw7k.js} +2 -2
- package/dist/chunks/useKeybordEscapeHandler-DZZOPw7k.js.map +1 -0
- package/dist/chunks/utils-kslX1mzh.js.map +1 -1
- package/dist/chunks/with-input-DRWNlMdA.js.map +1 -1
- package/dist/chunks/{withSpotlight-ooTVUwmd.js → withSpotlight-Bqdm585G.js} +37 -37
- package/dist/chunks/withSpotlight-Bqdm585G.js.map +1 -0
- package/package.json +27 -31
- package/dist/chunks/CustomChip-CMYCIorJ.js.map +0 -1
- package/dist/chunks/useKeybordEscapeHandler-DRsOrnwc.js.map +0 -1
- package/dist/chunks/withSpotlight-ooTVUwmd.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Fields.jsx","../../src/Spotlight/useStyles.js","../../src/Spotlight/useSpotlight.js","../../src/Spotlight/Spotlight.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as R from 'ramda';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Popover from '@mui/material/Popover';\nimport Button from '@mui/material/Button';\nimport { ArrowDropDown, Check } from '@mui/icons-material';\n\nexport const Field = ({ spotlight = {}, onChangeField, isRtl, classes }) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handleClick = event => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const open = Boolean(anchorEl);\n const id = open ? 'visions-spotlight-popover' : undefined;\n\n return (\n <Fragment>\n <Button aria-describedby={id} onClick={handleClick}>\n <div className={classes.buttonContainer}>\n {R.prop('searchLabel', spotlight)}\n {<ArrowDropDown fontSize=\"small\" />}\n </div>\n </Button>\n <Popover\n id={id}\n open={open}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'center',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'center',\n }}\n >\n <div dir={isRtl ? 'rtl' : 'ltr'} className={classes.popoverButton}>\n {R.pipe(\n R.values,\n R.map(field => (\n <Button\n key={field.id}\n className={classes.buttonContainer}\n onClick={onChangeField(field)}\n disabled={field.disabled}\n >\n <Check\n fontSize=\"small\"\n className={cx({ [classes.selected]: !R.prop('isSelected')(field) })}\n />\n <spotlight.FieldLabelRenderer id={field.id} />\n </Button>\n )),\n )(R.prop('fields', spotlight))}\n </div>\n </Popover>\n </Fragment>\n );\n};\n\nField.propTypes = {\n classes: PropTypes.object,\n spotlight: PropTypes.shape({\n fields: PropTypes.shape({\n id: PropTypes.string,\n isSelected: PropTypes.bool,\n disabled: PropTypes.bool,\n }),\n searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n FieldLabelRenderer: PropTypes.func,\n }),\n onChangeField: PropTypes.func.isRequired,\n isRtl: PropTypes.bool,\n};\n","import * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\n\nexport const useStyles = makeStyles(theme => ({\n container: {\n padding: theme.spacing(1.875),\n borderRadius: theme.spacing(0.5),\n backgroundColor:\n R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.dark,\n },\n fullWidth: {\n width: '100%',\n },\n defaultWidth: {\n maxWidth: 420,\n minWidth: 250,\n },\n containerFocus: {\n backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.light,\n borderRadius: theme.shape.borderRadius,\n ...R.pathOr({}, ['mixins', 'spotlight', 'focus'], theme),\n },\n root: {\n display: 'flex',\n alignItems: 'center',\n border: `solid 1px ${theme.palette.grey[400]}`,\n paddingRight: theme.spacing(1),\n },\n input: {\n marginLeft: theme.spacing(0),\n flex: 1,\n },\n inputBase: {\n ...R.pathOr({}, ['typography', 'body2'], theme),\n lineHeight: 0,\n },\n inputBaseMargin: {\n padding: theme.spacing(0),\n height: theme.spacing(3.75),\n },\n leftIcon: {\n padding: theme.spacing(0.125, 0.5),\n '&.Mui-disabled': {\n color: `${theme.palette.grey[700]} !important`,\n },\n },\n rightIcon: {\n padding: theme.spacing(0.125, 0),\n borderRadius: theme.shape.borderRadius,\n color: theme.palette.primary.main,\n margin: theme.spacing(0.125),\n '&.Mui-disabled': {\n color: `${theme.palette.grey[700]} !important`,\n },\n },\n clear: {\n padding: '3px 0px 0px 0px',\n },\n popoverButton: {\n display: 'flex',\n flexDirection: 'column',\n },\n divider: {\n width: 1,\n height: '1.5em',\n margin: theme.spacing(0.5),\n },\n selected: {\n visibility: 'hidden',\n },\n buttonContainer: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n },\n}));\n","import { useState, useEffect } from 'react';\nimport * as R from 'ramda';\n\nexport const useSpotlight = (hasCommit, defaultTerm = '', defaultSpotlight, action = () => {}) => {\n const [term, setTerm] = useState(defaultTerm);\n const [spotlight = {}, setSpotlight] = useState(defaultSpotlight);\n const [isFocus, setFocus] = useState(false);\n\n useEffect(() => {\n setTerm(defaultTerm);\n setSpotlight(defaultSpotlight);\n }, [defaultTerm, defaultSpotlight]);\n\n const onKeyPress = event => {\n if (event.key === 'Enter') return action({ term, spotlight });\n };\n\n const onClearTerm = event => {\n event.preventDefault();\n setTerm('');\n return action({ term: '' });\n };\n\n const onChangeTerm = event => {\n event.preventDefault();\n const newTerm = R.propOr('', 'value')(event.target);\n setTerm(newTerm);\n return hasCommit ? null : action({ term: newTerm, spotlight });\n };\n\n const onCommitTerm = event => {\n event.preventDefault();\n return action({ term, spotlight });\n };\n\n const onChangeField = field => event => {\n event.preventDefault();\n const newSpotlight = {\n ...spotlight,\n fields: {\n ...spotlight.fields,\n [field.id]: { ...field, isSelected: !field.isSelected },\n },\n };\n setSpotlight(newSpotlight);\n return action({ term, spotlight: newSpotlight });\n };\n\n return {\n value: term,\n spotlight,\n isFocus,\n setFocus,\n onKeyPress,\n onClearTerm,\n onChangeTerm,\n onChangeField,\n onCommitTerm,\n };\n};\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport * as R from 'ramda';\nimport { ArrowBack, ArrowForward, Search } from '@mui/icons-material';\nimport { useTheme } from '@mui/material/styles';\nimport Paper from '@mui/material/Paper';\nimport IconButton from '@mui/material/IconButton';\nimport InputBase from '@mui/material/InputBase';\nimport { Field } from './Fields';\nimport { useStyles } from './useStyles';\nimport { useSpotlight } from './useSpotlight';\nimport { Cross } from '../Icons/Cross';\n\nconst size = R.pipe(R.values, R.length);\n\nexport const Spotlight = ({\n placeholder,\n hasClearAll,\n hasCommit,\n withBorder,\n defaultSpotlight,\n term,\n action,\n fullWidth,\n className,\n withAutoFocus = false,\n labels,\n testId = 'spotlight',\n}) => {\n const {\n value,\n spotlight,\n isFocus,\n onKeyPress,\n onClearTerm,\n onChangeTerm,\n onChangeField,\n onCommitTerm,\n setFocus,\n } = useSpotlight(hasCommit, term, defaultSpotlight, action);\n const classes = useStyles();\n const theme = useTheme();\n const isRtl = R.equals('rtl', R.prop('direction', theme));\n\n return (\n <div\n data-testid={testId}\n className={cx(R.prop('container', className), {\n [classes.container]: withBorder,\n [classes.containerFocus]: isFocus,\n [classes.fullWidth]: fullWidth,\n [classes.defaultWidth]: !fullWidth,\n })}\n >\n <Paper className={classes.root} elevation={0}>\n <IconButton\n className={classes.leftIcon}\n disabled\n aria-label={R.propOr('search', 'searchSpotlight')(labels)}\n size=\"large\"\n >\n <Search />\n </IconButton>\n <InputBase\n inputProps={{\n 'aria-label': placeholder,\n 'data-testid': `${testId}_input`,\n }}\n className={classes.input}\n sx={{\n '& input::placeholder': {\n color: theme.palette.grey[700],\n opacity: 1,\n },\n }}\n classes={{ root: classes.inputBase, input: classes.inputBaseMargin }}\n placeholder={placeholder}\n onKeyDown={onKeyPress}\n value={value}\n onChange={onChangeTerm}\n onFocus={() => setFocus(true)}\n onBlur={() => setFocus(false)}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={withAutoFocus}\n />\n {hasClearAll && !R.isEmpty(value) ? (\n <IconButton\n aria-label={R.propOr('clear', 'clearSpotlight')(labels)}\n onClick={onClearTerm}\n className={cx(classes.rightIcon, classes.clear)}\n size=\"large\"\n >\n <Cross />\n </IconButton>\n ) : null}\n {R.gt(size(R.prop('fields', spotlight)), 1) ? (\n <Fragment>\n <Field\n spotlight={spotlight}\n onChangeField={onChangeField}\n isRtl={isRtl}\n term={value}\n classes={classes}\n />\n </Fragment>\n ) : null}\n {hasCommit ? (\n <Fragment>\n <IconButton\n disabled={R.isEmpty(value)}\n color=\"primary\"\n className={classes.rightIcon}\n aria-label={R.propOr('commit', 'commitSpotlight')(labels)}\n onClick={onCommitTerm}\n size=\"large\"\n >\n {isRtl ? <ArrowBack /> : <ArrowForward />}\n </IconButton>\n </Fragment>\n ) : null}\n </Paper>\n </div>\n );\n};\n\nSpotlight.propTypes = {\n term: PropTypes.string,\n testId: PropTypes.string,\n placeholder: PropTypes.string,\n defaultSpotlight: PropTypes.shape({\n fields: PropTypes.object,\n searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n FieldLabelRenderer: PropTypes.func,\n }),\n action: PropTypes.func,\n hasClearAll: PropTypes.bool,\n hasCommit: PropTypes.bool,\n withBorder: PropTypes.bool,\n fullWidth: PropTypes.bool,\n classes: PropTypes.object,\n className: PropTypes.object,\n withAutoFocus: PropTypes.bool,\n};\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Fields.jsx","../../src/Spotlight/useStyles.js","../../src/Spotlight/useSpotlight.js","../../src/Spotlight/Spotlight.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as R from 'ramda';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Popover from '@mui/material/Popover';\nimport Button from '@mui/material/Button';\nimport { ArrowDropDown, Check } from '@mui/icons-material';\n\nconst EMPTY_SPOTLIGHT = {};\n\nexport const Field = ({ spotlight = EMPTY_SPOTLIGHT, onChangeField, isRtl, classes }) => {\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleClose = () => {\n setAnchorEl(null);\n };\n\n const open = Boolean(anchorEl);\n const id = open ? 'visions-spotlight-popover' : undefined;\n\n return (\n <Fragment>\n <Button aria-describedby={id} onClick={handleClick}>\n <div className={classes.buttonContainer}>\n {R.prop('searchLabel', spotlight)}\n {<ArrowDropDown fontSize=\"small\" />}\n </div>\n </Button>\n <Popover\n id={id}\n open={open}\n anchorEl={anchorEl}\n onClose={handleClose}\n anchorOrigin={{\n vertical: 'bottom',\n horizontal: 'center',\n }}\n transformOrigin={{\n vertical: 'top',\n horizontal: 'center',\n }}\n >\n <div dir={isRtl ? 'rtl' : 'ltr'} className={classes.popoverButton}>\n {R.pipe(\n R.values,\n R.map((field) => (\n <Button\n key={field.id}\n className={classes.buttonContainer}\n onClick={onChangeField(field)}\n disabled={field.disabled}\n >\n <Check\n fontSize=\"small\"\n className={cx({ [classes.selected]: !R.prop('isSelected')(field) })}\n />\n <spotlight.FieldLabelRenderer id={field.id} />\n </Button>\n ))\n )(R.prop('fields', spotlight))}\n </div>\n </Popover>\n </Fragment>\n );\n};\n\nField.propTypes = {\n classes: PropTypes.object,\n spotlight: PropTypes.shape({\n fields: PropTypes.shape({\n id: PropTypes.string,\n isSelected: PropTypes.bool,\n disabled: PropTypes.bool,\n }),\n searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n FieldLabelRenderer: PropTypes.func,\n }),\n onChangeField: PropTypes.func.isRequired,\n isRtl: PropTypes.bool,\n};\n","import * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\n\nexport const useStyles = makeStyles((theme) => ({\n container: {\n padding: theme.spacing(1.875),\n borderRadius: theme.spacing(0.5),\n backgroundColor:\n R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.dark,\n },\n fullWidth: {\n width: '100%',\n },\n defaultWidth: {\n maxWidth: 420,\n minWidth: 250,\n },\n containerFocus: {\n backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.light,\n borderRadius: theme.shape.borderRadius,\n ...R.pathOr({}, ['mixins', 'spotlight', 'focus'], theme),\n },\n root: {\n display: 'flex',\n alignItems: 'center',\n border: `solid 1px ${theme.palette.grey[400]}`,\n paddingRight: theme.spacing(1),\n },\n input: {\n marginLeft: theme.spacing(0),\n flex: 1,\n },\n inputBase: {\n ...R.pathOr({}, ['typography', 'body2'], theme),\n lineHeight: 0,\n },\n inputBaseMargin: {\n padding: theme.spacing(0),\n height: theme.spacing(3.75),\n },\n leftIcon: {\n padding: theme.spacing(0.125, 0.5),\n '&.Mui-disabled': {\n color: `${theme.palette.grey[700]} !important`,\n },\n },\n rightIcon: {\n padding: theme.spacing(0.125, 0),\n borderRadius: theme.shape.borderRadius,\n color: theme.palette.primary.main,\n margin: theme.spacing(0.125),\n '&.Mui-disabled': {\n color: `${theme.palette.grey[700]} !important`,\n },\n },\n clear: {\n padding: '3px 0px 0px 0px',\n },\n popoverButton: {\n display: 'flex',\n flexDirection: 'column',\n },\n divider: {\n width: 1,\n height: '1.5em',\n margin: theme.spacing(0.5),\n },\n selected: {\n visibility: 'hidden',\n },\n buttonContainer: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n },\n}));\n","import { useState, useEffect } from 'react';\nimport * as R from 'ramda';\n\nexport const useSpotlight = (hasCommit, defaultTerm = '', defaultSpotlight, action = () => {}) => {\n const [term, setTerm] = useState(defaultTerm);\n const [spotlight = {}, setSpotlight] = useState(defaultSpotlight);\n const [isFocus, setFocus] = useState(false);\n\n useEffect(() => {\n setTerm(defaultTerm);\n setSpotlight(defaultSpotlight);\n }, [defaultTerm, defaultSpotlight]);\n\n const onKeyPress = (event) => {\n if (event.key === 'Enter') return action({ term, spotlight });\n };\n\n const onClearTerm = (event) => {\n event.preventDefault();\n setTerm('');\n return action({ term: '' });\n };\n\n const onChangeTerm = (event) => {\n event.preventDefault();\n const newTerm = R.propOr('', 'value')(event.target);\n setTerm(newTerm);\n return hasCommit ? null : action({ term: newTerm, spotlight });\n };\n\n const onCommitTerm = (event) => {\n event.preventDefault();\n return action({ term, spotlight });\n };\n\n const onChangeField = (field) => (event) => {\n event.preventDefault();\n const newSpotlight = {\n ...spotlight,\n fields: {\n ...spotlight.fields,\n [field.id]: { ...field, isSelected: !field.isSelected },\n },\n };\n setSpotlight(newSpotlight);\n return action({ term, spotlight: newSpotlight });\n };\n\n return {\n value: term,\n spotlight,\n isFocus,\n setFocus,\n onKeyPress,\n onClearTerm,\n onChangeTerm,\n onChangeField,\n onCommitTerm,\n };\n};\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport * as R from 'ramda';\nimport { ArrowBack, ArrowForward, Search } from '@mui/icons-material';\nimport { useTheme } from '@mui/material/styles';\nimport Paper from '@mui/material/Paper';\nimport IconButton from '@mui/material/IconButton';\nimport InputBase from '@mui/material/InputBase';\nimport { Field } from './Fields';\nimport { useStyles } from './useStyles';\nimport { useSpotlight } from './useSpotlight';\nimport { Cross } from '../Icons/Cross';\n\nconst size = R.pipe(R.values, R.length);\n\nexport const Spotlight = ({\n placeholder,\n hasClearAll,\n hasCommit,\n withBorder,\n defaultSpotlight,\n term,\n action,\n fullWidth,\n className,\n withAutoFocus = false,\n labels,\n testId = 'spotlight',\n}) => {\n const {\n value,\n spotlight,\n isFocus,\n onKeyPress,\n onClearTerm,\n onChangeTerm,\n onChangeField,\n onCommitTerm,\n setFocus,\n } = useSpotlight(hasCommit, term, defaultSpotlight, action);\n const classes = useStyles();\n const theme = useTheme();\n const isRtl = R.equals('rtl', R.prop('direction', theme));\n\n return (\n <div\n data-testid={testId}\n className={cx(R.prop('container', className), {\n [classes.container]: withBorder,\n [classes.containerFocus]: isFocus,\n [classes.fullWidth]: fullWidth,\n [classes.defaultWidth]: !fullWidth,\n })}\n >\n <Paper className={classes.root} elevation={0}>\n <IconButton\n className={classes.leftIcon}\n disabled\n aria-label={R.propOr('search', 'searchSpotlight')(labels)}\n size=\"large\"\n >\n <Search />\n </IconButton>\n <InputBase\n inputProps={{\n 'aria-label': placeholder,\n 'data-testid': `${testId}_input`,\n }}\n className={classes.input}\n sx={{\n '& input::placeholder': {\n color: theme.palette.grey[700],\n opacity: 1,\n },\n }}\n classes={{ root: classes.inputBase, input: classes.inputBaseMargin }}\n placeholder={placeholder}\n onKeyDown={onKeyPress}\n value={value}\n onChange={onChangeTerm}\n onFocus={() => setFocus(true)}\n onBlur={() => setFocus(false)}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={withAutoFocus}\n />\n {hasClearAll && !R.isEmpty(value) ? (\n <IconButton\n aria-label={R.propOr('clear', 'clearSpotlight')(labels)}\n onClick={onClearTerm}\n className={cx(classes.rightIcon, classes.clear)}\n size=\"large\"\n >\n <Cross />\n </IconButton>\n ) : null}\n {R.gt(size(R.prop('fields', spotlight)), 1) ? (\n <Fragment>\n <Field\n spotlight={spotlight}\n onChangeField={onChangeField}\n isRtl={isRtl}\n term={value}\n classes={classes}\n />\n </Fragment>\n ) : null}\n {hasCommit ? (\n <Fragment>\n <IconButton\n disabled={R.isEmpty(value)}\n color=\"primary\"\n className={classes.rightIcon}\n aria-label={R.propOr('commit', 'commitSpotlight')(labels)}\n onClick={onCommitTerm}\n size=\"large\"\n >\n {isRtl ? <ArrowBack /> : <ArrowForward />}\n </IconButton>\n </Fragment>\n ) : null}\n </Paper>\n </div>\n );\n};\n\nSpotlight.propTypes = {\n term: PropTypes.string,\n testId: PropTypes.string,\n placeholder: PropTypes.string,\n defaultSpotlight: PropTypes.shape({\n fields: PropTypes.object,\n searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n FieldLabelRenderer: PropTypes.func,\n }),\n action: PropTypes.func,\n hasClearAll: PropTypes.bool,\n hasCommit: PropTypes.bool,\n withBorder: PropTypes.bool,\n fullWidth: PropTypes.bool,\n classes: PropTypes.object,\n className: PropTypes.object,\n withAutoFocus: PropTypes.bool,\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableFooter.js","sources":["../../src/TableFooter/TableFooter.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nconst useStyles = makeStyles(theme => ({\n font: {\n color: theme.palette.grey[600],\n },\n spaceContainer: {\n paddingLeft: theme.spacing(1.5),\n },\n gridContainer: {\n padding: theme.spacing(0.5, 1.5),\n },\n}));\n\nexport const TableFooter = ({ tooltip, label, logo, link, linkLabel, height = 25 }) => {\n const classes = useStyles();\n return (\n <Grid container direction=\"row\" alignItems=\"center\" spacing={2}>\n <Grid item xs={1} className={classes.gridContainer}>\n <Tooltip\n placement=\"top\"\n title={\n <Typography variant=\"body2\">\n <Typography variant=\"inherit\">{R.prop('label')(tooltip)}</Typography>\n <a className={classes.spaceContainer} href={R.prop('link')(tooltip)}>\n {R.prop('linkLabel')(tooltip)}\n </a>\n </Typography>\n }\n >\n <Typography variant=\"body2\" className={classes.font}>\n {R.ifElse(R.isNil, R.always('©'), R.identity)(label)}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item xs={11} className={classes.gridContainer}>\n <Grid container justifyContent=\"flex-end\">\n <Typography variant=\"body2\" className={classes.font}>\n <a href={link}>{linkLabel}</a>\n </Typography>\n <img className={classes.spaceContainer} height={height} src={logo} alt=\"logo\" />\n </Grid>\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAOA,MAAM,SAAA,GAAY,
|
|
1
|
+
{"version":3,"file":"TableFooter.js","sources":["../../src/TableFooter/TableFooter.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nconst useStyles = makeStyles((theme) => ({\n font: {\n color: theme.palette.grey[600],\n },\n spaceContainer: {\n paddingLeft: theme.spacing(1.5),\n },\n gridContainer: {\n padding: theme.spacing(0.5, 1.5),\n },\n}));\n\nexport const TableFooter = ({ tooltip, label, logo, link, linkLabel, height = 25 }) => {\n const classes = useStyles();\n return (\n <Grid container direction=\"row\" alignItems=\"center\" spacing={2}>\n <Grid item xs={1} className={classes.gridContainer}>\n <Tooltip\n placement=\"top\"\n title={\n <Typography variant=\"body2\">\n <Typography variant=\"inherit\">{R.prop('label')(tooltip)}</Typography>\n <a className={classes.spaceContainer} href={R.prop('link')(tooltip)}>\n {R.prop('linkLabel')(tooltip)}\n </a>\n </Typography>\n }\n >\n <Typography variant=\"body2\" className={classes.font}>\n {R.ifElse(R.isNil, R.always('©'), R.identity)(label)}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item xs={11} className={classes.gridContainer}>\n <Grid container justifyContent=\"flex-end\">\n <Typography variant=\"body2\" className={classes.font}>\n <a href={link}>{linkLabel}</a>\n </Typography>\n <img className={classes.spaceContainer} height={height} src={logo} alt=\"logo\" />\n </Grid>\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAOA,MAAM,SAAA,GAAY,UAAA,CAAW,CAAC,KAAA,MAAW;AAAA,EACvC,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,GAAG;AAAA,GAC/B;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GAChC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,GAAA,EAAK,GAAG;AAAA;AAEnC,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,CAAC,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,IAAA,EAAM,SAAA,EAAW,MAAA,GAAS,EAAA,EAAG,KAAM;AACrF,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,uBACE,IAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAC,WAAU,KAAA,EAAM,UAAA,EAAW,QAAA,EAAS,OAAA,EAAS,CAAA,EAC3D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EAAG,SAAA,EAAW,QAAQ,aAAA,EACnC,QAAA,kBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,KAAA;AAAA,QACV,KAAA,kBACE,IAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAClB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,SAAA,EAAW,QAAA,EAAA,CAAA,CAAE,KAAK,OAAO,CAAA,CAAE,OAAO,CAAA,EAAE,CAAA;AAAA,8BACvD,GAAA,EAAA,EAAE,SAAA,EAAW,OAAA,CAAQ,cAAA,EAAgB,MAAM,CAAA,CAAE,IAAA,CAAK,MAAM,CAAA,CAAE,OAAO,CAAA,EAC/D,QAAA,EAAA,CAAA,CAAE,KAAK,WAAW,CAAA,CAAE,OAAO,CAAA,EAC9B;AAAA,SAAA,EACF,CAAA;AAAA,QAGF,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAQ,SAAA,EAAW,OAAA,CAAQ,MAC5C,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,EAAE,KAAA,EAAO,CAAA,CAAE,OAAO,GAAG,CAAA,EAAG,EAAE,QAAQ,CAAA,CAAE,KAAK,CAAA,EACrD;AAAA;AAAA,KACF,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,aAAA,EACpC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,gBAAe,UAAA,EAC7B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,IAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAM,IAAA,EAAO,QAAA,EAAA,SAAA,EAAU,CAAA,EAC5B,CAAA;AAAA,sBACA,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,gBAAgB,MAAA,EAAgB,GAAA,EAAK,IAAA,EAAM,GAAA,EAAI,MAAA,EAAO;AAAA,KAAA,EAChF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sources":["../../src/TableHeader/TableHeader.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport { Lens } from '@mui/icons-material';\n\nconst useStyles = makeStyles(theme => ({\n title: {\n color: theme.palette.text.primary,\n },\n subtitle: {\n color: theme.palette.text.secondary,\n lineHeight: 1.3,\n },\n icon: {\n height: '0.35em',\n color: theme.palette.text.secondary,\n },\n}));\n\nexport const TableHeader = ({ header }) => {\n const classes = useStyles();\n return (\n <div className={classes.container}>\n <Typography variant=\"h5\" className={classes.title}>\n {R.prop('title')(header)}\n </Typography>\n <Typography variant=\"subtitle1\" className={classes.subtitle}>\n {R.pipe(\n R.propOr([], 'subtitle'),\n R.intersperse(<Lens className={classes.icon} />),\n R.addIndex(R.map)((v, index) => (\n <Fragment key={R.toString([R.prop('title')(header), index])}>{v}</Fragment>\n ))
|
|
1
|
+
{"version":3,"file":"TableHeader.js","sources":["../../src/TableHeader/TableHeader.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport { Lens } from '@mui/icons-material';\n\nconst useStyles = makeStyles((theme) => ({\n title: {\n color: theme.palette.text.primary,\n },\n subtitle: {\n color: theme.palette.text.secondary,\n lineHeight: 1.3,\n },\n icon: {\n height: '0.35em',\n color: theme.palette.text.secondary,\n },\n}));\n\nexport const TableHeader = ({ header }) => {\n const classes = useStyles();\n return (\n <div className={classes.container}>\n <Typography variant=\"h5\" className={classes.title}>\n {R.prop('title')(header)}\n </Typography>\n <Typography variant=\"subtitle1\" className={classes.subtitle}>\n {R.pipe(\n R.propOr([], 'subtitle'),\n R.intersperse(<Lens className={classes.icon} />),\n R.addIndex(R.map)((v, index) => (\n <Fragment key={R.toString([R.prop('title')(header), index])}>{v}</Fragment>\n ))\n )(header)}\n </Typography>\n <Typography variant=\"subtitle1\" className={classes.subtitle}>\n {R.prop('uprs')(header)}\n </Typography>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,SAAA,GAAY,UAAA,CAAW,CAAC,KAAA,MAAW;AAAA,EACvC,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA,GAC5B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,QAAA;AAAA,IACR,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAE9B,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,CAAC,EAAE,MAAA,EAAO,KAAM;AACzC,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,KAAA,EACzC,QAAA,EAAA,CAAA,CAAE,IAAA,CAAK,OAAO,CAAA,CAAE,MAAM,CAAA,EACzB,CAAA;AAAA,wBACC,UAAA,EAAA,EAAW,OAAA,EAAQ,aAAY,SAAA,EAAW,OAAA,CAAQ,UAChD,QAAA,EAAA,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,CAAE,MAAA,CAAO,EAAC,EAAG,UAAU,CAAA;AAAA,MACvB,EAAE,WAAA,iBAAY,GAAA,CAAC,QAAK,SAAA,EAAW,OAAA,CAAQ,MAAM,CAAE,CAAA;AAAA,MAC/C,CAAA,CAAE,SAAS,CAAA,CAAE,GAAG,EAAE,CAAC,CAAA,EAAG,KAAA,qBACpB,GAAA,CAAC,QAAA,EAAA,EAA6D,QAAA,EAAA,CAAA,EAAA,EAA/C,EAAE,QAAA,CAAS,CAAC,CAAA,CAAE,IAAA,CAAK,OAAO,CAAA,CAAE,MAAM,CAAA,EAAG,KAAK,CAAC,CAAM,CACjE;AAAA,KACH,CAAE,MAAM,CAAA,EACV,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,SAAA,EAAW,OAAA,CAAQ,QAAA,EAChD,QAAA,EAAA,CAAA,CAAE,IAAA,CAAK,MAAM,CAAA,CAAE,MAAM,CAAA,EACxB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -12,12 +12,12 @@ import { g as getIsRtl, a as getLight, b as getDark } from '../chunks/utils-kslX
|
|
|
12
12
|
import { visuallyHidden } from '@mui/utils';
|
|
13
13
|
import MuiTooltip from '@mui/material/Tooltip';
|
|
14
14
|
import { Asterisk } from '../Icons/Asterisk.js';
|
|
15
|
-
import { u as useKeyboardEscapeHandler } from '../chunks/useKeybordEscapeHandler-
|
|
15
|
+
import { u as useKeyboardEscapeHandler } from '../chunks/useKeybordEscapeHandler-DZZOPw7k.js';
|
|
16
16
|
import Link from '@mui/material/Link';
|
|
17
17
|
import TableBody from '@mui/material/TableBody';
|
|
18
18
|
import Grid from '@mui/material/Grid';
|
|
19
19
|
|
|
20
|
-
const getValue = labelAccessor => item =>
|
|
20
|
+
const getValue = (labelAccessor) => (item) =>
|
|
21
21
|
R.has('values', item)
|
|
22
22
|
? R.reduce(
|
|
23
23
|
(acc, val) => ({
|
|
@@ -27,11 +27,11 @@ const getValue = labelAccessor => item =>
|
|
|
27
27
|
parents: R.concat(acc.parents, val.parents || []),
|
|
28
28
|
}),
|
|
29
29
|
{ id: '', flags: [], parents: [], label: labelAccessor(item.values) },
|
|
30
|
-
item.values
|
|
30
|
+
item.values
|
|
31
31
|
)
|
|
32
|
-
: R.pipe(R.prop('value'), val => R.assoc('label', labelAccessor(val), val))(item);
|
|
32
|
+
: R.pipe(R.prop('value'), (val) => R.assoc('label', labelAccessor(val), val))(item);
|
|
33
33
|
|
|
34
|
-
const defaultLabelAccessor = item => {
|
|
34
|
+
const defaultLabelAccessor = (item) => {
|
|
35
35
|
if (R.is(Object, item)) {
|
|
36
36
|
return R.prop('name', item);
|
|
37
37
|
}
|
|
@@ -68,7 +68,8 @@ const useStyles$6 = makeStyles((theme) => ({
|
|
|
68
68
|
color: theme.palette.getContrastText(theme.palette.primary.main)
|
|
69
69
|
}
|
|
70
70
|
}));
|
|
71
|
-
const
|
|
71
|
+
const EMPTY_FLAGS = [];
|
|
72
|
+
const Flags = ({ flags = EMPTY_FLAGS, isHeader, HTMLRenderer, labelAccessor }) => {
|
|
72
73
|
const classes = useStyles$6();
|
|
73
74
|
const theme = useTheme();
|
|
74
75
|
const noFlags = R.isNil(flags) || R.isEmpty(flags);
|
|
@@ -285,13 +286,14 @@ const useStyles$4 = makeStyles((theme) => ({
|
|
|
285
286
|
}
|
|
286
287
|
}));
|
|
287
288
|
const isValidNumber = R.both(R.is(Number), R.complement(R.equals(NaN)));
|
|
289
|
+
const EMPTY_INDEXED_DIM_VAL_IDS = {};
|
|
288
290
|
const Cell = ({
|
|
289
291
|
flags,
|
|
290
292
|
value,
|
|
291
293
|
intValue,
|
|
292
294
|
headers,
|
|
293
295
|
isOne,
|
|
294
|
-
indexedDimValIds =
|
|
296
|
+
indexedDimValIds = EMPTY_INDEXED_DIM_VAL_IDS,
|
|
295
297
|
cellHandler,
|
|
296
298
|
activeCellHandler,
|
|
297
299
|
isActive,
|
|
@@ -649,12 +651,12 @@ const SectionComponent = ({
|
|
|
649
651
|
mapIndexed$2((item, columnIndex) => {
|
|
650
652
|
const columnIds = R.pipe(
|
|
651
653
|
R.times(R.identity),
|
|
652
|
-
R.map((
|
|
654
|
+
R.map((headerRowIndex) => {
|
|
653
655
|
const columnId = R.divide(
|
|
654
656
|
columnIndex,
|
|
655
|
-
R.divide(maxColumns, R.nth(
|
|
657
|
+
R.divide(maxColumns, R.nth(headerRowIndex, nbColumnsByRows))
|
|
656
658
|
);
|
|
657
|
-
return `${Math.floor(columnId || 0)}_${
|
|
659
|
+
return `${Math.floor(columnId || 0)}_${headerRowIndex}`;
|
|
658
660
|
}),
|
|
659
661
|
R.join(" ")
|
|
660
662
|
)(headerNumberRows);
|
|
@@ -795,7 +797,7 @@ const Header = ({
|
|
|
795
797
|
mapIndexed$1(
|
|
796
798
|
(headerItem, idx) => {
|
|
797
799
|
const value = headerItem.isEmpty ? { label: "" } : getValue(labelAccessor)(headerItem);
|
|
798
|
-
const
|
|
800
|
+
const valueFlags = R.propOr([], "flags", value);
|
|
799
801
|
const hierarchySpace = R.pipe(
|
|
800
802
|
R.propOr([], "parents"),
|
|
801
803
|
R.length,
|
|
@@ -806,7 +808,7 @@ const Header = ({
|
|
|
806
808
|
{
|
|
807
809
|
component: "th",
|
|
808
810
|
className: cx(classes.tableHeadCell, {
|
|
809
|
-
[classes.topCell]: R.not(R.isEmpty(
|
|
811
|
+
[classes.topCell]: R.not(R.isEmpty(valueFlags))
|
|
810
812
|
}),
|
|
811
813
|
id: `${idx}_${index}`,
|
|
812
814
|
headers: `header_${index}`,
|
|
@@ -817,7 +819,9 @@ const Header = ({
|
|
|
817
819
|
"aria-describedby": id,
|
|
818
820
|
scope: "col",
|
|
819
821
|
children: /* @__PURE__ */ jsxs("div", { className: classes.cellContentCenter, children: [
|
|
820
|
-
!R.isEmpty(hierarchySpace) && mapIndexed$1((space,
|
|
822
|
+
!R.isEmpty(hierarchySpace) && mapIndexed$1((space, spaceIdx) => /* @__PURE__ */ jsx("div", { children: space }, spaceIdx))(
|
|
823
|
+
hierarchySpace
|
|
824
|
+
),
|
|
821
825
|
/* @__PURE__ */ jsxs(
|
|
822
826
|
Typography,
|
|
823
827
|
{
|
|
@@ -833,7 +837,7 @@ const Header = ({
|
|
|
833
837
|
Flags,
|
|
834
838
|
{
|
|
835
839
|
HTMLRenderer,
|
|
836
|
-
flags:
|
|
840
|
+
flags: valueFlags,
|
|
837
841
|
isHeader: true,
|
|
838
842
|
labelAccessor
|
|
839
843
|
}
|
|
@@ -910,10 +914,12 @@ const getCellsWidth = R.addIndex(R.reduce)(
|
|
|
910
914
|
(acc, element, index) => R.append(R.add(acc[index], R.propOr(0, "offsetWidth", element)), acc),
|
|
911
915
|
[0]
|
|
912
916
|
);
|
|
917
|
+
const EMPTY_HEADER_DATA = [];
|
|
918
|
+
const EMPTY_SECTIONS_DATA = [];
|
|
913
919
|
const TableHtml5 = ({
|
|
914
920
|
cells,
|
|
915
|
-
headerData =
|
|
916
|
-
sectionsData =
|
|
921
|
+
headerData = EMPTY_HEADER_DATA,
|
|
922
|
+
sectionsData = EMPTY_SECTIONS_DATA,
|
|
917
923
|
cellHandler,
|
|
918
924
|
activeCellIds,
|
|
919
925
|
activeCellHandler,
|
|
@@ -949,9 +955,9 @@ const TableHtml5 = ({
|
|
|
949
955
|
const xLayoutData = R.pathOr([], [0, 1, -1, "data"], sectionsData);
|
|
950
956
|
const xLayoutDataLength = R.length(xLayoutData);
|
|
951
957
|
const { valuesHeaderData, nbColumnsByRows } = useMemo(() => {
|
|
952
|
-
const
|
|
953
|
-
const
|
|
954
|
-
return { valuesHeaderData:
|
|
958
|
+
const enhancedHeaderData = getEnhancedValuesHeaderData(headerData);
|
|
959
|
+
const columnsByRows = R.map(R.length)(enhancedHeaderData);
|
|
960
|
+
return { valuesHeaderData: enhancedHeaderData, nbColumnsByRows: columnsByRows };
|
|
955
961
|
}, [headerData]);
|
|
956
962
|
const isSingleObs = R.hasPath(["", "", "", 0], cells);
|
|
957
963
|
if (isSingleObs)
|