intelicoreact 1.4.49 → 1.4.51

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,14 +94,14 @@ 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", {
102
103
  className: "file-loader-local__label-box",
103
- htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : "")
104
+ htmlFor: fieldKey || "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : "")
104
105
  }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
105
106
  className: "file-loader-local__upload-icon"
106
107
  }), value && /*#__PURE__*/_react.default.createElement(_reactFeather.Paperclip, {
@@ -30,7 +30,7 @@ const FileLoaderLocalGroup = _ref => {
30
30
  } = _ref;
31
31
  const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
32
32
  const getNewFile = group => {
33
- var _group$files, _group$files2, _group$maxItemSizeByt;
33
+ var _group$files, _group$files2, _group$maxItemSizeByt, _group$files3, _group$files4;
34
34
  return {
35
35
  id: isNaN(((_group$files = group.files) === null || _group$files === void 0 ? void 0 : _group$files.at(-1).id) + 1) ? 1 : ((_group$files2 = group.files) === null || _group$files2 === void 0 ? void 0 : _group$files2.at(-1).id) + 1,
36
36
  value: "",
@@ -38,7 +38,8 @@ const FileLoaderLocalGroup = _ref => {
38
38
  error: "",
39
39
  accept: group.accept || ".jpg, .jpeg, .png, .pdf",
40
40
  maxItemSizeBytes: (_group$maxItemSizeByt = group.maxItemSizeBytes) !== null && _group$maxItemSizeByt !== void 0 ? _group$maxItemSizeByt : MAX_FILE_SIZE,
41
- isRequired: (group === null || group === void 0 ? void 0 : group.isRequired) || false
41
+ isRequired: (group === null || group === void 0 ? void 0 : group.isRequired) || false,
42
+ fieldKey: isNaN(((_group$files3 = group.files) === null || _group$files3 === void 0 ? void 0 : _group$files3.at(-1).id) + 1) ? 1 : ((_group$files4 = group.files) === null || _group$files4 === void 0 ? void 0 : _group$files4.at(-1).id) + 1
42
43
  };
43
44
  };
44
45
  (0, _react.useEffect)(() => {
@@ -120,7 +121,7 @@ const FileLoaderLocalGroup = _ref => {
120
121
  };
121
122
  const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
122
123
  return groups === null || groups === void 0 ? void 0 : groups.map(group => {
123
- var _group$files3;
124
+ var _group$files5;
124
125
  return /*#__PURE__*/_react.default.createElement("div", {
125
126
  key: group.groupId,
126
127
  className: (0, _classnames.default)("file-loader-local-groups", className)
@@ -138,10 +139,11 @@ const FileLoaderLocalGroup = _ref => {
138
139
  }), /*#__PURE__*/_react.default.createElement("div", {
139
140
  "data-testid": "input--group-file-loader--key-".concat(testId || (group === null || group === void 0 ? void 0 : group.groupId)),
140
141
  className: "file-loader-local-groups__item"
141
- }, group === null || group === void 0 || (_group$files3 = group.files) === null || _group$files3 === void 0 ? void 0 : _group$files3.map((file, index) => {
142
- var _group$files4, _group$files5;
142
+ }, group === null || group === void 0 || (_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.map((file, index) => {
143
+ var _group$files6, _group$files7;
143
144
  return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
144
145
  groupId: group === null || group === void 0 ? void 0 : group.groupId,
146
+ fieldKey: file !== null && file !== void 0 && file.fieldKey ? "".concat(file.fieldKey, ":").concat(group === null || group === void 0 ? void 0 : group.groupId, ":").concat(Math.random().toString().slice(-4)) : file === null || file === void 0 ? void 0 : file.id,
145
147
  key: (file === null || file === void 0 ? void 0 : file.id) || index,
146
148
  id: (file === null || file === void 0 ? void 0 : file.id) || index,
147
149
  testId: "".concat(group === null || group === void 0 ? void 0 : group.groupId, "-").concat(file === null || file === void 0 ? void 0 : file.id),
@@ -151,8 +153,8 @@ const FileLoaderLocalGroup = _ref => {
151
153
  value: file === null || file === void 0 ? void 0 : file.value,
152
154
  maxItemSizeBytes: file === null || file === void 0 ? void 0 : file.maxItemSizeBytes,
153
155
  onChange: value => handle.change(value, file === null || file === void 0 ? void 0 : file.id),
154
- isRequired: ((_group$files4 = group.files) === null || _group$files4 === void 0 ? void 0 : _group$files4.length) <= 1 || false,
155
- isNoTrashIcon: ((_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.length) <= 1 && !isSingleGroup
156
+ isRequired: ((_group$files6 = group.files) === null || _group$files6 === void 0 ? void 0 : _group$files6.length) <= 1 || false,
157
+ isNoTrashIcon: ((_group$files7 = group.files) === null || _group$files7 === void 0 ? void 0 : _group$files7.length) <= 1 && !isSingleGroup
156
158
  });
157
159
  })));
158
160
  });
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "1.4.49",
3
+ "version": "1.4.51",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "files": [