@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/README.md

@@ -1,36 +1,4 @@
 # dotstatsuite-visions
 
-Visions is a lib of React components.  
-The goal is to collect pure visual UI components, decoupled from business logic.
-
-## setup (dev)
-
-1.  run `yarn`
-2.  run `yarn build` to build demo website
-3.  run `yarn start` to dev with hot reloading on http://localhost:3000
-
-Others commands are describe in `package.json` below `scripts`.
-
-## usage
-
-1.  run `yarn add @sis-cc/dotstatsuite-ui-components`
-1.  `import { MyComponent } from '@sis-cc/dotstatsuite-ui-components`;
-
-## folder structure
-
-```
-.
-├── demo/src
-│   ├── components                    # demo website interface
-│   ├── wrappers                      # component specific folder
-│   │   ├── SomeComponent.js          # story for to view the component
-├── src                               # source code
-│   components                        # components
-│   ├── SomeComponent                 # component specific folder
-│   │   ├── index.js                  # component documentation
-│   │   ├── SomeComponent.js          # component definition
-│   ├── index.js                      # library interface
-│   index.js                          # visions module interface (and entry point)
-├── tests                             # tests
-|   ├── SomeComponent.test.js         # test implementation of component
-```
+Visions is a lib of React components.
+The goal is to collect pure visual UI components, decoupled from business logic.

package/dist/Alert/Alert.js

