@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/dist/Logo/Logo.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import cx from 'classnames';
+import makeStyles from '@mui/styles/makeStyles';
+
+const useStyles = makeStyles(() => ({
+  container: {
+    display: "block",
+    textAlign: "center"
+  },
+  logo: {
+    maxWidth: "100%",
+    imageRendering: "crisp-edges"
+  },
+  // https://caniuse.com/mdn-css_properties_image-rendering_crisp-edges
+  alternativeBrowserLogo: {
+    imageRendering: "-webkit-optimize-contrast"
+  }
+}));
+const Logo = ({ logo, alt = "logo", maxHeight = 150, children, fetchPriority = "auto" }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs("span", { className: classes.container, role: "presentation", children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: cx(classes.logo, classes.alternativeBrowserLogo),
+        style: { maxHeight },
+        src: logo,
+        alt,
+        fetchpriority: fetchPriority
+      }
+    ),
+    children
+  ] });
+};
+
+export { Logo };
+//# sourceMappingURL=Logo.js.map

package/dist/Logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../src/Logo/Logo.jsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\n\nconst useStyles = makeStyles(() => ({\n  container: {\n    display: 'block',\n    textAlign: 'center',\n  },\n  logo: {\n    maxWidth: '100%',\n    imageRendering: 'crisp-edges',\n  },\n  // https://caniuse.com/mdn-css_properties_image-rendering_crisp-edges\n  alternativeBrowserLogo: {\n    imageRendering: '-webkit-optimize-contrast',\n  },\n}));\n\nexport const Logo = ({ logo, alt = 'logo', maxHeight = 150, children, fetchPriority = 'auto' }) => {\n  const classes = useStyles();\n  return (\n    <span className={classes.container} role=\"presentation\">\n      <img\n        className={cx(classes.logo, classes.alternativeBrowserLogo)}\n        style={{ maxHeight }}\n        src={logo}\n        alt={alt}\n        fetchpriority={fetchPriority}\n      />\n      {children}\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;;;AAIA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,OAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,QAAA,EAAU,MAAA;AAAA,IACV,cAAA,EAAgB;AAAA,GAClB;AAAA;AAAA,EAEA,sBAAA,EAAwB;AAAA,IACtB,cAAA,EAAgB;AAAA;AAEpB,CAAA,CAAE,CAAA;AAEK,MAAM,IAAA,GAAO,CAAC,EAAE,IAAA,EAAM,GAAA,GAAM,MAAA,EAAQ,SAAA,GAAY,GAAA,EAAK,QAAA,EAAU,aAAA,GAAgB,MAAA,EAAO,KAAM;AACjG,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,SAAA,EAAW,MAAK,cAAA,EACvC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,QAAQ,sBAAsB,CAAA;AAAA,QAC1D,KAAA,EAAO,EAAE,SAAA,EAAU;AAAA,QACnB,GAAA,EAAK,IAAA;AAAA,QACL,GAAA;AAAA,QACA,aAAA,EAAe;AAAA;AAAA,KACjB;AAAA,IACC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/Mode/Mode.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Radio from '@mui/material/Radio';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import { u as useKeyboardEscapeHandler } from '../chunks/useKeybordEscapeHandler-DRsOrnwc.js';
+
+const useStyles = makeStyles((theme) => ({
+  title: {
+    padding: 0,
+    ...R.pathOr({}, ["mixins", "share", "title"], theme)
+  },
+  label: theme.typography.body2,
+  icon: {
+    marginLeft: theme.spacing(0.5)
+  },
+  radioGroup: {
+    alignContent: "flex-start"
+  }
+}));
+const Warning = ({ title, children }) => {
+  const classes = useStyles();
+  const { open, setOpen } = useKeyboardEscapeHandler();
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      className: classes.icon,
+      title,
+      variant: "light",
+      "aria-label": title,
+      "aria-hidden": false,
+      open,
+      onOpen: () => setOpen(true),
+      onClose: () => setOpen(false),
+      children
+    }
+  );
+};
+const Mode = ({
+  changeMode,
+  placement = "end",
+  mode,
+  modes = [],
+  isSmall = false,
+  children
+}) => {
+  const classes = useStyles();
+  const mapIndexed = R.addIndex(R.map);
+  return /* @__PURE__ */ jsx(
+    RadioGroup,
+    {
+      onChange: (e) => changeMode(e.target.value),
+      value: mode,
+      className: classes.radioGroup,
+      tabIndex: 0,
+      children: mapIndexed(({ label, value, popperLabel, disabled }, idx) => /* @__PURE__ */ jsx(
+        FormControlLabel,
+        {
+          classes: { label: classes.label },
+          checked: mode === value,
+          control: /* @__PURE__ */ jsx(
+            Radio,
+            {
+              variant: "outlined",
+              color: "primary",
+              size: isSmall ? "small" : "medium",
+              inputProps: { tabIndex: "0", id: `${label}_${idx}` }
+            }
+          ),
+          label: /* @__PURE__ */ jsxs("span", { id: label, children: [
+            label,
+            popperLabel && /* @__PURE__ */ jsx(Warning, { title: popperLabel, children })
+          ] }),
+          labelPlacement: placement,
+          value,
+          disabled: disabled || false,
+          style: { height: isSmall ? "25px" : null },
+          role: "radio"
+        },
+        `${value}-${idx}`
+      ))(modes)
+    }
+  );
+};
+
+export { Mode };
+//# sourceMappingURL=Mode.js.map

package/dist/Mode/Mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mode.js","sources":["../../src/Mode/Mode.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';\n\nconst useStyles = makeStyles(theme => ({\n  title: {\n    padding: 0,\n    ...R.pathOr({}, ['mixins', 'share', 'title'], theme),\n  },\n  label: theme.typography.body2,\n  icon: {\n    marginLeft: theme.spacing(0.5),\n  },\n  radioGroup: {\n    alignContent: 'flex-start',\n  },\n}));\n\nconst Warning = ({ title, children }) => {\n  const classes = useStyles();\n  const { open, setOpen } = useKeyboardEscapeHandler();\n\n  return (\n    <Tooltip\n      className={classes.icon}\n      title={title}\n      variant=\"light\"\n      aria-label={title}\n      aria-hidden={false}\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n\nexport const Mode = ({\n  changeMode,\n  placement = 'end',\n  mode,\n  modes = [],\n  isSmall = false,\n  children,\n}) => {\n  const classes = useStyles();\n  const mapIndexed = R.addIndex(R.map);\n  return (\n    <RadioGroup\n      onChange={e => changeMode(e.target.value)}\n      value={mode}\n      className={classes.radioGroup}\n      tabIndex={0}\n    >\n      {mapIndexed(({ label, value, popperLabel, disabled }, idx) => (\n        <FormControlLabel\n          classes={{ label: classes.label }}\n          key={`${value}-${idx}`}\n          checked={mode === value}\n          control={\n            <Radio\n              variant=\"outlined\"\n              color=\"primary\"\n              size={isSmall ? 'small' : 'medium'}\n              inputProps={{ tabIndex: '0', id: `${label}_${idx}` }}\n            />\n          }\n          label={\n            <span id={label}>\n              {label}\n              {popperLabel && <Warning title={popperLabel}>{children}</Warning>}\n            </span>\n          }\n          labelPlacement={placement}\n          value={value}\n          disabled={disabled || false}\n          style={{ height: isSmall ? '25px' : null }}\n          role=\"radio\"\n        />\n      ))(modes)}\n    </RadioGroup>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/NoData/NoData.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import makeStyles from '@mui/styles/makeStyles';
+import Typography from '@mui/material/Typography';
+import { Error } from '@mui/icons-material';
+
+const useStyles = makeStyles(() => ({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    height: "100%",
+    justifyContent: "center",
+    alignItems: "center"
+  }
+}));
+const NO_RESULT_MESSAGE_ID = "noResultMessage";
+const NoData = ({ icon, message }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", noWrap: true, align: "center", children: icon || /* @__PURE__ */ jsx(Error, { color: "primary", fontSize: "large" }) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", noWrap: true, align: "center", tabIndex: "0", id: NO_RESULT_MESSAGE_ID, children: message })
+  ] });
+};
+
+export { NoData };
+//# sourceMappingURL=NoData.js.map

