@sis-cc/dotstatsuite-visions 12.56.0 → 13.0.0

package/dist/Select/Select.js

@@ -0,0 +1,125 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useEffect } from 'react';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import TextField from '@mui/material/TextField';
+import MenuItem from '@mui/material/MenuItem';
+import Typography from '@mui/material/Typography';
+import cx from 'classnames';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    ...theme.typography.body2
+  },
+  paper: {
+    maxHeight: 320
+  },
+  typo: {
+    whiteSpace: "break-spaces"
+  },
+  disabledLabel: {
+    color: theme.palette.grey[700]
+  }
+}));
+const Select = ({
+  id,
+  optionsKey,
+  value = "",
+  label,
+  items = [],
+  isMultiple,
+  onChange,
+  textFieldProps = {},
+  valueAccessor,
+  labelAccessor,
+  disabled,
+  dataTestId = "select-testid"
+}) => {
+  const classes = useStyles();
+  const ref = React.useRef(null);
+  const [open, setOpen] = React.useState(false);
+  const [width, setWidth] = React.useState(0);
+  const handleChange = (event) => {
+    if (R.is(Function)(onChange)) {
+      onChange(event.target.value);
+    }
+  };
+  useEffect(() => {
+    if (ref.current && open) setWidth(ref.current.clientWidth);
+  }, [open]);
+  const getter = (key) => (accessor) => R.ifElse(
+    R.is(Object),
+    (item) => R.is(Function, accessor) ? accessor(item) : R.prop(key)(item),
+    R.identity
+  );
+  const joinByValue = R.innerJoin((obj, value2) => obj.value === value2);
+  const labels = R.pluck("label", joinByValue(items, R.is(Array, value) ? value : [value]));
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      select: true,
+      id,
+      "data-testid": dataTestId,
+      disabled: R.isEmpty(items),
+      label,
+      value,
+      title: R.join(", ", labels),
+      onChange: handleChange,
+      variant: "outlined",
+      margin: "dense",
+      size: "small",
+      fullWidth: true,
+      SelectProps: {
+        ref,
+        open,
+        autoWidth: true,
+        multiple: isMultiple,
+        disabled,
+        onOpen: () => setOpen(true),
+        onClose: () => setOpen(false),
+        classes: { root: classes.root },
+        renderValue: () => /* @__PURE__ */ jsx(Typography, { variant: "inherit", className: classes.typo, children: R.join(", ", labels) }),
+        MenuProps: {
+          getContentAnchorEl: null,
+          anchorOrigin: { vertical: "bottom", horizontal: "center" },
+          transformOrigin: { vertical: "top", horizontal: "center" },
+          classes: { paper: classes.paper },
+          PaperProps: {
+            style: { width }
+          }
+        }
+      },
+      className: classes.root,
+      ...textFieldProps,
+      children: R.map((item) => {
+        const value2 = getter("value")(valueAccessor)(item);
+        const label2 = getter("label")(labelAccessor)(item);
+        return /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            id: label2,
+            value: value2,
+            dense: true,
+            "aria-label": label2,
+            title: label2,
+            disabled: R.propOr(false, "disabled")(item),
+            children: /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "inherit",
+                className: cx(classes.typo, {
+                  [classes.disabledLabel]: R.propOr(false, "disabled")(item)
+                }),
+                children: label2
+              }
+            )
+          },
+          `${optionsKey}-${value2}`
+        );
+      })(items)
+    }
+  );
+};
+
+export { Select };
+//# sourceMappingURL=Select.js.map

