react-jupiter 5.12.0 → 6.0.0-beta.2

package/dist/components/cover/index.js

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const defaultImageUrl = 'https://static.evand.net/assets/images/defaults/event-cover.jpg';
+
+
+
+
+
+
+
+
+
+
+
+const Cover = (props) => {
+  const {
+    alt = 'کاور',
+    src = defaultImageUrl,
+    minHeight = 151,
+    renderLink = undefined,
+    linkTo = undefined,
+    linkTarget = '_blank',
+    isLazy = false,
+    ...rest
+  } = props;
+
+  const renderCover = () =>
+  isLazy ? /*#__PURE__*/
+
+  _react.default.createElement(_index.StyledLazyImage, _extends({
+    effect: "blur",
+    srcSet: `${src}`,
+    src: src,
+    alt: alt,
+    "data-test": "cover" },
+  rest)
+  ) : /*#__PURE__*/
+
+
+  _react.default.createElement(_index.StyledImage, _extends({
+    srcSet: `${src}`,
+    src: src,
+    alt: alt,
+    "data-test": "cover" },
+  rest)
+  );
+
+
+
+  if (renderLink) {
+    return (
+      // <Container minHeight={minHeight}>
+      renderLink(renderCover())
+      // </Container>
+    );
+  }
+  if (linkTo) {
+    return (/*#__PURE__*/
+      _react.default.createElement("a", { href: linkTo, target: linkTarget },
+      renderCover()
+      ));
+
+  }
+  return (/*#__PURE__*/
+    _react.default.createElement(_index.Container, { minHeight: minHeight },
+    renderCover()
+    ));
+
+};var _default = exports.default =
+
+Cover;

package/dist/components/cover/index.style.js

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.StyledLazyImage = exports.StyledImage = exports.Container = void 0;var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _reactLazyLoadImageComponent = require("react-lazy-load-image-component");function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (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 && {}.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;}
+
+const defaultImageUrl = 'https://static.evand.net/assets/images/defaults/event-cover.jpg';
+
+const Container = exports.Container = _styledComponents.default.div`
+  min-height: ${(props) => props.minHeight}px;
+  & > a {
+    display: block;
+  }
+  
+  & > span {
+    display: block;
+    width: 100%;
+    min-height: inherit;
+  }
+`;
+
+const lazyLoadingAnimation = (0, _styledComponents.keyframes)`
+  100% {
+    opacity: 1;
+    filter: none;
+  }
+  0% {
+    opacity: 0;
+    filter: blur(20px);
+  }
+`;
+
+const StyledLazyImage = exports.StyledLazyImage = (0, _styledComponents.default)(_reactLazyLoadImageComponent.LazyLoadImage)`
+  margin-bottom: -5px;
+  min-height: inherit;
+  width: 100%;
+  font-family: 'IranSharp';
+  display: block;
+  background-image: url(${defaultImageUrl});
+  background-size: cover;
+  animation: ${lazyLoadingAnimation} 2s 1;
+`;
+
+const StyledImage = exports.StyledImage = _styledComponents.default.img`
+  min-height: inherit;
+  width: 100%;
+  font-family: 'IranSharp';
+  display: block;
+  background-image: url(${defaultImageUrl});
+  background-size: cover;
+`;

package/dist/components/cover/index.test.js

@@ -0,0 +1,25 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _reactRouterDom = require("react-router-dom");
+var _test = _interopRequireDefault(require("../utils/test"));
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+describe('Cover', () => {
+  it('should render correctly(simple-cover)', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, null));
+    const cover = (0, _test.default)(component, 'cover');
+    expect(cover.length).toBe(1);
+  });
+
+  it('should render correctly(external link-cover)', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { linkTo: "http://yahoo.com" }));
+    const cover = (0, _test.default)(component, 'cover');
+    expect(cover.length).toBe(1);
+  });
+
+  it('should render correctly(internal link-cover)', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { renderLink: (element) => /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, { to: "/components/card" }, element) }));
+    const cover = (0, _test.default)(component, 'cover');
+    expect(cover.length).toBe(1);
+  });
+});

package/dist/components/display/index.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Display = (props) => {
+  const renderDisplay = () => {
+    const { children } = props;
+    if (children === undefined) {
+      return null;
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_index.DisplayStyle, props, children);
+  };
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_react.default.Fragment, null,
+    renderDisplay()
+    ));
+
+};
+
+Display.propTypes = {
+  children: _propTypes.default.oneOfType([
+  _propTypes.default.arrayOf(_propTypes.default.node),
+  _propTypes.default.node,
+  _propTypes.default.string]
+  ).isRequired,
+  display: _propTypes.default.string,
+  width: _propTypes.default.string,
+  widthMobile: _propTypes.default.string,
+  justifyContent: _propTypes.default.string,
+  justifyContentMobile: _propTypes.default.string,
+  alignItems: _propTypes.default.string,
+  flexDirection: _propTypes.default.string,
+  flexDirectionMobile: _propTypes.default.string,
+  wrap: _propTypes.default.string,
+  className: _propTypes.default.string,
+  flex: _propTypes.default.string,
+  alignSelf: _propTypes.default.string
+};var _default = exports.default =
+
+Display;

package/dist/components/display/index.style.js

@@ -0,0 +1,79 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.Flex = exports.DisplayStyle = exports.Block = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Flex = exports.Flex = _styledComponents.default.div`
+  display: flex;
+  ${(_ref) => {let { justifyContent } = _ref;return justifyContent ?
+  `justify-content: ${justifyContent}` :
+  '';}}
+  ${
+(_ref2) => {let { alignItems } = _ref2;return alignItems ?
+  `align-items: ${alignItems}` :
+  '';}}
+`;
+
+
+const Block = exports.Block = _styledComponents.default.div`
+  display: block;
+`;
+
+const DisplayStyle = exports.DisplayStyle = _styledComponents.default.div`
+  ${(_ref3) => {let { display } = _ref3;return display ?
+  `display: ${display};` :
+  '';}}
+  ${
+(_ref4) => {let { width } = _ref4;return width ?
+  `width: ${width};` :
+  '';}}
+  ${
+(_ref5) => {let { widthMobile } = _ref5;return widthMobile ?
+  `@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        width: ${widthMobile};
+      }` :
+  '';}}
+  ${
+(_ref6) => {let { justifyContent } = _ref6;return justifyContent ?
+  `justify-content: ${justifyContent};` :
+  '';}}
+
+  ${
+(_ref7) => {let { justifyContentMobile } = _ref7;return justifyContentMobile ?
+  `@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        justify-content: ${justifyContentMobile};
+      }` :
+  '';}}
+
+  ${
+(_ref8) => {let { alignItems } = _ref8;return alignItems ?
+  `align-items: ${alignItems};` :
+  '';}}
+  ${
+(_ref9) => {let { alignItemsMobile } = _ref9;return alignItemsMobile ?
+  `@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        align-items: ${alignItemsMobile};
+      }` :
+  '';}}
+  ${
+(_ref0) => {let { flexDirection } = _ref0;return flexDirection ?
+  `flex-direction: ${flexDirection};` :
+  '';}}
+
+  ${
+(_ref1) => {let { flexDirectionMobile } = _ref1;return flexDirectionMobile ?
+  `@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        flex-direction: ${flexDirectionMobile};
+      }` :
+  '';}}
+  ${
+(_ref10) => {let { wrap } = _ref10;return wrap ?
+  'flex-wrap: wrap;' :
+  '';}}
+  ${
+(_ref11) => {let { flex } = _ref11;return flex ?
+  `flex: ${flex};` :
+  '';}}
+  ${
+(_ref12) => {let { alignSelf } = _ref12;return alignSelf ?
+  `align-self: ${alignSelf};` :
+  '';}}
+`;

package/dist/components/file-item/fileImgIcon.js

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _index = require("./index.style");
+var _fileImgsFont = _interopRequireDefault(require("./fileImgsFont"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+const FileImgIcon = (props) => {
+  const { iconFileName } = props;
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+    _react.default.createElement(_fileImgsFont.default, null), /*#__PURE__*/
+    _react.default.createElement(_index.StyledImgIcon, {
+      className: `jupiter-file-font ${iconFileName}`,
+      "data-test": "file-image" }, /*#__PURE__*/
+
+    _react.default.createElement("span", { className: "path1" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path2" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path3" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path4" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path5" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path6" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path7" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path8" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path9" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path10" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path11" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path12" }), /*#__PURE__*/
+    _react.default.createElement("span", { className: "path13" })
+    )
+    ));
+
+};var _default = exports.default =
+
+FileImgIcon;