package/dist/NoData/NoData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoData.js","sources":["../../src/NoData/NoData.jsx"],"sourcesContent":["import React from 'react';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport { Error } from '@mui/icons-material';\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n}));\n\nconst NO_RESULT_MESSAGE_ID = 'noResultMessage';\n\nexport const NoData = ({ icon, message }) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.root}>\n      <Typography variant=\"subtitle1\" noWrap align=\"center\">\n        {icon || <Error color=\"primary\" fontSize=\"large\" />}\n      </Typography>\n      <Typography variant=\"subtitle1\" noWrap align=\"center\" tabIndex=\"0\" id={NO_RESULT_MESSAGE_ID}>\n        {message}\n      </Typography>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,MAAA;AAAA,IACR,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEF,MAAM,oBAAA,GAAuB,iBAAA;AAEtB,MAAM,MAAA,GAAS,CAAC,EAAE,IAAA,EAAM,SAAQ,KAAM;AAC3C,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,MAAA,EAAM,MAAC,KAAA,EAAM,QAAA,EAC1C,QAAA,EAAA,IAAA,oBAAQ,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAM,SAAA,EAAU,QAAA,EAAS,SAAQ,CAAA,EACnD,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,MAAA,EAAM,IAAA,EAAC,KAAA,EAAM,QAAA,EAAS,QAAA,EAAS,GAAA,EAAI,EAAA,EAAI,oBAAA,EACpE,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/Pagination/Pagination.js