package/dist/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../src/Select/Select.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport TextField from '@mui/material/TextField';\nimport MenuItem from '@mui/material/MenuItem';\nimport Typography from '@mui/material/Typography';\nimport cx from 'classnames';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    ...theme.typography.body2,\n  },\n  paper: {\n    maxHeight: 320,\n  },\n  typo: {\n    whiteSpace: 'break-spaces',\n  },\n  disabledLabel: {\n    color: theme.palette.grey[700],\n  },\n}));\n\nexport const Select = ({\n  id,\n  optionsKey,\n  value = '',\n  label,\n  items = [],\n  isMultiple,\n  onChange,\n  textFieldProps = {},\n  valueAccessor,\n  labelAccessor,\n  disabled,\n  dataTestId = 'select-testid',\n}) => {\n  const classes = useStyles();\n  const ref = React.useRef(null);\n  const [open, setOpen] = React.useState(false);\n  const [width, setWidth] = React.useState(0);\n\n  const handleChange = event => {\n    if (R.is(Function)(onChange)) {\n      onChange(event.target.value);\n    }\n  };\n\n  useEffect(() => {\n    if (ref.current && open) setWidth(ref.current.clientWidth);\n  }, [open]);\n\n  const getter = key => accessor =>\n    R.ifElse(\n      R.is(Object),\n      item => (R.is(Function, accessor) ? accessor(item) : R.prop(key)(item)),\n      R.identity,\n    );\n\n  const joinByValue = R.innerJoin((obj, value) => obj.value === value);\n  const labels = R.pluck('label', joinByValue(items, R.is(Array, value) ? value : [value]));\n  return (\n    <TextField\n      select\n      id={id}\n      data-testid={dataTestId}\n      disabled={R.isEmpty(items)}\n      label={label}\n      value={value}\n      title={R.join(', ', labels)}\n      onChange={handleChange}\n      variant=\"outlined\"\n      margin=\"dense\"\n      size=\"small\"\n      fullWidth\n      SelectProps={{\n        ref,\n        open,\n        autoWidth: true,\n        multiple: isMultiple,\n        disabled,\n        onOpen: () => setOpen(true),\n        onClose: () => setOpen(false),\n        classes: { root: classes.root },\n        renderValue: () => (\n          <Typography variant=\"inherit\" className={classes.typo}>\n            {R.join(', ', labels)}\n          </Typography>\n        ),\n        MenuProps: {\n          getContentAnchorEl: null,\n          anchorOrigin: { vertical: 'bottom', horizontal: 'center' },\n          transformOrigin: { vertical: 'top', horizontal: 'center' },\n          classes: { paper: classes.paper },\n          PaperProps: {\n            style: { width },\n          },\n        },\n      }}\n      className={classes.root}\n      {...textFieldProps}\n    >\n      {R.map(item => {\n        const value = getter('value')(valueAccessor)(item);\n        const label = getter('label')(labelAccessor)(item);\n        return (\n          <MenuItem\n            key={`${optionsKey}-${value}`}\n            id={label}\n            value={value}\n            dense\n            aria-label={label}\n            title={label}\n            disabled={R.propOr(false, 'disabled')(item)}\n          >\n            <Typography\n              variant=\"inherit\"\n              className={cx(classes.typo, {\n                [classes.disabledLabel]: R.propOr(false, 'disabled')(item),\n              })}\n            >\n              {label}\n            </Typography>\n          </MenuItem>\n        );\n      })(items)}\n    </TextField>\n  );\n};\n"],"names":["value","label"],"mappings":"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"}

package/dist/Share/Share.js