@@ -0,0 +1,185 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { darken, lighten } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import Paper from '@mui/material/Paper';
+import { InfoOutlined, ErrorOutline, ReportProblemOutlined, CheckCircleOutlineOutlined } from '@mui/icons-material';
+import IconButton from '@mui/material/IconButton';
+import { capitalize } from '@mui/material/utils';
+
+const getColor = (theme) => theme.palette.mode === "light" ? darken : lighten;
+const getBackgroundColor = (theme) => theme.palette.mode === "light" ? lighten : darken;
+const useStyles = makeStyles((theme) => ({
+  /* Styles applied to the root element. */
+  root: {
+    ...theme.typography.body2,
+    borderRadius: theme.shape.borderRadius,
+    backgroundColor: "transparent",
+    display: "flex",
+    padding: "6px 16px"
+  },
+  /* Styles applied to the root element if `variant="standard"` and `color="success"`. */
+  standardSuccess: {
+    color: getColor(theme)(theme.palette.success.main, 0.6),
+    backgroundColor: getBackgroundColor(theme)(theme.palette.success.main, 0.9),
+    "& $icon": {
+      color: theme.palette.success.main
+    }
+  },
+  /* Styles applied to the root element if `variant="standard"` and `color="info"`. */
+  standardInfo: {
+    color: getColor(theme)(theme.palette.info.main, 0.6),
+    backgroundColor: getBackgroundColor(theme)(theme.palette.info.main, 0.9),
+    "& $icon": {
+      color: theme.palette.info.main
+    }
+  },
+  /* Styles applied to the root element if `variant="standard"` and `color="warning"`. */
+  standardWarning: {
+    color: getColor(theme)(theme.palette.warning.main, 0.6),
+    backgroundColor: getBackgroundColor(theme)(theme.palette.warning.main, 0.9),
+    "& $icon": {
+      color: theme.palette.warning.main
+    }
+  },
+  /* Styles applied to the root element if `variant="standard"` and `color="error"`. */
+  standardError: {
+    color: getColor(theme)(theme.palette.error.main, 0.6),
+    backgroundColor: getBackgroundColor(theme)(theme.palette.error.main, 0.9),
+    "& $icon": {
+      color: theme.palette.error.main
+    }
+  },
+  /* Styles applied to the root element if `variant="outlined"` and `color="success"`. */
+  outlinedSuccess: {
+    color: getColor(theme)(theme.palette.success.main, 0.6),
+    border: `1px solid ${theme.palette.success.main}`,
+    "& $icon": {
+      color: theme.palette.success.main
+    }
+  },
+  /* Styles applied to the root element if `variant="outlined"` and `color="info"`. */
+  outlinedInfo: {
+    color: getColor(theme)(theme.palette.info.main, 0.6),
+    border: `1px solid ${theme.palette.info.main}`,
+    "& $icon": {
+      color: theme.palette.info.main
+    }
+  },
+  /* Styles applied to the root element if `variant="outlined"` and `color="warning"`. */
+  outlinedWarning: {
+    color: getColor(theme)(theme.palette.warning.main, 0.6),
+    border: `1px solid ${theme.palette.warning.main}`,
+    "& $icon": {
+      color: theme.palette.warning.main
+    }
+  },
+  /* Styles applied to the root element if `variant="outlined"` and `color="error"`. */
+  outlinedError: {
+    color: getColor(theme)(theme.palette.error.main, 0.6),
+    border: `1px solid ${theme.palette.error.main}`,
+    "& $icon": {
+      color: theme.palette.error.main
+    }
+  },
+  /* Styles applied to the root element if `variant="filled"` and `color="success"`. */
+  filledSuccess: {
+    color: "#fff",
+    fontWeight: theme.typography.fontWeightMedium,
+    backgroundColor: theme.palette.success.main
+  },
+  /* Styles applied to the root element if `variant="filled"` and `color="info"`. */
+  filledInfo: {
+    color: "#fff",
+    fontWeight: theme.typography.fontWeightMedium,
+    backgroundColor: theme.palette.info.main
+  },
+  /* Styles applied to the root element if `variant="filled"` and `color="warning"`. */
+  filledWarning: {
+    color: "#fff",
+    fontWeight: theme.typography.fontWeightMedium,
+    backgroundColor: theme.palette.warning.main
+  },
+  /* Styles applied to the root element if `variant="filled"` and `color="error"`. */
+  filledError: {
+    color: "#fff",
+    fontWeight: theme.typography.fontWeightMedium,
+    backgroundColor: theme.palette.error.main
+  },
+  /* Styles applied to the icon wrapper element. */
+  icon: {
+    marginRight: 12,
+    padding: "7px 0",
+    display: "flex",
+    fontSize: 22,
+    opacity: 0.9
+  },
+  /* Styles applied to the message wrapper element. */
+  message: {
+    padding: "8px 0",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center"
+  },
+  /* Styles applied to the action wrapper element if `action` is provided. */
+  action: {
+    display: "flex",
+    alignItems: "center",
+    marginLeft: "auto",
+    paddingLeft: 16,
+    marginRight: -8
+  }
+}));
+const defaultIconMapping = {
+  success: /* @__PURE__ */ jsx(CheckCircleOutlineOutlined, { fontSize: "inherit" }),
+  warning: /* @__PURE__ */ jsx(ReportProblemOutlined, { fontSize: "inherit" }),
+  error: /* @__PURE__ */ jsx(ErrorOutline, { fontSize: "inherit" }),
+  info: /* @__PURE__ */ jsx(InfoOutlined, { fontSize: "inherit" })
+};
+const Alert = React.forwardRef(function Alert2(props, ref) {
+  const classes = useStyles();
+  const {
+    action,
+    children,
+    className,
+    closeText = "Close",
+    color,
+    icon,
+    iconMapping = defaultIconMapping,
+    onClose,
+    role = "alert",
+    severity = "success",
+    variant = "standard",
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      role,
+      square: true,
+      elevation: 0,
+      className: [classes.root, classes[`${variant}${capitalize(color || severity)}`], className],
+      ref,
+      ...other,
+      children: [
+        icon !== false ? /* @__PURE__ */ jsx("div", { className: classes.icon, children: icon || iconMapping[severity] || defaultIconMapping[severity] }) : null,
+        /* @__PURE__ */ jsx("div", { className: classes.message, children }),
+        action != null ? /* @__PURE__ */ jsx("div", { className: classes.action, children: action }) : null,
+        action == null && onClose ? /* @__PURE__ */ jsx("div", { className: classes.action, children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            "aria-label": closeText,
+            title: closeText,
+            color: "inherit",
+            onClick: onClose,
+            children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
+          }
+        ) }) : null
+      ]
+    }
+  );
+});
+
+export { Alert };
+//# sourceMappingURL=Alert.js.map

