@reltio/components 1.4.2117 → 1.4.2119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/EditModeAttributesFactory/EditModeAttributesFactory.test.js +6 -2
- package/EmptyState/EmptyState.d.ts +4 -1
- package/EmptyState/EmptyState.js +7 -2
- package/EntitySelector/EntitySelector.js +5 -5
- package/EntitySelector/EntitySelector.test.js +18 -0
- package/cjs/EditModeAttributesFactory/EditModeAttributesFactory.test.js +6 -2
- package/cjs/EmptyState/EmptyState.d.ts +4 -1
- package/cjs/EmptyState/EmptyState.js +7 -2
- package/cjs/EntitySelector/EntitySelector.js +4 -4
- package/cjs/EntitySelector/EntitySelector.test.js +18 -0
- package/cjs/icons/NoActivations.d.ts +3 -0
- package/cjs/icons/NoActivations.js +87 -0
- package/cjs/icons/NoLogs.d.ts +3 -0
- package/cjs/icons/NoLogs.js +50 -0
- package/icons/NoActivations.d.ts +3 -0
- package/icons/NoActivations.js +82 -0
- package/icons/NoLogs.d.ts +3 -0
- package/icons/NoLogs.js +45 -0
- package/package.json +1 -1
|
@@ -52,7 +52,10 @@ import { MdmModuleProvider } from '../contexts/MdmModuleContext';
|
|
|
52
52
|
import { EditModeAttributesFactory } from './EditModeAttributesFactory';
|
|
53
53
|
jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { typeAheadSearch: jest.fn() })); });
|
|
54
54
|
var dependentLookups = { editors: {}, structure: {}, initedTypeUris: [] };
|
|
55
|
-
var metadata = {
|
|
55
|
+
var metadata = {
|
|
56
|
+
entityTypes: [{ uri: 'configuration/entityTypes/HCP' }, { uri: 'configuration/entityTypes/Location' }],
|
|
57
|
+
relationTypes: []
|
|
58
|
+
};
|
|
56
59
|
var defaultMdmValues = { dependentLookups: dependentLookups, metadata: metadata };
|
|
57
60
|
var setUp = function (_a) {
|
|
58
61
|
var props = _a.props, _b = _a.mdmValues, mdmValues = _b === void 0 ? defaultMdmValues : _b;
|
|
@@ -116,7 +119,8 @@ describe('Edit mode attributes factory attributes', function () {
|
|
|
116
119
|
attributeType = {
|
|
117
120
|
type: 'Reference',
|
|
118
121
|
uri: 'configuration/entityTypes/HCP/attributes/Reference',
|
|
119
|
-
referencedAttributeURIs: []
|
|
122
|
+
referencedAttributeURIs: ['configuration/entityTypes/Location'],
|
|
123
|
+
referencedEntityTypeURI: 'configuration/entityTypes/Location'
|
|
120
124
|
};
|
|
121
125
|
props = {
|
|
122
126
|
attributeValue: {
|
|
@@ -10,6 +10,8 @@ export declare const EMPTY_STATE_ICONS: {
|
|
|
10
10
|
NO_DATA: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
11
11
|
ERROR: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
12
12
|
LOADING: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
13
|
+
NO_LOGS: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
14
|
+
NO_ACTIVATIONS: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
13
15
|
};
|
|
14
16
|
type Props = {
|
|
15
17
|
variant?: EMPTY_STATE_VARIANTS;
|
|
@@ -19,6 +21,7 @@ type Props = {
|
|
|
19
21
|
buttonTitle?: string;
|
|
20
22
|
access?: boolean;
|
|
21
23
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
24
|
+
children?: React.ReactNode;
|
|
22
25
|
};
|
|
23
|
-
export declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access }: Props) => React.JSX.Element;
|
|
26
|
+
export declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access, children }: Props) => React.JSX.Element;
|
|
24
27
|
export {};
|
package/EmptyState/EmptyState.js
CHANGED
|
@@ -7,6 +7,8 @@ import EmptySearchResultsIcon from '../icons/EmptySearchResults';
|
|
|
7
7
|
import SelectAttributesIcon from '../icons/SelectAttributes';
|
|
8
8
|
import NoData from '../icons/NoData';
|
|
9
9
|
import Error from '../icons/Error';
|
|
10
|
+
import NoLogs from '../icons/NoLogs';
|
|
11
|
+
import NoActivations from '../icons/NoActivations';
|
|
10
12
|
import { useStyles } from './styles';
|
|
11
13
|
import EmptyLoadingIcon from '../icons/EmptyLoading';
|
|
12
14
|
export var EMPTY_STATE_VARIANTS;
|
|
@@ -20,10 +22,12 @@ export var EMPTY_STATE_ICONS = {
|
|
|
20
22
|
SELECT_ATTRIBUTES: SelectAttributesIcon,
|
|
21
23
|
NO_DATA: NoData,
|
|
22
24
|
ERROR: Error,
|
|
23
|
-
LOADING: EmptyLoadingIcon
|
|
25
|
+
LOADING: EmptyLoadingIcon,
|
|
26
|
+
NO_LOGS: NoLogs,
|
|
27
|
+
NO_ACTIVATIONS: NoActivations
|
|
24
28
|
};
|
|
25
29
|
export var EmptyState = function (_a) {
|
|
26
|
-
var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? identity : _d, access = _a.access;
|
|
30
|
+
var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? identity : _d, access = _a.access, children = _a.children;
|
|
27
31
|
var styles = useStyles();
|
|
28
32
|
var showButton = access && buttonTitle;
|
|
29
33
|
return (React.createElement("div", { className: classnames(styles.root, styles["root_".concat(variant)]) },
|
|
@@ -31,5 +35,6 @@ export var EmptyState = function (_a) {
|
|
|
31
35
|
React.createElement("div", { className: styles.textBox },
|
|
32
36
|
React.createElement(Typography, { variant: "h5", classes: { h5: styles.text } }, text),
|
|
33
37
|
secondaryText && (React.createElement(Typography, { variant: "subtitle1", classes: { subtitle1: styles.secondaryText } }, secondaryText))),
|
|
38
|
+
children,
|
|
34
39
|
showButton && (React.createElement(Button, { className: styles.button, variant: "contained", color: "primary", onClick: onClick }, buttonTitle))));
|
|
35
40
|
};
|
|
@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React, { useState, useMemo } from 'react';
|
|
23
|
+
import React, { useState, useMemo, useCallback } from 'react';
|
|
24
24
|
import i18n from 'ui-i18n';
|
|
25
25
|
import { isEmpty, prop } from 'ramda';
|
|
26
26
|
import { typeAheadSearch, getEntityType, isTempUri, isAvailableEntityType } from '@reltio/mdm-sdk';
|
|
@@ -39,7 +39,7 @@ export var EntitySelector = function (_a) {
|
|
|
39
39
|
var styles = useStyles();
|
|
40
40
|
var _g = useState(''), inputValue = _g[0], setInputValue = _g[1];
|
|
41
41
|
var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);
|
|
42
|
-
var options = __assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked });
|
|
42
|
+
var options = useMemo(function () { return (__assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked })); }, [globalSearchRequestOptions, isMasked, max]);
|
|
43
43
|
var handleCreate = onCreate
|
|
44
44
|
? function (value, entityTypeUri) {
|
|
45
45
|
onCreate(entityTypeUri || entityTypes[0].uri, value);
|
|
@@ -59,9 +59,9 @@ export var EntitySelector = function (_a) {
|
|
|
59
59
|
handleChange({});
|
|
60
60
|
};
|
|
61
61
|
var groupMode = useMemo(function () { return entityTypes.length !== 1; }, [entityTypes]);
|
|
62
|
-
var getOptions = function (value) {
|
|
63
|
-
return typeAheadSearch(entityTypes, value, options).then(buildEntityOptions(entityTypes, onCreate));
|
|
64
|
-
};
|
|
62
|
+
var getOptions = useCallback(function (value) {
|
|
63
|
+
return (isEmpty(entityTypes) ? Promise.resolve([]) : typeAheadSearch(entityTypes, value, options)).then(buildEntityOptions(entityTypes, onCreate));
|
|
64
|
+
}, [entityTypes, onCreate, options]);
|
|
65
65
|
var currentEntityType = (isEmpty(entity) ? entityTypes[0] : getEntityType(metadata, entity.entityType)) || {};
|
|
66
66
|
var createLabel = onCreate && i18n.text("Create ".concat(inputValue ? "\"".concat(inputValue, "\" as ") : '', "new ").concat(currentEntityType.label));
|
|
67
67
|
var label = i18n.text("Select ".concat(entityTypes.length === 1 ? "".concat(entityTypes[0].label, " ") : '', "profile"));
|
|
@@ -253,6 +253,24 @@ describe('Entity selector tests', function () {
|
|
|
253
253
|
}
|
|
254
254
|
});
|
|
255
255
|
}); });
|
|
256
|
+
it('should not send typeAheadSearch request if have not available entity type', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
257
|
+
var props, user;
|
|
258
|
+
return __generator(this, function (_a) {
|
|
259
|
+
switch (_a.label) {
|
|
260
|
+
case 0:
|
|
261
|
+
props = __assign(__assign({}, defaultProps), { max: 10, entityTypesUris: ['configuration/entityTypes/HCP'], metadata: {
|
|
262
|
+
entityTypes: [{ uri: 'configuration/entityTypes/HCP', label: 'HCP', attributes: [], access: [] }]
|
|
263
|
+
} });
|
|
264
|
+
user = setUp({ props: props }).user;
|
|
265
|
+
return [4 /*yield*/, user.click(screen.getByRole('combobox'))];
|
|
266
|
+
case 1:
|
|
267
|
+
_a.sent();
|
|
268
|
+
expect(typeAheadSearch).not.toHaveBeenCalled();
|
|
269
|
+
screen.getByText('No results found');
|
|
270
|
+
return [2 /*return*/];
|
|
271
|
+
}
|
|
272
|
+
});
|
|
273
|
+
}); });
|
|
256
274
|
it('should render correctly in case of temp entity', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
257
275
|
var entityUri, entityType, mdmValues, props, user, entityCreator;
|
|
258
276
|
var _a;
|
|
@@ -57,7 +57,10 @@ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
|
|
|
57
57
|
var EditModeAttributesFactory_1 = require("./EditModeAttributesFactory");
|
|
58
58
|
jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { typeAheadSearch: jest.fn() })); });
|
|
59
59
|
var dependentLookups = { editors: {}, structure: {}, initedTypeUris: [] };
|
|
60
|
-
var metadata = {
|
|
60
|
+
var metadata = {
|
|
61
|
+
entityTypes: [{ uri: 'configuration/entityTypes/HCP' }, { uri: 'configuration/entityTypes/Location' }],
|
|
62
|
+
relationTypes: []
|
|
63
|
+
};
|
|
61
64
|
var defaultMdmValues = { dependentLookups: dependentLookups, metadata: metadata };
|
|
62
65
|
var setUp = function (_a) {
|
|
63
66
|
var props = _a.props, _b = _a.mdmValues, mdmValues = _b === void 0 ? defaultMdmValues : _b;
|
|
@@ -121,7 +124,8 @@ describe('Edit mode attributes factory attributes', function () {
|
|
|
121
124
|
attributeType = {
|
|
122
125
|
type: 'Reference',
|
|
123
126
|
uri: 'configuration/entityTypes/HCP/attributes/Reference',
|
|
124
|
-
referencedAttributeURIs: []
|
|
127
|
+
referencedAttributeURIs: ['configuration/entityTypes/Location'],
|
|
128
|
+
referencedEntityTypeURI: 'configuration/entityTypes/Location'
|
|
125
129
|
};
|
|
126
130
|
props = {
|
|
127
131
|
attributeValue: {
|
|
@@ -10,6 +10,8 @@ export declare const EMPTY_STATE_ICONS: {
|
|
|
10
10
|
NO_DATA: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
11
11
|
ERROR: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
12
12
|
LOADING: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
13
|
+
NO_LOGS: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
14
|
+
NO_ACTIVATIONS: React.FC<React.SVGProps<SVGSVGElement>>;
|
|
13
15
|
};
|
|
14
16
|
type Props = {
|
|
15
17
|
variant?: EMPTY_STATE_VARIANTS;
|
|
@@ -19,6 +21,7 @@ type Props = {
|
|
|
19
21
|
buttonTitle?: string;
|
|
20
22
|
access?: boolean;
|
|
21
23
|
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
24
|
+
children?: React.ReactNode;
|
|
22
25
|
};
|
|
23
|
-
export declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access }: Props) => React.JSX.Element;
|
|
26
|
+
export declare const EmptyState: ({ variant, LogoRenderer, text, secondaryText, buttonTitle, onClick, access, children }: Props) => React.JSX.Element;
|
|
24
27
|
export {};
|
|
@@ -13,6 +13,8 @@ var EmptySearchResults_1 = __importDefault(require("../icons/EmptySearchResults"
|
|
|
13
13
|
var SelectAttributes_1 = __importDefault(require("../icons/SelectAttributes"));
|
|
14
14
|
var NoData_1 = __importDefault(require("../icons/NoData"));
|
|
15
15
|
var Error_1 = __importDefault(require("../icons/Error"));
|
|
16
|
+
var NoLogs_1 = __importDefault(require("../icons/NoLogs"));
|
|
17
|
+
var NoActivations_1 = __importDefault(require("../icons/NoActivations"));
|
|
16
18
|
var styles_1 = require("./styles");
|
|
17
19
|
var EmptyLoading_1 = __importDefault(require("../icons/EmptyLoading"));
|
|
18
20
|
var EMPTY_STATE_VARIANTS;
|
|
@@ -26,10 +28,12 @@ exports.EMPTY_STATE_ICONS = {
|
|
|
26
28
|
SELECT_ATTRIBUTES: SelectAttributes_1.default,
|
|
27
29
|
NO_DATA: NoData_1.default,
|
|
28
30
|
ERROR: Error_1.default,
|
|
29
|
-
LOADING: EmptyLoading_1.default
|
|
31
|
+
LOADING: EmptyLoading_1.default,
|
|
32
|
+
NO_LOGS: NoLogs_1.default,
|
|
33
|
+
NO_ACTIVATIONS: NoActivations_1.default
|
|
30
34
|
};
|
|
31
35
|
var EmptyState = function (_a) {
|
|
32
|
-
var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? exports.EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? ramda_1.identity : _d, access = _a.access;
|
|
36
|
+
var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? exports.EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? ramda_1.identity : _d, access = _a.access, children = _a.children;
|
|
33
37
|
var styles = (0, styles_1.useStyles)();
|
|
34
38
|
var showButton = access && buttonTitle;
|
|
35
39
|
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, styles["root_".concat(variant)]) },
|
|
@@ -37,6 +41,7 @@ var EmptyState = function (_a) {
|
|
|
37
41
|
react_1.default.createElement("div", { className: styles.textBox },
|
|
38
42
|
react_1.default.createElement(Typography_1.default, { variant: "h5", classes: { h5: styles.text } }, text),
|
|
39
43
|
secondaryText && (react_1.default.createElement(Typography_1.default, { variant: "subtitle1", classes: { subtitle1: styles.secondaryText } }, secondaryText))),
|
|
44
|
+
children,
|
|
40
45
|
showButton && (react_1.default.createElement(Button_1.default, { className: styles.button, variant: "contained", color: "primary", onClick: onClick }, buttonTitle))));
|
|
41
46
|
};
|
|
42
47
|
exports.EmptyState = EmptyState;
|
|
@@ -68,7 +68,7 @@ var EntitySelector = function (_a) {
|
|
|
68
68
|
var styles = (0, styles_1.useStyles)();
|
|
69
69
|
var _g = (0, react_1.useState)(''), inputValue = _g[0], setInputValue = _g[1];
|
|
70
70
|
var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);
|
|
71
|
-
var options = __assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked });
|
|
71
|
+
var options = (0, react_1.useMemo)(function () { return (__assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked })); }, [globalSearchRequestOptions, isMasked, max]);
|
|
72
72
|
var handleCreate = onCreate
|
|
73
73
|
? function (value, entityTypeUri) {
|
|
74
74
|
onCreate(entityTypeUri || entityTypes[0].uri, value);
|
|
@@ -88,9 +88,9 @@ var EntitySelector = function (_a) {
|
|
|
88
88
|
handleChange({});
|
|
89
89
|
};
|
|
90
90
|
var groupMode = (0, react_1.useMemo)(function () { return entityTypes.length !== 1; }, [entityTypes]);
|
|
91
|
-
var getOptions = function (value) {
|
|
92
|
-
return (0, mdm_sdk_1.typeAheadSearch)(entityTypes, value, options).then((0, helpers_1.buildEntityOptions)(entityTypes, onCreate));
|
|
93
|
-
};
|
|
91
|
+
var getOptions = (0, react_1.useCallback)(function (value) {
|
|
92
|
+
return ((0, ramda_1.isEmpty)(entityTypes) ? Promise.resolve([]) : (0, mdm_sdk_1.typeAheadSearch)(entityTypes, value, options)).then((0, helpers_1.buildEntityOptions)(entityTypes, onCreate));
|
|
93
|
+
}, [entityTypes, onCreate, options]);
|
|
94
94
|
var currentEntityType = ((0, ramda_1.isEmpty)(entity) ? entityTypes[0] : (0, mdm_sdk_1.getEntityType)(metadata, entity.entityType)) || {};
|
|
95
95
|
var createLabel = onCreate && ui_i18n_1.default.text("Create ".concat(inputValue ? "\"".concat(inputValue, "\" as ") : '', "new ").concat(currentEntityType.label));
|
|
96
96
|
var label = ui_i18n_1.default.text("Select ".concat(entityTypes.length === 1 ? "".concat(entityTypes[0].label, " ") : '', "profile"));
|
|
@@ -258,6 +258,24 @@ describe('Entity selector tests', function () {
|
|
|
258
258
|
}
|
|
259
259
|
});
|
|
260
260
|
}); });
|
|
261
|
+
it('should not send typeAheadSearch request if have not available entity type', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
262
|
+
var props, user;
|
|
263
|
+
return __generator(this, function (_a) {
|
|
264
|
+
switch (_a.label) {
|
|
265
|
+
case 0:
|
|
266
|
+
props = __assign(__assign({}, defaultProps), { max: 10, entityTypesUris: ['configuration/entityTypes/HCP'], metadata: {
|
|
267
|
+
entityTypes: [{ uri: 'configuration/entityTypes/HCP', label: 'HCP', attributes: [], access: [] }]
|
|
268
|
+
} });
|
|
269
|
+
user = setUp({ props: props }).user;
|
|
270
|
+
return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
|
|
271
|
+
case 1:
|
|
272
|
+
_a.sent();
|
|
273
|
+
expect(mdm_sdk_1.typeAheadSearch).not.toHaveBeenCalled();
|
|
274
|
+
react_2.screen.getByText('No results found');
|
|
275
|
+
return [2 /*return*/];
|
|
276
|
+
}
|
|
277
|
+
});
|
|
278
|
+
}); });
|
|
261
279
|
it('should render correctly in case of temp entity', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
262
280
|
var entityUri, entityType, mdmValues, props, user, entityCreator;
|
|
263
281
|
var _a;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var react_1 = __importDefault(require("react"));
|
|
18
|
+
var SvgNoActivations = function (props) {
|
|
19
|
+
return (react_1.default.createElement("svg", __assign({ width: 200, height: 200, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoActivations" }, props),
|
|
20
|
+
react_1.default.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#0072CE", fillOpacity: 0.1 }),
|
|
21
|
+
react_1.default.createElement("mask", { id: "NoActivation_svg__a", style: {
|
|
22
|
+
maskType: 'luminance'
|
|
23
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 200, height: 200 },
|
|
24
|
+
react_1.default.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#fff" })),
|
|
25
|
+
react_1.default.createElement("g", { mask: "url(#NoActivation_svg__a)" },
|
|
26
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-12.5 7.031h200V200h-200V7.031z", fill: "url(#NoActivation_svg__paint0_linear_8548_48982)" }),
|
|
27
|
+
react_1.default.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M146.688 44.426L192.5 90.237v116.306H72.956l-32.331-30.697V44.426h106.063z", fill: "url(#NoActivation_svg__paint1_linear_8548_48982)" }),
|
|
28
|
+
react_1.default.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M36.719 45.313H194.53A5.468 5.468 0 01200 50.78v122.657a5.468 5.468 0 01-5.469 5.468H36.719a5.468 5.468 0 01-5.469-5.468V50.781a5.469 5.469 0 015.469-5.468z", fill: "#000" }),
|
|
29
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.063 43.75h157.031A3.906 3.906 0 01200 47.656v122.656a3.907 3.907 0 01-3.906 3.907H39.063a3.907 3.907 0 01-3.907-3.907V47.656a3.906 3.906 0 013.907-3.906z", fill: "#fff" }),
|
|
30
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M82.325 56.746a2.344 2.344 0 012.343-2.344h32.52a2.343 2.343 0 010 4.688h-32.52a2.344 2.344 0 01-2.343-2.344z", fill: "#B6C7DB" }),
|
|
31
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M82.031 66.121a2.344 2.344 0 012.344-2.344h50.16a2.344 2.344 0 110 4.688h-50.16a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
32
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M82.325 127.344A2.344 2.344 0 0184.668 125h32.52a2.344 2.344 0 010 4.688h-32.52a2.344 2.344 0 01-2.343-2.344z", fill: "#B6C7DB" }),
|
|
33
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M82.031 136.719a2.344 2.344 0 012.344-2.344h50.16a2.343 2.343 0 110 4.687h-50.16a2.343 2.343 0 01-2.344-2.343z", fill: "#979797" }),
|
|
34
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M82.325 150.781a2.343 2.343 0 012.343-2.343h63.77a2.343 2.343 0 010 4.687h-63.77a2.344 2.344 0 01-2.343-2.344z", fill: "#B6C7DB" }),
|
|
35
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M82.031 160.156a2.344 2.344 0 012.344-2.344h57.973a2.343 2.343 0 010 4.688H84.375a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
36
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M108.106 80.469a2.344 2.344 0 012.344-2.344h63.769a2.344 2.344 0 010 4.688H110.45a2.344 2.344 0 01-2.344-2.344z", fill: "#B6C7DB" }),
|
|
37
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M107.812 89.844a2.344 2.344 0 012.344-2.344h50.16a2.344 2.344 0 110 4.688h-50.16a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
38
|
+
react_1.default.createElement("circle", { cx: 52.344, cy: 61.719, r: 7.031, fill: "#B6C7DB" }),
|
|
39
|
+
react_1.default.createElement("circle", { cx: 52.344, cy: 61.719, r: 7.031, fill: "#B6C7DB" }),
|
|
40
|
+
react_1.default.createElement("circle", { cx: 93.75, cy: 82.813, r: 4.688, fill: "#B6C7DB" }),
|
|
41
|
+
react_1.default.createElement("circle", { cx: 93.75, cy: 106.25, r: 4.688, fill: "#B6C7DB" }),
|
|
42
|
+
react_1.default.createElement("circle", { cx: 52.344, cy: 132.031, r: 7.031, fill: "#B6C7DB" }),
|
|
43
|
+
react_1.default.createElement("circle", { cx: 52.344, cy: 155.469, r: 7.031, fill: "#B6C7DB" }),
|
|
44
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M108.106 103.906a2.344 2.344 0 012.344-2.344h63.769a2.344 2.344 0 010 4.688H110.45a2.343 2.343 0 01-2.344-2.344z", fill: "#B6C7DB" }),
|
|
45
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M107.812 113.281a2.344 2.344 0 012.344-2.343h57.973a2.344 2.344 0 010 4.687h-57.973a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
46
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M72.277 84.375v-6.25h-1.563v31.535h8.734v-1.562h-7.171v-22.16h7.17v-1.563h-7.17z", fill: "#2B98F0" }),
|
|
47
|
+
react_1.default.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M74.274 60.156l-2.762 2.762-2.762-2.762h5.524z", fill: "#000" }),
|
|
48
|
+
react_1.default.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M39.063 17.188h145.312a4.687 4.687 0 014.687 4.687v14.063a4.687 4.687 0 01-4.687 4.687H39.062a4.688 4.688 0 01-4.687-4.688V21.876a4.688 4.688 0 014.688-4.688z", fill: "#fff" }),
|
|
49
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M45.313 28.906A4.687 4.687 0 0150 24.22h54.688a4.688 4.688 0 010 9.375H50a4.688 4.688 0 01-4.688-4.688zM115.625 28.906a4.688 4.688 0 014.688-4.687h7.812a4.687 4.687 0 010 9.375h-7.813a4.688 4.688 0 01-4.687-4.688z", fill: "#979797" })),
|
|
50
|
+
react_1.default.createElement("g", { filter: "url(#NoActivation_svg__filter0_d_8548_48982)" },
|
|
51
|
+
react_1.default.createElement("path", { d: "M130.469 168.75c21.573 0 39.062-17.489 39.062-39.062 0-21.574-17.489-39.063-39.062-39.063-21.574 0-39.063 17.489-39.063 39.063 0 21.573 17.489 39.062 39.063 39.062z", fill: "#000" })),
|
|
52
|
+
react_1.default.createElement("path", { d: "M130.469 168.75c21.573 0 39.062-17.489 39.062-39.062 0-21.574-17.489-39.063-39.062-39.063-21.574 0-39.063 17.489-39.063 39.063 0 21.573 17.489 39.062 39.063 39.062z", fill: "#93D204" }),
|
|
53
|
+
react_1.default.createElement("path", { opacity: 0.15, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 78.906c28.045 0 50.781 22.736 50.781 50.781 0 28.046-22.736 50.782-50.781 50.782-28.046 0-50.781-22.736-50.781-50.782 0-28.045 22.735-50.78 50.781-50.78zm-.391 5.469c-24.81 0-44.922 20.112-44.922 44.922s20.112 44.922 44.922 44.922S175 154.107 175 129.297s-20.112-44.922-44.922-44.922z", fill: "#A9F300" }),
|
|
54
|
+
react_1.default.createElement("path", { opacity: 0.3, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 88.281c22.868 0 41.406 18.538 41.406 41.406 0 22.869-18.538 41.407-41.406 41.407s-41.406-18.538-41.406-41.407c0-22.868 18.538-41.406 41.406-41.406zm0 4.644c-20.304 0-36.763 16.459-36.763 36.762 0 20.304 16.459 36.763 36.763 36.763 20.303 0 36.762-16.459 36.762-36.763 0-20.303-16.459-36.762-36.762-36.762z", fill: "#A9F300" }),
|
|
55
|
+
react_1.default.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 60.156c38.401 0 69.531 31.13 69.531 69.532 0 38.401-31.13 69.531-69.531 69.531-38.401 0-69.531-31.13-69.531-69.531 0-38.401 31.13-69.532 69.531-69.532zm-.391 7.813c-33.87 0-61.328 27.457-61.328 61.328 0 33.87 27.457 61.328 61.328 61.328s61.328-27.458 61.328-61.328c0-33.87-27.457-61.328-61.328-61.328z", fill: "#A9F300" }),
|
|
56
|
+
react_1.default.createElement("path", { d: "M130.469 163.281c18.553 0 33.593-15.04 33.593-33.593 0-18.554-15.04-33.594-33.593-33.594-18.554 0-33.594 15.04-33.594 33.594 0 18.553 15.04 33.593 33.594 33.593z", fill: "#A5E418" }),
|
|
57
|
+
react_1.default.createElement("path", { opacity: 0.05, d: "M182.031 146.094l-34.375-34.375-5.344 2.343-11.719-11.718-.905 22.656-13.282-13.281-7.031 10.156v23.437l36.719 36.719 35.937-35.937z", fill: "url(#NoActivation_svg__paint2_linear_8548_48982)" }),
|
|
58
|
+
react_1.default.createElement("g", { filter: "url(#NoActivation_svg__filter1_d_8548_48982)" },
|
|
59
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 102.344a3.907 3.907 0 00-3.907 3.906v17.969a3.907 3.907 0 007.813 0V106.25a3.906 3.906 0 00-3.906-3.906zm17.996 9.347a3.907 3.907 0 00-5.524 5.524 18.186 18.186 0 013.943 19.825 18.187 18.187 0 01-26.912 8.163 18.182 18.182 0 01-7.735-18.674 18.194 18.194 0 014.978-9.314 3.905 3.905 0 10-5.524-5.524 26.008 26.008 0 00-5.637 28.338 26 26 0 0024.024 16.053 25.999 25.999 0 0024.024-16.053 26.007 26.007 0 00-5.637-28.338z", fill: "#fff" })),
|
|
60
|
+
react_1.default.createElement("defs", null,
|
|
61
|
+
react_1.default.createElement("linearGradient", { id: "NoActivation_svg__paint0_linear_8548_48982", x1: -12.5, y1: 7.031, x2: -12.5, y2: 200, gradientUnits: "userSpaceOnUse" },
|
|
62
|
+
react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
|
|
63
|
+
react_1.default.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
|
|
64
|
+
react_1.default.createElement("linearGradient", { id: "NoActivation_svg__paint1_linear_8548_48982", x1: 207.904, y1: 141.493, x2: 121.002, y2: 60.688, gradientUnits: "userSpaceOnUse" },
|
|
65
|
+
react_1.default.createElement("stop", { stopOpacity: 0.01 }),
|
|
66
|
+
react_1.default.createElement("stop", { offset: 1 })),
|
|
67
|
+
react_1.default.createElement("linearGradient", { id: "NoActivation_svg__paint2_linear_8548_48982", x1: 123.438, y1: 112.109, x2: 172.656, y2: 161.328, gradientUnits: "userSpaceOnUse" },
|
|
68
|
+
react_1.default.createElement("stop", null),
|
|
69
|
+
react_1.default.createElement("stop", { offset: 1, stopOpacity: 0 })),
|
|
70
|
+
react_1.default.createElement("filter", { id: "NoActivation_svg__filter0_d_8548_48982", x: 88.281, y: 89.063, width: 84.375, height: 84.375, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
|
|
71
|
+
react_1.default.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
72
|
+
react_1.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
|
|
73
|
+
react_1.default.createElement("feOffset", { dy: 1.563 }),
|
|
74
|
+
react_1.default.createElement("feGaussianBlur", { stdDeviation: 1.563 }),
|
|
75
|
+
react_1.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" }),
|
|
76
|
+
react_1.default.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_8548_48982" }),
|
|
77
|
+
react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_8548_48982", result: "shape" })),
|
|
78
|
+
react_1.default.createElement("filter", { id: "NoActivation_svg__filter1_d_8548_48982", x: 100.95, y: 100.781, width: 58.257, height: 59.988, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
|
|
79
|
+
react_1.default.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
80
|
+
react_1.default.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
|
|
81
|
+
react_1.default.createElement("feOffset", { dy: 1.563 }),
|
|
82
|
+
react_1.default.createElement("feGaussianBlur", { stdDeviation: 1.563 }),
|
|
83
|
+
react_1.default.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" }),
|
|
84
|
+
react_1.default.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_8548_48982" }),
|
|
85
|
+
react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_8548_48982", result: "shape" })))));
|
|
86
|
+
};
|
|
87
|
+
exports.default = SvgNoActivations;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var react_1 = __importDefault(require("react"));
|
|
18
|
+
var SvgNoLogs = function (props) {
|
|
19
|
+
return (react_1.default.createElement("svg", __assign({ width: 80, height: 81, viewBox: "0 0 80 81", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoLogs" }, props),
|
|
20
|
+
react_1.default.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "#0072CE", fillOpacity: 0.1 }),
|
|
21
|
+
react_1.default.createElement("mask", { id: "NoLogs_svg__a", style: {
|
|
22
|
+
maskType: 'luminance'
|
|
23
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 80, height: 81 },
|
|
24
|
+
react_1.default.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "#fff" })),
|
|
25
|
+
react_1.default.createElement("g", { mask: "url(#NoLogs_svg__a)", fillRule: "evenodd", clipRule: "evenodd" },
|
|
26
|
+
react_1.default.createElement("path", { d: "M-5 3.313h80V80.5H-5V3.312z", fill: "url(#NoLogs_svg__paint0_linear_8548_48660)" }),
|
|
27
|
+
react_1.default.createElement("path", { opacity: 0.05, d: "M58.675 18.27L77 36.596v46.522H29.182L16.25 70.84V18.27h42.425z", fill: "url(#NoLogs_svg__paint1_linear_8548_48660)" }),
|
|
28
|
+
react_1.default.createElement("path", { opacity: 0.06, d: "M14.688 18.625h63.124c1.209 0 2.188.98 2.188 2.188v49.062c0 1.208-.98 2.188-2.188 2.188H14.688a2.188 2.188 0 01-2.188-2.188V20.812c0-1.208.98-2.187 2.188-2.187z", fill: "#000" }),
|
|
29
|
+
react_1.default.createElement("path", { d: "M15.625 18h62.813C79.3 18 80 18.7 80 19.563v49.062c0 .863-.7 1.563-1.563 1.563H15.626c-.863 0-1.563-.7-1.563-1.563V19.562c0-.862.7-1.562 1.563-1.562z", fill: "#fff" }),
|
|
30
|
+
react_1.default.createElement("path", { opacity: 0.8, d: "M18.526 25.017c0-.518.42-.938.938-.938h13.008a.937.937 0 110 1.875H19.463a.937.937 0 01-.938-.937z", fill: "#B6C7DB" }),
|
|
31
|
+
react_1.default.createElement("path", { opacity: 0.2, d: "M55.58 25.017c0-.518.419-.938.937-.938H76.58a.938.938 0 010 1.875H56.517a.937.937 0 01-.938-.937z", fill: "#979797" }),
|
|
32
|
+
react_1.default.createElement("path", { opacity: 0.8, d: "M18.526 47.753c0-.517.42-.937.938-.937h13.008a.938.938 0 010 1.875H19.463a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
33
|
+
react_1.default.createElement("path", { opacity: 0.2, d: "M55.58 47.753c0-.517.419-.937.937-.937H76.58a.938.938 0 010 1.875H56.517a.937.937 0 01-.938-.938z", fill: "#979797" }),
|
|
34
|
+
react_1.default.createElement("path", { opacity: 0.8, d: "M18.526 56.174c0-.517.42-.937.938-.937h25.508a.937.937 0 110 1.875H19.463a.937.937 0 01-.938-.938zM18.526 63.753c0-.517.42-.937.938-.937h19.611a.938.938 0 010 1.875H19.464a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
35
|
+
react_1.default.createElement("path", { opacity: 0.2, d: "M55.58 56.174c0-.517.419-.937.937-.937h23.189a.938.938 0 010 1.875h-23.19a.937.937 0 01-.937-.938zM55.58 63.753c0-.517.419-.937.937-.937h23.189a.938.938 0 010 1.875h-23.19a.937.937 0 01-.937-.938z", fill: "#979797" }),
|
|
36
|
+
react_1.default.createElement("path", { opacity: 0.8, d: "M18.526 32.174c0-.517.42-.937.938-.937h25.508a.937.937 0 110 1.875H19.463a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
37
|
+
react_1.default.createElement("path", { opacity: 0.2, d: "M55.58 32.174c0-.517.419-.937.937-.937H76.58a.938.938 0 010 1.875H56.517a.937.937 0 01-.938-.938z", fill: "#979797" }),
|
|
38
|
+
react_1.default.createElement("path", { opacity: 0.8, d: "M18.526 39.753c0-.517.42-.937.938-.937h25.508a.938.938 0 010 1.875H19.463a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
39
|
+
react_1.default.createElement("path", { opacity: 0.2, d: "M55.58 39.753c0-.517.419-.937.937-.937h23.189a.938.938 0 010 1.875h-23.19a.937.937 0 01-.937-.938z", fill: "#979797" }),
|
|
40
|
+
react_1.default.createElement("path", { opacity: 0.6, d: "M15.625 7.375H73.75c1.035 0 1.875.84 1.875 1.875v5.625c0 1.036-.84 1.875-1.875 1.875H15.625a1.875 1.875 0 01-1.875-1.875V9.25c0-1.036.84-1.875 1.875-1.875z", fill: "#fff" }),
|
|
41
|
+
react_1.default.createElement("path", { opacity: 0.2, d: "M18.125 12.063c0-1.036.84-1.876 1.875-1.876h21.875a1.875 1.875 0 010 3.75H20a1.875 1.875 0 01-1.875-1.874zM55.158 12.079c0-1.047.848-1.895 1.895-1.895H72.21a1.895 1.895 0 110 3.79H57.052a1.895 1.895 0 01-1.894-1.895z", fill: "#979797" })),
|
|
42
|
+
react_1.default.createElement("defs", null,
|
|
43
|
+
react_1.default.createElement("linearGradient", { id: "NoLogs_svg__paint0_linear_8548_48660", x1: -5, y1: 3.313, x2: -5, y2: 80.5, gradientUnits: "userSpaceOnUse" },
|
|
44
|
+
react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
|
|
45
|
+
react_1.default.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
|
|
46
|
+
react_1.default.createElement("linearGradient", { id: "NoLogs_svg__paint1_linear_8548_48660", x1: 83.162, y1: 57.097, x2: 48.401, y2: 24.776, gradientUnits: "userSpaceOnUse" },
|
|
47
|
+
react_1.default.createElement("stop", { stopOpacity: 0.01 }),
|
|
48
|
+
react_1.default.createElement("stop", { offset: 1 })))));
|
|
49
|
+
};
|
|
50
|
+
exports.default = SvgNoLogs;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
var SvgNoActivations = function (props) {
|
|
14
|
+
return (React.createElement("svg", __assign({ width: 200, height: 200, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoActivations" }, props),
|
|
15
|
+
React.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#0072CE", fillOpacity: 0.1 }),
|
|
16
|
+
React.createElement("mask", { id: "NoActivation_svg__a", style: {
|
|
17
|
+
maskType: 'luminance'
|
|
18
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 200, height: 200 },
|
|
19
|
+
React.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#fff" })),
|
|
20
|
+
React.createElement("g", { mask: "url(#NoActivation_svg__a)" },
|
|
21
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-12.5 7.031h200V200h-200V7.031z", fill: "url(#NoActivation_svg__paint0_linear_8548_48982)" }),
|
|
22
|
+
React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M146.688 44.426L192.5 90.237v116.306H72.956l-32.331-30.697V44.426h106.063z", fill: "url(#NoActivation_svg__paint1_linear_8548_48982)" }),
|
|
23
|
+
React.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M36.719 45.313H194.53A5.468 5.468 0 01200 50.78v122.657a5.468 5.468 0 01-5.469 5.468H36.719a5.468 5.468 0 01-5.469-5.468V50.781a5.469 5.469 0 015.469-5.468z", fill: "#000" }),
|
|
24
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.063 43.75h157.031A3.906 3.906 0 01200 47.656v122.656a3.907 3.907 0 01-3.906 3.907H39.063a3.907 3.907 0 01-3.907-3.907V47.656a3.906 3.906 0 013.907-3.906z", fill: "#fff" }),
|
|
25
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M82.325 56.746a2.344 2.344 0 012.343-2.344h32.52a2.343 2.343 0 010 4.688h-32.52a2.344 2.344 0 01-2.343-2.344z", fill: "#B6C7DB" }),
|
|
26
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M82.031 66.121a2.344 2.344 0 012.344-2.344h50.16a2.344 2.344 0 110 4.688h-50.16a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
27
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M82.325 127.344A2.344 2.344 0 0184.668 125h32.52a2.344 2.344 0 010 4.688h-32.52a2.344 2.344 0 01-2.343-2.344z", fill: "#B6C7DB" }),
|
|
28
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M82.031 136.719a2.344 2.344 0 012.344-2.344h50.16a2.343 2.343 0 110 4.687h-50.16a2.343 2.343 0 01-2.344-2.343z", fill: "#979797" }),
|
|
29
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M82.325 150.781a2.343 2.343 0 012.343-2.343h63.77a2.343 2.343 0 010 4.687h-63.77a2.344 2.344 0 01-2.343-2.344z", fill: "#B6C7DB" }),
|
|
30
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M82.031 160.156a2.344 2.344 0 012.344-2.344h57.973a2.343 2.343 0 010 4.688H84.375a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
31
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M108.106 80.469a2.344 2.344 0 012.344-2.344h63.769a2.344 2.344 0 010 4.688H110.45a2.344 2.344 0 01-2.344-2.344z", fill: "#B6C7DB" }),
|
|
32
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M107.812 89.844a2.344 2.344 0 012.344-2.344h50.16a2.344 2.344 0 110 4.688h-50.16a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
33
|
+
React.createElement("circle", { cx: 52.344, cy: 61.719, r: 7.031, fill: "#B6C7DB" }),
|
|
34
|
+
React.createElement("circle", { cx: 52.344, cy: 61.719, r: 7.031, fill: "#B6C7DB" }),
|
|
35
|
+
React.createElement("circle", { cx: 93.75, cy: 82.813, r: 4.688, fill: "#B6C7DB" }),
|
|
36
|
+
React.createElement("circle", { cx: 93.75, cy: 106.25, r: 4.688, fill: "#B6C7DB" }),
|
|
37
|
+
React.createElement("circle", { cx: 52.344, cy: 132.031, r: 7.031, fill: "#B6C7DB" }),
|
|
38
|
+
React.createElement("circle", { cx: 52.344, cy: 155.469, r: 7.031, fill: "#B6C7DB" }),
|
|
39
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M108.106 103.906a2.344 2.344 0 012.344-2.344h63.769a2.344 2.344 0 010 4.688H110.45a2.343 2.343 0 01-2.344-2.344z", fill: "#B6C7DB" }),
|
|
40
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M107.812 113.281a2.344 2.344 0 012.344-2.343h57.973a2.344 2.344 0 010 4.687h-57.973a2.344 2.344 0 01-2.344-2.344z", fill: "#979797" }),
|
|
41
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M72.277 84.375v-6.25h-1.563v31.535h8.734v-1.562h-7.171v-22.16h7.17v-1.563h-7.17z", fill: "#2B98F0" }),
|
|
42
|
+
React.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M74.274 60.156l-2.762 2.762-2.762-2.762h5.524z", fill: "#000" }),
|
|
43
|
+
React.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M39.063 17.188h145.312a4.687 4.687 0 014.687 4.687v14.063a4.687 4.687 0 01-4.687 4.687H39.062a4.688 4.688 0 01-4.687-4.688V21.876a4.688 4.688 0 014.688-4.688z", fill: "#fff" }),
|
|
44
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M45.313 28.906A4.687 4.687 0 0150 24.22h54.688a4.688 4.688 0 010 9.375H50a4.688 4.688 0 01-4.688-4.688zM115.625 28.906a4.688 4.688 0 014.688-4.687h7.812a4.687 4.687 0 010 9.375h-7.813a4.688 4.688 0 01-4.687-4.688z", fill: "#979797" })),
|
|
45
|
+
React.createElement("g", { filter: "url(#NoActivation_svg__filter0_d_8548_48982)" },
|
|
46
|
+
React.createElement("path", { d: "M130.469 168.75c21.573 0 39.062-17.489 39.062-39.062 0-21.574-17.489-39.063-39.062-39.063-21.574 0-39.063 17.489-39.063 39.063 0 21.573 17.489 39.062 39.063 39.062z", fill: "#000" })),
|
|
47
|
+
React.createElement("path", { d: "M130.469 168.75c21.573 0 39.062-17.489 39.062-39.062 0-21.574-17.489-39.063-39.062-39.063-21.574 0-39.063 17.489-39.063 39.063 0 21.573 17.489 39.062 39.063 39.062z", fill: "#93D204" }),
|
|
48
|
+
React.createElement("path", { opacity: 0.15, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 78.906c28.045 0 50.781 22.736 50.781 50.781 0 28.046-22.736 50.782-50.781 50.782-28.046 0-50.781-22.736-50.781-50.782 0-28.045 22.735-50.78 50.781-50.78zm-.391 5.469c-24.81 0-44.922 20.112-44.922 44.922s20.112 44.922 44.922 44.922S175 154.107 175 129.297s-20.112-44.922-44.922-44.922z", fill: "#A9F300" }),
|
|
49
|
+
React.createElement("path", { opacity: 0.3, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 88.281c22.868 0 41.406 18.538 41.406 41.406 0 22.869-18.538 41.407-41.406 41.407s-41.406-18.538-41.406-41.407c0-22.868 18.538-41.406 41.406-41.406zm0 4.644c-20.304 0-36.763 16.459-36.763 36.762 0 20.304 16.459 36.763 36.763 36.763 20.303 0 36.762-16.459 36.762-36.763 0-20.303-16.459-36.762-36.762-36.762z", fill: "#A9F300" }),
|
|
50
|
+
React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 60.156c38.401 0 69.531 31.13 69.531 69.532 0 38.401-31.13 69.531-69.531 69.531-38.401 0-69.531-31.13-69.531-69.531 0-38.401 31.13-69.532 69.531-69.532zm-.391 7.813c-33.87 0-61.328 27.457-61.328 61.328 0 33.87 27.457 61.328 61.328 61.328s61.328-27.458 61.328-61.328c0-33.87-27.457-61.328-61.328-61.328z", fill: "#A9F300" }),
|
|
51
|
+
React.createElement("path", { d: "M130.469 163.281c18.553 0 33.593-15.04 33.593-33.593 0-18.554-15.04-33.594-33.593-33.594-18.554 0-33.594 15.04-33.594 33.594 0 18.553 15.04 33.593 33.594 33.593z", fill: "#A5E418" }),
|
|
52
|
+
React.createElement("path", { opacity: 0.05, d: "M182.031 146.094l-34.375-34.375-5.344 2.343-11.719-11.718-.905 22.656-13.282-13.281-7.031 10.156v23.437l36.719 36.719 35.937-35.937z", fill: "url(#NoActivation_svg__paint2_linear_8548_48982)" }),
|
|
53
|
+
React.createElement("g", { filter: "url(#NoActivation_svg__filter1_d_8548_48982)" },
|
|
54
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 102.344a3.907 3.907 0 00-3.907 3.906v17.969a3.907 3.907 0 007.813 0V106.25a3.906 3.906 0 00-3.906-3.906zm17.996 9.347a3.907 3.907 0 00-5.524 5.524 18.186 18.186 0 013.943 19.825 18.187 18.187 0 01-26.912 8.163 18.182 18.182 0 01-7.735-18.674 18.194 18.194 0 014.978-9.314 3.905 3.905 0 10-5.524-5.524 26.008 26.008 0 00-5.637 28.338 26 26 0 0024.024 16.053 25.999 25.999 0 0024.024-16.053 26.007 26.007 0 00-5.637-28.338z", fill: "#fff" })),
|
|
55
|
+
React.createElement("defs", null,
|
|
56
|
+
React.createElement("linearGradient", { id: "NoActivation_svg__paint0_linear_8548_48982", x1: -12.5, y1: 7.031, x2: -12.5, y2: 200, gradientUnits: "userSpaceOnUse" },
|
|
57
|
+
React.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
|
|
58
|
+
React.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
|
|
59
|
+
React.createElement("linearGradient", { id: "NoActivation_svg__paint1_linear_8548_48982", x1: 207.904, y1: 141.493, x2: 121.002, y2: 60.688, gradientUnits: "userSpaceOnUse" },
|
|
60
|
+
React.createElement("stop", { stopOpacity: 0.01 }),
|
|
61
|
+
React.createElement("stop", { offset: 1 })),
|
|
62
|
+
React.createElement("linearGradient", { id: "NoActivation_svg__paint2_linear_8548_48982", x1: 123.438, y1: 112.109, x2: 172.656, y2: 161.328, gradientUnits: "userSpaceOnUse" },
|
|
63
|
+
React.createElement("stop", null),
|
|
64
|
+
React.createElement("stop", { offset: 1, stopOpacity: 0 })),
|
|
65
|
+
React.createElement("filter", { id: "NoActivation_svg__filter0_d_8548_48982", x: 88.281, y: 89.063, width: 84.375, height: 84.375, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
|
|
66
|
+
React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
67
|
+
React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
|
|
68
|
+
React.createElement("feOffset", { dy: 1.563 }),
|
|
69
|
+
React.createElement("feGaussianBlur", { stdDeviation: 1.563 }),
|
|
70
|
+
React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" }),
|
|
71
|
+
React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_8548_48982" }),
|
|
72
|
+
React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_8548_48982", result: "shape" })),
|
|
73
|
+
React.createElement("filter", { id: "NoActivation_svg__filter1_d_8548_48982", x: 100.95, y: 100.781, width: 58.257, height: 59.988, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
|
|
74
|
+
React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
|
|
75
|
+
React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
|
|
76
|
+
React.createElement("feOffset", { dy: 1.563 }),
|
|
77
|
+
React.createElement("feGaussianBlur", { stdDeviation: 1.563 }),
|
|
78
|
+
React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" }),
|
|
79
|
+
React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_8548_48982" }),
|
|
80
|
+
React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_8548_48982", result: "shape" })))));
|
|
81
|
+
};
|
|
82
|
+
export default SvgNoActivations;
|
package/icons/NoLogs.js
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
var SvgNoLogs = function (props) {
|
|
14
|
+
return (React.createElement("svg", __assign({ width: 80, height: 81, viewBox: "0 0 80 81", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoLogs" }, props),
|
|
15
|
+
React.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "#0072CE", fillOpacity: 0.1 }),
|
|
16
|
+
React.createElement("mask", { id: "NoLogs_svg__a", style: {
|
|
17
|
+
maskType: 'luminance'
|
|
18
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 80, height: 81 },
|
|
19
|
+
React.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "#fff" })),
|
|
20
|
+
React.createElement("g", { mask: "url(#NoLogs_svg__a)", fillRule: "evenodd", clipRule: "evenodd" },
|
|
21
|
+
React.createElement("path", { d: "M-5 3.313h80V80.5H-5V3.312z", fill: "url(#NoLogs_svg__paint0_linear_8548_48660)" }),
|
|
22
|
+
React.createElement("path", { opacity: 0.05, d: "M58.675 18.27L77 36.596v46.522H29.182L16.25 70.84V18.27h42.425z", fill: "url(#NoLogs_svg__paint1_linear_8548_48660)" }),
|
|
23
|
+
React.createElement("path", { opacity: 0.06, d: "M14.688 18.625h63.124c1.209 0 2.188.98 2.188 2.188v49.062c0 1.208-.98 2.188-2.188 2.188H14.688a2.188 2.188 0 01-2.188-2.188V20.812c0-1.208.98-2.187 2.188-2.187z", fill: "#000" }),
|
|
24
|
+
React.createElement("path", { d: "M15.625 18h62.813C79.3 18 80 18.7 80 19.563v49.062c0 .863-.7 1.563-1.563 1.563H15.626c-.863 0-1.563-.7-1.563-1.563V19.562c0-.862.7-1.562 1.563-1.562z", fill: "#fff" }),
|
|
25
|
+
React.createElement("path", { opacity: 0.8, d: "M18.526 25.017c0-.518.42-.938.938-.938h13.008a.937.937 0 110 1.875H19.463a.937.937 0 01-.938-.937z", fill: "#B6C7DB" }),
|
|
26
|
+
React.createElement("path", { opacity: 0.2, d: "M55.58 25.017c0-.518.419-.938.937-.938H76.58a.938.938 0 010 1.875H56.517a.937.937 0 01-.938-.937z", fill: "#979797" }),
|
|
27
|
+
React.createElement("path", { opacity: 0.8, d: "M18.526 47.753c0-.517.42-.937.938-.937h13.008a.938.938 0 010 1.875H19.463a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
28
|
+
React.createElement("path", { opacity: 0.2, d: "M55.58 47.753c0-.517.419-.937.937-.937H76.58a.938.938 0 010 1.875H56.517a.937.937 0 01-.938-.938z", fill: "#979797" }),
|
|
29
|
+
React.createElement("path", { opacity: 0.8, d: "M18.526 56.174c0-.517.42-.937.938-.937h25.508a.937.937 0 110 1.875H19.463a.937.937 0 01-.938-.938zM18.526 63.753c0-.517.42-.937.938-.937h19.611a.938.938 0 010 1.875H19.464a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
30
|
+
React.createElement("path", { opacity: 0.2, d: "M55.58 56.174c0-.517.419-.937.937-.937h23.189a.938.938 0 010 1.875h-23.19a.937.937 0 01-.937-.938zM55.58 63.753c0-.517.419-.937.937-.937h23.189a.938.938 0 010 1.875h-23.19a.937.937 0 01-.937-.938z", fill: "#979797" }),
|
|
31
|
+
React.createElement("path", { opacity: 0.8, d: "M18.526 32.174c0-.517.42-.937.938-.937h25.508a.937.937 0 110 1.875H19.463a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
32
|
+
React.createElement("path", { opacity: 0.2, d: "M55.58 32.174c0-.517.419-.937.937-.937H76.58a.938.938 0 010 1.875H56.517a.937.937 0 01-.938-.938z", fill: "#979797" }),
|
|
33
|
+
React.createElement("path", { opacity: 0.8, d: "M18.526 39.753c0-.517.42-.937.938-.937h25.508a.938.938 0 010 1.875H19.463a.937.937 0 01-.938-.938z", fill: "#B6C7DB" }),
|
|
34
|
+
React.createElement("path", { opacity: 0.2, d: "M55.58 39.753c0-.517.419-.937.937-.937h23.189a.938.938 0 010 1.875h-23.19a.937.937 0 01-.937-.938z", fill: "#979797" }),
|
|
35
|
+
React.createElement("path", { opacity: 0.6, d: "M15.625 7.375H73.75c1.035 0 1.875.84 1.875 1.875v5.625c0 1.036-.84 1.875-1.875 1.875H15.625a1.875 1.875 0 01-1.875-1.875V9.25c0-1.036.84-1.875 1.875-1.875z", fill: "#fff" }),
|
|
36
|
+
React.createElement("path", { opacity: 0.2, d: "M18.125 12.063c0-1.036.84-1.876 1.875-1.876h21.875a1.875 1.875 0 010 3.75H20a1.875 1.875 0 01-1.875-1.874zM55.158 12.079c0-1.047.848-1.895 1.895-1.895H72.21a1.895 1.895 0 110 3.79H57.052a1.895 1.895 0 01-1.894-1.895z", fill: "#979797" })),
|
|
37
|
+
React.createElement("defs", null,
|
|
38
|
+
React.createElement("linearGradient", { id: "NoLogs_svg__paint0_linear_8548_48660", x1: -5, y1: 3.313, x2: -5, y2: 80.5, gradientUnits: "userSpaceOnUse" },
|
|
39
|
+
React.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
|
|
40
|
+
React.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
|
|
41
|
+
React.createElement("linearGradient", { id: "NoLogs_svg__paint1_linear_8548_48660", x1: 83.162, y1: 57.097, x2: 48.401, y2: 24.776, gradientUnits: "userSpaceOnUse" },
|
|
42
|
+
React.createElement("stop", { stopOpacity: 0.01 }),
|
|
43
|
+
React.createElement("stop", { offset: 1 })))));
|
|
44
|
+
};
|
|
45
|
+
export default SvgNoLogs;
|