@sis-cc/dotstatsuite-visions 12.55.0 → 13.0.0

package/dist/SisccFooter/SisccFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SisccFooter.js","sources":["../../src/SisccFooter/SisccFooter.jsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport { useTheme } from '@mui/material/styles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport { getIsRtl } from '../utils';\n\nconst useStyles = makeStyles(theme => ({\n  appBar: {\n    background: theme.palette.grey[100],\n    minWidth: 300,\n  },\n  root: {\n    alignItems: 'flex-start',\n  },\n  gutters: {\n    padding: '8px 5%',\n  },\n  leftLabel: {\n    fontWeight: theme.typography.fontWeightBold,\n    color: theme.palette.grey['A700'],\n    textAlign: 'left',\n  },\n  rightLabel: {\n    color: theme.palette.grey['A700'],\n    textAlign: 'left',\n  },\n  rtl: {\n    textAlign: 'right',\n  },\n  fixed: {\n    position: 'fixed',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    zIndex: 0,\n  },\n}));\n\nexport const SisccFooter = React.forwardRef(({ leftLabel, rightLabel = [], isFixed }, ref) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const isRtl = getIsRtl(theme);\n\n  return (\n    <AppBar\n      ref={ref}\n      data-testid=\"footer-bar-test-id\"\n      position=\"static\"\n      component=\"footer\"\n      role=\"contentinfo\"\n      className={cx(classes.appBar, { [classes.fixed]: isFixed })}\n    >\n      <Toolbar classes={{ root: classes.root, gutters: classes.gutters }}>\n        <Grid xs={4} item container justifyContent=\"flex-start\" alignItems=\"flex-start\">\n          <Typography variant=\"body2\" className={cx(classes.leftLabel, { [classes.rtl]: isRtl })}>\n            {leftLabel}\n          </Typography>\n        </Grid>\n        <Grid xs={8} item container justifyContent=\"flex-end\" alignItems=\"flex-start\">\n          <Typography variant=\"body2\" className={cx(classes.rightLabel, { [classes.rtl]: !isRtl })}>\n            {rightLabel}\n          </Typography>\n        </Grid>\n      </Toolbar>\n    </AppBar>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,GAAG,CAAA;AAAA,IAClC,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,UAAA,EAAY;AAAA,GACd;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS;AAAA,GACX;AAAA,EACA,SAAA,EAAW;AAAA,IACT,UAAA,EAAY,MAAM,UAAA,CAAW,cAAA;AAAA,IAC7B,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAA;AAAA,IAChC,SAAA,EAAW;AAAA,GACb;AAAA,EACA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAA;AAAA,IAChC,SAAA,EAAW;AAAA,GACb;AAAA,EACA,GAAA,EAAK;AAAA,IACH,SAAA,EAAW;AAAA,GACb;AAAA,EACA,KAAA,EAAO;AAAA,IACL,QAAA,EAAU,OAAA;AAAA,IACV,MAAA,EAAQ,CAAA;AAAA,IACR,IAAA,EAAM,CAAA;AAAA,IACN,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ;AAAA;AAEZ,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,KAAA,CAAM,UAAA,CAAW,CAAC,EAAE,SAAA,EAAW,UAAA,GAAa,EAAC,EAAG,OAAA,EAAQ,EAAG,GAAA,KAAQ;AAC5F,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,KAAA,GAAQ,SAAS,KAAK,CAAA;AAE5B,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,aAAA,EAAY,oBAAA;AAAA,MACZ,QAAA,EAAS,QAAA;AAAA,MACT,SAAA,EAAU,QAAA;AAAA,MACV,IAAA,EAAK,aAAA;AAAA,MACL,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAC,OAAA,CAAQ,KAAK,GAAG,OAAA,EAAS,CAAA;AAAA,MAE1D,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,EAAE,IAAA,EAAM,QAAQ,IAAA,EAAM,OAAA,EAAS,OAAA,CAAQ,OAAA,EAAQ,EAC/D,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,CAAA,EAAG,IAAA,EAAI,IAAA,EAAC,SAAA,EAAS,IAAA,EAAC,cAAA,EAAe,YAAA,EAAa,UAAA,EAAW,YAAA,EACjE,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,SAAA,EAAW,EAAE,CAAC,OAAA,CAAQ,GAAG,GAAG,KAAA,EAAO,CAAA,EAClF,QAAA,EAAA,SAAA,EACH,CAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,CAAA,EAAG,IAAA,EAAI,IAAA,EAAC,SAAA,EAAS,IAAA,EAAC,cAAA,EAAe,UAAA,EAAW,UAAA,EAAW,YAAA,EAC/D,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,UAAA,EAAY,EAAE,CAAC,OAAA,CAAQ,GAAG,GAAG,CAAC,KAAA,EAAO,CAAA,EACpF,sBACH,CAAA,EACF;AAAA,OAAA,EACF;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist/Spotlight/Spotlight.js