package/dist/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../src/Alert/Alert.jsx"],"sourcesContent":["import React from 'react';\nimport { lighten, darken } from '@mui/material/styles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Paper from '@mui/material/Paper';\nimport {\n  CheckCircleOutlineOutlined,\n  ReportProblemOutlined,\n  ErrorOutline,\n  InfoOutlined,\n  Close,\n} from '@mui/icons-material';\nimport IconButton from '@mui/material/IconButton';\nimport { capitalize } from '@mui/material/utils';\n\nconst getColor = theme => (theme.palette.mode === 'light' ? darken : lighten);\nconst getBackgroundColor = theme => (theme.palette.mode === 'light' ? lighten : darken);\n\nconst useStyles = makeStyles(theme => ({\n  /* Styles applied to the root element. */\n  root: {\n    ...theme.typography.body2,\n    borderRadius: theme.shape.borderRadius,\n    backgroundColor: 'transparent',\n    display: 'flex',\n    padding: '6px 16px',\n  },\n  /* Styles applied to the root element if `variant=\"standard\"` and `color=\"success\"`. */\n  standardSuccess: {\n    color: getColor(theme)(theme.palette.success.main, 0.6),\n    backgroundColor: getBackgroundColor(theme)(theme.palette.success.main, 0.9),\n    '& $icon': {\n      color: theme.palette.success.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"standard\"` and `color=\"info\"`. */\n  standardInfo: {\n    color: getColor(theme)(theme.palette.info.main, 0.6),\n    backgroundColor: getBackgroundColor(theme)(theme.palette.info.main, 0.9),\n    '& $icon': {\n      color: theme.palette.info.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"standard\"` and `color=\"warning\"`. */\n  standardWarning: {\n    color: getColor(theme)(theme.palette.warning.main, 0.6),\n    backgroundColor: getBackgroundColor(theme)(theme.palette.warning.main, 0.9),\n    '& $icon': {\n      color: theme.palette.warning.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"standard\"` and `color=\"error\"`. */\n  standardError: {\n    color: getColor(theme)(theme.palette.error.main, 0.6),\n    backgroundColor: getBackgroundColor(theme)(theme.palette.error.main, 0.9),\n    '& $icon': {\n      color: theme.palette.error.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"success\"`. */\n  outlinedSuccess: {\n    color: getColor(theme)(theme.palette.success.main, 0.6),\n    border: `1px solid ${theme.palette.success.main}`,\n    '& $icon': {\n      color: theme.palette.success.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"info\"`. */\n  outlinedInfo: {\n    color: getColor(theme)(theme.palette.info.main, 0.6),\n    border: `1px solid ${theme.palette.info.main}`,\n    '& $icon': {\n      color: theme.palette.info.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"warning\"`. */\n  outlinedWarning: {\n    color: getColor(theme)(theme.palette.warning.main, 0.6),\n    border: `1px solid ${theme.palette.warning.main}`,\n    '& $icon': {\n      color: theme.palette.warning.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"error\"`. */\n  outlinedError: {\n    color: getColor(theme)(theme.palette.error.main, 0.6),\n    border: `1px solid ${theme.palette.error.main}`,\n    '& $icon': {\n      color: theme.palette.error.main,\n    },\n  },\n  /* Styles applied to the root element if `variant=\"filled\"` and `color=\"success\"`. */\n  filledSuccess: {\n    color: '#fff',\n    fontWeight: theme.typography.fontWeightMedium,\n    backgroundColor: theme.palette.success.main,\n  },\n  /* Styles applied to the root element if `variant=\"filled\"` and `color=\"info\"`. */\n  filledInfo: {\n    color: '#fff',\n    fontWeight: theme.typography.fontWeightMedium,\n    backgroundColor: theme.palette.info.main,\n  },\n  /* Styles applied to the root element if `variant=\"filled\"` and `color=\"warning\"`. */\n  filledWarning: {\n    color: '#fff',\n    fontWeight: theme.typography.fontWeightMedium,\n    backgroundColor: theme.palette.warning.main,\n  },\n  /* Styles applied to the root element if `variant=\"filled\"` and `color=\"error\"`. */\n  filledError: {\n    color: '#fff',\n    fontWeight: theme.typography.fontWeightMedium,\n    backgroundColor: theme.palette.error.main,\n  },\n  /* Styles applied to the icon wrapper element. */\n  icon: {\n    marginRight: 12,\n    padding: '7px 0',\n    display: 'flex',\n    fontSize: 22,\n    opacity: 0.9,\n  },\n  /* Styles applied to the message wrapper element. */\n  message: {\n    padding: '8px 0',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  /* Styles applied to the action wrapper element if `action` is provided. */\n  action: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: 'auto',\n    paddingLeft: 16,\n    marginRight: -8,\n  },\n}));\n\nconst defaultIconMapping = {\n  success: <CheckCircleOutlineOutlined fontSize=\"inherit\" />,\n  warning: <ReportProblemOutlined fontSize=\"inherit\" />,\n  error: <ErrorOutline fontSize=\"inherit\" />,\n  info: <InfoOutlined fontSize=\"inherit\" />,\n};\n\nexport const Alert = React.forwardRef(function Alert(props, ref) {\n  const classes = useStyles();\n\n  const {\n    action,\n    children,\n    className,\n    closeText = 'Close',\n    color,\n    icon,\n    iconMapping = defaultIconMapping,\n    onClose,\n    role = 'alert',\n    severity = 'success',\n    variant = 'standard',\n    ...other\n  } = props;\n\n  return (\n    <Paper\n      role={role}\n      square\n      elevation={0}\n      className={[classes.root, classes[`${variant}${capitalize(color || severity)}`], className]}\n      ref={ref}\n      {...other}\n    >\n      {icon !== false ? (\n        <div className={classes.icon}>\n          {icon || iconMapping[severity] || defaultIconMapping[severity]}\n        </div>\n      ) : null}\n      <div className={classes.message}>{children}</div>\n      {action != null ? <div className={classes.action}>{action}</div> : null}\n      {action == null && onClose ? (\n        <div className={classes.action}>\n          <IconButton\n            size=\"small\"\n            aria-label={closeText}\n            title={closeText}\n            color=\"inherit\"\n            onClick={onClose}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </div>\n      ) : null}\n    </Paper>\n  );\n});\n"],"names":["Alert"],"mappings":"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"}

