@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
130 lines (102 loc) • 11.9 kB
JavaScript
;
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 EmptyLine = /*#__PURE__*/function (_React$Component) {
_inherits(EmptyLine, _React$Component);
var _super = _createSuper(EmptyLine);
function EmptyLine() {
_classCallCheck(this, EmptyLine);
return _super.apply(this, arguments);
}
_createClass(EmptyLine, [{
key: "render",
value: function render() {
return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
viewBox: "0 0 500 500",
name: "emptyLine"
}, this.props), /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#line_svg__a)"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M254.349 223.031s17.968 28.302 20.17 29.473c2.201 1.172-.48-35.669-.853-37.107-.373-1.438 23.082-1.243 23.366 1.438.284 2.681 0 52.288 0 56.088 0 3.799 34.782 1.455 38.421 2.432 3.64.977 2.433-11.789 1.776-13.458-.657-1.669-26.242-.764-26.242-.764s1.776-10.368 1.438-10.795c-.337-.426-1.438 1.456-1.438 1.456s24.484 0 26.917.391c2.432.391 0-7.652 0-12.18 0-4.527-25.124-2.521-26.899-2.521-1.776 0 1.775-9.854 1.775-10.653 0-.799-5.095-.781-1.775 1.278 3.32 2.06 18.926 0 24.484 0 5.557 0 2.432-8.274 2.432-11.789 0-3.515-52.075-1.953-49.252-2.006 2.823-.054 0 54.49 0 58.112s-6.96 2.325-11.771 2.325c-4.812 0-27.449-35.225-27.449-35.225v34.213c0 2.06-11.506.16-11.878 2.433-.373 2.272 5.876 0 12.535 0 2.467 0-.835-53.265 1.917-56.372 2.504-2.734-8.291-5.966-14.452-4.67-6.161 1.297-2.433 47.353-2.433 53.052 0 5.699-5.326 6.552-8.558 7.102-3.231.55-14.204-13.369-14.204-7.102 0 6.268 4.83 7.102 4.83 7.102 11.079-1.527 9.197-4.368 9.197-9.73v-48.719c0-2.184-11.541-.852-14.027 0-2.485.852 0 43.641 0 45.062 0 1.42-29.419 1.935-29.633 0-.213-1.936 17.01-1.421 19.531-.657 2.521.763 3.178 8.877 2.148 11.683-1.03 2.805-35.208.55-40.943 0-5.734-.551-2.734-59.053 7.422-58.592 10.156.462 6.942 46.909 6.942 46.909s-22.442 37.942-49.714 18.501c0 0 53.265 65.693 123.184 82.577 0 0-192.872-39.202-126.646-169.204 60.544-118.815 260.873-61.059 264.548 42.328 3.675 103.387-139.642 158.409-145.679 156.598-6.036-1.811 0-58.591 0-58.591",
stroke: "var(--zd_emptysvg_primary_stroke)",
fill: "transparent",
strokeWidth: 2.5,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/_react["default"].createElement("path", {
opacity: 0.8,
d: "M170.528 216.443c5.948 6.072 3.374 44.174 12.269 45.399 8.895 1.225 19.939-.497 20.187 3.658.249 4.154.515 6.427-2.148 6.693-2.663.267-36.078-.266-36.256-1.402-.177-1.137 0-60.367 5.948-54.348ZM214.878 270.631s-3.285-51.045.834-51.151c4.119-.107 7.865-1.421 7.635 1.171-.231 2.593 1.97 49.359 0 50.46-1.971 1.101-8.469-.48-8.469-.48ZM241.917 271.484s-6.143-52.394 1.634-50.814c7.776 1.58 33.539 40.836 35.722 39.735 2.184-1.101-3.551-39.167 1.279-41.369 10.653-4.776 8.38 49.022 2.184 51.49-6.197 2.467-36.451-36.078-36.451-36.078s4.19 36.93 1.101 36.965c-3.09.036-5.469.071-5.469.071ZM334.226 216.781s-30.628-2.095-31.338.692c-.71 2.788-1.953 52.395 0 54.046 1.953 1.651 32.172 2.486 32.172 1.083 0-1.402 1.971-9.232-.834-9.374-2.806-.142-24.857.408-25.461-.71-.604-1.119.692-13.423 1.403-13.423.71 0 25.815 1.775 25.567-.142-.249-1.918 1.775-10.067-1.652-10.067-3.426 0-23.773 1.544-25.176.142-1.403-1.403 1.119-14.559 2.521-14.559 1.403 0 22.94 3.089 23.224.994.049-2.9-.094-5.801-.426-8.682Z",
fill: "var(--zd_emptysvg_secondary_fill)"
})), /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#line_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: "line_svg__a"
}, /*#__PURE__*/_react["default"].createElement("path", {
fill: "#fff",
transform: "translate(110 126)",
d: "M0 0h280.19v266.963H0z"
})), /*#__PURE__*/_react["default"].createElement("clipPath", {
id: "line_svg__b"
}, /*#__PURE__*/_react["default"].createElement("path", {
fill: "#fff",
transform: "translate(22.5 50)",
d: "M0 0h450v400H0z"
}))));
}
}]);
return EmptyLine;
}(_react["default"].Component);
exports["default"] = EmptyLine;
EmptyLine.propTypes = _propTypes.EmptyStateProps;
EmptyLine.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
dataId: 'emptyLine'
}); // if (__DOCS__) {
// EmptyLine.docs = {
// componentGroup: 'Emptystate'
// };
// }