@@ -0,0 +1,349 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { Fragment, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import * as R from 'ramda';
+import { ArrowDropDown, Check, Search, ArrowBack, ArrowForward } from '@mui/icons-material';
+import { useTheme } from '@mui/material/styles';
+import Paper from '@mui/material/Paper';
+import IconButton from '@mui/material/IconButton';
+import InputBase from '@mui/material/InputBase';
+import Popover from '@mui/material/Popover';
+import Button from '@mui/material/Button';
+import makeStyles from '@mui/styles/makeStyles';
+import { Cross } from '../Icons/Cross.js';
+
+const Field = ({ spotlight = {}, onChangeField, isRtl, classes }) => {
+  const [anchorEl, setAnchorEl] = React.useState(null);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const open = Boolean(anchorEl);
+  const id = open ? "visions-spotlight-popover" : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { "aria-describedby": id, onClick: handleClick, children: /* @__PURE__ */ jsxs("div", { className: classes.buttonContainer, children: [
+      R.prop("searchLabel", spotlight),
+      /* @__PURE__ */ jsx(ArrowDropDown, { fontSize: "small" })
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        id,
+        open,
+        anchorEl,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        children: /* @__PURE__ */ jsx("div", { dir: isRtl ? "rtl" : "ltr", className: classes.popoverButton, children: R.pipe(
+          R.values,
+          R.map((field) => /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: classes.buttonContainer,
+              onClick: onChangeField(field),
+              disabled: field.disabled,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Check,
+                  {
+                    fontSize: "small",
+                    className: cx({ [classes.selected]: !R.prop("isSelected")(field) })
+                  }
+                ),
+                /* @__PURE__ */ jsx(spotlight.FieldLabelRenderer, { id: field.id })
+              ]
+            },
+            field.id
+          ))
+        )(R.prop("fields", spotlight)) })
+      }
+    )
+  ] });
+};
+Field.propTypes = {
+  classes: PropTypes.object,
+  spotlight: PropTypes.shape({
+    fields: PropTypes.shape({
+      id: PropTypes.string,
+      isSelected: PropTypes.bool,
+      disabled: PropTypes.bool
+    }),
+    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    FieldLabelRenderer: PropTypes.func
+  }),
+  onChangeField: PropTypes.func.isRequired,
+  isRtl: PropTypes.bool
+};
+
+const useStyles = makeStyles(theme => ({
+  container: {
+    padding: theme.spacing(1.875),
+    borderRadius: theme.spacing(0.5),
+    backgroundColor:
+      R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.dark,
+  },
+  fullWidth: {
+    width: '100%',
+  },
+  defaultWidth: {
+    maxWidth: 420,
+    minWidth: 250,
+  },
+  containerFocus: {
+    backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.light,
+    borderRadius: theme.shape.borderRadius,
+    ...R.pathOr({}, ['mixins', 'spotlight', 'focus'], theme),
+  },
+  root: {
+    display: 'flex',
+    alignItems: 'center',
+    border: `solid 1px ${theme.palette.grey[400]}`,
+    paddingRight: theme.spacing(1),
+  },
+  input: {
+    marginLeft: theme.spacing(0),
+    flex: 1,
+  },
+  inputBase: {
+    ...R.pathOr({}, ['typography', 'body2'], theme),
+    lineHeight: 0,
+  },
+  inputBaseMargin: {
+    padding: theme.spacing(0),
+    height: theme.spacing(3.75),
+  },
+  leftIcon: {
+    padding: theme.spacing(0.125, 0.5),
+    '&.Mui-disabled': {
+      color: `${theme.palette.grey[700]} !important`,
+    },
+  },
+  rightIcon: {
+    padding: theme.spacing(0.125, 0),
+    borderRadius: theme.shape.borderRadius,
+    color: theme.palette.primary.main,
+    margin: theme.spacing(0.125),
+    '&.Mui-disabled': {
+      color: `${theme.palette.grey[700]} !important`,
+    },
+  },
+  clear: {
+    padding: '3px 0px 0px 0px',
+  },
+  popoverButton: {
+    display: 'flex',
+    flexDirection: 'column',
+  },
+  divider: {
+    width: 1,
+    height: '1.5em',
+    margin: theme.spacing(0.5),
+  },
+  selected: {
+    visibility: 'hidden',
+  },
+  buttonContainer: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+}));
+
+const useSpotlight = (hasCommit, defaultTerm = '', defaultSpotlight, action = () => {}) => {
+  const [term, setTerm] = useState(defaultTerm);
+  const [spotlight = {}, setSpotlight] = useState(defaultSpotlight);
+  const [isFocus, setFocus] = useState(false);
+
+  useEffect(() => {
+    setTerm(defaultTerm);
+    setSpotlight(defaultSpotlight);
+  }, [defaultTerm, defaultSpotlight]);
+
+  const onKeyPress = event => {
+    if (event.key === 'Enter') return action({ term, spotlight });
+  };
+
+  const onClearTerm = event => {
+    event.preventDefault();
+    setTerm('');
+    return action({ term: '' });
+  };
+
+  const onChangeTerm = event => {
+    event.preventDefault();
+    const newTerm = R.propOr('', 'value')(event.target);
+    setTerm(newTerm);
+    return hasCommit ? null : action({ term: newTerm, spotlight });
+  };
+
+  const onCommitTerm = event => {
+    event.preventDefault();
+    return action({ term, spotlight });
+  };
+
+  const onChangeField = field => event => {
+    event.preventDefault();
+    const newSpotlight = {
+      ...spotlight,
+      fields: {
+        ...spotlight.fields,
+        [field.id]: { ...field, isSelected: !field.isSelected },
+      },
+    };
+    setSpotlight(newSpotlight);
+    return action({ term, spotlight: newSpotlight });
+  };
+
+  return {
+    value: term,
+    spotlight,
+    isFocus,
+    setFocus,
+    onKeyPress,
+    onClearTerm,
+    onChangeTerm,
+    onChangeField,
+    onCommitTerm,
+  };
+};
+
+const size = R.pipe(R.values, R.length);
+const Spotlight = ({
+  placeholder,
+  hasClearAll,
+  hasCommit,
+  withBorder,
+  defaultSpotlight,
+  term,
+  action,
+  fullWidth,
+  className,
+  withAutoFocus = false,
+  labels,
+  testId = "spotlight"
+}) => {
+  const {
+    value,
+    spotlight,
+    isFocus,
+    onKeyPress,
+    onClearTerm,
+    onChangeTerm,
+    onChangeField,
+    onCommitTerm,
+    setFocus
+  } = useSpotlight(hasCommit, term, defaultSpotlight, action);
+  const classes = useStyles();
+  const theme = useTheme();
+  const isRtl = R.equals("rtl", R.prop("direction", theme));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": testId,
+      className: cx(R.prop("container", className), {
+        [classes.container]: withBorder,
+        [classes.containerFocus]: isFocus,
+        [classes.fullWidth]: fullWidth,
+        [classes.defaultWidth]: !fullWidth
+      }),
+      children: /* @__PURE__ */ jsxs(Paper, { className: classes.root, elevation: 0, children: [
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            className: classes.leftIcon,
+            disabled: true,
+            "aria-label": R.propOr("search", "searchSpotlight")(labels),
+            size: "large",
+            children: /* @__PURE__ */ jsx(Search, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          InputBase,
+          {
+            inputProps: {
+              "aria-label": placeholder,
+              "data-testid": `${testId}_input`
+            },
+            className: classes.input,
+            sx: {
+              "& input::placeholder": {
+                color: theme.palette.grey[700],
+                opacity: 1
+              }
+            },
+            classes: { root: classes.inputBase, input: classes.inputBaseMargin },
+            placeholder,
+            onKeyDown: onKeyPress,
+            value,
+            onChange: onChangeTerm,
+            onFocus: () => setFocus(true),
+            onBlur: () => setFocus(false),
+            autoFocus: withAutoFocus
+          }
+        ),
+        hasClearAll && !R.isEmpty(value) ? /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": R.propOr("clear", "clearSpotlight")(labels),
+            onClick: onClearTerm,
+            className: cx(classes.rightIcon, classes.clear),
+            size: "large",
+            children: /* @__PURE__ */ jsx(Cross, {})
+          }
+        ) : null,
+        R.gt(size(R.prop("fields", spotlight)), 1) ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          Field,
+          {
+            spotlight,
+            onChangeField,
+            isRtl,
+            term: value,
+            classes
+          }
+        ) }) : null,
+        hasCommit ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            disabled: R.isEmpty(value),
+            color: "primary",
+            className: classes.rightIcon,
+            "aria-label": R.propOr("commit", "commitSpotlight")(labels),
+            onClick: onCommitTerm,
+            size: "large",
+            children: isRtl ? /* @__PURE__ */ jsx(ArrowBack, {}) : /* @__PURE__ */ jsx(ArrowForward, {})
+          }
+        ) }) : null
+      ] })
+    }
+  );
+};
+Spotlight.propTypes = {
+  term: PropTypes.string,
+  testId: PropTypes.string,
+  placeholder: PropTypes.string,
+  defaultSpotlight: PropTypes.shape({
+    fields: PropTypes.object,
+    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    FieldLabelRenderer: PropTypes.func
+  }),
+  action: PropTypes.func,
+  hasClearAll: PropTypes.bool,
+  hasCommit: PropTypes.bool,
+  withBorder: PropTypes.bool,
+  fullWidth: PropTypes.bool,
+  classes: PropTypes.object,
+  className: PropTypes.object,
+  withAutoFocus: PropTypes.bool
+};
+
+export { Spotlight };
+//# sourceMappingURL=Spotlight.js.map

