@reltio/components 1.4.2118 → 1.4.2120

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.
Files changed (17) hide show
  1. package/EmptyState/EmptyState.d.ts +4 -1
  2. package/EmptyState/EmptyState.js +7 -2
  3. package/TypeaheadEditor/TypeaheadEditor.js +8 -4
  4. package/TypeaheadEditor/TypeaheadEditor.test.js +22 -0
  5. package/cjs/EmptyState/EmptyState.d.ts +4 -1
  6. package/cjs/EmptyState/EmptyState.js +7 -2
  7. package/cjs/TypeaheadEditor/TypeaheadEditor.js +8 -4
  8. package/cjs/TypeaheadEditor/TypeaheadEditor.test.js +22 -0
  9. package/cjs/icons/NoActivations.d.ts +3 -0
  10. package/cjs/icons/NoActivations.js +87 -0
  11. package/cjs/icons/NoLogs.d.ts +3 -0
  12. package/cjs/icons/NoLogs.js +50 -0
  13. package/icons/NoActivations.d.ts +3 -0
  14. package/icons/NoActivations.js +82 -0
  15. package/icons/NoLogs.d.ts +3 -0
  16. package/icons/NoLogs.js +45 -0
  17. package/package.json +1 -1
package/EmptyState/EmptyState.d.ts CHANGED
@@ -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
  };
package/TypeaheadEditor/TypeaheadEditor.js CHANGED
@@ -199,7 +199,7 @@ export var TypeaheadEditor = function (_a) {
199
199
  }
200
200
  }, [multiple, onChange, value]);
201
201
  var handleKeyDown = useCallback(function (event) {
202
- if (event.code !== 'Enter' || highlightedItem)
202
+ if (event.key !== 'Enter' || highlightedItem)
203
203
  return;
204
204
  if (multiple === true) {
205
205
  handleInputValueChange({ method: ChangeMethod.Enter, newValue: inputValue });
@@ -209,9 +209,13 @@ export var TypeaheadEditor = function (_a) {
209
209
  }
210
210
  }, [handleInputValueChange, onChange, highlightedItem, inputValue, multiple]);
211
211
  var handleBlur = useCallback(function () {
212
- if (multiple !== true)
212
+ if (multiple !== true) {
213
213
  onChange(inputValue);
214
- }, [inputValue, onChange, multiple]);
214
+ }
215
+ else {
216
+ handleInputValueChange({ method: ChangeMethod.Enter, newValue: inputValue });
217
+ }
218
+ }, [inputValue, onChange, multiple, handleInputValueChange]);
215
219
  useEffect(function () {
216
220
  var _a;
217
221
  if (multiple !== true)
@@ -224,7 +228,7 @@ export var TypeaheadEditor = function (_a) {
224
228
  container: fullWidth ? styles.suggestionsContainer : '',
225
229
  suggestionsList: styles.suggestionsList,
226
230
  suggestionsContainerOpen: styles.suggestionsContainerOpen
227
- }, inputProps: __assign({ value: inputValue, onChange: pipe(nthArg(1), handleInputValueChange), onKeyDown: handleKeyDown, onBlur: handleBlur, fullWidth: fullWidth, variant: 'standard', autoComplete: 'nope' }, inputProps), renderInputComponent: function (_a) {
231
+ }, inputProps: __assign({ value: inputValue, onChange: pipe(nthArg(1), handleInputValueChange), onKeyDown: handleKeyDown, onBlur: handleBlur, fullWidth: fullWidth, variant: 'standard', autoComplete: 'off' }, inputProps), renderInputComponent: function (_a) {
228
232
  var _b, _c;
229
233
  var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
230
234
  var commonClasses = {
package/TypeaheadEditor/TypeaheadEditor.test.js CHANGED
@@ -421,6 +421,28 @@ describe('TypeaheadEditor', function () {
421
421
  }
422
422
  });
423
423
  }); });