package/dist/ApiQueries/ApiQueries.js

@@ -0,0 +1,163 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import * as R from 'ramda';
+import Typography from '@mui/material/Typography';
+import Divider from '@mui/material/Divider';
+import Grid from '@mui/material/Grid';
+import makeStyles from '@mui/styles/makeStyles';
+import PropTypes from 'prop-types';
+import TextareaAutosize from '@mui/material/TextareaAutosize';
+import { Alert } from '../Alert/Alert.js';
+import { Button } from '../Button/Button.js';
+
+const useStyles$1 = makeStyles((theme) => ({
+  error: {
+    width: "100%",
+    margin: "0px 0px 8px 0px",
+    wordBreak: "break-word"
+  },
+  header: {
+    padding: theme.spacing(1, 0),
+    minHeight: 50
+  },
+  textarea: {
+    width: "100%",
+    margin: theme.spacing(0, 0, 1, 0)
+  },
+  title: R.pathOr({}, ["mixins", "apiQueries", "title"], theme)
+}));
+const Query = ({ contents, title, selectedId, labels, delay, handleClick }) => {
+  const classes = useStyles$1();
+  const ref = React.useRef();
+  const [value, setSelected] = React.useState(selectedId);
+  const [isCopied, setCopied] = React.useState(false);
+  const contentValue = R.pipe(R.find(R.propEq("id", value)), R.prop("value"))(contents);
+  const isError = R.pipe(R.find(R.propEq("id", value)), R.propOr(false, "isError"))(contents);
+  const copyToClipboard = () => {
+    if (R.has("current")(ref)) {
+      ref.current.select();
+      document.execCommand("copy");
+      setCopied(true);
+      setTimeout(() => setCopied(false), delay);
+      handleClick();
+    }
+  };
+  const labelActionCopy = isCopied ? R.prop("copied")(labels) : R.prop("copy")(labels);
+  return /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 6, container: true, children: [
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        item: true,
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        className: classes.header,
+        children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { className: classes.title, children: title }) }),
+          R.pipe(R.length, R.flip(R.gt)(1))(contents) && /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
+            /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+              labels.buttonsLabel,
+              ": "
+            ] }) }),
+            /* @__PURE__ */ jsx(Grid, { item: true, children: R.map(({ id, label }) => /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": label,
+                "aria-pressed": R.equals(value, id),
+                size: "small",
+                variant: "text",
+                color: "primary",
+                onClick: () => setSelected(id),
+                selected: R.equals(value, id),
+                children: label
+              },
+              id
+            ))(contents) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Grid, { item: true, container: true, xs: 12, style: { alignSelf: "flex-end" }, justifyContent: "flex-end", children: [
+      !isError && /* @__PURE__ */ jsx(
+        TextareaAutosize,
+        {
+          ref,
+          "aria-label": title,
+          className: classes.textarea,
+          minRows: 5,
+          maxRows: 5,
+          readOnly: true,
+          value: contentValue
+        }
+      ),
+      isError && /* @__PURE__ */ jsx(Alert, { className: classes.error, severity: "error", variant: "filled", children: contentValue }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          "aria-label": labelActionCopy,
+          disabled: isError,
+          size: "small",
+          variant: "contained",
+          alternative: "siscc",
+          color: "primary",
+          onClick: copyToClipboard,
+          className: classes.sisccButton,
+          children: labelActionCopy
+        }
+      )
+    ] })
+  ] });
+};
+Query.propTypes = {
+  labels: PropTypes.shape({
+    copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  }),
+  contents: PropTypes.arrayOf(
+    PropTypes.shape({
+      id: PropTypes.string,
+      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+      value: PropTypes.string
+    })
+  ),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  selectedId: PropTypes.string,
+  delay: PropTypes.number,
+  handleClick: PropTypes.func
+};
+
+const useStyles = makeStyles((theme) => ({
+  divider: {
+    padding: theme.spacing(2, 0)
+  },
+  title: R.pathOr({}, ["mixins", "apiQueries", "title"], theme)
+}));
+const ApiQueries = ({ queries = [], labels, delay = 1e3, handleClick }) => {
+  const classes = useStyles();
+  const hasQueries = R.not(R.isEmpty(queries));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, "data-testid": "apiqueries-test-id", children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Typography, { className: classes.title, children: R.prop("title")(labels) }),
+      R.map((description) => /* @__PURE__ */ jsx(Typography, { display: "block", variant: "body2", children: description }, description))(R.propOr([], "descriptions", labels))
+    ] }),
+    hasQueries && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: classes.divider, children: /* @__PURE__ */ jsx(Divider, {}) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, container: true, spacing: 2, children: R.map(({ id, title, contents = [] }) => /* @__PURE__ */ jsx(
+      Query,
+      {
+        title,
+        contents,
+        selectedId: R.pipe(R.head, R.prop("id"))(contents),
+        labels,
+        delay,
+        handleClick
+      },
+      id
+    ))(queries) }),
+    hasQueries && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: classes.divider, children: /* @__PURE__ */ jsx(Divider, {}) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: R.prop("notice")(labels) })
+  ] });
+};
+
+export { ApiQueries };
+//# sourceMappingURL=ApiQueries.js.map

package/dist/ApiQueries/ApiQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiQueries.js","sources":["../../src/ApiQueries/Query.jsx","../../src/ApiQueries/ApiQueries.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport PropTypes from 'prop-types';\nimport Typography from '@mui/material/Typography';\nimport TextareaAutosize from '@mui/material/TextareaAutosize';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { Alert } from '../Alert/Alert';\nimport { Button } from '../Button/Button';\n\nconst useStyles = makeStyles(theme => ({\n  error: {\n    width: '100%',\n    margin: '0px 0px 8px 0px',\n    wordBreak: 'break-word',\n  },\n  header: {\n    padding: theme.spacing(1, 0),\n    minHeight: 50,\n  },\n  textarea: {\n    width: '100%',\n    margin: theme.spacing(0, 0, 1, 0),\n  },\n  title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme),\n}));\n\nconst Query = ({ contents, title, selectedId, labels, delay, handleClick }) => {\n  const classes = useStyles();\n  const ref = React.useRef();\n  const [value, setSelected] = React.useState(selectedId);\n  const [isCopied, setCopied] = React.useState(false);\n  const contentValue = R.pipe(R.find(R.propEq('id', value)), R.prop('value'))(contents);\n  const isError = R.pipe(R.find(R.propEq('id', value)), R.propOr(false, 'isError'))(contents);\n\n  const copyToClipboard = () => {\n    if (R.has('current')(ref)) {\n      ref.current.select();\n      document.execCommand('copy');\n      setCopied(true);\n      setTimeout(() => setCopied(false), delay);\n      handleClick();\n    }\n  };\n  const labelActionCopy = isCopied ? R.prop('copied')(labels) : R.prop('copy')(labels);\n  return (\n    <Grid item xs={12} md={6} container>\n      <Grid\n        item\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        className={classes.header}\n      >\n        <Grid item>\n          <Typography className={classes.title}>{title}</Typography>\n        </Grid>\n        {R.pipe(R.length, R.flip(R.gt)(1))(contents) && (\n          <Grid container alignItems=\"center\">\n            <Grid item>\n              <Typography variant=\"body2\">{labels.buttonsLabel}:&nbsp;</Typography>\n            </Grid>\n            <Grid item>\n              {R.map(({ id, label }) => (\n                <Button\n                  aria-label={label}\n                  aria-pressed={R.equals(value, id)}\n                  key={id}\n                  size=\"small\"\n                  variant=\"text\"\n                  color=\"primary\"\n                  onClick={() => setSelected(id)}\n                  selected={R.equals(value, id)}\n                >\n                  {label}\n                </Button>\n              ))(contents)}\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n      <Grid item container xs={12} style={{ alignSelf: 'flex-end' }} justifyContent=\"flex-end\">\n        {!isError && (\n          <TextareaAutosize\n            ref={ref}\n            aria-label={title}\n            className={classes.textarea}\n            minRows={5}\n            maxRows={5}\n            readOnly\n            value={contentValue}\n          />\n        )}\n        {isError && (\n          <Alert className={classes.error} severity=\"error\" variant=\"filled\">\n            {contentValue}\n          </Alert>\n        )}\n        <Button\n          aria-label={labelActionCopy}\n          disabled={isError}\n          size=\"small\"\n          variant=\"contained\"\n          alternative=\"siscc\"\n          color=\"primary\"\n          onClick={copyToClipboard}\n          className={classes.sisccButton}\n        >\n          {labelActionCopy}\n        </Button>\n      </Grid>\n    </Grid>\n  );\n};\n\nQuery.propTypes = {\n  labels: PropTypes.shape({\n    copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n  contents: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n      value: PropTypes.string,\n    }),\n  ),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  selectedId: PropTypes.string,\n  delay: PropTypes.number,\n  handleClick: PropTypes.func,\n};\n\nexport default Query;\n","import React from 'react';\nimport * as R from 'ramda';\nimport Typography from '@mui/material/Typography';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Query from './Query';\n\nconst useStyles = makeStyles(theme => ({\n  divider: {\n    padding: theme.spacing(2, 0),\n  },\n  title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme),\n}));\n\nexport const ApiQueries = ({ queries = [], labels, delay = 1000, handleClick }) => {\n  const classes = useStyles();\n  const hasQueries = R.not(R.isEmpty(queries));\n  return (\n    <Grid container data-testid=\"apiqueries-test-id\">\n      <Grid item xs={12}>\n        <Typography className={classes.title}>{R.prop('title')(labels)}</Typography>\n        {R.map(description => (\n          <Typography key={description} display=\"block\" variant=\"body2\">\n            {description}\n          </Typography>\n        ))(R.propOr([], 'descriptions', labels))}\n      </Grid>\n      {hasQueries && (\n        <Grid item xs={12} className={classes.divider}>\n          <Divider />\n        </Grid>\n      )}\n      <Grid item container spacing={2}>\n        {R.map(({ id, title, contents = [] }) => (\n          <Query\n            key={id}\n            title={title}\n            contents={contents}\n            selectedId={R.pipe(R.head, R.prop('id'))(contents)}\n            labels={labels}\n            delay={delay}\n            handleClick={handleClick}\n          />\n        ))(queries)}\n      </Grid>\n      {hasQueries && (\n        <Grid item xs={12} className={classes.divider}>\n          <Divider />\n        </Grid>\n      )}\n      <Typography variant=\"body2\">{R.prop('notice')(labels)}</Typography>\n    </Grid>\n  );\n};\n"],"names":["useStyles"],"mappings":"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"}

package/dist/AuthDialog/AuthDialog.js

@@ -0,0 +1,114 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { isEmpty } from 'ramda';
+import Checkbox from '@mui/material/Checkbox';
+import { Person, Close } from '@mui/icons-material';
+import Dialog from '@mui/material/Dialog';
+import IconButton from '@mui/material/IconButton';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
+import makeStyles from '@mui/styles/makeStyles';
+import { Button } from '../Button/Button.js';
+
+const useStyles = makeStyles(() => ({
+  header: {
+    color: "grey",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  headerLabel: {
+    display: "flex",
+    alignItems: "center"
+  },
+  closeButton: {
+    color: "grey !important",
+    padding: 0
+  },
+  content: {
+    alignItems: "stretch",
+    display: "flex",
+    flexDirection: "column",
+    padding: 10,
+    backgroundColor: "rgb(240, 240, 240)"
+  },
+  error: {
+    color: "red"
+  },
+  input: {
+    backgroundColor: "white",
+    "&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button": {
+      "-webkit-appearance": "none",
+      margin: 0
+    },
+    "&[type=number]": {
+      "-moz-appearance": "textfield"
+    }
+  }
+}));
+const AuthDialog = ({ isOpen, labels, onClose, onSubmit }) => {
+  const classes = useStyles();
+  const [user, setUser] = useState("");
+  const [password, setPassword] = useState("");
+  const [isAnonymous, setIsAnonymous] = useState(false);
+  const onChangeAnonymous = () => {
+    setIsAnonymous(!isAnonymous);
+    if (!isAnonymous) {
+      setUser("");
+      setPassword("");
+    }
+  };
+  const canSubmit = isAnonymous || !isEmpty(user) && !isEmpty(password);
+  const onClickSubmit = () => onSubmit({ user, password, isAnonymous });
+  return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onClose, children: [
+    /* @__PURE__ */ jsxs("div", { className: classes.header, children: [
+      /* @__PURE__ */ jsxs("div", { className: classes.headerLabel, children: [
+        /* @__PURE__ */ jsx(Person, {}),
+        /* @__PURE__ */ jsx(Typography, { children: labels.header })
+      ] }),
+      onClose && /* @__PURE__ */ jsx(IconButton, { className: classes.closeButton, onClick: onClose, size: "large", children: /* @__PURE__ */ jsx(Close, {}) })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { className: classes.content, children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "login", children: labels.user }),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          inputProps: {
+            className: classes.input,
+            id: "login",
+            autoComplete: "username",
+            name: "username"
+          },
+          value: user,
+          onChange: (e) => setUser(e.target.value),
+          disabled: isAnonymous
+        }
+      ),
+      /* @__PURE__ */ jsx("label", { htmlFor: "password", children: labels.password }),
+      /* @__PURE__ */ jsx(
+        TextField,
+        {
+          inputProps: {
+            className: classes.input,
+            id: "password",
+            autoComplete: "current-password",
+            name: "password"
+          },
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          disabled: isAnonymous,
+          type: "password"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Checkbox, { checked: isAnonymous, onChange: onChangeAnonymous }),
+        labels.anonymous
+      ] }),
+      labels.error && /* @__PURE__ */ jsx("div", { className: classes.error, children: labels.error }),
+      /* @__PURE__ */ jsx(Button, { color: "primary", disabled: !canSubmit, onClick: onClickSubmit, variant: "contained", children: /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: labels.submit }) })
+    ] })
+  ] });
+};
+
+export { AuthDialog };
+//# sourceMappingURL=AuthDialog.js.map

