intelicoreact 1.4.48 → 1.4.50

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.
@@ -16,6 +16,7 @@ const FileLoaderLocal = _ref => {
16
16
  let {
17
17
  groupId,
18
18
  id,
19
+ fieldKey,
19
20
  label,
20
21
  error,
21
22
  isRequired,
@@ -93,9 +94,9 @@ const FileLoaderLocal = _ref => {
93
94
  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
94
95
  onChange: handle.change,
95
96
  className: "file-loader-local__file-input",
96
- id: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ""),
97
+ id: fieldKey || "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ""),
97
98
  type: "file",
98
- name: "file",
99
+ name: fieldKey || id,
99
100
  required: isRequired,
100
101
  accept: accept
101
102
  }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("label", {
@@ -142,6 +142,7 @@ const FileLoaderLocalGroup = _ref => {
142
142
  var _group$files4, _group$files5;
143
143
  return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
144
144
  groupId: group === null || group === void 0 ? void 0 : group.groupId,
145
+ fieldKey: (file === null || file === void 0 ? void 0 : file.fieldKey) || (file === null || file === void 0 ? void 0 : file.id),
145
146
  key: (file === null || file === void 0 ? void 0 : file.id) || index,
146
147
  id: (file === null || file === void 0 ? void 0 : file.id) || index,
147
148
  testId: "".concat(group === null || group === void 0 ? void 0 : group.groupId, "-").concat(file === null || file === void 0 ? void 0 : file.id),
@@ -625,6 +625,16 @@ const TagsDropdown = _ref => {
625
625
  const getListMarkUp = () => {
626
626
  var _filteredOptions$filt, _filteredOptions$filt2, _document$getElementB4;
627
627
  const filteredOptions = getFilteredOptions(options);
628
+ const arrToPrint = [];
629
+ for (const option of filteredOptions) {
630
+ var _option$groupName, _option$list2;
631
+ if (option.groupName) arrToPrint.push( /*#__PURE__*/_react.default.createElement("div", {
632
+ key: (_option$groupName = option.groupName) === null || _option$groupName === void 0 || (_option$groupName = _option$groupName.toString()) === null || _option$groupName === void 0 ? void 0 : _option$groupName.replace(/ /g, "_").concat(Date.now()),
633
+ className: (0, _classnames.default)("".concat(RC, "-group"), option.className)
634
+ }, /*#__PURE__*/_react.default.createElement("span", {
635
+ className: "".concat(RC, "-group__name")
636
+ }, option.groupName), (_option$list2 = option.list) === null || _option$list2 === void 0 ? void 0 : _option$list2.map(item => getMarkupForElement(item))));else arrToPrint.push(getMarkupForElement(option));
637
+ }
628
638
  return /*#__PURE__*/_react.default.createElement("div", {
629
639
  className: (0, _classnames.default)("".concat(RC, "__container-wrapper")),
630
640
  ref: wrapperRef,
@@ -681,15 +691,7 @@ const TagsDropdown = _ref => {
681
691
  }, "Select an option or create one") : null, /*#__PURE__*/_react.default.createElement("div", {
682
692
  ref: dropdownListRef,
683
693
  className: "".concat(RC, "__list ").concat(headerContent || isMobile ? "".concat(RC, "__list--with-header") : "", " ").concat(footerContent ? "".concat(RC, "__list--with-footer") : "")
684
- }, filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map(option => {
685
- var _option$groupName, _option$list2;
686
- return option.groupName ? /*#__PURE__*/_react.default.createElement("div", {
687
- key: (_option$groupName = option.groupName) === null || _option$groupName === void 0 || (_option$groupName = _option$groupName.toString()) === null || _option$groupName === void 0 ? void 0 : _option$groupName.replace(/ /g, "_").concat(Date.now()),
688
- className: (0, _classnames.default)("".concat(RC, "-group"), option.className)
689
- }, /*#__PURE__*/_react.default.createElement("span", {
690
- className: "".concat(RC, "-group__name")
691
- }, option.groupName), (_option$list2 = option.list) === null || _option$list2 === void 0 ? void 0 : _option$list2.map(item => getMarkupForElement(item))) : getMarkupForElement(option);
692
- }), ((_filteredOptions$filt = filteredOptions.filter(_ref12 => {
694
+ }, arrToPrint, ((_filteredOptions$filt = filteredOptions.filter(_ref12 => {
693
695
  let {
694
696
  value
695
697
  } = _ref12;
@@ -0,0 +1,94 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.mockData = exports.WIZARD_STEP_VARIANTS = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _Status = _interopRequireDefault(require("../Status/Status"));
10
+ const WIZARD_STEP_VARIANTS = exports.WIZARD_STEP_VARIANTS = Object.freeze({
11
+ DEFAULT: 'default',
12
+ DONE: 'done',
13
+ ACTIVE: 'active'
14
+ });
15
+ const JSXMockComponent = () => {
16
+ const arr = [{
17
+ title: 'Requested Amont',
18
+ value: '$15,000'
19
+ }, {
20
+ title: 'Repayment Amount',
21
+ value: '$15,001'
22
+ }, {
23
+ title: 'Repayment Date',
24
+ value: '12/12/2021'
25
+ }];
26
+ const textStyles = {
27
+ fontSize: '14px',
28
+ fontWeight: 400,
29
+ lineHeight: '20px',
30
+ letterSpacing: '0.2px'
31
+ };
32
+ return arr.map(row => {
33
+ return /*#__PURE__*/_react.default.createElement("div", {
34
+ style: {
35
+ display: 'flex',
36
+ justifyContent: 'space-between',
37
+ maxWidth: '250px'
38
+ }
39
+ }, /*#__PURE__*/_react.default.createElement("span", {
40
+ style: textStyles
41
+ }, row.title), /*#__PURE__*/_react.default.createElement("span", {
42
+ style: textStyles
43
+ }, row.value));
44
+ });
45
+ };
46
+ const mockData = exports.mockData = [{
47
+ key: 'businessInfo',
48
+ label: 'Provide Business Info',
49
+ description: 'This information will help us to evaluate your application',
50
+ isFinished: true
51
+ }, {
52
+ key: 'principal',
53
+ label: 'Add Principal Information',
54
+ description: 'A principal is essentially another name for a company owner. At some corporations, the principal is also the founder, CEO, or even the chief investor',
55
+ isFinished: true,
56
+ isOptional: true
57
+ }, {
58
+ key: 'coOwners',
59
+ label: 'Add Co-Owners',
60
+ description: '{merchantName} will receive that amount from {lenderNmae}',
61
+ isActive: true,
62
+ titleSlot: /*#__PURE__*/_react.default.createElement("span", {
63
+ className: "custom-title-slot"
64
+ }, "$15,001"),
65
+ contentSlot: /*#__PURE__*/_react.default.createElement(JSXMockComponent, null)
66
+ }, {
67
+ key: 'bankAccount',
68
+ label: 'Add a Bank Account',
69
+ description: 'Your bank account information will be used to securely and automatically transfer the funds',
70
+ titleSlot: /*#__PURE__*/_react.default.createElement(_Status.default, {
71
+ label: "Some JSX",
72
+ status: "draft"
73
+ })
74
+ }, {
75
+ key: 'documents',
76
+ label: 'Upload Documents',
77
+ description: 'Please upload the required documents'
78
+ }, {
79
+ key: 'review',
80
+ label: 'Review & Submit',
81
+ description: 'Please review the information and submit your application'
82
+ }, {
83
+ key: 'success',
84
+ label: 'Success',
85
+ description: 'Your application has been submitted successfully'
86
+ }, {
87
+ key: 'failure',
88
+ label: 'Failure',
89
+ description: 'Your application has been failed'
90
+ }, {
91
+ key: 'pending',
92
+ label: 'Pending',
93
+ description: 'Your application is under review'
94
+ }];
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _ui = _interopRequireDefault(require("./ui"));
9
+ var _default = exports.default = _ui.default;
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.StateIcon = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _classnames = _interopRequireDefault(require("classnames"));
10
+ require("./StateIcon.scss");
11
+ var _constructor = require("../../constructor");
12
+ const DefaultPoint = () => {
13
+ return /*#__PURE__*/_react.default.createElement("svg", {
14
+ width: "16",
15
+ height: "16",
16
+ viewBox: "0 0 16 16",
17
+ fill: "none"
18
+ }, /*#__PURE__*/_react.default.createElement("circle", {
19
+ cx: "8",
20
+ cy: "8",
21
+ r: "4"
22
+ }));
23
+ };
24
+ const DonePoint = () => {
25
+ return /*#__PURE__*/_react.default.createElement("svg", {
26
+ width: "16",
27
+ height: "16",
28
+ viewBox: "0 0 16 16",
29
+ fill: "none"
30
+ }, /*#__PURE__*/_react.default.createElement("path", {
31
+ d: "M12.5 5L7 10.5L4 7.5",
32
+ strokeWidth: "2",
33
+ strokeLinecap: "round",
34
+ strokeLinejoin: "round"
35
+ }));
36
+ };
37
+ const RC = 'state-icon';
38
+ const {
39
+ ACTIVE,
40
+ DEFAULT,
41
+ DONE
42
+ } = _constructor.WIZARD_STEP_VARIANTS;
43
+ const StateIcon = _ref => {
44
+ let {
45
+ variant = DEFAULT,
46
+ className
47
+ } = _ref;
48
+ const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
49
+ const Inner = {
50
+ [DEFAULT]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
51
+ [ACTIVE]: /*#__PURE__*/_react.default.createElement(DefaultPoint, null),
52
+ // with styles bg
53
+ [DONE]: /*#__PURE__*/_react.default.createElement(DonePoint, null)
54
+ };
55
+ return /*#__PURE__*/_react.default.createElement("div", {
56
+ className: (0, _classnames.default)(RC, "".concat(RC, "--").concat(computedState), className)
57
+ }, Inner[computedState]);
58
+ };
59
+ exports.StateIcon = StateIcon;
@@ -0,0 +1,33 @@
1
+ .state-icon {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+
6
+ width: 20px;
7
+ height: 20px;
8
+ border-radius: 16px;
9
+
10
+ svg {
11
+ stroke: #656E7A;
12
+ fill: #656E7A;
13
+ }
14
+
15
+ &--done,
16
+ &--active {
17
+ background-color: #EAF2FF;
18
+ }
19
+
20
+ &--done {
21
+ svg {
22
+ stroke: #1F7499;
23
+ fill: none;
24
+ }
25
+ }
26
+
27
+ &--active {
28
+ svg {
29
+ stroke: #000;
30
+ fill: #000;
31
+ }
32
+ }
33
+ }
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _StateIcon = require("./StateIcon");
8
+ var _default = exports.default = _StateIcon.StateIcon;
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _classnames = _interopRequireDefault(require("classnames"));
10
+ var _StateIcon = _interopRequireDefault(require("../StateIcon"));
11
+ require("./StepRow.scss");
12
+ var _constructor = require("../../constructor");
13
+ var _Status = _interopRequireDefault(require("../../../Status/Status"));
14
+ // import Status from '../../../../../../Components/Atomic/Status/Status';
15
+
16
+ const RC = 'step-row';
17
+ const {
18
+ DEFAULT,
19
+ ACTIVE,
20
+ DONE
21
+ } = _constructor.WIZARD_STEP_VARIANTS;
22
+ const StepRow = _ref => {
23
+ let {
24
+ label,
25
+ description,
26
+ className,
27
+ isOptional,
28
+ isFinished,
29
+ isActive,
30
+ titleSlot,
31
+ contentSlot,
32
+ customIcons
33
+ } = _ref;
34
+ const title = label;
35
+ const rowVariant = (() => {
36
+ if (isActive) return ACTIVE;
37
+ if (isFinished) return DONE;
38
+ return DEFAULT;
39
+ })();
40
+ const alternaviteIconFromProps = (() => {
41
+ if (isActive) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.activeIcon;
42
+ if (isFinished) return customIcons === null || customIcons === void 0 ? void 0 : customIcons.doneIcon;
43
+ return customIcons === null || customIcons === void 0 ? void 0 : customIcons.defaultIcon;
44
+ })();
45
+ const CorrectIcon = () => {
46
+ var _Object$values;
47
+ return !customIcons || Object !== null && Object !== void 0 && (_Object$values = Object.values(customIcons)) !== null && _Object$values !== void 0 && _Object$values.every(icon => !icon) ? /*#__PURE__*/_react.default.createElement(_StateIcon.default, {
48
+ variant: rowVariant
49
+ }) : alternaviteIconFromProps;
50
+ };
51
+ return /*#__PURE__*/_react.default.createElement("div", {
52
+ className: (0, _classnames.default)(RC, "".concat(RC, "--").concat(rowVariant))
53
+ }, /*#__PURE__*/_react.default.createElement("div", {
54
+ className: (0, _classnames.default)("".concat(RC, "__state-point ").concat(RC, "__state-point--").concat(rowVariant))
55
+ }, /*#__PURE__*/_react.default.createElement(CorrectIcon, null)), /*#__PURE__*/_react.default.createElement("div", {
56
+ className: "".concat(RC, "__content")
57
+ }, /*#__PURE__*/_react.default.createElement("div", {
58
+ className: "".concat(RC, "__title")
59
+ }, /*#__PURE__*/_react.default.createElement("div", {
60
+ className: "".concat(RC, "__title-left")
61
+ }, /*#__PURE__*/_react.default.createElement("div", {
62
+ className: (0, _classnames.default)("".concat(RC, "__title-text"), {
63
+ 'text-muted': rowVariant === DEFAULT
64
+ })
65
+ }, title), isOptional && /*#__PURE__*/_react.default.createElement(_Status.default, {
66
+ label: 'Optional',
67
+ status: "draft"
68
+ })), titleSlot && /*#__PURE__*/_react.default.createElement("div", {
69
+ className: "".concat(RC, "__title-right")
70
+ }, titleSlot)), /*#__PURE__*/_react.default.createElement("div", {
71
+ className: "".concat(RC, "__description")
72
+ }, description), contentSlot && /*#__PURE__*/_react.default.createElement("div", {
73
+ className: "".concat(RC, "__body")
74
+ }, contentSlot)));
75
+ };
76
+ var _default = exports.default = StepRow;
@@ -0,0 +1,75 @@
1
+ $line-color: #E1E4EB;
2
+
3
+ .step-row {
4
+ position: relative;
5
+
6
+ display: flex;
7
+ flex-direction: row;
8
+ align-items: center;
9
+
10
+ padding-left: 26px;
11
+
12
+ &::after {
13
+ content: '';
14
+ position: absolute;
15
+ left: -1px;
16
+ width: 2px;
17
+ height: calc(100% + 16px);
18
+ background-color: $line-color;
19
+ }
20
+
21
+
22
+ &__state-point {
23
+ position: absolute;
24
+ z-index: 2;
25
+ left: -10px;
26
+ }
27
+
28
+ &__content {
29
+ width: 100%;
30
+ display: flex;
31
+ flex-direction: column;
32
+ row-gap: 4px;
33
+ }
34
+
35
+ &__title {
36
+ display: flex;
37
+ justify-content: space-between;
38
+ &-left {
39
+ display: flex;
40
+ align-items: center;
41
+ column-gap: 8px;
42
+ }
43
+
44
+ &-text {
45
+ font-family: inherit;
46
+ font-size: 14px;
47
+ font-weight: 500;
48
+ line-height: 20px;
49
+ letter-spacing: 0.2px;
50
+ }
51
+ }
52
+
53
+ &__description {
54
+ font-family: inherit;
55
+ font-size: 12px;
56
+ font-weight: 400;
57
+ line-height: 18px;
58
+ letter-spacing: 0.2px;
59
+ color: #656E7A;
60
+ }
61
+ }
62
+
63
+ .step-row:first-child {
64
+ &::after {
65
+ height: 100%;
66
+ bottom: -50%;
67
+ }
68
+ }
69
+
70
+ .step-row:last-child {
71
+ &::after {
72
+ height: 100%;
73
+ bottom: 50%;
74
+ }
75
+ }
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _StepRow = _interopRequireDefault(require("./StepRow"));
9
+ var _default = exports.default = _StepRow.default;
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+ var _react = _interopRequireDefault(require("react"));
10
+ var _StepRow = _interopRequireDefault(require("../StepRow/StepRow"));
11
+ require("./StepWrapper.scss");
12
+ var _classnames = _interopRequireDefault(require("classnames"));
13
+ var _Box = _interopRequireDefault(require("../../../Box/Box"));
14
+ var _icons = require("../icons");
15
+ const StepWrapper = _ref => {
16
+ let {
17
+ steps,
18
+ customIcons,
19
+ variant = 'default',
20
+ className
21
+ } = _ref;
22
+ if (!(steps !== null && steps !== void 0 && steps.length)) throw new Error('No steps provided');
23
+ switch (variant) {
24
+ case 'ghost':
25
+ return /*#__PURE__*/_react.default.createElement(_Box.default, {
26
+ className: (0, _classnames.default)('step-wrapper', 'step-wrapper-ghost', className)
27
+ }, steps === null || steps === void 0 ? void 0 : steps.map(step => /*#__PURE__*/_react.default.createElement(_StepRow.default, (0, _extends2.default)({
28
+ key: step.key
29
+ }, step, {
30
+ customIcons: _icons.alternativeIconSet
31
+ }))), ' ');
32
+ case 'cardActive':
33
+ return /*#__PURE__*/_react.default.createElement("div", {
34
+ className: (0, _classnames.default)('step-wrapper', 'step-wrapper-card-active', className)
35
+ }, steps === null || steps === void 0 ? void 0 : steps.map(step => /*#__PURE__*/_react.default.createElement(_StepRow.default, (0, _extends2.default)({
36
+ key: step.key
37
+ }, step, {
38
+ customIcons: _icons.alternativeIconSet
39
+ }))));
40
+ default:
41
+ return /*#__PURE__*/_react.default.createElement("div", {
42
+ className: (0, _classnames.default)('step-wrapper', className)
43
+ }, steps === null || steps === void 0 ? void 0 : steps.map(step => /*#__PURE__*/_react.default.createElement(_StepRow.default, (0, _extends2.default)({
44
+ key: step.key
45
+ }, step, {
46
+ customIcons: customIcons
47
+ }))));
48
+ }
49
+ };
50
+ var _default = exports.default = StepWrapper;
@@ -0,0 +1,69 @@
1
+
2
+ // VARIANT: 'default'
3
+ .step-wrapper {
4
+ display: flex;
5
+ flex-direction: column;
6
+ row-gap: 16px;
7
+ padding-top: 8px;
8
+ padding-bottom: 8px;
9
+
10
+ .status--draft {
11
+ color: var(--color-text-muted, #757f8c);
12
+ background-color: #f0f1f4;
13
+ }
14
+ }
15
+
16
+ // VARIANT: 'ghost' - частично наследованный от дефолтного.
17
+ .step-wrapper.step-wrapper-ghost,
18
+ .step-wrapper.step-wrapper-card-active {
19
+ &:has(.step-row--active) {
20
+ .step-row::after {
21
+ height: calc(100% + 30px);
22
+ }
23
+ }
24
+ padding: 24px 16px;
25
+
26
+ .step-row.step-row--active:has(.custom-title-slot) {
27
+ .step-row__content {
28
+ row-gap: 8px;
29
+ }
30
+ .step-row__title {
31
+ row-gap: 4px;
32
+ }
33
+
34
+ .custom-title-slot {
35
+ color: var(--color-text-success, #69A457);
36
+ text-align: right;
37
+ font-family: inherit;
38
+ font-size: 18px;
39
+ font-style: normal;
40
+ font-weight: 700;
41
+ line-height: 28px;
42
+ letter-spacing: 0.1px;
43
+ }
44
+ }
45
+
46
+ .step-row--active {
47
+ --icon-width: 20px;
48
+ --content-padding: 20px;
49
+ --negative-offset: -20px;
50
+ display: flex;
51
+ padding: 16px 20px 16px 10.5px;
52
+ align-items: center;
53
+ gap: 24px;
54
+ align-self: stretch;
55
+ border-radius: 6px;
56
+ background: var(--white, #FFF);
57
+ box-shadow: 0px 2px 8px 0px rgba(39, 73, 113, 0.15);
58
+ margin-left: var(--negative-offset);
59
+ margin-right: var(--negative-offset);
60
+
61
+ .step-row__state-point {
62
+ position: static;
63
+ display: flex;
64
+ }
65
+ &::after {
66
+ content: none;
67
+ }
68
+ }
69
+ }
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _StepWrapper = _interopRequireDefault(require("./StepWrapper"));
9
+ var _default = exports.default = _StepWrapper.default;
@@ -0,0 +1,111 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.alternativeIconSet = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ const DoneIcon = props => /*#__PURE__*/_react.default.createElement("svg", {
10
+ width: "20",
11
+ height: "20",
12
+ viewBox: "0 0 20 20",
13
+ fill: "none",
14
+ xmlns: "http://www.w3.org/2000/svg"
15
+ }, /*#__PURE__*/_react.default.createElement("rect", {
16
+ width: "20",
17
+ height: "20",
18
+ rx: "10",
19
+ fill: "#69A457"
20
+ }), /*#__PURE__*/_react.default.createElement("mask", {
21
+ id: "mask0_54394_4001",
22
+ style: {
23
+ maskType: 'alpha'
24
+ },
25
+ maskUnits: "userSpaceOnUse",
26
+ x: "2",
27
+ y: "2",
28
+ width: "16",
29
+ height: "16"
30
+ }, /*#__PURE__*/_react.default.createElement("path", {
31
+ d: "M14.5 7L9 12.5L6 9.5",
32
+ stroke: "black",
33
+ strokeWidth: "2",
34
+ strokeLinecap: "round",
35
+ strokeLinejoin: "round"
36
+ })), /*#__PURE__*/_react.default.createElement("g", {
37
+ mask: "url(#mask0_54394_4001)"
38
+ }, /*#__PURE__*/_react.default.createElement("rect", {
39
+ x: "2",
40
+ y: "2",
41
+ width: "16",
42
+ height: "16",
43
+ fill: "white"
44
+ })));
45
+ const TodoIcon = () => {
46
+ return /*#__PURE__*/_react.default.createElement("svg", {
47
+ width: "20",
48
+ height: "20",
49
+ viewBox: "0 0 20 20",
50
+ fill: "none",
51
+ xmlns: "http://www.w3.org/2000/svg"
52
+ }, /*#__PURE__*/_react.default.createElement("g", {
53
+ clipPath: "url(#clip0_54394_4448)"
54
+ }, /*#__PURE__*/_react.default.createElement("circle", {
55
+ cx: "10",
56
+ cy: "10",
57
+ r: "7",
58
+ fill: "white",
59
+ stroke: "#B3B8CB",
60
+ strokeWidth: "2"
61
+ })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
62
+ id: "clip0_54394_4448"
63
+ }, /*#__PURE__*/_react.default.createElement("rect", {
64
+ width: "16",
65
+ height: "16",
66
+ fill: "white",
67
+ transform: "translate(2 2)"
68
+ }))));
69
+ };
70
+ const ActiveIcon = () => {
71
+ return /*#__PURE__*/_react.default.createElement("svg", {
72
+ width: "20",
73
+ height: "20",
74
+ viewBox: "0 0 20 20",
75
+ fill: "none",
76
+ xmlns: "http://www.w3.org/2000/svg"
77
+ }, /*#__PURE__*/_react.default.createElement("rect", {
78
+ width: "20",
79
+ height: "20",
80
+ rx: "10",
81
+ fill: "#E8F9E5"
82
+ }), "ii", /*#__PURE__*/_react.default.createElement("mask", {
83
+ id: "mask0_54394_1459",
84
+ style: {
85
+ maskType: 'alpha'
86
+ },
87
+ maskUnits: "userSpaceOnUse",
88
+ x: "2",
89
+ y: "2",
90
+ width: "16",
91
+ height: "16"
92
+ }, /*#__PURE__*/_react.default.createElement("circle", {
93
+ cx: "10",
94
+ cy: "10",
95
+ r: "4",
96
+ fill: "#171D33"
97
+ })), /*#__PURE__*/_react.default.createElement("g", {
98
+ mask: "url(#mask0_54394_1459)"
99
+ }, /*#__PURE__*/_react.default.createElement("rect", {
100
+ x: "2",
101
+ y: "2",
102
+ width: "16",
103
+ height: "16",
104
+ fill: "#171D33"
105
+ })));
106
+ };
107
+ const alternativeIconSet = exports.alternativeIconSet = {
108
+ defaultIcon: /*#__PURE__*/_react.default.createElement(TodoIcon, null),
109
+ doneIcon: /*#__PURE__*/_react.default.createElement(DoneIcon, null),
110
+ activeIcon: /*#__PURE__*/_react.default.createElement(ActiveIcon, null)
111
+ };
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _StepWrapper = _interopRequireDefault(require("./StepWrapper"));
9
+ var _default = exports.default = _StepWrapper.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.4.48",
3
+ "version": "1.4.50",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [