@pareto-engineering/design-system 2.0.0-alpha.9 → 3.0.0-alpha.22

package/dist/cjs/a/SVG/SVG.js

@@ -4,52 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _common = require("./common");
-
 var _excluded = ["id", "className", "style", "width", "height", "viewBox", "preserveAspectRatio", "useClassName", "sprite", "target", "targets", "source", "strokeWidth", "animated"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _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; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
-var componentClassName = 'svg';
 
+var baseClassName = _exports.default.base;
+var componentClassName = 'svg';
 var SVG = _ref => {
   var {
-    id,
-    className: userClassName,
-    style,
-    width,
-    height,
-    viewBox,
-    preserveAspectRatio,
-    useClassName,
-    sprite,
-    target,
-    targets,
-    source,
-    strokeWidth,
-    animated
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      className: userClassName,
+      style,
+      width,
+      height,
+      viewBox,
+      preserveAspectRatio,
+      useClassName,
+      sprite,
+      target,
+      targets,
+      source,
+      strokeWidth,
+      animated
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   });
@@ -61,7 +48,7 @@ var SVG = _ref => {
     strokeWidth
   }), [useClassName, source, target, strokeWidth, sprite]);
   return /*#__PURE__*/React.createElement("svg", _extends({
-    className: [baseClassName, componentClassName, userClassName, animated && _bem.default.modifierAnimated].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, userClassName, animated && _exports.default.modifierAnimated].filter(e => e).join(' '),
     id: id,
     style: style,
     xmlns: "http://www.w3.org/2000/svg",
@@ -74,58 +61,47 @@ var SVG = _ref => {
     key: targetProps.target
   }))) : /*#__PURE__*/React.createElement(_common.UseSVG, useSVGProps));
 };
-
 SVG.propTypes = {
   /**
    * The HTML id for this element
    */
   id: _propTypes.default.string,
-
   /**
    * The HTML class names for this element
    */
   className: _propTypes.default.string,
-
   /**
    * The React-written, css properties for this element.
    */
   style: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
-
   /**
    * The height of the element
    */
   height: _propTypes.default.string,
-
   /**
    * The width of the element
    */
   width: _propTypes.default.string,
-
   /**
    * The viewBox property of the svg html container
    */
   viewBox: _propTypes.default.string,
-
   /**
    * The class to apply to the target's use tag
    */
   useClassName: _propTypes.default.string,
-
   /**
    *  The preserverveAspectRatio property of the svg html container
    */
   preserveAspectRatio: _propTypes.default.string,
-
   /**
    * The url to the sprite
    */
   sprite: _propTypes.default.string,
-
   /**
    * The id of the target in the sprite
    */
   target: _propTypes.default.string,
-
   /**
    * In case this is not a sprite but a standalone svg.
    * Not recommended here, better use Figure.
@@ -135,7 +111,6 @@ SVG.propTypes = {
    * TODO remove and also from UseSVG
    */
   source: _propTypes.default.string,
-
   /**
    * An array of targets
    */
@@ -145,12 +120,10 @@ SVG.propTypes = {
     stroke: _propTypes.default.boolean,
     strokeWidth: _propTypes.default.number
   })),
-
   /**
    * The SVG property stroke-width to apply in case of a single target
    */
   strokeWidth: _propTypes.default.number,
-
   /**
    * Whether to apply an animation class (C.anim)
    */

package/dist/cjs/a/SVG/common/UseSVG/UseSVG.js

@@ -4,23 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * This component is used internally by the `SVG` component
  * to leverage the `use` tag and read svg sprites.
@@ -46,39 +39,32 @@ var UseSVG = _ref => {
     id: id
   });
 };
-
 UseSVG.propTypes = {
   /**
    * The HTML id for this element
    */
   id: _propTypes.default.string,
-
   /**
    * The HTML class names for this element
    */
   className: _propTypes.default.string,
-
   /**
    * The React-written, css properties for this element.
    */
   style: _propTypes.default.objectOf(_propTypes.default.string),
-
   /**
    * The url to the svg sprite, from the root of the site, for instance : `/myimage.svg`
    */
   sprite: _propTypes.default.string,
-
   /**
    * The target image id in the sprite
    */
   target: _propTypes.default.string,
-
   /**
    * The source image in case this is not a sprite
    */
   // TODO check if this works
   source: _propTypes.default.string,
-
   /**
    * The SVG property stroke-width
    */

package/dist/cjs/a/SVG/common/UseSVG/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "UseSVG", {
     return _UseSVG.default;
   }
 });
