@sis-cc/dotstatsuite-visions 6.4.3 → 6.6.0

package/es/CollapseButtons/Paper.js

@@ -1,10 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { makeStyles } from '@material-ui/core/styles';
 import Paper from '@material-ui/core/Paper';
 import Grid from '@material-ui/core/Grid';
 import cx from 'classnames';
-
 var useStyles = makeStyles(function (theme) {
   return {
     paper: {
@@ -25,26 +23,14 @@ var CustomPaper = function CustomPaper(_ref) {
 
   var isMobileView = _ref.isMobileView,
       children = _ref.children;
-
   var classes = useStyles();
-  return React.createElement(
-    Paper,
-    {
-      classes: {
-        root: cx(classes.paper, (_cx = {}, _cx[classes.mobileView] = isMobileView, _cx))
-      }
-    },
-    React.createElement(
-      Grid,
-      { container: true },
-      children
-    )
-  );
+  return /*#__PURE__*/React.createElement(Paper, {
+    classes: {
+      root: cx(classes.paper, (_cx = {}, _cx[classes.mobileView] = isMobileView, _cx))
+    }
+  }, /*#__PURE__*/React.createElement(Grid, {
+    container: true
+  }, children));
 };
 
-CustomPaper.propTypes = process.env.NODE_ENV !== "production" ? {
-  isMobileView: PropTypes.bool,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
-} : {};
-
 export default CustomPaper;

package/es/CollapseButtons/index.js

@@ -10,6 +10,8 @@
  * | 'space-around'
  * | 'space-evenly'
  *
+ * textTransform: 'none' | 'capitalize' | 'uppercase' | 'lowercase'
+ *
  * to manage layout you have three properties
  * nbColumns: numbers of column you want to have
  * gridButtonsProps: mainly to manage breakpoints in the differents layout of buttons but you can change all the grid properties. (nbColumns is use with the "sm" breakpoint)
@@ -51,6 +53,7 @@
  *   breakpoint: PropTypes.func,
  *   gridButtonsProps: PropTypes.object,
  *   justify: PropTypes.string,
+ *   textTransform: PropTypes.string,
  * };
  * @theme
  * // button (See ToggleButton Component)
@@ -83,5 +86,4 @@
  *
  * @demoReady
  */
-
 export { default } from './CollapseButtons';

package/es/DataEdit/DataEdit.js

@@ -1,7 +1,5 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
+import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import Grid from '@material-ui/core/Grid';
 import Typography from '@material-ui/core/Typography';
@@ -11,7 +9,6 @@ import { makeStyles } from '@material-ui/styles';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
 import Input from './Input';
 import { withBlank } from '../utils';
-
 var useStyles = makeStyles(function (theme) {
   return {
     root: _extends({
@@ -31,139 +28,85 @@ var useStyles = makeStyles(function (theme) {
 var DataEdit = function DataEdit(_ref) {
   var labels = _ref.labels,
       properties = _ref.properties;
-
   var classes = useStyles();
   var _properties$title = properties.title,
-      title = _properties$title === undefined ? {} : _properties$title,
+      title = _properties$title === void 0 ? {} : _properties$title,
       _properties$subtitle = properties.subtitle,
-      subtitle = _properties$subtitle === undefined ? {} : _properties$subtitle,
+      subtitle = _properties$subtitle === void 0 ? {} : _properties$subtitle,
       _properties$source = properties.source,
-      source = _properties$source === undefined ? {} : _properties$source,
+      source = _properties$source === void 0 ? {} : _properties$source,
       _properties$logo = properties.logo,
-      logo = _properties$logo === undefined ? {} : _properties$logo,
+      logo = _properties$logo === void 0 ? {} : _properties$logo,
       _properties$copyright = properties.copyright,
-      copyright = _properties$copyright === undefined ? {} : _properties$copyright;
-
+      copyright = _properties$copyright === void 0 ? {} : _properties$copyright;
   var resetLabel = R.prop('reset', labels);
-
-  return React.createElement(
-    Grid,
-    { 'data-testid': 'data-edit-test-id', spacing: 2, container: true, className: classes.root },
-    React.createElement(
-      Grid,
-      { item: true, xs: 12 },
-      React.createElement(
-        Grid,
-        { container: true },
-        React.createElement(
-          Grid,
-          { item: true, xs: 12 },
-          React.createElement(
-            Typography,
-            { variant: 'h6', className: classes.title },
-            'Information'
-          )
-        )
-      ),
-      React.createElement(
-        Grid,
-        { spacing: 2, container: true },
-        R.or(R.prop('isActive')(title), R.prop('isActive')(subtitle)) && React.createElement(
-          Grid,
-          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
-          R.prop('isActive')(title) && React.createElement(Input, _extends({
-            fullWidth: true,
-            label: R.prop('title', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', title))),
-          R.prop('isActive')(subtitle) && React.createElement(Input, _extends({
-            fullWidth: true,
-            label: R.prop('subtitle', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', subtitle)))
-        ),
-        React.createElement(
-          Grid,
-          { item: true, xs: 12, sm: 12, md: 12, lg: 6 },
-          R.prop('isActive')(source) && React.createElement(Input, _extends({
-            fullWidth: true,
-            label: R.prop('source', labels),
-            resetLabel: resetLabel
-          }, R.dissoc('isDefault', source))),
-          React.createElement(
-            Container,
-            { disableGutters: true, className: classes.checkboxes },
-            R.map(function (item) {
-              if (R.pipe(R.prop('isActive'), R.not)(item)) return;
-              var id = R.prop('id')(item);
-              return React.createElement(FormControlLabel, {
-                key: id,
-                control: React.createElement(Checkbox, _extends({
-                  color: 'primary',
-                  inputProps: { 'aria-label': R.prop(id)(labels) }
-                }, R.omit(['isActive'])(item))),
-                label: R.prop(id)(labels)
-              });
-            })([logo, copyright])
-          )
-        )
-      )
-    )
-  );
+  return /*#__PURE__*/React.createElement(Grid, {
+    "data-testid": "data-edit-test-id",
+    spacing: 2,
+    container: true,
+    className: classes.root
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React.createElement(Grid, {
+    container: true
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "h6",
+    className: classes.title
+  }, 'Information'))), /*#__PURE__*/React.createElement(Grid, {
+    spacing: 2,
+    container: true
+  }, R.or(R.prop('isActive')(title), R.prop('isActive')(subtitle)) && /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    sm: 12,
+    md: 12,
+    lg: 6
+  }, R.prop('isActive')(title) && /*#__PURE__*/React.createElement(Input, _extends({
+    fullWidth: true,
+    label: R.prop('title', labels),
+    resetLabel: resetLabel
+  }, R.dissoc('isDefault', title))), R.prop('isActive')(subtitle) && /*#__PURE__*/React.createElement(Input, _extends({
+    fullWidth: true,
+    label: R.prop('subtitle', labels),
+    resetLabel: resetLabel
+  }, R.dissoc('isDefault', subtitle)))), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    sm: 12,
+    md: 12,
+    lg: 6
+  }, R.prop('isActive')(source) && /*#__PURE__*/React.createElement(Input, _extends({
+    fullWidth: true,
+    label: R.prop('source', labels),
+    resetLabel: resetLabel
+  }, R.dissoc('isDefault', source))), /*#__PURE__*/React.createElement(Container, {
+    disableGutters: true,
+    className: classes.checkboxes
+  }, R.map(function (item) {
+    if (R.pipe(R.prop('isActive'), R.not)(item)) return;
+    var id = R.prop('id')(item);
+    return /*#__PURE__*/React.createElement(FormControlLabel, {
+      key: id,
+      control: /*#__PURE__*/React.createElement(Checkbox, _extends({
+        color: "primary",
+        inputProps: {
+          'aria-label': R.prop(id)(labels)
+        }
+      }, R.omit(['isActive'])(item))),
+      label: R.prop(id)(labels)
+    });
+  })([logo, copyright]))))));
 };
 
-DataEdit.propTypes = process.env.NODE_ENV !== "production" ? {
-  labels: PropTypes.shape({
-    title: PropTypes.string,
-    subtitle: PropTypes.string,
-    source: PropTypes.string,
-    logo: PropTypes.string,
-    copyright: PropTypes.string,
-    reset: PropTypes.string
-  }),
-  properties: PropTypes.shape({
-    title: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onSubmit: PropTypes.func,
-      onReset: PropTypes.func,
-      value: PropTypes.string
-    }),
-    subtitle: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onSubmit: PropTypes.func,
-      onReset: PropTypes.func,
-      value: PropTypes.string
-    }),
-    source: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onSubmit: PropTypes.func,
-      onReset: PropTypes.func,
-      value: PropTypes.string
-    }),
-    logo: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onChange: PropTypes.func,
-      checked: PropTypes.bool
-    }),
-    copyright: PropTypes.shape({
-      id: PropTypes.string,
-      isActive: PropTypes.bool,
-      onChange: PropTypes.func,
-      checked: PropTypes.bool
-    })
-  })
-} : {};
-
 var isAllInactive = R.pipe(R.pluck('isActive'), R.all(R.identity), R.not);
-
 export default withBlank(function (_ref2) {
   var isBlank = _ref2.isBlank,
       _ref2$properties = _ref2.properties,
-      properties = _ref2$properties === undefined ? {} : _ref2$properties;
+      properties = _ref2$properties === void 0 ? {} : _ref2$properties;
   return {
     isBlank: R.any(R.identity)([isBlank, R.isEmpty(properties), isAllInactive(properties)])
   };

package/es/DataEdit/Input.js

@@ -1,9 +1,7 @@
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
+import _extends from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "/builds/sis-cc/.stat-suite/dotstatsuite-visions/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["id", "value", "onSubmit", "onReset", "resetLabel", "placeholder"];
 import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
@@ -11,7 +9,6 @@ import InputAdornment from '@material-ui/core/InputAdornment';
 import IconButton from '@material-ui/core/IconButton';
 import Done from '@material-ui/icons/Done';
 import RotateLeftIcon from '@material-ui/icons/RotateLeft';
-
 var useStyles = makeStyles(function (theme) {
   return {
     visibility: {
@@ -31,40 +28,29 @@ var useStyles = makeStyles(function (theme) {
 
 var LefttIcon = function LefttIcon(_ref) {
   var Icon = _ref.Icon;
-  return React.createElement(Icon, null);
+  return /*#__PURE__*/React.createElement(Icon, null);
 };
 
-LefttIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object
-} : {};
-
 var RightIcon = function RightIcon(_ref2) {
   var onSubmit = _ref2.onSubmit,
       _ref2$Icon = _ref2.Icon,
-      Icon = _ref2$Icon === undefined ? Done : _ref2$Icon;
-  return React.createElement(
-    IconButton,
-    { color: 'primary', onClick: function onClick() {
-        return onSubmit();
-      } },
-    React.createElement(Icon, null)
-  );
+      Icon = _ref2$Icon === void 0 ? Done : _ref2$Icon;
+  return /*#__PURE__*/React.createElement(IconButton, {
+    color: "primary",
+    onClick: function onClick() {
+      return onSubmit();
+    }
+  }, /*#__PURE__*/React.createElement(Icon, null));
 };
 
-RightIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  Icon: PropTypes.object,
-  onSubmit: PropTypes.func,
-  classes: PropTypes.object
-} : {};
-
-var MyInput = function MyInput(_ref3) {
+export var MyInput = function MyInput(_ref3) {
   var id = _ref3.id,
       value = _ref3.value,
       onSubmit = _ref3.onSubmit,
       onReset = _ref3.onReset,
       resetLabel = _ref3.resetLabel,
       placeholder = _ref3.placeholder,
-      props = _objectWithoutProperties(_ref3, ['id', 'value', 'onSubmit', 'onReset', 'resetLabel', 'placeholder']);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded);
 
   var classes = useStyles();
 
@@ -75,8 +61,7 @@ var MyInput = function MyInput(_ref3) {
   useEffect(function () {
     setInputValue(value);
   }, [value]);
-
-  var resetId = 'reset-' + id;
+  var resetId = "reset-" + id;
 
   var handleBlur = function handleBlur(event) {
     if (R.is(Function, onSubmit) && inputValue !== value) {
@@ -104,28 +89,23 @@ var MyInput = function MyInput(_ref3) {
     setInputValue(event.target.value);
   };
 
-  var endAdornment = R.is(Function, onReset) || inputValue !== value ? React.createElement(
-    InputAdornment,
-    { position: 'end' },
-    React.createElement(
-      IconButton,
-      {
-        id: resetId,
-        'aria-label': resetLabel,
-        onKeyPress: onEnterLabel,
-        onClick: handleReset
-      },
-      React.createElement(RotateLeftIcon, { fontSize: 'small' })
-    )
-  ) : null;
-
-  return React.createElement(TextField, _extends({
+  var endAdornment = R.is(Function, onReset) || inputValue !== value ? /*#__PURE__*/React.createElement(InputAdornment, {
+    position: "end"
+  }, /*#__PURE__*/React.createElement(IconButton, {
+    id: resetId,
+    "aria-label": resetLabel,
+    onKeyPress: onEnterLabel,
+    onClick: handleReset
+  }, /*#__PURE__*/React.createElement(RotateLeftIcon, {
+    fontSize: "small"
+  }))) : null;
+  return /*#__PURE__*/React.createElement(TextField, _extends({
     inputProps: {
       className: classes.input
     },
     onBlur: handleBlur,
-    margin: 'dense',
-    variant: 'outlined',
+    margin: "dense",
+    variant: "outlined",
     onKeyPress: onEnterLabel,
     onChange: handleChange,
     id: id,
@@ -136,15 +116,4 @@ var MyInput = function MyInput(_ref3) {
     placeholder: R.is(Number)(placeholder) ? R.toString(placeholder) : placeholder
   }, R.omit(['isActive'])(props)));
 };
-
-export { MyInput };
-MyInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes.string,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onSubmit: PropTypes.func,
-  onReset: PropTypes.func,
-  resetLabel: PropTypes.string,
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-} : {};
-
 export default MyInput;

package/es/DataEdit/index.js

@@ -66,5 +66,4 @@
  *   }
  * }
  */
-
 export { default } from './DataEdit';

package/es/DataFooter/DataFooter.js

@@ -1,5 +1,4 @@
 import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
 import * as R from 'ramda';
 import useSize from '@react-hook/size';
 import Grid from '@material-ui/core/Grid';
@@ -8,9 +7,7 @@ import Link from '@material-ui/core/Link';
 import { makeStyles } from '@material-ui/core/styles';
 import { Tooltip } from '../';
 import { T4_BREAKPOINTS } from '../theme';
-
 var HEIGHT = 42;
-
 var useStyles = makeStyles(function (theme) {
   return {
     footer: {
@@ -23,7 +20,6 @@ var useStyles = makeStyles(function (theme) {
       padding: function padding(_ref) {
         var isWidthUp = _ref.isWidthUp,
             isSourced = _ref.isSourced;
-
         if (isWidthUp(T4_BREAKPOINTS.sm) && isSourced) return 0;
         return theme.spacing(0, 1, 0, 1);
       }
@@ -34,7 +30,6 @@ var useStyles = makeStyles(function (theme) {
     typo: {
       fontSize: function fontSize(_ref2) {
         var isWidthUp = _ref2.isWidthUp;
-
         if (isWidthUp(T4_BREAKPOINTS.lg)) return 14;
         return 12;
       }
@@ -51,7 +46,6 @@ var DataFooter = function DataFooter(_ref3) {
       source = _ref3.source,
       copyright = _ref3.copyright,
       legend = _ref3.legend;
-
   var target = React.useRef(null);
 
   var _useSize = useSize(target),
@@ -60,115 +54,74 @@ var DataFooter = function DataFooter(_ref3) {
   var isWidthUp = R.gt(width);
   var isSourced = source && source.label && source.link;
   var isCopyrighted = copyright && copyright.label && copyright.content;
-  var classes = useStyles({ isWidthUp: isWidthUp, isSourced: isSourced });
-
-  if (!isWidthUp(T4_BREAKPOINTS.xs)) return React.createElement(Grid, { ref: target });
-
-  return React.createElement(
-    Grid,
-    {
-      ref: target,
-      container: true,
-      className: classes.footer,
-      direction: 'row',
-      justifyContent: 'flex-end',
-      alignItems: 'center'
-    },
-    React.createElement(
-      Grid,
-      { item: true, className: classes.legend },
-      isWidthUp(T4_BREAKPOINTS.sm) && legend
-    ),
-    React.createElement(
-      Grid,
-      { item: true, style: { alignSelf: 'flex-end' } },
-      React.createElement(
-        Grid,
-        {
-          container: true,
-          justifyContent: 'flex-end',
-          alignItems: 'center',
-          className: classes.footer,
-          spacing: 0
-        },
-        React.createElement(
-          Grid,
-          { item: true, className: classes.copyright },
-          isCopyrighted && React.createElement(
-            Fragment,
-            null,
-            React.createElement(
-              Tooltip,
-              {
-                title: React.createElement(
-                  Typography,
-                  { variant: 'body2' },
-                  copyright.content
-                ),
-                variant: 'light',
-                tabIndex: 0,
-                'aria-hidden': false,
-                placement: 'top',
-                enterNextDelay: 100,
-                interactive: true,
-                arrow: true
-              },
-              React.createElement(
-                Typography,
-                {
-                  variant: 'body2',
-                  className: classes.typo,
-                  style: { cursor: 'pointer' }
-                },
-                copyright.label
-              )
-            ),
-            React.createElement(
-              Typography,
-              { variant: 'srOnly' },
-              copyright.content
-            )
-          )
-        ),
-        isWidthUp(T4_BREAKPOINTS.sm) && isSourced && React.createElement(
-          Grid,
-          { item: true, className: classes.source },
-          React.createElement(
-            Typography,
-            { variant: 'body2', className: classes.typo },
-            React.createElement(
-              Link,
-              {
-                href: source.link,
-                rel: 'noopener noreferrer',
-                target: '_blank',
-                variant: 'body2'
-              },
-              source.label
-            )
-          )
-        ),
-        isWidthUp(T4_BREAKPOINTS.xs) && logo && React.createElement(
-          Grid,
-          { item: true },
-          React.createElement('img', { src: logo, alt: 'logo', className: classes.logo })
-        )
-      )
-    )
-  );
+  var classes = useStyles({
+    isWidthUp: isWidthUp,
+    isSourced: isSourced
+  });
+  if (!isWidthUp(T4_BREAKPOINTS.xs)) return /*#__PURE__*/React.createElement(Grid, {
+    ref: target
+  });
+  return /*#__PURE__*/React.createElement(Grid, {
+    ref: target,
+    container: true,
+    className: classes.footer,
+    direction: "row",
+    justifyContent: "flex-end",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    className: classes.legend
+  }, isWidthUp(T4_BREAKPOINTS.sm) && legend), /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    style: {
+      alignSelf: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    justifyContent: "flex-end",
+    alignItems: "center",
+    className: classes.footer,
+    spacing: 0
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    className: classes.copyright
+  }, isCopyrighted && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Tooltip, {
+    title: /*#__PURE__*/React.createElement(Typography, {
+      variant: "body2"
+    }, copyright.content),
+    variant: "light",
+    tabIndex: 0,
+    "aria-hidden": false,
+    placement: "top",
+    enterNextDelay: 100,
+    interactive: true,
+    arrow: true
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    className: classes.typo,
+    style: {
+      cursor: 'pointer'
+    }
+  }, copyright.label)), /*#__PURE__*/React.createElement(Typography, {
+    variant: "srOnly"
+  }, copyright.content))), isWidthUp(T4_BREAKPOINTS.sm) && isSourced && /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    className: classes.source
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    className: classes.typo
+  }, /*#__PURE__*/React.createElement(Link, {
+    href: source.link,
+    rel: "noopener noreferrer",
+    target: "_blank",
+    variant: "body2"
+  }, source.label))), isWidthUp(T4_BREAKPOINTS.xs) && logo && /*#__PURE__*/React.createElement(Grid, {
+    item: true
+  }, /*#__PURE__*/React.createElement("img", {
+    src: logo,
+    alt: "logo",
+    className: classes.logo
+  })))));
 };
 
-DataFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-  logo: PropTypes.string,
-  source: PropTypes.shape({
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    link: PropTypes.string
-  }),
-  copyright: PropTypes.shape({
-    label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    content: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
-  }),
-  legend: PropTypes.element
-} : {};
-
 export default DataFooter;

package/es/DataFooter/index.js

@@ -28,5 +28,4 @@
  * @demoReady
  *
  */
-
 export { default } from './DataFooter';