@bigbinary/neeto-tags-frontend 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +50 -27
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +43 -20
- package/dist/index.js.map +1 -1
- package/package.json +7 -3
package/dist/index.cjs.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var neetoCist = require('@bigbinary/neeto-cist');
|
|
6
7
|
var constants = require('@bigbinary/neeto-commons-frontend/constants');
|
|
7
|
-
var pure = require('@bigbinary/neeto-commons-frontend/pure');
|
|
8
8
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
9
9
|
var neetoui = require('@bigbinary/neetoui');
|
|
10
10
|
var ramda = require('ramda');
|
|
@@ -248,7 +248,7 @@ var Tags$2 = function Tags(_ref) {
|
|
|
248
248
|
});
|
|
249
249
|
};
|
|
250
250
|
var isAddTagsButtonVisible = !showAddTagsOnTitle && !isTagsDropdownVisible;
|
|
251
|
-
var isTagsBodyVisible =
|
|
251
|
+
var isTagsBodyVisible = neetoCist.isNotEmpty(selectedTags) || isTagsDropdownVisible || isAddTagsButtonVisible;
|
|
252
252
|
return /*#__PURE__*/React__default["default"].createElement("div", _extends({
|
|
253
253
|
className: "neeto-ui-tags-wrapper flex w-full flex-col items-start"
|
|
254
254
|
}, containerProps), showTitleBar && /*#__PURE__*/React__default["default"].createElement(Title, {
|
|
@@ -259,7 +259,7 @@ var Tags$2 = function Tags(_ref) {
|
|
|
259
259
|
titleProps: titleProps
|
|
260
260
|
}), isTagsBodyVisible && /*#__PURE__*/React__default["default"].createElement("div", _extends({
|
|
261
261
|
className: "neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg w-full border p-4"
|
|
262
|
-
}, bodyProps),
|
|
262
|
+
}, bodyProps), neetoCist.isNotEmpty(selectedTags) && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
263
263
|
className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start gap-2 break-all"
|
|
264
264
|
}, selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.map(function (tag, index) {
|
|
265
265
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, _extends({
|
|
@@ -364,18 +364,41 @@ var Menu$1 = function Menu(_ref) {
|
|
|
364
364
|
}));
|
|
365
365
|
};
|
|
366
366
|
|
|
367
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
368
|
+
if (source == null) return {};
|
|
369
|
+
var target = {};
|
|
370
|
+
var sourceKeys = Object.keys(source);
|
|
371
|
+
var key, i;
|
|
372
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
373
|
+
key = sourceKeys[i];
|
|
374
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
375
|
+
target[key] = source[key];
|
|
376
|
+
}
|
|
377
|
+
return target;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
function _objectWithoutProperties(source, excluded) {
|
|
381
|
+
if (source == null) return {};
|
|
382
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
383
|
+
var key, i;
|
|
384
|
+
if (Object.getOwnPropertySymbols) {
|
|
385
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
386
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
387
|
+
key = sourceSymbolKeys[i];
|
|
388
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
389
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
390
|
+
target[key] = source[key];
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
return target;
|
|
394
|
+
}
|
|
395
|
+
|
|
396
|
+
var _excluded = ["url"];
|
|
367
397
|
var fetch = function fetch(_ref) {
|
|
368
398
|
var url = _ref.url,
|
|
369
|
-
|
|
370
|
-
limit = _ref.limit,
|
|
371
|
-
pageNo = _ref.pageNo;
|
|
399
|
+
params = _objectWithoutProperties(_ref, _excluded);
|
|
372
400
|
return axios__default["default"].get(url, {
|
|
373
|
-
params:
|
|
374
|
-
search_term: searchTerm,
|
|
375
|
-
limit: limit,
|
|
376
|
-
page_no: pageNo,
|
|
377
|
-
term: searchTerm
|
|
378
|
-
}
|
|
401
|
+
params: params
|
|
379
402
|
});
|
|
380
403
|
};
|
|
381
404
|
var create = function create(url, payload) {
|
|
@@ -503,7 +526,7 @@ var Header = function Header(_ref) {
|
|
|
503
526
|
searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm,
|
|
504
527
|
setSearchTerm = _ref.setSearchTerm,
|
|
505
528
|
_ref$goToFirstPage = _ref.goToFirstPage,
|
|
506
|
-
goToFirstPage = _ref$goToFirstPage === void 0 ?
|
|
529
|
+
goToFirstPage = _ref$goToFirstPage === void 0 ? neetoCist.noop : _ref$goToFirstPage,
|
|
507
530
|
_ref$tagsPath = _ref.tagsPath,
|
|
508
531
|
tagsPath = _ref$tagsPath === void 0 ? "" : _ref$tagsPath,
|
|
509
532
|
data = _ref.data;
|
|
@@ -680,9 +703,9 @@ var Menu = neetoui.Dropdown.Menu,
|
|
|
680
703
|
MenuItem = neetoui.Dropdown.MenuItem;
|
|
681
704
|
var renderDropdownButton = function renderDropdownButton(_ref) {
|
|
682
705
|
var _ref$handleEdit = _ref.handleEdit,
|
|
683
|
-
handleEdit = _ref$handleEdit === void 0 ?
|
|
706
|
+
handleEdit = _ref$handleEdit === void 0 ? neetoCist.noop : _ref$handleEdit,
|
|
684
707
|
_ref$handleDelete = _ref.handleDelete,
|
|
685
|
-
handleDelete = _ref$handleDelete === void 0 ?
|
|
708
|
+
handleDelete = _ref$handleDelete === void 0 ? neetoCist.noop : _ref$handleDelete,
|
|
686
709
|
_ref$tag = _ref.tag,
|
|
687
710
|
tag = _ref$tag === void 0 ? {} : _ref$tag;
|
|
688
711
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -766,8 +789,8 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
766
789
|
setSearchTerm = _useState4[1];
|
|
767
790
|
var _useState5 = React.useState(constants.DEFAULT_PAGE_INDEX),
|
|
768
791
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
769
|
-
|
|
770
|
-
|
|
792
|
+
page = _useState6[0],
|
|
793
|
+
setPage = _useState6[1];
|
|
771
794
|
var _useState7 = React.useState(null),
|
|
772
795
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
773
796
|
paneType = _useState8[0],
|
|
@@ -780,8 +803,8 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
780
803
|
var _useFetchTags = useFetchTags({
|
|
781
804
|
url: tagType.url,
|
|
782
805
|
searchTerm: debouncedSearchTerm.trim(),
|
|
783
|
-
|
|
784
|
-
|
|
806
|
+
pageSize: DEFAULT_PAGE_SIZE,
|
|
807
|
+
page: page
|
|
785
808
|
}),
|
|
786
809
|
data = _useFetchTags.data,
|
|
787
810
|
isLoading = _useFetchTags.isLoading;
|
|
@@ -819,8 +842,8 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
819
842
|
var _data$tags, _deleteTags$onSuccess;
|
|
820
843
|
setIsDeleteAlertOpen(false);
|
|
821
844
|
if ((data === null || data === void 0 || (_data$tags = data.tags) === null || _data$tags === void 0 ? void 0 : _data$tags.length) === 1) {
|
|
822
|
-
|
|
823
|
-
return
|
|
845
|
+
setPage(function (page) {
|
|
846
|
+
return page - 1;
|
|
824
847
|
});
|
|
825
848
|
}
|
|
826
849
|
deleteTags === null || deleteTags === void 0 || (_deleteTags$onSuccess = deleteTags.onSuccess) === null || _deleteTags$onSuccess === void 0 ? void 0 : _deleteTags$onSuccess.callback();
|
|
@@ -852,7 +875,7 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
852
875
|
tagsMergable: tagsMergable,
|
|
853
876
|
tagsPath: tagsPath,
|
|
854
877
|
goToFirstPage: function goToFirstPage() {
|
|
855
|
-
return
|
|
878
|
+
return setPage(constants.DEFAULT_PAGE_INDEX);
|
|
856
879
|
}
|
|
857
880
|
}), displayMenu && /*#__PURE__*/React__default["default"].createElement(Menu$1, {
|
|
858
881
|
setTagType: setTagType,
|
|
@@ -879,9 +902,9 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
879
902
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
|
|
880
903
|
fixedHeight: true,
|
|
881
904
|
allowRowClick: !!onTagRowClick,
|
|
882
|
-
currentPageNumber:
|
|
905
|
+
currentPageNumber: page,
|
|
883
906
|
defaultPageSize: DEFAULT_PAGE_SIZE,
|
|
884
|
-
handlePageChange:
|
|
907
|
+
handlePageChange: setPage,
|
|
885
908
|
paginationProps: {
|
|
886
909
|
showSizeChanger: false
|
|
887
910
|
},
|
|
@@ -901,7 +924,7 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
901
924
|
}
|
|
902
925
|
})))), /*#__PURE__*/React__default["default"].createElement(ManageTags, {
|
|
903
926
|
goToFirstPage: function goToFirstPage() {
|
|
904
|
-
return
|
|
927
|
+
return setPage(constants.DEFAULT_PAGE_INDEX);
|
|
905
928
|
},
|
|
906
929
|
tag: selectedTag,
|
|
907
930
|
createTags: createTags,
|
|
@@ -1642,10 +1665,10 @@ var Merge = function Merge(_ref) {
|
|
|
1642
1665
|
var _getTagState = getTagState(type),
|
|
1643
1666
|
tags = _getTagState.tags,
|
|
1644
1667
|
setTags = _getTagState.setTags;
|
|
1645
|
-
var isTagPresent =
|
|
1668
|
+
var isTagPresent = neetoCist.existsById(tag.id, tags);
|
|
1646
1669
|
var filteredTags = type === "source" ? [].concat(_toConsumableArray(tags), [tag]) : [tag];
|
|
1647
1670
|
if (isTagPresent) {
|
|
1648
|
-
filteredTags =
|
|
1671
|
+
filteredTags = neetoCist.removeById(tag.id, tags);
|
|
1649
1672
|
}
|
|
1650
1673
|
setTags(filteredTags);
|
|
1651
1674
|
};
|