@spothero/ui 23.0.1 → 24.0.0

package/dist/components/Grid/Grid.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react2 = require("@chakra-ui/react");
-var _Grid = require("./Grid.styles");
-var _excluded = ["isCompact"];
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Grid = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var isCompact = _ref.isCompact,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_react2.Grid, (0, _extends2["default"])({}, _Grid.baseStyles, isCompact && _Grid.compactStyles, props, {
-    ref: ref
-  }));
-});
-Grid.propTypes = {
-  /** This will reduce the grid gap by half */
-  isCompact: _propTypes["default"].bool
-};
-Grid.defaultProps = {
-  isCompact: false
-};
-var _default = exports["default"] = Grid;

package/dist/components/Grid/Grid.stories.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.GridItemStartEnd = exports.GridItemSpan = exports.GridColumnLayout = exports.Grid = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _fill = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/fill"));
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _Grid = _interopRequireDefault(require("./Grid"));
-var _excluded = ["isCompact"];
-var rangeControl = function rangeControl(max) {
-  var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-  return {
-    control: {
-      max: max,
-      min: min,
-      step: 1,
-      type: 'range'
-    }
-  };
-};
-var spanMap = {
-  1: 12,
-  2: 6,
-  3: 4,
-  4: 3
-};
-var _default = exports["default"] = {
-  title: 'v2/Grid',
-  component: _Grid["default"],
-  subcomponents: {
-    GridItemComponent: _react2.GridItem
-  },
-  parameters: {
-    removeBaseHtmlClass: true
-  },
-  argTypes: {
-    isCompact: {
-      control: 'boolean'
-    }
-  }
-};
-var GridTemplate = function GridTemplate(args, _ref) {
-  var _context, _context2;
-  var hasDarkBackground = _ref.hasDarkBackground;
-  return /*#__PURE__*/_react["default"].createElement(_react2.Container, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({}, args, {
-    bg: hasDarkBackground ? 'secondary.700' : 'secondary.default'
-  }), (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(12)).call(_context2, null)).call(_context, function (Item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_react2.GridItem, {
-      key: "GridItem-".concat(index),
-      colSpan: 1
-    }, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
-      h: "20rem",
-      bg: hasDarkBackground ? 'primary.400' : 'primary.default'
-    }));
-  })));
-};
-var Grid = exports.Grid = (0, _bind["default"])(GridTemplate).call(GridTemplate, {});
-var GridItemTemplate = function GridItemTemplate(_ref2) {
-  var isCompact = _ref2.isCompact,
-    args = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_react2.Container, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    bg: "secondary.default",
-    isCompact: isCompact
-  }, /*#__PURE__*/_react["default"].createElement(_react2.GridItem, args, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
-    h: "20rem",
-    bg: "primary.default"
-  }))));
-};
-var GridItemSpan = exports.GridItemSpan = (0, _bind["default"])(GridItemTemplate).call(GridItemTemplate, {});
-GridItemSpan.storyName = 'GridItem - span prop';
-GridItemSpan.argTypes = {
-  colSpan: rangeControl(12)
-};
-GridItemSpan.args = {
-  colSpan: 12
-};
-var GridItemStartEnd = exports.GridItemStartEnd = (0, _bind["default"])(GridItemTemplate).call(GridItemTemplate, {});
-GridItemStartEnd.storyName = 'GridItem - start/end prop';
-GridItemStartEnd.argTypes = {
-  colStart: rangeControl(12),
-  colEnd: rangeControl(13, 2)
-};
-GridItemStartEnd.args = {
-  colStart: 1,
-  colEnd: 2
-};
-var ColumnLayoutTemplate = function ColumnLayoutTemplate(_ref3) {
-  var _context3, _context4;
-  var numberOfColumns = _ref3.numberOfColumns;
-  return /*#__PURE__*/_react["default"].createElement(_react2.Container, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    bg: "secondary.default"
-  }, (0, _map["default"])(_context3 = (0, _fill["default"])(_context4 = Array(numberOfColumns)).call(_context4, null)).call(_context3, function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_react2.GridItem, {
-      key: "GridItem-".concat(index),
-      colSpan: spanMap[numberOfColumns]
-    }, /*#__PURE__*/_react["default"].createElement(_react2.Box, {
-      h: "20rem",
-      bg: "primary.default"
-    }));
-  })));
-};
-var GridColumnLayout = exports.GridColumnLayout = (0, _bind["default"])(ColumnLayoutTemplate).call(ColumnLayoutTemplate, {});
-GridColumnLayout.storyName = 'Grid - MultiColumn Layout';
-GridColumnLayout.argTypes = {
-  numberOfColumns: rangeControl(4)
-};
-GridColumnLayout.args = {
-  numberOfColumns: 2
-};