@@ -0,0 +1,292 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import Paper from '@mui/material/Paper';
+import Grid from '@mui/material/Grid';
+import PropTypes from 'prop-types';
+import Typography from '@mui/material/Typography';
+import CircularProgress from '@mui/material/CircularProgress';
+import { validate } from 'isemail';
+import { Input } from '../Input/Input.js';
+import { Alert } from '../Alert/Alert.js';
+import { Button } from '../Button/Button.js';
+import Card from '@mui/material/Card';
+import { useTheme } from '@mui/material/styles';
+import CardContent from '@mui/material/CardContent';
+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 { Warning as Warning$1 } from '../Icons/Warning.js';
+import { w as withBlank } from '../chunks/utils-kslX1mzh.js';
+
+const useStyles$2 = makeStyles((theme) => ({
+  container: {
+    padding: theme.spacing(0, 1),
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  containerSubmitButton: {
+    margin: theme.spacing(1, 0),
+    display: "flex",
+    justifyContent: "flex-end"
+  },
+  alertMessage: {
+    display: "flex",
+    flexDirection: "column"
+  },
+  input: {
+    margin: 0
+  },
+  close: {
+    alignItems: "flex-start"
+  },
+  alert: {
+    margin: theme.spacing(0, 1)
+  }
+}));
+const Form = ({
+  hasError,
+  isMessageOpen,
+  isSharing,
+  mail = "",
+  share,
+  changeMail,
+  changeIsMessageOpen,
+  labels
+}) => {
+  const [emailHasError, setEmailError] = React.useState(false);
+  const classes = useStyles$2();
+  const onChange = (value) => {
+    if (validate(mail)) {
+      setEmailError(false);
+    }
+    if (R.is(Function)(changeMail)) return changeMail(value);
+  };
+  const onSubmit = () => {
+    if (!validate(mail)) {
+      setEmailError(true);
+      return;
+    }
+    if (R.is(Function)(share)) return share();
+  };
+  if (isMessageOpen) {
+    return /* @__PURE__ */ jsx(
+      Alert,
+      {
+        className: classes.alert,
+        classes: { action: classes.close },
+        variant: "filled",
+        severity: hasError ? "error" : "success",
+        onClose: () => changeIsMessageOpen(false),
+        children: /* @__PURE__ */ jsxs("div", { className: classes.alertMessage, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", children: hasError ? R.prop("errorTitle")(labels) : R.prop("successTitle")(labels) }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", children: hasError ? R.prop("errorMessage")(labels) : R.prop("successMessage")(labels) })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, className: classes.container, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        inputProps: {
+          "aria-label": R.prop("email")(labels),
+          autoComplete: "email"
+        },
+        className: classes.input,
+        label: R.prop("email")(labels),
+        type: "email",
+        value: mail,
+        onChange,
+        variant: "outlined",
+        fullWidth: true,
+        isControlled: true,
+        textFieldProps: { error: emailHasError },
+        onSubmit
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: classes.containerSubmitButton, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        "aria-label": R.propOr("", "submit")(labels),
+        type: "submit",
+        disabled: isSharing || R.isNil(share),
+        variant: "contained",
+        color: "primary",
+        alternative: "siscc",
+        onClick: onSubmit,
+        className: classes.submitButton,
+        children: isSharing ? /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) : R.propOr("", "submit")(labels)
+      }
+    ) })
+  ] });
+};
+Form.propTypes = {
+  hasError: PropTypes.bool,
+  isMessageOpen: PropTypes.bool,
+  isSharing: PropTypes.bool,
+  mail: PropTypes.string,
+  share: PropTypes.func,
+  changeMail: PropTypes.func,
+  changeIsMessageOpen: PropTypes.func,
+  labels: PropTypes.shape({
+    submit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    email: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    successTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    successMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    errorTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+  })
+};
+
+const useStyles$1 = makeStyles((theme) => ({
+  container: {
+    backgroundColor: theme.palette.secondary.dark,
+    boxShadow: "none",
+    padding: theme.spacing(2),
+    width: "100%"
+  },
+  title: {
+    padding: 0,
+    ...R.pathOr({}, ["mixins", "share", "title"], theme)
+  },
+  content: {
+    padding: theme.spacing(1, 0),
+    "&:last-child": {
+      padding: theme.spacing(1, 0)
+    }
+  },
+  label: theme.typography.body2,
+  warning: {
+    marginLeft: theme.spacing(0.5),
+    width: "unset",
+    fontSize: "inherit",
+    height: "1.3em",
+    ...R.pathOr({}, ["mixins", "share", "warning"], theme)
+  }
+}));
+const Warning = ({ title }) => {
+  const classes = useStyles$1();
+  const theme = useTheme();
+  const warningColor = R.path(["palette", "highlight", "hl1"], theme) || theme.palette.primary.dark;
+  const warningTextColor = theme.palette.getContrastText(warningColor);
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      className: classes.warning,
+      title,
+      tabIndex: 0,
+      variant: "warning",
+      "aria-hidden": false,
+      placement: "bottom",
+      PopperProps: {
+        modifiers: {
+          flip: {
+            behavior: ["bottom", "top", "left", "right"]
+          }
+        }
+      },
+      children: /* @__PURE__ */ jsx(Warning$1, { pathBackgroundColor: warningColor, pathColor: warningTextColor })
+    }
+  );
+};
+Warning.propTypes = {
+  title: PropTypes.string
+};
+const Mode = ({ changeMode, mode, modes = [], title }) => {
+  const classes = useStyles$1();
+  return /* @__PURE__ */ jsx(Card, { className: classes.container, children: /* @__PURE__ */ jsxs(CardContent, { className: classes.content, children: [
+    /* @__PURE__ */ jsx(Typography, { className: classes.title, children: title }),
+    /* @__PURE__ */ jsx(RadioGroup, { onChange: (e) => changeMode(e.target.value), value: mode, children: R.map(({ label, value, disabled = false, warningMessage }) => /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        classes: { label: classes.label },
+        disabled,
+        control: /* @__PURE__ */ jsx(Radio, { variant: "outlined", color: "primary" }),
+        label: /* @__PURE__ */ jsxs("span", { children: [
+          label,
+          warningMessage && /* @__PURE__ */ jsx(Warning, { title: warningMessage })
+        ] }),
+        value
+      },
+      value
+    ))(modes) })
+  ] }) });
+};
+Mode.propTypes = {
+  changeMode: PropTypes.func,
+  mode: PropTypes.string,
+  modes: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+      value: PropTypes.string,
+      warningMessage: PropTypes.string,
+      disabled: PropTypes.bool
+    })
+  ),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
+};
+
+const useStyles = makeStyles((theme) => ({
+  container: {
+    width: "100%",
+    margin: theme.spacing(1, 0),
+    padding: 20
+  },
+  subContainer: {
+    width: "100%",
+    margin: theme.spacing(2, 0)
+  },
+  divider: {
+    borderRight: `1px solid ${theme.palette.divider}`
+  },
+  disclaimerContainer: {
+    padding: theme.spacing(0, 1)
+  },
+  disclaimer: {
+    backgroundColor: R.path(["palette", "tertiary", "dark"])(theme) || theme.palette.grey[100],
+    padding: theme.spacing(1, 2),
+    width: "100%",
+    height: "100%"
+  }
+}));
+const CustomShare = ({
+  changeIsMessageOpen,
+  changeMode,
+  changeMail,
+  hasError,
+  isMessageOpen,
+  isSharing,
+  mail,
+  mode,
+  modes,
+  share,
+  labels
+}) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs(Grid, { "data-testid": "share-test-id", container: true, className: classes.container, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Mode, { changeMode, modes, mode, title: R.prop("title")(labels) }) }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, className: classes.subContainer, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, className: classes.divider, children: /* @__PURE__ */ jsx(
+        Form,
+        {
+          changeMail,
+          changeIsMessageOpen,
+          hasError,
+          isMessageOpen,
+          isSharing,
+          mail,
+          share,
+          labels
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, className: classes.disclaimerContainer, children: /* @__PURE__ */ jsx(Paper, { className: classes.disclaimer, children: R.prop("disclaimer")(labels) }) })
+    ] })
+  ] });
+};
+const Share = withBlank(({ isBlank }) => ({ isBlank }))(CustomShare);
+
+export { CustomShare, Share };
+//# sourceMappingURL=Share.js.map