package/dist/Spotlight/Spotlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spotlight.js","sources":["../../src/Spotlight/Fields.jsx","../../src/Spotlight/useStyles.js","../../src/Spotlight/useSpotlight.js","../../src/Spotlight/Spotlight.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as R from 'ramda';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Popover from '@mui/material/Popover';\nimport Button from '@mui/material/Button';\nimport { ArrowDropDown, Check } from '@mui/icons-material';\n\nexport const Field = ({ spotlight = {}, onChangeField, isRtl, classes }) => {\n  const [anchorEl, setAnchorEl] = React.useState(null);\n\n  const handleClick = event => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const open = Boolean(anchorEl);\n  const id = open ? 'visions-spotlight-popover' : undefined;\n\n  return (\n    <Fragment>\n      <Button aria-describedby={id} onClick={handleClick}>\n        <div className={classes.buttonContainer}>\n          {R.prop('searchLabel', spotlight)}\n          {<ArrowDropDown fontSize=\"small\" />}\n        </div>\n      </Button>\n      <Popover\n        id={id}\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n      >\n        <div dir={isRtl ? 'rtl' : 'ltr'} className={classes.popoverButton}>\n          {R.pipe(\n            R.values,\n            R.map(field => (\n              <Button\n                key={field.id}\n                className={classes.buttonContainer}\n                onClick={onChangeField(field)}\n                disabled={field.disabled}\n              >\n                <Check\n                  fontSize=\"small\"\n                  className={cx({ [classes.selected]: !R.prop('isSelected')(field) })}\n                />\n                <spotlight.FieldLabelRenderer id={field.id} />\n              </Button>\n            )),\n          )(R.prop('fields', spotlight))}\n        </div>\n      </Popover>\n    </Fragment>\n  );\n};\n\nField.propTypes = {\n  classes: PropTypes.object,\n  spotlight: PropTypes.shape({\n    fields: PropTypes.shape({\n      id: PropTypes.string,\n      isSelected: PropTypes.bool,\n      disabled: PropTypes.bool,\n    }),\n    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    FieldLabelRenderer: PropTypes.func,\n  }),\n  onChangeField: PropTypes.func.isRequired,\n  isRtl: PropTypes.bool,\n};\n","import * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\n\nexport const useStyles = makeStyles(theme => ({\n  container: {\n    padding: theme.spacing(1.875),\n    borderRadius: theme.spacing(0.5),\n    backgroundColor:\n      R.path(['palette', 'button', 'mainOpacity'], theme) || theme.palette.primary.dark,\n  },\n  fullWidth: {\n    width: '100%',\n  },\n  defaultWidth: {\n    maxWidth: 420,\n    minWidth: 250,\n  },\n  containerFocus: {\n    backgroundColor: R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.light,\n    borderRadius: theme.shape.borderRadius,\n    ...R.pathOr({}, ['mixins', 'spotlight', 'focus'], theme),\n  },\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    border: `solid 1px ${theme.palette.grey[400]}`,\n    paddingRight: theme.spacing(1),\n  },\n  input: {\n    marginLeft: theme.spacing(0),\n    flex: 1,\n  },\n  inputBase: {\n    ...R.pathOr({}, ['typography', 'body2'], theme),\n    lineHeight: 0,\n  },\n  inputBaseMargin: {\n    padding: theme.spacing(0),\n    height: theme.spacing(3.75),\n  },\n  leftIcon: {\n    padding: theme.spacing(0.125, 0.5),\n    '&.Mui-disabled': {\n      color: `${theme.palette.grey[700]} !important`,\n    },\n  },\n  rightIcon: {\n    padding: theme.spacing(0.125, 0),\n    borderRadius: theme.shape.borderRadius,\n    color: theme.palette.primary.main,\n    margin: theme.spacing(0.125),\n    '&.Mui-disabled': {\n      color: `${theme.palette.grey[700]} !important`,\n    },\n  },\n  clear: {\n    padding: '3px 0px 0px 0px',\n  },\n  popoverButton: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  divider: {\n    width: 1,\n    height: '1.5em',\n    margin: theme.spacing(0.5),\n  },\n  selected: {\n    visibility: 'hidden',\n  },\n  buttonContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n}));\n","import { useState, useEffect } from 'react';\nimport * as R from 'ramda';\n\nexport const useSpotlight = (hasCommit, defaultTerm = '', defaultSpotlight, action = () => {}) => {\n  const [term, setTerm] = useState(defaultTerm);\n  const [spotlight = {}, setSpotlight] = useState(defaultSpotlight);\n  const [isFocus, setFocus] = useState(false);\n\n  useEffect(() => {\n    setTerm(defaultTerm);\n    setSpotlight(defaultSpotlight);\n  }, [defaultTerm, defaultSpotlight]);\n\n  const onKeyPress = event => {\n    if (event.key === 'Enter') return action({ term, spotlight });\n  };\n\n  const onClearTerm = event => {\n    event.preventDefault();\n    setTerm('');\n    return action({ term: '' });\n  };\n\n  const onChangeTerm = event => {\n    event.preventDefault();\n    const newTerm = R.propOr('', 'value')(event.target);\n    setTerm(newTerm);\n    return hasCommit ? null : action({ term: newTerm, spotlight });\n  };\n\n  const onCommitTerm = event => {\n    event.preventDefault();\n    return action({ term, spotlight });\n  };\n\n  const onChangeField = field => event => {\n    event.preventDefault();\n    const newSpotlight = {\n      ...spotlight,\n      fields: {\n        ...spotlight.fields,\n        [field.id]: { ...field, isSelected: !field.isSelected },\n      },\n    };\n    setSpotlight(newSpotlight);\n    return action({ term, spotlight: newSpotlight });\n  };\n\n  return {\n    value: term,\n    spotlight,\n    isFocus,\n    setFocus,\n    onKeyPress,\n    onClearTerm,\n    onChangeTerm,\n    onChangeField,\n    onCommitTerm,\n  };\n};\n","import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport * as R from 'ramda';\nimport { ArrowBack, ArrowForward, Search } from '@mui/icons-material';\nimport { useTheme } from '@mui/material/styles';\nimport Paper from '@mui/material/Paper';\nimport IconButton from '@mui/material/IconButton';\nimport InputBase from '@mui/material/InputBase';\nimport { Field } from './Fields';\nimport { useStyles } from './useStyles';\nimport { useSpotlight } from './useSpotlight';\nimport { Cross } from '../Icons/Cross';\n\nconst size = R.pipe(R.values, R.length);\n\nexport const Spotlight = ({\n  placeholder,\n  hasClearAll,\n  hasCommit,\n  withBorder,\n  defaultSpotlight,\n  term,\n  action,\n  fullWidth,\n  className,\n  withAutoFocus = false,\n  labels,\n  testId = 'spotlight',\n}) => {\n  const {\n    value,\n    spotlight,\n    isFocus,\n    onKeyPress,\n    onClearTerm,\n    onChangeTerm,\n    onChangeField,\n    onCommitTerm,\n    setFocus,\n  } = useSpotlight(hasCommit, term, defaultSpotlight, action);\n  const classes = useStyles();\n  const theme = useTheme();\n  const isRtl = R.equals('rtl', R.prop('direction', theme));\n\n  return (\n    <div\n      data-testid={testId}\n      className={cx(R.prop('container', className), {\n        [classes.container]: withBorder,\n        [classes.containerFocus]: isFocus,\n        [classes.fullWidth]: fullWidth,\n        [classes.defaultWidth]: !fullWidth,\n      })}\n    >\n      <Paper className={classes.root} elevation={0}>\n        <IconButton\n          className={classes.leftIcon}\n          disabled\n          aria-label={R.propOr('search', 'searchSpotlight')(labels)}\n          size=\"large\"\n        >\n          <Search />\n        </IconButton>\n        <InputBase\n          inputProps={{\n            'aria-label': placeholder,\n            'data-testid': `${testId}_input`,\n          }}\n          className={classes.input}\n          sx={{\n            '& input::placeholder': {\n              color: theme.palette.grey[700],\n              opacity: 1,\n            },\n          }}\n          classes={{ root: classes.inputBase, input: classes.inputBaseMargin }}\n          placeholder={placeholder}\n          onKeyDown={onKeyPress}\n          value={value}\n          onChange={onChangeTerm}\n          onFocus={() => setFocus(true)}\n          onBlur={() => setFocus(false)}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={withAutoFocus}\n        />\n        {hasClearAll && !R.isEmpty(value) ? (\n          <IconButton\n            aria-label={R.propOr('clear', 'clearSpotlight')(labels)}\n            onClick={onClearTerm}\n            className={cx(classes.rightIcon, classes.clear)}\n            size=\"large\"\n          >\n            <Cross />\n          </IconButton>\n        ) : null}\n        {R.gt(size(R.prop('fields', spotlight)), 1) ? (\n          <Fragment>\n            <Field\n              spotlight={spotlight}\n              onChangeField={onChangeField}\n              isRtl={isRtl}\n              term={value}\n              classes={classes}\n            />\n          </Fragment>\n        ) : null}\n        {hasCommit ? (\n          <Fragment>\n            <IconButton\n              disabled={R.isEmpty(value)}\n              color=\"primary\"\n              className={classes.rightIcon}\n              aria-label={R.propOr('commit', 'commitSpotlight')(labels)}\n              onClick={onCommitTerm}\n              size=\"large\"\n            >\n              {isRtl ? <ArrowBack /> : <ArrowForward />}\n            </IconButton>\n          </Fragment>\n        ) : null}\n      </Paper>\n    </div>\n  );\n};\n\nSpotlight.propTypes = {\n  term: PropTypes.string,\n  testId: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultSpotlight: PropTypes.shape({\n    fields: PropTypes.object,\n    searchLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    FieldLabelRenderer: PropTypes.func,\n  }),\n  action: PropTypes.func,\n  hasClearAll: PropTypes.bool,\n  hasCommit: PropTypes.bool,\n  withBorder: PropTypes.bool,\n  fullWidth: PropTypes.bool,\n  classes: PropTypes.object,\n  className: PropTypes.object,\n  withAutoFocus: PropTypes.bool,\n};\n"],"names":[],"mappings":"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"}

package/dist/TableFooter/TableFooter.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import Typography from '@mui/material/Typography';
+import Grid from '@mui/material/Grid';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+
+const useStyles = makeStyles((theme) => ({
+  font: {
+    color: theme.palette.grey[600]
+  },
+  spaceContainer: {
+    paddingLeft: theme.spacing(1.5)
+  },
+  gridContainer: {
+    padding: theme.spacing(0.5, 1.5)
+  }
+}));
+const TableFooter = ({ tooltip, label, logo, link, linkLabel, height = 25 }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs(Grid, { container: true, direction: "row", alignItems: "center", spacing: 2, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, className: classes.gridContainer, children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        placement: "top",
+        title: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "inherit", children: R.prop("label")(tooltip) }),
+          /* @__PURE__ */ jsx("a", { className: classes.spaceContainer, href: R.prop("link")(tooltip), children: R.prop("linkLabel")(tooltip) })
+        ] }),
+        children: /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.font, children: R.ifElse(R.isNil, R.always("©"), R.identity)(label) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, className: classes.gridContainer, children: /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "flex-end", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", className: classes.font, children: /* @__PURE__ */ jsx("a", { href: link, children: linkLabel }) }),
+      /* @__PURE__ */ jsx("img", { className: classes.spaceContainer, height, src: logo, alt: "logo" })
+    ] }) })
+  ] });
+};
+
+export { TableFooter };
+//# sourceMappingURL=TableFooter.js.map