package/dist/components/Grid/Grid.styles.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.compactStyles = exports.baseStyles = void 0;
-// NOTE: considering adding a specifc prop for grid row padding
-var baseStyles = exports.baseStyles = {
-  gap: {
-    base: 4,
-    tablet: 8
-  },
-  templateColumns: 'repeat(12, 1fr)'
-};
-var compactStyles = exports.compactStyles = {
-  gap: 4
-};

package/dist/components/Grid/GridItem.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _GridItem = _interopRequireDefault(require("./GridItem.styles"));
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var GridItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(_react2.GridItem, (0, _extends2["default"])({}, _GridItem["default"], props, {
-    ref: ref
-  }));
-});
-var _default = exports["default"] = GridItem;

package/dist/components/Grid/GridItem.styles.js

@@ -1,14 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-// NOTE: styles NOT in the Chakra's base styles do not need to explicitly export baseStyles
-// TODO: move this comment to the readme
-
-var styles = {
-  colSpan: 12
-};
-var _default = exports["default"] = styles;

package/dist/components/Grid/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-_Object$defineProperty(exports, "GridItem", {
-  enumerable: true,
-  get: function get() {
-    return _GridItem["default"];
-  }
-});
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Grid["default"];
-  }
-});
-var _Grid = _interopRequireDefault(require("./Grid"));
-var _GridItem = _interopRequireDefault(require("./GridItem"));

package/dist/components/Heading/Heading.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react2 = require("@chakra-ui/react");
-var _Heading = require("./Heading.styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? _Object$defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Heading = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(_react2.Heading, (0, _extends2["default"])({}, props, {
-    ref: ref,
-    variant: props.variant || props.as || 'h2'
-  }));
-});
-Heading.propTypes = {
-  /** The React node that will render inside the element */
-  children: _propTypes["default"].node,
-  /** Controls the underlying level of the html heading tag */
-  as: _propTypes["default"].oneOf((0, _keys["default"])(_Heading.variants)),
-  /** The styling that will be applied to the component regardless of the underlying html */
-  variant: _propTypes["default"].oneOf((0, _keys["default"])(_Heading.variants))
-};
-var _default = exports["default"] = Heading;

package/dist/components/Heading/Heading.stories.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Heading = void 0;
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-var _react = _interopRequireDefault(require("react"));
-var _Heading = require("./Heading.styles");
-var _Heading2 = _interopRequireDefault(require("./Heading"));
-var _default = exports["default"] = {
-  title: 'v2/Heading',
-  component: _Heading2["default"],
-  parameters: {
-    removeBaseHtmlClass: true
-  },
-  argTypes: {
-    as: {
-      control: {
-        type: 'select',
-        options: (0, _keys["default"])(_Heading.variants)
-      }
-    },
-    variant: {
-      control: {
-        type: 'select',
-        options: (0, _keys["default"])(_Heading.variants)
-      }
-    },
-    children: {
-      control: {
-        type: 'text'
-      }
-    }
-  }
-};
-var Template = function Template(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Heading2["default"], props);
-};
-var Heading = exports.Heading = (0, _bind["default"])(Template).call(Template, {});
-Heading.args = {
-  children: 'Heading'
-};

