@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
91 lines (79 loc) • 5.63 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = EmptyNoData;
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 EmptyNoData(props) {
return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
viewBox: "0 0 500 500",
name: "nodata"
}, props), /*#__PURE__*/_react["default"].createElement("path", {
opacity: 0.1,
d: "M217.1 158.5s113.7-75.3 171.3-52.6c57.6 22.7 96.9 213.3-63.2 298.9C165.1 490.4 92.8 304.3 92.1 271.3c-.5-32 .1-108.1 125-112.8Z",
fill: "var(--zd_emptysvg_primary_fill)"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M419.5 388c3.314 0 6-2.642 6-5.9 0-3.259-2.686-5.9-6-5.9s-6 2.641-6 5.9c0 3.258 2.686 5.9 6 5.9Z",
stroke: "var(--zd_emptysvg_small_circle)",
fill: "transparent",
strokeWidth: 3,
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "m161.8 415.6 10.1 11.2M161.2 426.2l11.3-10",
stroke: "var(--zd_emptysvg_cross)",
strokeWidth: 3,
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M395.6 91.8a8.6 8.6 0 1 0 0-17.2 8.6 8.6 0 0 0 0 17.2Z",
stroke: "var(--zd_emptysvg_medium_circle)",
fill: "transparent",
strokeWidth: 3,
strokeMiterlimit: 10
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M210.4 83.2a5.1 5.1 0 1 0 0-10.2 5.1 5.1 0 0 0 0 10.2Z",
stroke: "var(--zd_emptysvg_tiny_circle)",
fill: "transparent",
strokeWidth: 3,
strokeMiterlimit: 10
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "m70 277.7-.9 15.1M62 284.8l15.1.9",
stroke: "var(--zd_emptysvg_plus)",
strokeWidth: 3,
strokeMiterlimit: 10,
strokeLinecap: "round",
strokeLinejoin: "round"
}), /*#__PURE__*/_react["default"].createElement("g", {
clipPath: "url(#NoData_svg__a)",
fill: "transparent"
}, /*#__PURE__*/_react["default"].createElement("path", {
d: "M183.5 322.5c0 9.2 55.667 29.833 83.5 39l16 5.5c26.5-11.5 80.2-34.6 83-35 3.5-.5-.5-35-3.5-41.5s-22.5 6.5-29 6.5-48.5-52-49.5-53-40 52.5-46 53-50.5-16-54.5-17.5 0 31.5 0 43Z",
fill: "var(--zd_emptysvg_secondary_fill)"
}), /*#__PURE__*/_react["default"].createElement("path", {
d: "M421.169 243.599s-78.588 45.757-85.631 42.173c-7.043-3.585-48.688-46.39-48.688-51.029 0-4.639 79.179-39.537 83.881-40.064 4.702-.527 47.655 41.414 47.001 44.281-.654 2.868-47.317-47.465-49.152-49.953-1.834-2.488 40.064-17.164 40.486-19.505.421-2.34-97.756-23.49-100.898-23.49-3.142 0-39.937 17.08-38.883 18.134 1.054 1.055 92.779 24.439 91.957 21.804-.822-2.636-102.205-25.43-102.205-25.43l-46.263.527s-96.681 42.025-94.319 42.299c2.362.274 49.658-9.721 53.601-8.435 3.943 1.286 72.495-28.298 71.968-30.406-.528-2.109-76.333 32.241-77.345 36.331-1.012 4.091 114.541 25.304 115.342 29.837.801 4.534-.232 138.664-2.783 138.664-2.552 0-2.109-128.626-2.109-128.626s-39.157 42.172-47.781 41.687c-8.625-.485-106.106-39.157-111.019-42.172-4.914-3.016 43.037-34.476 43.037-33.591 0 .886-37.703 30.617-37.703 30.617l44.703 19.843s1.518 72.093 2.594 76.88c1.075 4.787 105.431 47.908 110.724 47.381 5.292-.527 96.343-43.122 97.397-45.251 1.054-2.13-2.636-55.499-2.636-55.499",
stroke: "var(--zd_emptysvg_primary_stroke)",
strokeWidth: 3,
strokeMiterlimit: 10
})), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
id: "NoData_svg__a"
}, /*#__PURE__*/_react["default"].createElement("path", {
fill: "#fff",
transform: "translate(117 145)",
d: "M0 0h304.696v237.41H0z"
}))));
}
EmptyNoData.propTypes = _propTypes.EmptyStateProps;
EmptyNoData.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
dataId: 'EmptyNoData'
});