424
+ it('should add chip correctly on input blur', function () { return __awaiter(void 0, void 0, void 0, function () {
425
+ var values, props, user, input;
426
+ return __generator(this, function (_a) {
427
+ switch (_a.label) {
428
+ case 0:
429
+ values = ['value 1', 'value 2'];
430
+ props = __assign(__assign({}, defaultMultipleProps), { value: values });
431
+ user = setUp(props).user;
432
+ input = screen.getByRole('textbox');
433
+ return [4 /*yield*/, user.type(input, 'value 3')];
434
+ case 1:
435
+ _a.sent();
436
+ expect(input).toHaveAttribute('value', 'value 3');
437
+ return [4 /*yield*/, user.tab()];
438
+ case 2:
439
+ _a.sent(); // simulating input blur
440
+ expect(input).toHaveAttribute('value', '');
441
+ expect(props.onChange).toHaveBeenCalledWith(['value 1', 'value 2', 'value 3']);
442
+ return [2 /*return*/];
443
+ }
444
+ });
445
+ }); });
424
446
  it('should add chip correctly after select suggestion item using keyboard', function () { return __awaiter(void 0, void 0, void 0, function () {
425
447
  var values, props, user, input;
426
448
  return __generator(this, function (_a) {
package/cjs/EmptyState/EmptyState.d.ts CHANGED
@@ -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/cjs/EmptyState/EmptyState.js CHANGED
@@ -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;
package/cjs/TypeaheadEditor/TypeaheadEditor.js CHANGED
@@ -228,7 +228,7 @@ var TypeaheadEditor = function (_a) {
228
228
  }
229
229
  }, [multiple, onChange, value]);
230
230
  var handleKeyDown = (0, react_1.useCallback)(function (event) {
231
- if (event.code !== 'Enter' || highlightedItem)
231
+ if (event.key !== 'Enter' || highlightedItem)
232
232
  return;
233
233
  if (multiple === true) {
234
234
  handleInputValueChange({ method: ChangeMethod.Enter, newValue: inputValue });
@@ -238,9 +238,13 @@ var TypeaheadEditor = function (_a) {
238
238
  }
239
239
  }, [handleInputValueChange, onChange, highlightedItem, inputValue, multiple]);
240
240
  var handleBlur = (0, react_1.useCallback)(function () {
241
- if (multiple !== true)
241
+ if (multiple !== true) {
242
242
  onChange(inputValue);
243
- }, [inputValue, onChange, multiple]);
243
+ }
244
+ else {
245
+ handleInputValueChange({ method: ChangeMethod.Enter, newValue: inputValue });
246
+ }
247
+ }, [inputValue, onChange, multiple, handleInputValueChange]);
244
248
  (0, react_1.useEffect)(function () {
245
249
  var _a;
246
250
  if (multiple !== true)
@@ -253,7 +257,7 @@ var TypeaheadEditor = function (_a) {
253
257
  container: fullWidth ? styles.suggestionsContainer : '',
254
258
  suggestionsList: styles.suggestionsList,
255
259
  suggestionsContainerOpen: styles.suggestionsContainerOpen
256
- }, inputProps: __assign({ value: inputValue, onChange: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), handleInputValueChange), onKeyDown: handleKeyDown, onBlur: handleBlur, fullWidth: fullWidth, variant: 'standard', autoComplete: 'nope' }, inputProps), renderInputComponent: function (_a) {
260
+ }, inputProps: __assign({ value: inputValue, onChange: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), handleInputValueChange), onKeyDown: handleKeyDown, onBlur: handleBlur, fullWidth: fullWidth, variant: 'standard', autoComplete: 'off' }, inputProps), renderInputComponent: function (_a) {
257
261
  var _b, _c;
258
262
  var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
259
263
  var commonClasses = {
package/cjs/TypeaheadEditor/TypeaheadEditor.test.js CHANGED
@@ -426,6 +426,28 @@ describe('TypeaheadEditor', function () {
426
426
  }
427
427
  });
428
428
  }); });
429
+ it('should add chip correctly on input blur', function () { return __awaiter(void 0, void 0, void 0, function () {
430
+ var values, props, user, input;
431
+ return __generator(this, function (_a) {
432
+ switch (_a.label) {
433
+ case 0:
434
+ values = ['value 1', 'value 2'];
435
+ props = __assign(__assign({}, defaultMultipleProps), { value: values });
436
+ user = setUp(props).user;
437
+ input = react_2.screen.getByRole('textbox');
438
+ return [4 /*yield*/, user.type(input, 'value 3')];
439
+ case 1:
440
+ _a.sent();
441
+ expect(input).toHaveAttribute('value', 'value 3');
442
+ return [4 /*yield*/, user.tab()];
443
+ case 2:
444
+ _a.sent(); // simulating input blur
445
+ expect(input).toHaveAttribute('value', '');
446
+ expect(props.onChange).toHaveBeenCalledWith(['value 1', 'value 2', 'value 3']);
447
+ return [2 /*return*/];
448
+ }
449
+ });
450
+ }); });
429
451
  it('should add chip correctly after select suggestion item using keyboard', function () { return __awaiter(void 0, void 0, void 0, function () {
430
452
  var values, props, user, input;
431
453
  return __generator(this, function (_a) {
package/cjs/icons/NoActivations.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgNoActivations: React.FC<React.SVGProps<SVGSVGElement>>;
3
+ export default SvgNoActivations;
package/cjs/icons/NoActivations.js ADDED
@@ -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;
package/cjs/icons/NoLogs.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgNoLogs: React.FC<React.SVGProps<SVGSVGElement>>;
3
+ export default SvgNoLogs;
package/cjs/icons/NoLogs.js ADDED
@@ -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;
package/icons/NoActivations.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgNoActivations: React.FC<React.SVGProps<SVGSVGElement>>;
3
+ export default SvgNoActivations;
package/icons/NoActivations.js ADDED
@@ -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.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgNoLogs: React.FC<React.SVGProps<SVGSVGElement>>;
3
+ export default SvgNoLogs;
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.2118",
3
+ "version": "1.4.2120",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./index.js",