package/dist/components/Heading/Heading.styles.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.variants = exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _typography = require("../../theme/base/typography");
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var baseStyle = {
-  lineHeight: 1.5,
-  fontWeight: _typography.fontWeights.semibold
-};
-var variants = exports.variants = {
-  h1: _objectSpread(_objectSpread({}, baseStyle), {}, {
-    fontSize: {
-      base: _typography.fontSizes['2xl'],
-      desktop: _typography.fontSizes['3xl']
-    }
-  }),
-  h2: _objectSpread(_objectSpread({}, baseStyle), {}, {
-    fontSize: {
-      base: _typography.fontSizes.xl,
-      desktop: _typography.fontSizes['2xl']
-    }
-  }),
-  h3: _objectSpread(_objectSpread({}, baseStyle), {}, {
-    fontSize: {
-      base: _typography.fontSizes.lg,
-      desktop: _typography.fontSizes.xl
-    }
-  }),
-  h4: _objectSpread(_objectSpread({}, baseStyle), {}, {
-    fontSize: {
-      base: _typography.fontSizes.base,
-      desktop: _typography.fontSizes.lg
-    }
-  }),
-  h5: _objectSpread(_objectSpread({}, baseStyle), {}, {
-    fontSize: {
-      base: _typography.fontSizes.base,
-      desktop: _typography.fontSizes.base
-    }
-  }),
-  h6: _objectSpread(_objectSpread({}, baseStyle), {}, {
-    fontSize: {
-      base: _typography.fontSizes.sm,
-      desktop: _typography.fontSizes.sm
-    }
-  })
-};
-var defaultProps = {
-  variant: variants.h2
-};
-var _default = exports["default"] = {
-  variants: variants,
-  baseStyle: baseStyle,
-  defaultProps: defaultProps
-};

package/dist/components/Icon/Icon.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-_Object$defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _react.Icon;
-  }
-});
-var _react = require("@chakra-ui/react");

package/dist/components/Icon/Icon.stories.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Icon = void 0;
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("@spothero/icons");
-var _Icon = _interopRequireDefault(require("./Icon"));
-var _default = exports["default"] = {
-  title: 'v2/Icon',
-  component: _Icon["default"],
-  parameters: {
-    removeBaseHtmlClass: true
-  }
-};
-var Template = function Template(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    as: _icons.HeroCar,
-    color: "primary.default",
-    height: "24",
-    width: "24"
-  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    as: _icons.S4BLogo,
-    color: "gray.dark",
-    height: "24",
-    width: "24",
-    paddingLeft: "16"
-  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-    as: _icons.CheckmarkShieldFilled,
-    color: "green.default",
-    height: "24",
-    width: "24",
-    paddingLeft: "16"
-  }));
-};
-var Icon = exports.Icon = (0, _bind["default"])(Template).call(Template, {});

package/dist/components/Image/Image.js

@@ -1,84 +0,0 @@
-"use strict";
-
-var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@chakra-ui/react");
-var _template = _interopRequireDefault(require("lodash/template"));
-var _environment = _interopRequireDefault(require("@spothero/utils/environment"));
-var _excluded = ["isSSR", "cloudinaryImageId", "cloudinaryTemplate", "cloudinaryCloudName", "htmlWidth", "htmlHeight", "quality", "lazyLoad"];
-function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-var buildCloudinarySrc = function buildCloudinarySrc(_ref) {
-  var _context, _context2;
-  var cloudinaryImageId = _ref.cloudinaryImageId,
-    cloudinaryTemplate = _ref.cloudinaryTemplate,
-    cloudinaryCloudName = _ref.cloudinaryCloudName,
-    htmlWidth = _ref.htmlWidth,
-    htmlHeight = _ref.htmlHeight,
-    quality = _ref.quality;
-  var defaultTemplate = (0, _concat["default"])(_context = (0, _concat["default"])(_context2 = "https://res.cloudinary.com/".concat(cloudinaryCloudName, "/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,fl_progressive,dpr_")).call(_context2, _environment["default"].isHighDensityDisplay() ? 2 : 1, ",h_$h,q_$q,w_$w/")).call(_context, cloudinaryImageId);
-  var tmpl = cloudinaryTemplate ? cloudinaryTemplate : defaultTemplate;
-  return (0, _template["default"])(tmpl, {
-    interpolate: /{{([\s\S]+?)}}/g // matches template vars in the format '{{ var }}' or '{{var}}'
-  })({
-    WIDTH: htmlWidth,
-    HEIGHT: htmlHeight,
-    QUALITY: quality
-  });
-};
-var Image = function Image(_ref2) {
-  var isSSR = _ref2.isSSR,
-    cloudinaryImageId = _ref2.cloudinaryImageId,
-    cloudinaryTemplate = _ref2.cloudinaryTemplate,
-    cloudinaryCloudName = _ref2.cloudinaryCloudName,
-    htmlWidth = _ref2.htmlWidth,
-    htmlHeight = _ref2.htmlHeight,
-    quality = _ref2.quality,
-    lazyLoad = _ref2.lazyLoad,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var hasValidCloudinarySrc = (cloudinaryImageId || cloudinaryTemplate) && Boolean(htmlWidth) && Boolean(htmlHeight);
-  var cloudinarySrc;
-  if (hasValidCloudinarySrc) {
-    cloudinarySrc = buildCloudinarySrc({
-      cloudinaryImageId: cloudinaryImageId,
-      cloudinaryTemplate: cloudinaryTemplate,
-      cloudinaryCloudName: cloudinaryCloudName,
-      htmlWidth: htmlWidth,
-      htmlHeight: htmlHeight,
-      quality: quality
-    });
-  }
-  var imageProps = _objectSpread(_objectSpread({}, otherProps), {}, {
-    src: cloudinarySrc || otherProps.src,
-    htmlWidth: htmlWidth,
-    htmlHeight: htmlHeight
-  }, lazyLoad && {
-    loading: 'lazy'
-  });
-  if (isSSR) {
-    return /*#__PURE__*/_react["default"].createElement(_react2.Img, imageProps);
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_react2.Image, imageProps);
-  }
-};
-Image.defaultProps = {
-  isSSR: false,
-  quality: 50,
-  cloudinaryCloudName: 'spothero'
-};
-var _default = exports["default"] = Image;