@@ -0,0 +1,142 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import 'prop-types';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import { LastPage, FirstPage, KeyboardArrowRight, KeyboardArrowLeft } from '@mui/icons-material';
+import IconButton from '@mui/material/IconButton';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import { useTheme } from '@mui/material/styles';
+import { w as withBlank } from '../chunks/utils-kslX1mzh.js';
+
+const useStyles = makeStyles((theme) => ({
+  container: {
+    alignItems: "center",
+    display: "flex",
+    userSelect: "none"
+  },
+  input: {
+    width: 40,
+    marginBottom: "0 !important",
+    marginTop: "0 !important",
+    marginLeft: theme.spacing(0.5),
+    marginRight: theme.spacing(0.5),
+    padding: "0 !important",
+    justifyContent: "center",
+    "& fieldset": {
+      padding: "0 !important"
+    },
+    "& input": {
+      padding: "0 !important",
+      height: 24,
+      textAlign: "center"
+    }
+  },
+  innerInput: {
+    fontSize: theme.typography.fontSize
+  }
+}));
+const PageForm = ({ labels, page, pages, onSubmit }) => {
+  const classes = useStyles();
+  const [value, changeValue] = useState(page);
+  const changePageFor = (number) => {
+    if (R.isEmpty(R.match(/^[0-9]*$/g, number))) return;
+    return changeValue(number);
+  };
+  useEffect(() => {
+    changeValue(page);
+  }, [page]);
+  const onEnterLabel = (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      if (R.is(Function, onSubmit)) {
+        const intValue = parseInt(event.target.value);
+        if (isNaN(intValue)) return;
+        if (intValue > pages) return;
+        onSubmit(intValue);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: classes.container, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", tabIndex: 0, children: R.prop("page", labels) }),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        inputProps: {
+          "aria-label": R.prop("page", labels),
+          className: classes.innerInput
+        },
+        className: classes.input,
+        value,
+        disabled: pages === 1,
+        onChange: (e) => changePageFor(e.target.value),
+        onKeyPress: onEnterLabel,
+        type: "text",
+        variant: "outlined"
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", tabIndex: 0, children: `${R.prop("of", labels)} ${pages}` })
+  ] });
+};
+const CustomPagination = ({ labels, page, pages, onChange, onSubmit }) => {
+  const classes = useStyles();
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "pagination-test-id", className: classes.container, children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: classes.iconButton,
+        disabled: page === 1,
+        color: "primary",
+        onClick: () => onChange(1),
+        "aria-label": R.prop("startPage", labels),
+        size: "small",
+        children: theme.direction === "rtl" ? /* @__PURE__ */ jsx(LastPage, {}) : /* @__PURE__ */ jsx(FirstPage, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: classes.iconButton,
+        disabled: page === 1,
+        color: "primary",
+        onClick: () => onChange(page - 1),
+        "aria-label": R.prop("previousPage", labels),
+        size: "small",
+        children: theme.direction === "rtl" ? /* @__PURE__ */ jsx(KeyboardArrowRight, {}) : /* @__PURE__ */ jsx(KeyboardArrowLeft, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(PageForm, { labels, page, pages, onSubmit }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: classes.iconButton,
+        disabled: page === pages,
+        color: "primary",
+        onClick: () => onChange(page + 1),
+        "aria-label": R.prop("nextPage", labels),
+        size: "small",
+        children: theme.direction === "rtl" ? /* @__PURE__ */ jsx(KeyboardArrowLeft, {}) : /* @__PURE__ */ jsx(KeyboardArrowRight, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        className: classes.iconButton,
+        disabled: page === pages,
+        color: "primary",
+        onClick: () => onChange(pages),
+        "aria-label": R.prop("endPage", labels),
+        size: "small",
+        children: theme.direction === "rtl" ? /* @__PURE__ */ jsx(FirstPage, {}) : /* @__PURE__ */ jsx(LastPage, {})
+      }
+    )
+  ] });
+};
+const Pagination = withBlank(({ isBlank, pages = 1 }) => ({
+  isBlank: R.or(isBlank, R.equals(1, pages))
+}))(CustomPagination);
+
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