package/dist/Share/Share.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Share.js","sources":["../../src/Share/Form.jsx","../../src/Share/Mode.jsx","../../src/Share/Share.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { validate as getIsValidEmail } from 'isemail';\nimport { Input } from '../Input/Input';\nimport { Alert } from '../Alert/Alert';\nimport { Button } from '../Button/Button';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    padding: theme.spacing(0, 1),\n    display: 'flex',\n    alignItems: 'flex-start',\n  },\n  containerSubmitButton: {\n    margin: theme.spacing(1, 0),\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n  alertMessage: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  input: {\n    margin: 0,\n  },\n  close: {\n    alignItems: 'flex-start',\n  },\n  alert: {\n    margin: theme.spacing(0, 1),\n  },\n}));\n\nconst Form = ({\n  hasError,\n  isMessageOpen,\n  isSharing,\n  mail = '',\n  share,\n  changeMail,\n  changeIsMessageOpen,\n  labels,\n}) => {\n  const [emailHasError, setEmailError] = React.useState(false);\n  const classes = useStyles();\n\n  const onChange = value => {\n    if (getIsValidEmail(mail)) {\n      setEmailError(false);\n    }\n    if (R.is(Function)(changeMail)) return changeMail(value);\n  };\n\n  const onSubmit = () => {\n    if (!getIsValidEmail(mail)) {\n      setEmailError(true);\n      return;\n    }\n    if (R.is(Function)(share)) return share();\n  };\n\n  if (isMessageOpen) {\n    return (\n      <Alert\n        className={classes.alert}\n        classes={{ action: classes.close }}\n        variant=\"filled\"\n        severity={hasError ? 'error' : 'success'}\n        onClose={() => changeIsMessageOpen(false)}\n      >\n        <div className={classes.alertMessage}>\n          <Typography variant=\"body2\">\n            {hasError ? R.prop('errorTitle')(labels) : R.prop('successTitle')(labels)}\n          </Typography>\n          <Typography variant=\"body2\">\n            {hasError ? R.prop('errorMessage')(labels) : R.prop('successMessage')(labels)}\n          </Typography>\n        </div>\n      </Alert>\n    );\n  }\n\n  return (\n    <Grid container className={classes.container}>\n      <Grid item xs={12}>\n        <Input\n          inputProps={{\n            'aria-label': R.prop('email')(labels),\n            autoComplete: 'email',\n          }}\n          className={classes.input}\n          label={R.prop('email')(labels)}\n          type=\"email\"\n          value={mail}\n          onChange={onChange}\n          variant=\"outlined\"\n          fullWidth\n          isControlled\n          textFieldProps={{ error: emailHasError }}\n          onSubmit={onSubmit}\n        />\n      </Grid>\n      <Grid item xs={12} className={classes.containerSubmitButton}>\n        <Button\n          aria-label={R.propOr('', 'submit')(labels)}\n          type=\"submit\"\n          disabled={isSharing || R.isNil(share)}\n          variant=\"contained\"\n          color=\"primary\"\n          alternative=\"siscc\"\n          onClick={onSubmit}\n          className={classes.submitButton}\n        >\n          {isSharing ? <CircularProgress size={24} /> : R.propOr('', 'submit')(labels)}\n        </Button>\n      </Grid>\n    </Grid>\n  );\n};\n\nForm.propTypes = {\n  hasError: PropTypes.bool,\n  isMessageOpen: PropTypes.bool,\n  isSharing: PropTypes.bool,\n  mail: PropTypes.string,\n  share: PropTypes.func,\n  changeMail: PropTypes.func,\n  changeIsMessageOpen: PropTypes.func,\n  labels: PropTypes.shape({\n    submit: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    email: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    successTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    successMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    errorTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  }),\n};\n\nexport default Form;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as R from 'ramda';\nimport Card from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport CardContent from '@mui/material/CardContent';\nimport Typography from '@mui/material/Typography';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport { Warning as WarningIcon } from '../Icons/Warning';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    backgroundColor: theme.palette.secondary.dark,\n    boxShadow: 'none',\n    padding: theme.spacing(2),\n    width: '100%',\n  },\n  title: {\n    padding: 0,\n    ...R.pathOr({}, ['mixins', 'share', 'title'], theme),\n  },\n  content: {\n    padding: theme.spacing(1, 0),\n    '&:last-child': {\n      padding: theme.spacing(1, 0),\n    },\n  },\n  label: theme.typography.body2,\n  warning: {\n    marginLeft: theme.spacing(0.5),\n    width: 'unset',\n    fontSize: 'inherit',\n    height: '1.3em',\n    ...R.pathOr({}, ['mixins', 'share', 'warning'], theme),\n  },\n}));\n\nconst Warning = ({ title }) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const warningColor = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;\n  const warningTextColor = theme.palette.getContrastText(warningColor);\n  return (\n    <Tooltip\n      className={classes.warning}\n      title={title}\n      tabIndex={0}\n      variant=\"warning\"\n      aria-hidden={false}\n      placement=\"bottom\"\n      PopperProps={{\n        modifiers: {\n          flip: {\n            behavior: ['bottom', 'top', 'left', 'right'],\n          },\n        },\n      }}\n    >\n      <WarningIcon pathBackgroundColor={warningColor} pathColor={warningTextColor} />\n    </Tooltip>\n  );\n};\n\nWarning.propTypes = {\n  title: PropTypes.string,\n};\n\nconst Mode = ({ changeMode, mode, modes = [], title }) => {\n  const classes = useStyles();\n  return (\n    <Card className={classes.container}>\n      <CardContent className={classes.content}>\n        <Typography className={classes.title}>{title}</Typography>\n        <RadioGroup onChange={e => changeMode(e.target.value)} value={mode}>\n          {R.map(({ label, value, disabled = false, warningMessage }) => (\n            <FormControlLabel\n              classes={{ label: classes.label }}\n              key={value}\n              disabled={disabled}\n              control={<Radio variant=\"outlined\" color=\"primary\" />}\n              label={\n                <span>\n                  {label}\n                  {warningMessage && <Warning title={warningMessage} />}\n                </span>\n              }\n              value={value}\n            />\n          ))(modes)}\n        </RadioGroup>\n      </CardContent>\n    </Card>\n  );\n};\n\nMode.propTypes = {\n  changeMode: PropTypes.func,\n  mode: PropTypes.string,\n  modes: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n      value: PropTypes.string,\n      warningMessage: PropTypes.string,\n      disabled: PropTypes.bool,\n    }),\n  ),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n};\n\nexport default Mode;\n","import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Paper from '@mui/material/Paper';\nimport Grid from '@mui/material/Grid';\nimport Form from './Form';\nimport Mode from './Mode';\nimport { withBlank } from '../utils';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: '100%',\n    margin: theme.spacing(1, 0),\n    padding: 20,\n  },\n  subContainer: {\n    width: '100%',\n    margin: theme.spacing(2, 0),\n  },\n  divider: {\n    borderRight: `1px solid ${theme.palette.divider}`,\n  },\n  disclaimerContainer: {\n    padding: theme.spacing(0, 1),\n  },\n  disclaimer: {\n    backgroundColor: R.path(['palette', 'tertiary', 'dark'])(theme) || theme.palette.grey[100],\n    padding: theme.spacing(1, 2),\n    width: '100%',\n    height: '100%',\n  },\n}));\n\nexport const CustomShare = ({\n  changeIsMessageOpen,\n  changeMode,\n  changeMail,\n  hasError,\n  isMessageOpen,\n  isSharing,\n  mail,\n  mode,\n  modes,\n  share,\n  labels,\n}) => {\n  const classes = useStyles();\n  return (\n    <Grid data-testid=\"share-test-id\" container className={classes.container}>\n      <Grid item xs={12}>\n        <Mode changeMode={changeMode} modes={modes} mode={mode} title={R.prop('title')(labels)} />\n      </Grid>\n      <Grid container className={classes.subContainer}>\n        <Grid item xs={12} md={6} className={classes.divider}>\n          <Form\n            changeMail={changeMail}\n            changeIsMessageOpen={changeIsMessageOpen}\n            hasError={hasError}\n            isMessageOpen={isMessageOpen}\n            isSharing={isSharing}\n            mail={mail}\n            share={share}\n            labels={labels}\n          />\n        </Grid>\n        <Grid item xs={12} md={6} className={classes.disclaimerContainer}>\n          <Paper className={classes.disclaimer}>{R.prop('disclaimer')(labels)}</Paper>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport const Share = withBlank(({ isBlank }) => ({ isBlank }))(CustomShare);\n"],"names":["useStyles","getIsValidEmail","WarningIcon"],"mappings":"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"}

package/dist/ShortUrls/ShortUrls.js

@@ -0,0 +1,106 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import Grid from '@mui/material/Grid';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import TextareaAutosize from '@mui/material/TextareaAutosize';
+import Typography from '@mui/material/Typography';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import IconButton from '@mui/material/IconButton';
+import Collapse from '@mui/material/Collapse';
+import { Close } from '@mui/icons-material';
+import { Alert } from '../Alert/Alert.js';
+import { Button } from '../Button/Button.js';
+import CircularProgress from '@mui/material/CircularProgress';
+
+const useStyles = makeStyles((theme) => ({
+  container: {
+    boxShadow: "none",
+    width: "100%",
+    padding: 20
+  },
+  textarea: {
+    width: "100%",
+    margin: theme.spacing(0.5, 0, 0, 0)
+  },
+  title: {
+    paddingBottom: 30,
+    ...R.pathOr({}, ["mixins", "share", "title"], theme)
+  },
+  textAreaWrapper: {
+    display: "flex",
+    flexGrow: 1
+  }
+}));
+const ShortUrls = ({
+  labels,
+  onClick,
+  isLoading,
+  contentValue,
+  isNotifOpen = false,
+  setIsNotifOpen
+}) => {
+  const isNarrow = useMediaQuery((theme) => theme.breakpoints.down("md"));
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs(Grid, { className: classes.container, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", className: classes.title, children: R.prop("title")(labels) }),
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        container: true,
+        justifyContent: isNarrow ? "center" : "flex-start",
+        alignItems: isNarrow ? "left" : "center",
+        direction: isNarrow ? "column-reverse" : "row",
+        children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, style: { padding: isNarrow ? "20px 0 0 0" : "0 20px 0 0" }, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": R.propOr("", "generateUrl")(labels),
+              type: "submit",
+              variant: "contained",
+              color: "primary",
+              disabled: isLoading || R.isNil(onClick),
+              alternative: "siscc",
+              onClick,
+              className: classes.submitButton,
+              children: isLoading ? /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) : R.propOr("", "generateUrl")(labels)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, className: classes.textAreaWrapper, children: /* @__PURE__ */ jsx(
+            TextareaAutosize,
+            {
+              "aria-label": contentValue,
+              className: classes.textarea,
+              minRows: 2,
+              maxRows: 2,
+              readOnly: true,
+              value: contentValue
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Collapse, { in: isNotifOpen, children: /* @__PURE__ */ jsx(
+      Alert,
+      {
+        severity: "error",
+        action: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": "close",
+            color: "inherit",
+            size: "small",
+            onClick: () => {
+              setIsNotifOpen(false);
+            },
+            children: /* @__PURE__ */ jsx(Close, { fontSize: "inherit" })
+          }
+        ),
+        children: R.prop("errorMessage", labels)
+      }
+    ) })
+  ] });
+};
+
+export { ShortUrls };
+//# sourceMappingURL=ShortUrls.js.map