package/dist/TableFooter/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../src/TableFooter/TableFooter.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nconst useStyles = makeStyles(theme => ({\n  font: {\n    color: theme.palette.grey[600],\n  },\n  spaceContainer: {\n    paddingLeft: theme.spacing(1.5),\n  },\n  gridContainer: {\n    padding: theme.spacing(0.5, 1.5),\n  },\n}));\n\nexport const TableFooter = ({ tooltip, label, logo, link, linkLabel, height = 25 }) => {\n  const classes = useStyles();\n  return (\n    <Grid container direction=\"row\" alignItems=\"center\" spacing={2}>\n      <Grid item xs={1} className={classes.gridContainer}>\n        <Tooltip\n          placement=\"top\"\n          title={\n            <Typography variant=\"body2\">\n              <Typography variant=\"inherit\">{R.prop('label')(tooltip)}</Typography>\n              <a className={classes.spaceContainer} href={R.prop('link')(tooltip)}>\n                {R.prop('linkLabel')(tooltip)}\n              </a>\n            </Typography>\n          }\n        >\n          <Typography variant=\"body2\" className={classes.font}>\n            {R.ifElse(R.isNil, R.always('©'), R.identity)(label)}\n          </Typography>\n        </Tooltip>\n      </Grid>\n      <Grid item xs={11} className={classes.gridContainer}>\n        <Grid container justifyContent=\"flex-end\">\n          <Typography variant=\"body2\" className={classes.font}>\n            <a href={link}>{linkLabel}</a>\n          </Typography>\n          <img className={classes.spaceContainer} height={height} src={logo} alt=\"logo\" />\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAOA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,GAAG;AAAA,GAC/B;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GAChC;AAAA,EACA,aAAA,EAAe;AAAA,IACb,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,GAAA,EAAK,GAAG;AAAA;AAEnC,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,CAAC,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,IAAA,EAAM,SAAA,EAAW,MAAA,GAAS,EAAA,EAAG,KAAM;AACrF,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,uBACE,IAAA,CAAC,QAAK,SAAA,EAAS,IAAA,EAAC,WAAU,KAAA,EAAM,UAAA,EAAW,QAAA,EAAS,OAAA,EAAS,CAAA,EAC3D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EAAG,SAAA,EAAW,QAAQ,aAAA,EACnC,QAAA,kBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,KAAA;AAAA,QACV,KAAA,kBACE,IAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAClB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,SAAA,EAAW,QAAA,EAAA,CAAA,CAAE,KAAK,OAAO,CAAA,CAAE,OAAO,CAAA,EAAE,CAAA;AAAA,8BACvD,GAAA,EAAA,EAAE,SAAA,EAAW,OAAA,CAAQ,cAAA,EAAgB,MAAM,CAAA,CAAE,IAAA,CAAK,MAAM,CAAA,CAAE,OAAO,CAAA,EAC/D,QAAA,EAAA,CAAA,CAAE,KAAK,WAAW,CAAA,CAAE,OAAO,CAAA,EAC9B;AAAA,SAAA,EACF,CAAA;AAAA,QAGF,8BAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAQ,SAAA,EAAW,OAAA,CAAQ,MAC5C,QAAA,EAAA,CAAA,CAAE,MAAA,CAAO,EAAE,KAAA,EAAO,CAAA,CAAE,OAAO,GAAG,CAAA,EAAG,EAAE,QAAQ,CAAA,CAAE,KAAK,CAAA,EACrD;AAAA;AAAA,KACF,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,aAAA,EACpC,QAAA,kBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAS,IAAA,EAAC,gBAAe,UAAA,EAC7B,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,SAAA,EAAW,OAAA,CAAQ,IAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAM,IAAA,EAAO,QAAA,EAAA,SAAA,EAAU,CAAA,EAC5B,CAAA;AAAA,sBACA,GAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,gBAAgB,MAAA,EAAgB,GAAA,EAAK,IAAA,EAAM,GAAA,EAAI,MAAA,EAAO;AAAA,KAAA,EAChF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/TableHeader/TableHeader.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Fragment } from 'react';
+import * as R from 'ramda';
+import makeStyles from '@mui/styles/makeStyles';
+import Typography from '@mui/material/Typography';
+import { Lens } from '@mui/icons-material';
+
+const useStyles = makeStyles((theme) => ({
+  title: {
+    color: theme.palette.text.primary
+  },
+  subtitle: {
+    color: theme.palette.text.secondary,
+    lineHeight: 1.3
+  },
+  icon: {
+    height: "0.35em",
+    color: theme.palette.text.secondary
+  }
+}));
+const TableHeader = ({ header }) => {
+  const classes = useStyles();
+  return /* @__PURE__ */ jsxs("div", { className: classes.container, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", className: classes.title, children: R.prop("title")(header) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", className: classes.subtitle, children: R.pipe(
+      R.propOr([], "subtitle"),
+      R.intersperse(/* @__PURE__ */ jsx(Lens, { className: classes.icon })),
+      R.addIndex(R.map)((v, index) => /* @__PURE__ */ jsx(Fragment, { children: v }, R.toString([R.prop("title")(header), index])))
+    )(header) }),
+    /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", className: classes.subtitle, children: R.prop("uprs")(header) })
+  ] });
+};
+
+export { TableHeader };
+//# sourceMappingURL=TableHeader.js.map

