@reltio/components 1.4.2226 → 1.4.2227

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 (13) hide show
  1. package/AttributeVerificationStatus/AttributeVerificationStatus.module.css.js +2 -2
  2. package/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.module.css.js +1 -1
  3. package/VerificationButton/VerificationButton.js +9 -17
  4. package/VerificationButton/VerificationButton.module.css.js +2 -2
  5. package/cjs/AttributeVerificationStatus/AttributeVerificationStatus.module.css.js +2 -2
  6. package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.module.css.js +1 -1
  7. package/cjs/VerificationButton/VerificationButton.js +9 -17
  8. package/cjs/VerificationButton/VerificationButton.module.css.js +2 -2
  9. package/package.json +1 -1
  10. package/cjs/icons/VerifyAllIcon.d.ts +0 -3
  11. package/cjs/icons/VerifyAllIcon.js +0 -26
  12. package/icons/VerifyAllIcon.d.ts +0 -3
  13. package/icons/VerifyAllIcon.js +0 -21
package/AttributeVerificationStatus/AttributeVerificationStatus.module.css.js CHANGED
@@ -1,9 +1,9 @@
1
- const styles = {"status":"AttributeVerificationStatus-status--NwPR6","valid":"AttributeVerificationStatus-valid--PIGHP","invalid":"AttributeVerificationStatus-invalid--B7p6E","outdated":"AttributeVerificationStatus-outdated--l5khN","maybe":"AttributeVerificationStatus-maybe--egCRg","accept_all":"AttributeVerificationStatus-accept_all--jgMx5","icon":"AttributeVerificationStatus-icon--C8xBC"};
1
+ const styles = {"status":"AttributeVerificationStatus-status--NwPR6","icon":"AttributeVerificationStatus-icon--C8xBC"};
2
2
  if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.AttributeVerificationStatus-status--NwPR6{height:18px;margin-left:4px;position:relative;width:14px}.AttributeVerificationStatus-status--NwPR6:after{border-radius:50%;content:"";height:6px;left:calc(50% - 3px);position:absolute;top:calc(50% - 3px);width:6px}.AttributeVerificationStatus-valid--PIGHP:after{background-color:rgba(33,150,83,.5)}.AttributeVerificationStatus-invalid--B7p6E:after{background-color:rgba(235,87,87,.5)}.AttributeVerificationStatus-accept_all--jgMx5:after,.AttributeVerificationStatus-maybe--egCRg:after,.AttributeVerificationStatus-outdated--l5khN:after{background-color:rgba(242,201,76,.5)}.AttributeVerificationStatus-icon--C8xBC{background-color:#fff;left:0;opacity:var(--verify-status-opacity);position:absolute;top:2px;z-index:1}.AttributeVerificationStatus-icon--C8xBC:hover{background-color:#fff}`;
6
+ style.innerHTML = `.AttributeVerificationStatus-status--NwPR6{height:18px;margin-left:4px;position:relative;width:14px}.AttributeVerificationStatus-icon--C8xBC{left:0;position:absolute;top:2px}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  export default styles;
package/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.module.css.js CHANGED
@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.ReadOnlyComplexAttribute-complexContainer--DybRT{margin-top:1px}.ReadOnlyComplexAttribute-labelContainer--x4Ikp{display:flex;min-height:18px;--verify-status-opacity:0}.ReadOnlyComplexAttribute-labelContainer--x4Ikp:hover{--verify-status-opacity:1}.ReadOnlyComplexAttribute-label--BqM8F{display:inline-flex;font-size:13px;letter-spacing:normal;line-height:16px;margin-left:2px;white-space:break-spaces}.ReadOnlyComplexAttribute-spacer--raB-d{flex:1}.ReadOnlyComplexAttribute-ovFalse--9sySx{opacity:var(--mui-inactive-opacity)}`;
6
+ style.innerHTML = `.ReadOnlyComplexAttribute-complexContainer--DybRT{margin-top:1px}.ReadOnlyComplexAttribute-labelContainer--x4Ikp{display:flex;min-height:18px}.ReadOnlyComplexAttribute-label--BqM8F{display:inline-flex;font-size:13px;letter-spacing:normal;line-height:16px;margin-left:2px;white-space:break-spaces}.ReadOnlyComplexAttribute-spacer--raB-d{flex:1}.ReadOnlyComplexAttribute-ovFalse--9sySx{opacity:var(--mui-inactive-opacity)}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  export default styles;
package/VerificationButton/VerificationButton.js CHANGED
@@ -34,35 +34,27 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
34
34
  if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
35
  }
36
36
  };
37
- var _a, _b;
38
37
  import React, { useCallback, useMemo, useState } from 'react';
39
38
  import { isNil } from 'ramda';
40
39
  import classnames from 'classnames';
41
40
  import { useContextSelector } from '@fluentui/react-context-selector';
42
41
  import CircularProgress from '@mui/material/CircularProgress';
42
+ import Button from '@mui/material/Button';
43
+ import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
43
44
  import i18n from 'ui-i18n';
44
- import VerificationIcon from '../icons/VerifyAllIcon';
45
45
  import { useSafePromise } from '../hooks/useSafePromise';
46
46
  import { InputVerificationAttribute, verifyAttributes, VerifyAttributesClientFilter } from '@reltio/mdm-sdk';
47
47
  import { useMdmEntityUri, useMdmAction } from '../contexts/MdmModuleContext';
48
48
  import { AttributesVerificationContext } from '../contexts/AttributesVerificationContext';
49
49
  import { showDefaultErrorMessage } from '../helpers/errors';
50
- import { useCssVariableStyles } from '../hooks/useCssVariableStyles';
51
- import { SmallIconButtonWithTooltip } from '../SmallIconButton';
50
+ import { withTooltip } from '../HOCs/withTooltip';
52
51
  import styles from './VerificationButton.module.css';
52
+ var ButtonWithTooltip = withTooltip(Button);
53
53
  export var VerificationButtonSize;
54
54
  (function (VerificationButtonSize) {
55
55
  VerificationButtonSize["SMALL"] = "small";
56
56
  VerificationButtonSize["MEDIUM"] = "medium";
57
57
  })(VerificationButtonSize || (VerificationButtonSize = {}));
58
- var ICON_SIZES = (_a = {},
59
- _a[VerificationButtonSize.SMALL] = 16,
60
- _a[VerificationButtonSize.MEDIUM] = 24,
61
- _a);
62
- var BUTTON_SIZES = (_b = {},
63
- _b[VerificationButtonSize.SMALL] = 20,
64
- _b[VerificationButtonSize.MEDIUM] = 36,
65
- _b);
66
58
  var getTooltipTitle = function (verificationTypes) {
67
59
  if (verificationTypes.includes(InputVerificationAttribute.Email) &&
68
60
  verificationTypes.includes(InputVerificationAttribute.Phone)) {
@@ -78,10 +70,6 @@ var getTooltipTitle = function (verificationTypes) {
78
70
  };
79
71
  export var VerificationButton = function (_a) {
80
72
  var attributeType = _a.attributeType, _b = _a.size, size = _b === void 0 ? VerificationButtonSize.SMALL : _b, className = _a.className;
81
- var variableStyles = useCssVariableStyles({
82
- '--icon-size': ICON_SIZES[size] + 'px',
83
- '--button-size': BUTTON_SIZES[size] + 'px'
84
- });
85
73
  var _c = useState(false), loading = _c[0], setLoading = _c[1];
86
74
  var entityUri = useMdmEntityUri();
87
75
  var updateEntityAttributeValues = useMdmAction('updateEntityAttributeValues');
@@ -146,5 +134,9 @@ export var VerificationButton = function (_a) {
146
134
  return allVerificationTypes;
147
135
  }, [verificationType, allVerificationTypes]);
148
136
  var tooltipTitle = getTooltipTitle(currentVerificationTypes);
149
- return (React.createElement("div", { className: classnames(styles.root, className), style: variableStyles }, loading ? (React.createElement(CircularProgress, { size: BUTTON_SIZES[size] })) : (React.createElement(SmallIconButtonWithTooltip, { icon: VerificationIcon, iconClassName: styles.icon, className: styles.iconButton, tooltipTitle: tooltipTitle, onClick: handleClick }))));
137
+ var buttonText = attributeType ? i18n.text('Verify') : i18n.text('Verify contact details');
138
+ var startIcon = loading ? (React.createElement(CircularProgress, { size: size === VerificationButtonSize.SMALL ? 18 : 20 })) : (React.createElement(CheckCircleOutlineIcon, null));
139
+ var tooltipText = tooltipTitle || buttonText;
140
+ return (React.createElement("div", { className: styles.root },
141
+ React.createElement(ButtonWithTooltip, { variant: "text", color: "primary", startIcon: startIcon, onClick: handleClick, disabled: loading, className: classnames(styles.button, className), classes: { startIcon: styles.startIcon }, size: size === VerificationButtonSize.SMALL ? 'small' : 'medium', tooltipTitle: tooltipText, tooltipPlacement: "bottom" }, buttonText)));
150
142
  };
package/VerificationButton/VerificationButton.module.css.js CHANGED
@@ -1,9 +1,9 @@
1
- const styles = {"root":"VerificationButton-root--0piRf","icon":"VerificationButton-icon--hdGgX","iconButton":"VerificationButton-iconButton--OUG-s"};
1
+ const styles = {"root":"VerificationButton-root--0piRf","startIcon":"VerificationButton-startIcon--Txlkd"};
2
2
  if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.VerificationButton-root--0piRf{display:inline-block;margin-left:2px}.VerificationButton-root--0piRf .VerificationButton-icon--hdGgX{height:var(--icon-size);width:var(--icon-size)}.VerificationButton-root--0piRf .VerificationButton-iconButton--OUG-s{height:var(--button-size);width:var(--button-size)}`;
6
+ style.innerHTML = `.VerificationButton-root--0piRf{display:inline-block;margin-left:4px}.VerificationButton-root--0piRf .VerificationButton-startIcon--Txlkd{margin-right:4px}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  export default styles;
package/cjs/AttributeVerificationStatus/AttributeVerificationStatus.module.css.js CHANGED
@@ -1,9 +1,9 @@
1
- const styles = {"status":"AttributeVerificationStatus-status--NwPR6","valid":"AttributeVerificationStatus-valid--PIGHP","invalid":"AttributeVerificationStatus-invalid--B7p6E","outdated":"AttributeVerificationStatus-outdated--l5khN","maybe":"AttributeVerificationStatus-maybe--egCRg","accept_all":"AttributeVerificationStatus-accept_all--jgMx5","icon":"AttributeVerificationStatus-icon--C8xBC"};
1
+ const styles = {"status":"AttributeVerificationStatus-status--NwPR6","icon":"AttributeVerificationStatus-icon--C8xBC"};
2
2
  if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.AttributeVerificationStatus-status--NwPR6{height:18px;margin-left:4px;position:relative;width:14px}.AttributeVerificationStatus-status--NwPR6:after{border-radius:50%;content:"";height:6px;left:calc(50% - 3px);position:absolute;top:calc(50% - 3px);width:6px}.AttributeVerificationStatus-valid--PIGHP:after{background-color:rgba(33,150,83,.5)}.AttributeVerificationStatus-invalid--B7p6E:after{background-color:rgba(235,87,87,.5)}.AttributeVerificationStatus-accept_all--jgMx5:after,.AttributeVerificationStatus-maybe--egCRg:after,.AttributeVerificationStatus-outdated--l5khN:after{background-color:rgba(242,201,76,.5)}.AttributeVerificationStatus-icon--C8xBC{background-color:#fff;left:0;opacity:var(--verify-status-opacity);position:absolute;top:2px;z-index:1}.AttributeVerificationStatus-icon--C8xBC:hover{background-color:#fff}`;
6
+ style.innerHTML = `.AttributeVerificationStatus-status--NwPR6{height:18px;margin-left:4px;position:relative;width:14px}.AttributeVerificationStatus-icon--C8xBC{left:0;position:absolute;top:2px}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  module.exports = styles;
package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.module.css.js CHANGED
@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.ReadOnlyComplexAttribute-complexContainer--DybRT{margin-top:1px}.ReadOnlyComplexAttribute-labelContainer--x4Ikp{display:flex;min-height:18px;--verify-status-opacity:0}.ReadOnlyComplexAttribute-labelContainer--x4Ikp:hover{--verify-status-opacity:1}.ReadOnlyComplexAttribute-label--BqM8F{display:inline-flex;font-size:13px;letter-spacing:normal;line-height:16px;margin-left:2px;white-space:break-spaces}.ReadOnlyComplexAttribute-spacer--raB-d{flex:1}.ReadOnlyComplexAttribute-ovFalse--9sySx{opacity:var(--mui-inactive-opacity)}`;
6
+ style.innerHTML = `.ReadOnlyComplexAttribute-complexContainer--DybRT{margin-top:1px}.ReadOnlyComplexAttribute-labelContainer--x4Ikp{display:flex;min-height:18px}.ReadOnlyComplexAttribute-label--BqM8F{display:inline-flex;font-size:13px;letter-spacing:normal;line-height:16px;margin-left:2px;white-space:break-spaces}.ReadOnlyComplexAttribute-spacer--raB-d{flex:1}.ReadOnlyComplexAttribute-ovFalse--9sySx{opacity:var(--mui-inactive-opacity)}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  module.exports = styles;
package/cjs/VerificationButton/VerificationButton.js CHANGED
@@ -61,7 +61,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
61
61
  var __importDefault = (this && this.__importDefault) || function (mod) {
62
62
  return (mod && mod.__esModule) ? mod : { "default": mod };
63
63
  };
64
- var _a, _b;
65
64
  Object.defineProperty(exports, "__esModule", { value: true });
66
65
  exports.VerificationButton = exports.VerificationButtonSize = void 0;
67
66
  var react_1 = __importStar(require("react"));
@@ -69,29 +68,22 @@ var ramda_1 = require("ramda");
69
68
  var classnames_1 = __importDefault(require("classnames"));
70
69
  var react_context_selector_1 = require("@fluentui/react-context-selector");
71
70
  var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
71
+ var Button_1 = __importDefault(require("@mui/material/Button"));
72
+ var CheckCircleOutline_1 = __importDefault(require("@mui/icons-material/CheckCircleOutline"));
72
73
  var ui_i18n_1 = __importDefault(require("ui-i18n"));
73
- var VerifyAllIcon_1 = __importDefault(require("../icons/VerifyAllIcon"));
74
74
  var useSafePromise_1 = require("../hooks/useSafePromise");
75
75
  var mdm_sdk_1 = require("@reltio/mdm-sdk");
76
76
  var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
77
77
  var AttributesVerificationContext_1 = require("../contexts/AttributesVerificationContext");
78
78
  var errors_1 = require("../helpers/errors");
79
- var useCssVariableStyles_1 = require("../hooks/useCssVariableStyles");
80
- var SmallIconButton_1 = require("../SmallIconButton");
79
+ var withTooltip_1 = require("../HOCs/withTooltip");
81
80
  var VerificationButton_module_css_1 = __importDefault(require("./VerificationButton.module.css"));
81
+ var ButtonWithTooltip = (0, withTooltip_1.withTooltip)(Button_1.default);
82
82
  var VerificationButtonSize;
83
83
  (function (VerificationButtonSize) {
84
84
  VerificationButtonSize["SMALL"] = "small";
85
85
  VerificationButtonSize["MEDIUM"] = "medium";
86
86
  })(VerificationButtonSize || (exports.VerificationButtonSize = VerificationButtonSize = {}));
87
- var ICON_SIZES = (_a = {},
88
- _a[VerificationButtonSize.SMALL] = 16,
89
- _a[VerificationButtonSize.MEDIUM] = 24,
90
- _a);
91
- var BUTTON_SIZES = (_b = {},
92
- _b[VerificationButtonSize.SMALL] = 20,
93
- _b[VerificationButtonSize.MEDIUM] = 36,
94
- _b);
95
87
  var getTooltipTitle = function (verificationTypes) {
96
88
  if (verificationTypes.includes(mdm_sdk_1.InputVerificationAttribute.Email) &&
97
89
  verificationTypes.includes(mdm_sdk_1.InputVerificationAttribute.Phone)) {
@@ -107,10 +99,6 @@ var getTooltipTitle = function (verificationTypes) {
107
99
  };
108
100
  var VerificationButton = function (_a) {
109
101
  var attributeType = _a.attributeType, _b = _a.size, size = _b === void 0 ? VerificationButtonSize.SMALL : _b, className = _a.className;
110
- var variableStyles = (0, useCssVariableStyles_1.useCssVariableStyles)({
111
- '--icon-size': ICON_SIZES[size] + 'px',
112
- '--button-size': BUTTON_SIZES[size] + 'px'
113
- });
114
102
  var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
115
103
  var entityUri = (0, MdmModuleContext_1.useMdmEntityUri)();
116
104
  var updateEntityAttributeValues = (0, MdmModuleContext_1.useMdmAction)('updateEntityAttributeValues');
@@ -175,6 +163,10 @@ var VerificationButton = function (_a) {
175
163
  return allVerificationTypes;
176
164
  }, [verificationType, allVerificationTypes]);
177
165
  var tooltipTitle = getTooltipTitle(currentVerificationTypes);
178
- return (react_1.default.createElement("div", { className: (0, classnames_1.default)(VerificationButton_module_css_1.default.root, className), style: variableStyles }, loading ? (react_1.default.createElement(CircularProgress_1.default, { size: BUTTON_SIZES[size] })) : (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: VerifyAllIcon_1.default, iconClassName: VerificationButton_module_css_1.default.icon, className: VerificationButton_module_css_1.default.iconButton, tooltipTitle: tooltipTitle, onClick: handleClick }))));
166
+ var buttonText = attributeType ? ui_i18n_1.default.text('Verify') : ui_i18n_1.default.text('Verify contact details');
167
+ var startIcon = loading ? (react_1.default.createElement(CircularProgress_1.default, { size: size === VerificationButtonSize.SMALL ? 18 : 20 })) : (react_1.default.createElement(CheckCircleOutline_1.default, null));
168
+ var tooltipText = tooltipTitle || buttonText;
169
+ return (react_1.default.createElement("div", { className: VerificationButton_module_css_1.default.root },
170
+ react_1.default.createElement(ButtonWithTooltip, { variant: "text", color: "primary", startIcon: startIcon, onClick: handleClick, disabled: loading, className: (0, classnames_1.default)(VerificationButton_module_css_1.default.button, className), classes: { startIcon: VerificationButton_module_css_1.default.startIcon }, size: size === VerificationButtonSize.SMALL ? 'small' : 'medium', tooltipTitle: tooltipText, tooltipPlacement: "bottom" }, buttonText)));
179
171
  };
180
172
  exports.VerificationButton = VerificationButton;
package/cjs/VerificationButton/VerificationButton.module.css.js CHANGED
@@ -1,9 +1,9 @@
1
- const styles = {"root":"VerificationButton-root--0piRf","icon":"VerificationButton-icon--hdGgX","iconButton":"VerificationButton-iconButton--OUG-s"};
1
+ const styles = {"root":"VerificationButton-root--0piRf","startIcon":"VerificationButton-startIcon--Txlkd"};
2
2
  if (typeof document !== 'undefined') {
3
3
  const head = document.head || document.getElementsByTagName('head')[0]
4
4
  const style = document.createElement('style');
5
5
  style.type = 'text/css'
6
- style.innerHTML = `.VerificationButton-root--0piRf{display:inline-block;margin-left:2px}.VerificationButton-root--0piRf .VerificationButton-icon--hdGgX{height:var(--icon-size);width:var(--icon-size)}.VerificationButton-root--0piRf .VerificationButton-iconButton--OUG-s{height:var(--button-size);width:var(--button-size)}`;
6
+ style.innerHTML = `.VerificationButton-root--0piRf{display:inline-block;margin-left:4px}.VerificationButton-root--0piRf .VerificationButton-startIcon--Txlkd{margin-right:4px}`;
7
7
  head.appendChild(style);
8
8
  }
9
9
  module.exports = styles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.2226",
3
+ "version": "1.4.2227",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./index.js",
package/cjs/icons/VerifyAllIcon.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const VerifyAllIcon: React.FC<React.SVGProps<SVGSVGElement>>;
3
- export default VerifyAllIcon;
package/cjs/icons/VerifyAllIcon.js DELETED
@@ -1,26 +0,0 @@
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 VerifyAllIcon = function (props) {
19
- return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", "data-reltio-id": "SvgVerifyAllIcon" }, props),
20
- react_1.default.createElement("g", { clipPath: "url(#clip0_196_3459)" },
21
- react_1.default.createElement("path", { d: "M1.86621 14.2667H4.59961V15.5997H1.86621C1.13305 15.5996 0.533238 14.9999 0.533203 14.2667V11.5333H1.86621V14.2667ZM15.5996 14.2667C15.5996 15 14.9999 15.5997 14.2666 15.5997H11.5332V14.2667H14.2666V11.5333H15.5996V14.2667ZM11.457 10.422C10.7145 11.7829 9.4738 12.8381 8 13.2003C6.52622 12.838 5.28531 11.783 4.54297 10.422H11.457ZM12.2002 4.74524V7.5636C12.2002 7.93658 12.1627 8.30597 12.0928 8.66711H15.4668V9.53333H0.533203V8.66711H3.9082C3.83828 8.30596 3.80078 7.93659 3.80078 7.5636V4.74524L8 2.86633L12.2002 4.74524ZM4.59961 1.86633H1.86621V4.59973H0.533203V1.86633C0.533381 1.13326 1.13313 0.533503 1.86621 0.533325H4.59961V1.86633ZM14.2666 0.533325C14.9998 0.53336 15.5994 1.13317 15.5996 1.86633V4.59973H14.2666V1.86633H11.5332V0.533325H14.2666Z", fill: "black", fillOpacity: "0.54" })),
22
- react_1.default.createElement("defs", null,
23
- react_1.default.createElement("clipPath", { id: "clip0_196_3459" },
24
- react_1.default.createElement("rect", { width: "16", height: "16", fill: "white" })))));
25
- };
26
- exports.default = VerifyAllIcon;
package/icons/VerifyAllIcon.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const VerifyAllIcon: React.FC<React.SVGProps<SVGSVGElement>>;
3
- export default VerifyAllIcon;
package/icons/VerifyAllIcon.js DELETED
@@ -1,21 +0,0 @@
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 VerifyAllIcon = function (props) {
14
- return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", "data-reltio-id": "SvgVerifyAllIcon" }, props),
15
- React.createElement("g", { clipPath: "url(#clip0_196_3459)" },
16
- React.createElement("path", { d: "M1.86621 14.2667H4.59961V15.5997H1.86621C1.13305 15.5996 0.533238 14.9999 0.533203 14.2667V11.5333H1.86621V14.2667ZM15.5996 14.2667C15.5996 15 14.9999 15.5997 14.2666 15.5997H11.5332V14.2667H14.2666V11.5333H15.5996V14.2667ZM11.457 10.422C10.7145 11.7829 9.4738 12.8381 8 13.2003C6.52622 12.838 5.28531 11.783 4.54297 10.422H11.457ZM12.2002 4.74524V7.5636C12.2002 7.93658 12.1627 8.30597 12.0928 8.66711H15.4668V9.53333H0.533203V8.66711H3.9082C3.83828 8.30596 3.80078 7.93659 3.80078 7.5636V4.74524L8 2.86633L12.2002 4.74524ZM4.59961 1.86633H1.86621V4.59973H0.533203V1.86633C0.533381 1.13326 1.13313 0.533503 1.86621 0.533325H4.59961V1.86633ZM14.2666 0.533325C14.9998 0.53336 15.5994 1.13317 15.5996 1.86633V4.59973H14.2666V1.86633H11.5332V0.533325H14.2666Z", fill: "black", fillOpacity: "0.54" })),
17
- React.createElement("defs", null,
18
- React.createElement("clipPath", { id: "clip0_196_3459" },
19
- React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
20
- };
21
- export default VerifyAllIcon;