package/dist/AuthDialog/AuthDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthDialog.js","sources":["../../src/AuthDialog/AuthDialog.jsx"],"sourcesContent":["/**\n * AuthDialog is an UI component that displays an login popup.\n *\n * @memberOf VISIONS\n * @name AuthDialog\n * @tag component\n * @api public\n * @props\n * AuthDialog.propTypes = {\n *   isOpen: PropTypes.bool,\n *   labels: PropTypes.shape({\n *     anonymous: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n *     error: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n *     header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n *     password: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n *     user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n *     submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n *   }),\n *   onClose: PropTypes.func,\n *   onSubmit: PropTypes.func.isRequired\n * };\n * @demoReady\n */\n\nimport React, { useState } from 'react';\nimport { isEmpty } from 'ramda';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Close, Person } from '@mui/icons-material';\nimport Dialog from '@mui/material/Dialog';\nimport IconButton from '@mui/material/IconButton';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { Button } from '../Button/Button';\n\nconst useStyles = makeStyles(() => ({\n  header: {\n    color: 'grey',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  headerLabel: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  closeButton: {\n    color: 'grey !important',\n    padding: 0,\n  },\n  content: {\n    alignItems: 'stretch',\n    display: 'flex',\n    flexDirection: 'column',\n    padding: 10,\n    backgroundColor: 'rgb(240, 240, 240)',\n  },\n  error: {\n    color: 'red',\n  },\n  input: {\n    backgroundColor: 'white',\n    '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0,\n    },\n    '&[type=number]': {\n      '-moz-appearance': 'textfield',\n    },\n  },\n}));\n\nexport const AuthDialog = ({ isOpen, labels, onClose, onSubmit }) => {\n  const classes = useStyles();\n  const [user, setUser] = useState('');\n  const [password, setPassword] = useState('');\n  const [isAnonymous, setIsAnonymous] = useState(false);\n\n  const onChangeAnonymous = () => {\n    setIsAnonymous(!isAnonymous);\n    if (!isAnonymous) {\n      setUser('');\n      setPassword('');\n    }\n  };\n\n  const canSubmit = isAnonymous || (!isEmpty(user) && !isEmpty(password));\n\n  const onClickSubmit = () => onSubmit({ user, password, isAnonymous });\n\n  return (\n    <Dialog open={isOpen} onClose={onClose}>\n      <div className={classes.header}>\n        <div className={classes.headerLabel}>\n          <Person />\n          <Typography>{labels.header}</Typography>\n        </div>\n        {onClose && (\n          <IconButton className={classes.closeButton} onClick={onClose} size=\"large\">\n            <Close />\n          </IconButton>\n        )}\n      </div>\n      <form className={classes.content}>\n        <label htmlFor=\"login\">{labels.user}</label>\n        <TextField\n          inputProps={{\n            className: classes.input,\n            id: 'login',\n            autoComplete: 'username',\n            name: 'username',\n          }}\n          value={user}\n          onChange={e => setUser(e.target.value)}\n          disabled={isAnonymous}\n        />\n        <label htmlFor=\"password\">{labels.password}</label>\n        <TextField\n          inputProps={{\n            className: classes.input,\n            id: 'password',\n            autoComplete: 'current-password',\n            name: 'password',\n          }}\n          value={password}\n          onChange={e => setPassword(e.target.value)}\n          disabled={isAnonymous}\n          type=\"password\"\n        />\n        <div>\n          <Checkbox checked={isAnonymous} onChange={onChangeAnonymous} />\n          {labels.anonymous}\n        </div>\n        {labels.error && <div className={classes.error}>{labels.error}</div>}\n        <Button color=\"primary\" disabled={!canSubmit} onClick={onClickSubmit} variant=\"contained\">\n          <div style={{ width: '100%' }}>{labels.submit}</div>\n        </Button>\n      </form>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,51 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
+import Typography from '@mui/material/Typography';
+import { NavigateBefore, NavigateNext } from '@mui/icons-material';
+import cx from 'classnames';
+
+const useStyles = makeStyles((theme) => ({
+  action: {
+    cursor: "pointer",
+    "&:hover": {
+      color: theme.palette.primary.main
+    }
+  },
+  disabled: {
+    cursor: "not-allowed",
+    color: theme.palette.text.disabled,
+    "&:hover": {
+      color: theme.palette.text.disabled
+    }
+  }
+}));
+const Breadcrumbs = ({ items = [], isRtl }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsx(
+    MuiBreadcrumbs,
+    {
+      separator: isRtl ? /* @__PURE__ */ jsx(NavigateBefore, { fontSize: "small" }) : /* @__PURE__ */ jsx(NavigateNext, { fontSize: "small" }),
+      "aria-label": "breadcrumb",
+      children: R.addIndex(R.map)(({ text, action, isDisabled }, index) => /* @__PURE__ */ jsx(
+        Typography,
+        {
+          color: "textPrimary",
+          onClick: action,
+          variant: "subtitle1",
+          className: cx({
+            [classes.action]: R.is(Function)(action),
+            [classes.disabled]: isDisabled
+          }),
+          children: text
+        },
+        `${text}-${index}`
+      ))(items)
+    }
+  );
+};
+
+export { Breadcrumbs };
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../src/Breadcrumbs/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport MuiBreadcrumbs from '@mui/material/Breadcrumbs';\nimport Typography from '@mui/material/Typography';\nimport { NavigateBefore, NavigateNext } from '@mui/icons-material';\nimport cx from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  action: {\n    cursor: 'pointer',\n    '&:hover': {\n      color: theme.palette.primary.main,\n    },\n  },\n  disabled: {\n    cursor: 'not-allowed',\n    color: theme.palette.text.disabled,\n    '&:hover': {\n      color: theme.palette.text.disabled,\n    },\n  },\n}));\n\nexport const Breadcrumbs = ({ items = [], isRtl }) => {\n  const classes = useStyles();\n\n  return (\n    <MuiBreadcrumbs\n      separator={\n        isRtl ? <NavigateBefore fontSize=\"small\" /> : <NavigateNext fontSize=\"small\" />\n      }\n      aria-label=\"breadcrumb\"\n    >\n      {R.addIndex(R.map)(({ text, action, isDisabled }, index) => (\n        <Typography\n          key={`${text}-${index}`}\n          color=\"textPrimary\"\n          onClick={action}\n          variant=\"subtitle1\"\n          className={cx({\n            [classes.action]: R.is(Function)(action),\n            [classes.disabled]: isDisabled,\n          })}\n        >\n          {text}\n        </Typography>\n      ))(items)}\n    </MuiBreadcrumbs>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAQA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,SAAA;AAAA,IACR,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA;AAC/B,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ,aAAA;AAAA,IACR,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,QAAA;AAAA,IAC1B,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAC5B;AAEJ,CAAA,CAAE,CAAA;AAEK,MAAM,cAAc,CAAC,EAAE,QAAQ,EAAC,EAAG,OAAM,KAAM;AACpD,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,SAAA,EACE,KAAA,mBAAQ,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,SAAQ,CAAA,mBAAK,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,OAAA,EAAQ,CAAA;AAAA,MAE/E,YAAA,EAAW,YAAA;AAAA,MAEV,QAAA,EAAA,CAAA,CAAE,QAAA,CAAS,CAAA,CAAE,GAAG,CAAA,CAAE,CAAC,EAAE,IAAA,EAAM,MAAA,EAAQ,UAAA,EAAW,EAAG,KAAA,qBAChD,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UAEC,KAAA,EAAM,aAAA;AAAA,UACN,OAAA,EAAS,MAAA;AAAA,UACT,OAAA,EAAQ,WAAA;AAAA,UACR,WAAW,EAAA,CAAG;AAAA,YACZ,CAAC,QAAQ,MAAM,GAAG,EAAE,EAAA,CAAG,QAAQ,EAAE,MAAM,CAAA;AAAA,YACvC,CAAC,OAAA,CAAQ,QAAQ,GAAG;AAAA,WACrB,CAAA;AAAA,UAEA,QAAA,EAAA;AAAA,SAAA;AAAA,QATI,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,OAWxB,EAAE,KAAK;AAAA;AAAA,GACV;AAEJ;;;;"}