package/dist/TableHeader/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sources":["../../src/TableHeader/TableHeader.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport { Lens } from '@mui/icons-material';\n\nconst useStyles = makeStyles(theme => ({\n  title: {\n    color: theme.palette.text.primary,\n  },\n  subtitle: {\n    color: theme.palette.text.secondary,\n    lineHeight: 1.3,\n  },\n  icon: {\n    height: '0.35em',\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport const TableHeader = ({ header }) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.container}>\n      <Typography variant=\"h5\" className={classes.title}>\n        {R.prop('title')(header)}\n      </Typography>\n      <Typography variant=\"subtitle1\" className={classes.subtitle}>\n        {R.pipe(\n          R.propOr([], 'subtitle'),\n          R.intersperse(<Lens className={classes.icon} />),\n          R.addIndex(R.map)((v, index) => (\n            <Fragment key={R.toString([R.prop('title')(header), index])}>{v}</Fragment>\n          )),\n        )(header)}\n      </Typography>\n      <Typography variant=\"subtitle1\" className={classes.subtitle}>\n        {R.prop('uprs')(header)}\n      </Typography>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA,GAC5B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,MAAA,EAAQ,QAAA;AAAA,IACR,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAE9B,CAAA,CAAE,CAAA;AAEK,MAAM,WAAA,GAAc,CAAC,EAAE,MAAA,EAAO,KAAM;AACzC,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,IAAA,EAAK,SAAA,EAAW,OAAA,CAAQ,KAAA,EACzC,QAAA,EAAA,CAAA,CAAE,IAAA,CAAK,OAAO,CAAA,CAAE,MAAM,CAAA,EACzB,CAAA;AAAA,wBACC,UAAA,EAAA,EAAW,OAAA,EAAQ,aAAY,SAAA,EAAW,OAAA,CAAQ,UAChD,QAAA,EAAA,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,CAAE,MAAA,CAAO,EAAC,EAAG,UAAU,CAAA;AAAA,MACvB,EAAE,WAAA,iBAAY,GAAA,CAAC,QAAK,SAAA,EAAW,OAAA,CAAQ,MAAM,CAAE,CAAA;AAAA,MAC/C,CAAA,CAAE,SAAS,CAAA,CAAE,GAAG,EAAE,CAAC,CAAA,EAAG,KAAA,qBACpB,GAAA,CAAC,QAAA,EAAA,EAA6D,QAAA,EAAA,CAAA,EAAA,EAA/C,EAAE,QAAA,CAAS,CAAC,CAAA,CAAE,IAAA,CAAK,OAAO,CAAA,CAAE,MAAM,CAAA,EAAG,KAAK,CAAC,CAAM,CACjE;AAAA,KACH,CAAE,MAAM,CAAA,EACV,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,WAAA,EAAY,SAAA,EAAW,OAAA,CAAQ,QAAA,EAChD,QAAA,EAAA,CAAA,CAAE,IAAA,CAAK,MAAM,CAAA,CAAE,MAAM,CAAA,EACxB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}