UNPKG

@zohodesk/svg

Version:

This Bundle Contains EmptyState Images.

128 lines (100 loc) 9.72 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 EmptyTemplate = /*#__PURE__*/function (_React$Component) { _inherits(EmptyTemplate, _React$Component); var _super = _createSuper(EmptyTemplate); function EmptyTemplate() { _classCallCheck(this, EmptyTemplate); return _super.apply(this, arguments); } _createClass(EmptyTemplate, [{ key: "render", value: function render() { return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({ viewBox: "0 0 200 200", name: "accounts" }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.template_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.template_svg__cls-3,.template_svg__cls-4,.template_svg__cls-5,.template_svg__cls-6,.template_svg__cls-8{fill:none}.template_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.template_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.template_svg__cls-4,.template_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.template_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.template_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].createElement("path", { d: "M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z", opacity: 0.05, fill: "var(--zd_emptysvg_primary_fill)" }), /*#__PURE__*/_react["default"].createElement("ellipse", { cx: 156.04, cy: 31.69, rx: 3.54, ry: 3.51, strokeMiterlimit: 10, stroke: "var(--zd_emptysvg_medium_circle)", fill: "none" }), /*#__PURE__*/_react["default"].createElement("ellipse", { className: "template_svg__cls-3", cx: 79.62, cy: 29.6, rx: 2.12, ry: 2.1 }), /*#__PURE__*/_react["default"].createElement("path", { className: "template_svg__cls-4", d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35" }), /*#__PURE__*/_react["default"].createElement("ellipse", { className: "template_svg__cls-8", cx: 165.88, cy: 154.09, rx: 2.45, ry: 2.43 }), /*#__PURE__*/_react["default"].createElement("path", { className: "template_svg__cls-6", d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12" }), /*#__PURE__*/_react["default"].createElement("g", { opacity: 0.25 }, /*#__PURE__*/_react["default"].createElement("path", { className: "template_svg__cls-7", d: "M71.15 144.21s-1.36-1.61-1.35-6.74-2.71-38.94.83-45.79c0 0 17.44-4.94 30-2 0 0 2.84 1.37 2.88 3.89s1.67 48.5 1.67 48.5-.2 4.64-7.2 4.4-26.83-2.26-26.83-2.26zM116.79 116.73s-2.87-14.92-.55-25.24c0 0 .31-2.36 4.15-2.72s19.83-2.45 20.89-.06.73 25.61.5 26.58-2 2.63-5.08 2.65-17.12 2.67-19.91-1.21zM116.21 133.28s-.16-9.66 1.5-10.76 24.49-3 25.57-.13 1.05 21-1.26 22.71-25.19 0-25.19 0z" })), /*#__PURE__*/_react["default"].createElement("circle", { className: "template_svg__cls-7", cx: 67.38, cy: 68.33, r: 3.09 }), /*#__PURE__*/_react["default"].createElement("circle", { className: "template_svg__cls-7", cx: 77.13, cy: 68.33, r: 3.09 }), /*#__PURE__*/_react["default"].createElement("path", { className: "template_svg__cls-5", d: "M44.61 81.45A10.42 10.42 0 0055 71v-7.7a7.53 7.53 0 014.22-6.9 6.53 6.53 0 013.19-.59c4.83.32 81.74 0 81.74 0s7.4.34 7.72 5.17 0 80.45 0 80.45.32 5.47-4.82 7.08c-4.69 1.46-73 .26-85.3 0-1.09 0-2.95-.76-3-1.84-.45-8-1.14-39.36.6-57.61a8.15 8.15 0 011.9-4.59A4 4 0 0164 83c2.53-.16 62.3-1.29 72.73-1.49a5.41 5.41 0 014.56 2.19 5.14 5.14 0 01.77 1.67c.74 3 .65 28.32-.46 30.91s-25.23 3.69-26.42.33c-1.62-4.56-2-24.92.18-26.85s25.93-2.68 28.27-1.68 1.42 50.31-1.15 57c0 0-26.13 1.18-27.12 0s-.76-20.85.2-22.17c1.28-1.79 25.4-1.64 27.12-1.19 2.56.67 3.18 22.27 1.84 23.5-2.4 2.2-70.53 2.23-74.29-1.53s-4-50.48-1-52.46 23.36-3.62 31.47-1.51c0 0 3 1.71 2.88 3.89s1.67 48.5 1.67 48.5-.18 3.47-5.8 5.19-45.67 2-45.67-7 .63-52.68.63-52.68.13-6.06 5.49-7l95.46-.77a4.22 4.22 0 014.25 4.22v4.41a4.22 4.22 0 004.22 4.23" })); } }]); return EmptyTemplate; }(_react["default"].Component); exports["default"] = EmptyTemplate; EmptyTemplate.propTypes = _propTypes.EmptyStateProps; EmptyTemplate.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, { dataId: 'emptyTemplate' }); // if (__DOCS__) { // EmptyTemplate.docs = { // componentGroup: 'Emptystate' // }; // }