package/dist/components/Image/Image.spec.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _Image = _interopRequireDefault(require("./Image"));
-var defaultSrc = 'http://placehold.it/350x200';
-var render = function render(props) {
-  (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Image["default"], props));
-};
-describe('Image', function () {
-  describe('basic behavior', function () {
-    it('displays an image', function () {
-      render({
-        src: defaultSrc,
-        alt: 'An image'
-      });
-      (0, _react2.waitFor)(function () {
-        expect(_react2.screen.getByRole('img')).toHaveAttribute('src', defaultSrc);
-      });
-    });
-    it('displays an image (SSR)', function () {
-      render({
-        src: defaultSrc,
-        alt: 'An image',
-        isSSR: true
-      });
-      expect(_react2.screen.getByRole('img')).toHaveAttribute('src', defaultSrc);
-    });
-  });
-  describe('Cloudinary properties', function () {
-    it('correctly sets image src when a Cloudinary image template is passed in', function () {
-      render({
-        cloudinaryTemplate: 'https://res.cloudinary.com/spothero/image/upload/$w_{{WIDTH}},$h_{{HEIGHT}},$q_{{QUALITY}}/c_fill,f_auto,h_$h,q_$q,w_$w/html-emails/google',
-        htmlWidth: 250,
-        htmlHeight: 500,
-        quality: 75,
-        alt: 'An image'
-      });
-      (0, _react2.waitFor)(function () {
-        expect(_react2.screen.getByRole('img')).toHaveAttribute('src', 'https://res.cloudinary.com/spothero/image/upload/$w_250,$h_500,$q_75/c_fill,f_auto,h_$h,q_$q,w_$w/html-emails/google');
-      });
-    });
-    it('correctly sets image src when a Cloudinary image id is passed in', function () {
-      render({
-        cloudinaryImageId: 'html-emails/partner-hertz',
-        htmlWidth: 250,
-        htmlHeight: 500,
-        alt: 'An image',
-        isSSR: true
-      });
-      expect(_react2.screen.getByRole('img')).toHaveAttribute('src', 'https://res.cloudinary.com/spothero/image/upload/$w_250,$h_500,$q_50/c_fill,f_auto,fl_progressive,dpr_1,h_$h,q_$q,w_$w/html-emails/partner-hertz');
-    });
-    it('does not set in image src when invalid set of Cloudinary props is passed in', function () {
-      render({
-        cloudinaryImageId: 'html-emails/partner-hertz',
-        alt: 'An image',
-        isSSR: true
-      });
-      (0, _react2.waitFor)(function () {
-        expect(_react2.screen.getByRole('img')).not.toHaveAttribute('src');
-      });
-    });
-  });
-  describe('Lazy loading', function () {
-    it('correctly sets image loading attribute to lazy when lazyLoad prop is true', function () {
-      render({
-        src: defaultSrc,
-        alt: 'An image',
-        lazyLoad: true
-      });
-      (0, _react2.waitFor)(function () {
-        expect(_react2.screen.getByRole('img')).toHaveAttribute('loading', 'lazy');
-      });
-    });
-  });
-});