package/dist/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../src/Pagination/Pagination.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { FirstPage, KeyboardArrowLeft, KeyboardArrowRight, LastPage } from '@mui/icons-material';\nimport IconButton from '@mui/material/IconButton';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport { withBlank } from '../utils';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    alignItems: 'center',\n    display: 'flex',\n    userSelect: 'none',\n  },\n  input: {\n    width: 40,\n    marginBottom: '0 !important',\n    marginTop: '0 !important',\n    marginLeft: theme.spacing(0.5),\n    marginRight: theme.spacing(0.5),\n    padding: '0 !important',\n    justifyContent: 'center',\n    '& fieldset': {\n      padding: '0 !important',\n    },\n    '& input': {\n      padding: '0 !important',\n      height: 24,\n      textAlign: 'center',\n    },\n  },\n  innerInput: {\n    fontSize: theme.typography.fontSize,\n  },\n}));\n\nconst PageForm = ({ labels, page, pages, onSubmit }) => {\n  const classes = useStyles();\n  const [value, changeValue] = useState(page);\n\n  const changePageFor = number => {\n    if (R.isEmpty(R.match(/^[0-9]*$/g, number))) return;\n    return changeValue(number);\n  };\n\n  useEffect(() => {\n    changeValue(page);\n  }, [page]);\n\n  const onEnterLabel = event => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      if (R.is(Function, onSubmit)) {\n        const intValue = parseInt(event.target.value);\n        if (isNaN(intValue)) return;\n        if (intValue > pages) return;\n        onSubmit(intValue);\n      }\n    }\n  };\n\n  return (\n    <div className={classes.container}>\n      <Typography variant=\"body2\" tabIndex={0}>\n        {R.prop('page', labels)}\n      </Typography>\n      <TextField\n        inputProps={{\n          'aria-label': R.prop('page', labels),\n          className: classes.innerInput,\n        }}\n        className={classes.input}\n        value={value}\n        disabled={pages === 1}\n        onChange={e => changePageFor(e.target.value)}\n        onKeyPress={onEnterLabel}\n        type=\"text\"\n        variant=\"outlined\"\n      />\n      <Typography variant=\"body2\" tabIndex={0}>{`${R.prop('of', labels)} ${pages}`}</Typography>\n    </div>\n  );\n};\n\nconst CustomPagination = ({ labels, page, pages, onChange, onSubmit }) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  return (\n    <div data-testid=\"pagination-test-id\" className={classes.container}>\n      <IconButton\n        className={classes.iconButton}\n        disabled={page === 1}\n        color=\"primary\"\n        onClick={() => onChange(1)}\n        aria-label={R.prop('startPage', labels)}\n        size=\"small\"\n      >\n        {theme.direction === 'rtl' ? <LastPage /> : <FirstPage />}\n      </IconButton>\n      <IconButton\n        className={classes.iconButton}\n        disabled={page === 1}\n        color=\"primary\"\n        onClick={() => onChange(page - 1)}\n        aria-label={R.prop('previousPage', labels)}\n        size=\"small\"\n      >\n        {theme.direction === 'rtl' ? <KeyboardArrowRight /> : <KeyboardArrowLeft />}\n      </IconButton>\n      <PageForm labels={labels} page={page} pages={pages} onSubmit={onSubmit} />\n      <IconButton\n        className={classes.iconButton}\n        disabled={page === pages}\n        color=\"primary\"\n        onClick={() => onChange(page + 1)}\n        aria-label={R.prop('nextPage', labels)}\n        size=\"small\"\n      >\n        {theme.direction === 'rtl' ? <KeyboardArrowLeft /> : <KeyboardArrowRight />}\n      </IconButton>\n      <IconButton\n        className={classes.iconButton}\n        disabled={page === pages}\n        color=\"primary\"\n        onClick={() => onChange(pages)}\n        aria-label={R.prop('endPage', labels)}\n        size=\"small\"\n      >\n        {theme.direction === 'rtl' ? <FirstPage /> : <LastPage />}\n      </IconButton>\n    </div>\n  );\n};\n\nexport const Pagination = withBlank(({ isBlank, pages = 1 }) => ({\n  isBlank: R.or(isBlank, R.equals(1, pages)),\n}))(CustomPagination);\n"],"names":[],"mappings":"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"}