package/dist/ShortUrls/ShortUrls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortUrls.js","sources":["../../src/ShortUrls/ShortUrls.jsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@mui/material/Grid';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport TextareaAutosize from '@mui/material/TextareaAutosize';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport IconButton from '@mui/material/IconButton';\nimport Collapse from '@mui/material/Collapse';\nimport { Close } from '@mui/icons-material';\nimport { Alert } from '../Alert/Alert';\nimport { Button } from '../Button/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    boxShadow: 'none',\n    width: '100%',\n    padding: 20,\n  },\n  textarea: {\n    width: '100%',\n    margin: theme.spacing(0.5, 0, 0, 0),\n  },\n  title: {\n    paddingBottom: 30,\n    ...R.pathOr({}, ['mixins', 'share', 'title'], theme),\n  },\n  textAreaWrapper: {\n    display: 'flex',\n    flexGrow: 1,\n  },\n}));\n\nexport const ShortUrls = ({\n  labels,\n  onClick,\n  isLoading,\n  contentValue,\n  isNotifOpen = false,\n  setIsNotifOpen,\n}) => {\n  const isNarrow = useMediaQuery(theme => theme.breakpoints.down('md'));\n  const classes = useStyles();\n\n  return (\n    <Grid className={classes.container}>\n      <Typography variant=\"h6\" className={classes.title}>\n        {R.prop('title')(labels)}\n      </Typography>\n      <Grid\n        container\n        justifyContent={isNarrow ? 'center' : 'flex-start'}\n        alignItems={isNarrow ? 'left' : 'center'}\n        direction={isNarrow ? 'column-reverse' : 'row'}\n      >\n        <Grid item style={{ padding: isNarrow ? '20px 0 0 0' : '0 20px 0 0' }}>\n          <Button\n            aria-label={R.propOr('', 'generateUrl')(labels)}\n            type=\"submit\"\n            variant=\"contained\"\n            color=\"primary\"\n            disabled={isLoading || R.isNil(onClick)}\n            alternative=\"siscc\"\n            onClick={onClick}\n            className={classes.submitButton}\n          >\n            {isLoading ? <CircularProgress size={24} /> : R.propOr('', 'generateUrl')(labels)}\n          </Button>\n        </Grid>\n        <Grid item className={classes.textAreaWrapper}>\n          <TextareaAutosize\n            aria-label={contentValue}\n            className={classes.textarea}\n            minRows={2}\n            maxRows={2}\n            readOnly\n            value={contentValue}\n          />\n        </Grid>\n      </Grid>\n      <Collapse in={isNotifOpen}>\n        <Alert\n          severity={'error'}\n          action={\n            <IconButton\n              aria-label=\"close\"\n              color=\"inherit\"\n              size=\"small\"\n              onClick={() => {\n                setIsNotifOpen(false);\n              }}\n            >\n              <Close fontSize=\"inherit\" />\n            </IconButton>\n          }\n        >\n          {R.prop('errorMessage', labels)}\n        </Alert>\n      </Collapse>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/SisccFooter/SisccFooter.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import cx from 'classnames';
+import { useTheme } from '@mui/material/styles';
+import makeStyles from '@mui/styles/makeStyles';
+import AppBar from '@mui/material/AppBar';
+import Toolbar from '@mui/material/Toolbar';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import { g as getIsRtl } from '../chunks/utils-kslX1mzh.js';
+
+const useStyles = makeStyles((theme) => ({
+  appBar: {
+    background: theme.palette.grey[100],
+    minWidth: 300
+  },
+  root: {
+    alignItems: "flex-start"
+  },
+  gutters: {
+    padding: "8px 5%"
+  },
+  leftLabel: {
+    fontWeight: theme.typography.fontWeightBold,
+    color: theme.palette.grey["A700"],
+    textAlign: "left"
+  },
+  rightLabel: {
+    color: theme.palette.grey["A700"],
+    textAlign: "left"
+  },
+  rtl: {
+    textAlign: "right"
+  },
+  fixed: {
+    position: "fixed",
+    bottom: 0,
+    left: 0,
+    width: "100%",
+    zIndex: 0
+  }
+}));
+const SisccFooter = React.forwardRef(({ leftLabel, rightLabel = [], isFixed }, ref) => {
+  const classes = useStyles();
+  const theme = useTheme();
+  const isRtl = getIsRtl(theme);
+  return /* @__PURE__ */ jsx(
+    AppBar,
+    {
+      ref,
+      "data-testid": "footer-bar-test-id",
+      position: "static",
+      component: "footer",
+      role: "contentinfo",
+      className: cx(classes.appBar, { [classes.fixed]: isFixed }),
+      children: /* @__PURE__ */ jsxs(Toolbar, { classes: { root: classes.root, gutters: classes.gutters }, children: [
+        /* @__PURE__ */ jsx(Grid, { xs: 4, item: true, container: true, justifyContent: "flex-start", alignItems: "flex-start", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", className: cx(classes.leftLabel, { [classes.rtl]: isRtl }), children: leftLabel }) }),
+        /* @__PURE__ */ jsx(Grid, { xs: 8, item: true, container: true, justifyContent: "flex-end", alignItems: "flex-start", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", className: cx(classes.rightLabel, { [classes.rtl]: !isRtl }), children: rightLabel }) })
+      ] })
+    }
+  );
+});
+
+export { SisccFooter };
+//# sourceMappingURL=SisccFooter.js.map