UNPKG

@zohodesk/svg

Version:

This Bundle Contains EmptyState Images.

130 lines (102 loc) 10.7 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 EmptyArticle = /*#__PURE__*/function (_React$Component) { _inherits(EmptyArticle, _React$Component); var _super = _createSuper(EmptyArticle); function EmptyArticle() { _classCallCheck(this, EmptyArticle); return _super.apply(this, arguments); } _createClass(EmptyArticle, [{ key: "render", value: function render() { return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({ viewBox: "0 0 500 500", name: "emptyArticle" }, this.props), /*#__PURE__*/_react["default"].createElement("g", { clipPath: "url(#article_svg__a)" }, /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.1, d: "M200.502 140.5s116.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: "M35 293.249s-.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: "m44.5 284.498-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: "M428 51.999C421.5 51.999 416.25 57.249 416.25 63.749C416.25 70.249 421.5 75.499 428 75.499C434.5 75.499 439.75 70.249 439.75 63.749C439.75 57.249 434.25 51.999 428 51.999ZM428 73.249C423 73.249 418.75 68.999 418.75 63.749C418.75 58.499 423 54.249 428 54.249C433 54.249 437.25 58.499 437.25 63.749C437.25 68.999 433 73.249 428 73.249Z", fill: "var(--zd_emptysvg_medium_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M311 432.748C306.25 432.748 302.5 436.498 302.5 441.248C302.5 445.998 306.25 449.748 311 449.748C315.75 449.748 319.5 445.998 319.5 441.248C319.5 436.748 315.75 432.748 311 432.748ZM311 447.498C307.75 447.498 305 444.748 305 441.248C305 437.748 307.75 434.998 311 434.998C314.25 434.998 317 437.748 317 441.248C317 444.748 314.25 447.498 311 447.498Z", fill: "var(--zd_emptysvg_small_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M202.25 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 5ZM474.5 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: "M289.502 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("g", { clipPath: "url(#article_svg__b)" }, /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.8, d: "M189.54 215.61s-15.909-98.336 8.02-100.256c23.928-1.921 131.322 0 126.962 23.098-4.36 23.098-60.964 24.448-37.009 36.023 23.955 11.575 65.791-.649 65.791 22.501 0 23.15-163.764 18.634-163.764 18.634ZM196.184 253.371s-16.869 9.447.675 12.379c17.544 2.933 98.492.597 92.419-6.488-6.073-7.085-93.094-5.891-93.094-5.891ZM197.714 293.263s-13.677 8.798.467 11.393c14.145 2.595 79.962.545 75.031-6.021-4.931-6.566-75.498-5.372-75.498-5.372ZM197.714 332.192s-13.677 8.798.467 11.394c14.145 2.595 79.962.545 75.031-6.021-4.931-6.567-75.498-5.373-75.498-5.373Z", fill: "var(--zd_emptysvg_secondary_fill)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M385.277 89.246c-.883-3.53-169.525-4.204-234.538-4.334a25.382 25.382 0 0 0-25.434 25.123l-.233 21.255.7 157.977s-3.737 8.85-5.19-7.786c-1.454-16.636.934-151.956.934-151.956-4.386-1.375-11.342-.311-11.004 20.244.519 29.95-2.595 183.722 3.01 187.692 5.606 3.971 20.97 16.481 23.955-20.944 2.595-31.922-.597-166.982-1.583-206.275a15.407 15.407 0 0 1 1.066-6.06 15.402 15.402 0 0 1 8.463-8.589 15.389 15.389 0 0 1 6.043-1.156c4.697 0 8.902 2.595 9.94 10.641 2.725 20.243-7.345 272.792 1.038 278.684 8.383 5.891 228.387 6.54 228.387-8.331 0-14.871-4.464-281.773-5.554-286.185Z", stroke: "var(--zd_emptysvg_primary_stroke)", fill: "transparent", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", { id: "article_svg__a" }, /*#__PURE__*/_react["default"].createElement("path", { fill: "#fff", transform: "translate(25 50)", d: "M0 0h450v400H0z" })), /*#__PURE__*/_react["default"].createElement("clipPath", { id: "article_svg__b" }, /*#__PURE__*/_react["default"].createElement("path", { fill: "#fff", transform: "translate(108.93 83.664)", d: "M0 0h283.07v305.13H0z" })))); } }]); return EmptyArticle; }(_react["default"].Component); exports["default"] = EmptyArticle; EmptyArticle.propTypes = _propTypes.EmptyStateProps; EmptyArticle.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, { dataId: 'emptyArticle' }); // if (__DOCS__) { // EmptyArticle.docs = { // componentGroup: 'Emptystate' // }; // }