UNPKG

@zohodesk/svg

Version:

This Bundle Contains EmptyState Images.

138 lines (110 loc) 12 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 EmptySandbox = /*#__PURE__*/function (_React$Component) { _inherits(EmptySandbox, _React$Component); var _super = _createSuper(EmptySandbox); function EmptySandbox() { _classCallCheck(this, EmptySandbox); return _super.apply(this, arguments); } _createClass(EmptySandbox, [{ key: "render", value: function render() { return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({ viewBox: "0 0 500 500", name: "emptySandbox" }, this.props), /*#__PURE__*/_react["default"].createElement("g", { clipPath: "url(#clip0_18737_19763)" }, /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.05, d: "M200.502 140.5C200.502 140.5 317.252 62.5004 376.252 86.0004C435.252 109.5 475.502 306.75 311.502 395.25C147.502 483.75 73.0016 291.25 72.2516 257.25C71.7516 224 72.2516 145.5 200.502 140.5Z", fill: "var(--zd_emptysvg_primary_fill)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M35 293.249C35 293.249 34.75 293.249 35 293.249C34.25 293.249 33.75 292.499 33.75 291.999L34.75 273.249C34.75 272.499 35.25 271.999 36 271.999C36.75 271.999 37.25 272.499 37.25 273.249L36.25 291.999C36 292.749 35.5 293.249 35 293.249Z", fill: "var(--zd_emptysvg_plus)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M44.501 284.498L26.001 283.498C25.251 283.498 24.751 282.748 24.751 282.248C24.751 281.498 25.501 280.998 26.001 280.998L44.251 281.998C45.001 281.998 45.501 282.748 45.501 283.248C45.751 283.998 45.251 284.498 44.501 284.498Z", 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_medium_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M202.251 50C198.001 50 194.751 53.5 194.751 57.5C194.751 61.5 198.001 65 202.251 65C206.501 65 209.751 61.5 209.751 57.5C209.751 53.5 206.501 50 202.251 50ZM202.251 62.75C199.501 62.75 197.251 60.5 197.251 57.75C197.251 55 199.501 52.75 202.251 52.75C205.001 52.75 207.251 55 207.251 57.75C207.251 60.5 205.001 62.75 202.251 62.75Z", fill: "var(--zd_emptysvg_tiny_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M474.5 324.5C474 324 473.25 324 472.75 324.5L466.75 330L461.5 324C461 323.5 460.25 323.5 459.75 324C459.25 324.5 459.25 325.25 459.75 325.75L465 331.75L459 337.25C458.5 337.75 458.5 338.5 459 339C459.25 339.25 459.5 339.5 460 339.5C460.25 339.5 460.5 339.5 460.75 339.25L466.75 333.75L472 339.75C472.25 340 472.5 340.25 473 340.25C473.25 340.25 473.5 340.25 473.75 340C474.25 339.5 474.25 338.75 473.75 338.25L468.5 332.25L474.5 326.75C475 326 475 325 474.5 324.5Z", fill: "var(--zd_emptysvg_tiny_circle)" }), /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.05, d: "M289.502 162.499C289.502 162.499 196.252 100.249 149.002 118.999C101.752 137.749 69.5017 295.499 200.752 366.249C332.002 436.999 391.502 282.999 392.002 255.749C392.502 229.249 392.002 166.249 289.502 162.499Z", fill: "var(--zd_emptysvg_primary_fill)" })), /*#__PURE__*/_react["default"].createElement("g", { "clip-path": "url(#clip1_18737_19763)" }, /*#__PURE__*/_react["default"].createElement("path", { opacity: 0.05, d: "M334.411 134.382C334.411 134.382 307.24 120.947 306.405 124.381C305.571 127.815 300.586 157.773 304.783 158.933C309.002 160.117 307.31 148.027 318.948 148.584C330.586 149.141 334.411 134.382 334.411 134.382Z", fill: "var(--zd_emptysvg_primary_fill)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M380.754 226.344C380.754 226.344 310.579 160.627 267.736 171.325C233.494 179.864 224.012 94.5394 124.974 239.501L240.426 290.923L380.777 226.32L380.754 226.344Z", fill: "var(--zd_emptysvg_secondary_fill)" }), /*#__PURE__*/_react["default"].createElement("path", { d: "M76.2192 240.545C76.2192 240.545 68.1978 301.041 78.1666 315.961C92.2388 337.078 242.304 392.839 242.304 392.839C242.304 392.839 255.518 305.658 242.304 319.442C232.242 329.931 251.577 392.839 251.577 392.839L430.482 304.684L434.91 214.602L243.533 304.521L76.5438 231.472L142.616 187.267C142.616 187.267 124.348 238.944 110.322 239.524C89.9901 240.383 190.327 150.092 206.579 139.464C222.83 128.837 246.616 151.392 257.79 161.648C268.965 171.882 251.554 176.569 261.082 167.519C270.611 158.469 293.168 156.706 293.168 156.706C292.472 142.62 300.818 116.19 300.818 116.19L322.309 122.966L332.533 85.6057C323.445 79.8741 323.376 66.1367 323.376 66.1367L359.704 77.3679C354.928 90.4555 337.054 87.4621 337.054 87.4621L326.204 123.708L350.315 131.435C349.04 140.764 330.006 173.761 330.006 173.761C330.006 173.761 302.325 164.619 306.892 164.943C318.623 165.756 389.633 218.941 390.167 222.561C390.167 222.561 419.795 210.866 417.917 209.288C416.039 207.71 373.475 202.675 373.475 202.675", stroke: "var(--zd_emptysvg_primary_stroke)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round", fill: "transparent" })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", { id: "clip0_18737_19763" }, /*#__PURE__*/_react["default"].createElement("rect", { width: 450, height: 400, fill: "white", transform: "translate(25 50)" })), /*#__PURE__*/_react["default"].createElement("clipPath", { id: "clip1_18737_19763" }, /*#__PURE__*/_react["default"].createElement("rect", { width: "364", height: "329", fill: "white", transform: "translate(72 65)" })))); } }]); return EmptySandbox; }(_react["default"].Component); exports["default"] = EmptySandbox; EmptySandbox.propTypes = _propTypes.EmptyStateProps; EmptySandbox.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, { dataId: 'emptySandbox' }); // if (__DOCS__) { // EmptySandbox.docs = { // componentGroup: 'Emptystate' // }; // }