UNPKG

@zohodesk/svg

Version:

This Bundle Contains EmptyState Images.

130 lines (102 loc) 10.6 kB
"use strict"; function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _react = _interopRequireDefault(require("react")); var _propTypes = require("./../props/propTypes"); var _defaultProps = require("./../props/defaultProps"); var _SVG = _interopRequireDefault(require("./../../SVG/SVG")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; } function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); } function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } var EmptyInstagram = /*#__PURE__*/function (_React$Component) { _inherits(EmptyInstagram, _React$Component); var _super = _createSuper(EmptyInstagram); function EmptyInstagram() { _classCallCheck(this, EmptyInstagram); return _super.apply(this, arguments); } _createClass(EmptyInstagram, [{ key: "render", value: function render() { return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({ viewBox: "0 0 500 500", name: "emptyInstagram" }, this.props), /*#__PURE__*/_react["default"].createElement("g", { clipPath: "url(#instagram_svg__a)" }, /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.8, d: "M217.69 259.748c9.951-16.661-8.113-18.483-8.901-27.724-1.181-13.915 1.812-30.84 23.001-32.292 36.469-2.482 79.555 30.021 58.839 87.528-20.716 57.508-92.815 30.84-92.815-3.326 0-12.701 17.041-19.434 19.876-24.186ZM311.321 173.54c2.416-4.066-1.969-4.515-2.153-6.733-.288-3.379.42-7.498 5.567-7.921 8.874-.607 19.324 7.288 14.283 21.255-5.041 13.968-22.528 7.472-22.528-.818 0-3.142 4.149-4.674 4.831-5.783Z", fill: "var(--zd_emptysvg_secondary_fill)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M330.33 175.838s-10.765 20.779-23.499 8.264c-12.734-12.515 4.805-30.787 15.753-24.503 10.949 6.284 22.108 33.322-18.694 33.031-40.801-.29-26.518 17.823-26.518 17.823 48.862 56.425-37.992 106.169 3.019 84.941 41.012-21.229 10.266-84.941-3.019-94.631-13.286-9.691-85.647-12.146-93.497 40.028a58.877 58.877 0 0 0 .625 23.198 58.71 58.71 0 0 0 9.536 21.133 65.862 65.862 0 0 0 24.172 20.242 65.477 65.477 0 0 0 30.755 6.638c37.388-.713 116.313-2.35 117.705-3.275 1.812-1.214 9.636-142.58-11.474-165.604s-213.538-5.465-220.759-4.251c-7.22 1.215-2.442 151.901-4.227 209.118-.945 30.1 232.338 20.436 234.622 13.598 2.284-6.839.762-32.371.762-32.371", stroke: "var(--zd_emptysvg_primary_stroke)", fill: "transparent", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" })), /*#__PURE__*/_react["default"].createElement("g", { clipPath: "url(#instagram_svg__b)" }, /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.1, d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z", fill: "var(--zd_emptysvg_primary_fill)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z", fill: "var(--zd_emptysvg_plus)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z", fill: "var(--zd_emptysvg_plus)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z", fill: "var(--zd_emptysvg_medium_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z", fill: "var(--zd_emptysvg_small_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z", fill: "var(--zd_emptysvg_tiny_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.1, d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z", fill: "var(--zd_emptysvg_primary_fill)" })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", { id: "instagram_svg__a" }, /*#__PURE__*/_react["default"].createElement("path", { fill: "#fff", transform: "translate(129 130)", d: "M0 0h242v239.983H0z" })), /*#__PURE__*/_react["default"].createElement("clipPath", { id: "instagram_svg__b" }, /*#__PURE__*/_react["default"].createElement("path", { fill: "#fff", transform: "translate(22.5 50)", d: "M0 0h450v400H0z" })))); } }]); return EmptyInstagram; }(_react["default"].Component); exports["default"] = EmptyInstagram; EmptyInstagram.propTypes = _propTypes.EmptyStateProps; EmptyInstagram.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, { dataId: 'emptyInstagram' }); // if (__DOCS__) { // EmptyInstagram.docs = { // componentGroup: 'Emptystate' // }; // }