-
 var _UseSVG = _interopRequireDefault(require("./UseSVG"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/SVG/common/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "UseSVG", {
     return _UseSVG.UseSVG;
   }
 });
-
 var _UseSVG = require("./UseSVG");

package/dist/cjs/a/SVG/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "SVG", {
     return _SVG.default;
   }
 });
-
 var _SVG = _interopRequireDefault(require("./SVG"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/{ContentCard/ContentCard.js → SnapScroller/SnapScroller.js}

@@ -4,76 +4,63 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
-var _common = require("./common");
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// Local Definitions
+
+var baseClassName = _exports.default.base;
+var componentClassName = 'snap-scroller';
 
-var baseClassName = _bem.default.base;
-var componentClassName = 'content-card';
 /**
  * This is the component description.
  */
-
-var ContentCard = _ref => {
+var SnapScroller = _ref => {
   var {
     id,
     className: userClassName,
     style,
-    color,
-    children // messages,
+    children,
+    noScrollOnDesktop
     // ...otherProps
-
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     id: id,
-    className: [baseClassName, componentClassName, userClassName, "y-".concat(color), 'u1'].filter(e => e).join(' '),
+    className: [baseClassName, componentClassName, userClassName, noScrollOnDesktop && 'desktop-no-scroll'].filter(e => e).join(' '),
     style: style
+    // {...otherProps}
   }, children);
 };
-
-ContentCard.propTypes = {
+SnapScroller.propTypes = {
   /**
    * The HTML id for this element
    */
   id: _propTypes.default.string,
-
   /**
    * The HTML class names for this element
    */
   className: _propTypes.default.string,
-
   /**
    * The React-written, css properties for this element.
    */
   style: _propTypes.default.objectOf(_propTypes.default.string),
-
   /**
-  * Base color
-  */
-  color: _propTypes.default.string,
-
+   *  The children JSX
+   */
+  children: _propTypes.default.node,
   /**
-   * The children jsx
+   * Whether to snap scroll on desktop (false will enable a flexbox)
    */
-  children: _propTypes.default.node
+  noScrollOnDesktop: _propTypes.default.bool
 };
-ContentCard.defaultProps = {
-  color: 'background2'
+SnapScroller.defaultProps = {
+  noScrollOnDesktop: false
 };
-ContentCard.Section = _common.Section;
-var _default = ContentCard;
+var _default = SnapScroller;
 exports.default = _default;

package/dist/cjs/a/{DashboardNavbar/common/NavProfile → SnapScroller}/index.js

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "NavProfile", {
+Object.defineProperty(exports, "SnapScroller", {
   enumerable: true,
   get: function get() {
-    return _NavProfile.default;
+    return _SnapScroller.default;
   }
 });
-
-var _NavProfile = _interopRequireDefault(require("./NavProfile"));
-
+var _SnapScroller = _interopRequireDefault(require("./SnapScroller"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/SnapScroller/styles.scss

@@ -0,0 +1,38 @@
+/* @pareto-engineering/generator-front 1.0.12 */
+
+@use "@pareto-engineering/bem";
+@use "@pareto-engineering/styles/src/mixins";
+@use "@pareto-engineering/styles/src/globals" as *;
+
+$default-spacing:var(--spacing, var(--u));
+
+.#{bem.$base}.snap-scroller {
+  display: flex;
+  -ms-overflow-style: none; /* for Internet Explorer, Edge */
+  overflow-x: auto;
+  scroll-padding: calc(#{$default-spacing} *2);
+  scroll-snap-type: x mandatory;
+  scrollbar-width: none;
+
+
+  > * {
+    &:first-child {
+      margin-left: $default-spacing;
+    }
+    display: inline-block;
+    margin-right: $default-spacing;
+    scroll-snap-align: start;
+  }
+
+
+  @include mixins.media($from:$sm-md) {
+    &.desktop-no-scroll {
+      overflow: auto;
+      -ms-overflow-style: unset; /* for Internet Explorer, Edge */
+      scroll-snap-type: none;
+      scrollbar-width: unset;
+    }
+  }
+}
+
+

package/dist/cjs/a/Spinner/Spinner.js

@@ -4,33 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'spinner';
+
 /**
  * This is the component description.
  */
-
 var Spinner = _ref => {
   var {
     id,
     className: userClassName,
     style,
-    color // ...otherProps
-
+    color
+    // ...otherProps
   } = _ref;
   (0, React.useLayoutEffect)(() => {
     Promise.resolve().then(() => _interopRequireWildcard(require("./styles.scss")));
@@ -38,29 +32,25 @@ var Spinner = _ref => {
   return /*#__PURE__*/React.createElement("div", {
     id: id,
     className: [baseClassName, componentClassName, userClassName, "x-".concat(color)].filter(e => e).join(' '),
-    style: style // {...otherProps}
-
+    style: style
+    // {...otherProps}
   }, /*#__PURE__*/React.createElement("div", {
     className: "loader"
   }));
 };
-
 Spinner.propTypes = {
   /**
    * The HTML id for this element
    */
   id: _propTypes.default.string,
-
   /**
    * The HTML class names for this element
    */
   className: _propTypes.default.string,
-
   /**
    * The React-written, css properties for this element.
    */
   style: _propTypes.default.objectOf(_propTypes.default.string),
-
   /**
    *  The color of the spinner
    */

package/dist/cjs/a/Spinner/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "Spinner", {
     return _Spinner.default;
   }
 });
-
 var _Spinner = _interopRequireDefault(require("./Spinner"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/a/Timestamp/Timestamp.js

@@ -4,28 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _bem = _interopRequireDefault(require("@pareto-engineering/bem"));
-
+var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
 var _dateFns = require("date-fns");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Local Definitions
-var baseClassName = _bem.default.base;
+
+var baseClassName = _exports.default.base;
 var componentClassName = 'timestamp';
+
 /**
  * This is the component description.
  */
-
 var Timestamp = _ref => {
   var {
     id,
@@ -57,8 +50,8 @@ var Timestamp = _ref => {
     }) : (0, _dateFns.format)(new Date(unix), dateFormat)
   }), []);
   var onClick = (0, React.useCallback)(e => {
-    e.persist(); // eslint-disable-next-line no-shadow
-
+    e.persist();
+    // eslint-disable-next-line no-shadow
     var currentIndex = enabledFormats.findIndex(e => e === currentDisplay);
     var nextIndex = (currentIndex + 1) % enabledFormats.length;
     setCurrentDisplay(enabledFormats[nextIndex]);
@@ -67,63 +60,53 @@ var Timestamp = _ref => {
   return /*#__PURE__*/React.createElement(Element, {
     id: id,
     className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: style // {...otherProps}
+    style: style
+    // {...otherProps}
     ,
     onClick: enabledFormats.length > 1 ? onClick : undefined
   }, prefix && prefix, prefix && ' ', formatMap[currentDisplay](Number(time)));
 };
-
 Timestamp.propTypes = {
   /**
    * The HTML id for this element
    */
   id: _propTypes.default.string,
-
   /**
    * The HTML class names for this element
    */
   className: _propTypes.default.string,
-
   /**
    * The React-written, css properties for this element.
    */
   style: _propTypes.default.objectOf(_propTypes.default.string),
-
   /**
    *  The children JSX
    */
   prefix: _propTypes.default.node,
-
   /**
     * Which html tag to use
     */
   as: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
-
   /**
     * Formats
     */
   enabledFormats: _propTypes.default.arrayOf(_propTypes.default.oneOf(['unix', 'date', 'distance', 'relative'])),
-
   /**
    * How many days to display distance before reverting to unix display
    */
   distanceMaxDays: _propTypes.default.number,
-
   /**
    * How many days to display distance before reverting to unix display
    */
   relativeMaxDays: _propTypes.default.number,
-
   /**
     * Unix Format Read https://date-fns.org/v2.16.1/docs/format for options
     */
   dateFormat: _propTypes.default.string,
-
   /**
     * The time to display
     */
   time: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.number]).isRequired,
-
   /**
     * A Date-DNS locale object. Will default to english.
     */

package/dist/cjs/a/Timestamp/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "Timestamp", {
     return _Timestamp.default;
   }
 });
-
 var _Timestamp = _interopRequireDefault(require("./Timestamp"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }