@bigbinary/neeto-tags-frontend 2.0.0 → 2.0.1
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 +38 -31
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +38 -31
- package/dist/index.js.map +1 -1
- package/package.json +12 -12
package/dist/index.cjs.js
CHANGED
|
@@ -206,8 +206,8 @@ var KEYBOARD_SHORTCUTS = {
|
|
|
206
206
|
}
|
|
207
207
|
};
|
|
208
208
|
|
|
209
|
-
function ownKeys$
|
|
210
|
-
function _objectSpread$
|
|
209
|
+
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
210
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
211
211
|
var Title = function Title(_ref) {
|
|
212
212
|
var _ref$titleProps = _ref.titleProps,
|
|
213
213
|
titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps,
|
|
@@ -239,7 +239,7 @@ var Title = function Title(_ref) {
|
|
|
239
239
|
}, [didStartUpdate, isUpdating]);
|
|
240
240
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
241
241
|
className: "flex items-center gap-2",
|
|
242
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], _objectSpread$
|
|
242
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], _objectSpread$b(_objectSpread$b({
|
|
243
243
|
className: "neeto-ui-text-gray-700",
|
|
244
244
|
style: "h5",
|
|
245
245
|
weight: "bold"
|
|
@@ -272,8 +272,8 @@ var TitleActionBlock = function TitleActionBlock(_ref) {
|
|
|
272
272
|
});
|
|
273
273
|
};
|
|
274
274
|
|
|
275
|
-
function ownKeys$
|
|
276
|
-
function _objectSpread$
|
|
275
|
+
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
276
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
277
277
|
var Container = function Container(_ref) {
|
|
278
278
|
var isMetadataBlock = _ref.isMetadataBlock,
|
|
279
279
|
containerProps = _ref.containerProps,
|
|
@@ -283,20 +283,20 @@ var Container = function Container(_ref) {
|
|
|
283
283
|
isTagsBodyVisible = _ref.isTagsBodyVisible,
|
|
284
284
|
bodyProps = _ref.bodyProps;
|
|
285
285
|
if (isMetadataBlock) {
|
|
286
|
-
return /*#__PURE__*/jsxRuntime.jsx(Metadata__default["default"].Block, _objectSpread$
|
|
287
|
-
actionBlock: /*#__PURE__*/jsxRuntime.jsx(TitleActionBlock, _objectSpread$
|
|
288
|
-
title: /*#__PURE__*/jsxRuntime.jsx(Title, _objectSpread$
|
|
286
|
+
return /*#__PURE__*/jsxRuntime.jsx(Metadata__default["default"].Block, _objectSpread$a(_objectSpread$a({}, containerProps), {}, {
|
|
287
|
+
actionBlock: /*#__PURE__*/jsxRuntime.jsx(TitleActionBlock, _objectSpread$a({}, actionBlockProps)),
|
|
288
|
+
title: /*#__PURE__*/jsxRuntime.jsx(Title, _objectSpread$a({}, titleComponentProps)),
|
|
289
289
|
className: "space-y-4",
|
|
290
290
|
children: isTagsBodyVisible && children
|
|
291
291
|
}));
|
|
292
292
|
}
|
|
293
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$
|
|
293
|
+
return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$a(_objectSpread$a({
|
|
294
294
|
className: "neeto-ui-tags-wrapper flex w-full flex-col items-start gap-2"
|
|
295
295
|
}, containerProps), {}, {
|
|
296
296
|
children: [titleComponentProps.showTitleBar && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
297
297
|
className: classNames__default["default"]("flex w-full items-center justify-between gap-2", titleComponentProps.containerClassName),
|
|
298
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Title, _objectSpread$
|
|
299
|
-
}), isTagsBodyVisible && /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$
|
|
298
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Title, _objectSpread$a({}, titleComponentProps)), titleComponentProps.showAddTagsOnTitle && /*#__PURE__*/jsxRuntime.jsx(TitleActionBlock, _objectSpread$a({}, actionBlockProps))]
|
|
299
|
+
}), isTagsBodyVisible && /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$a(_objectSpread$a({
|
|
300
300
|
className: "neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg w-full border p-4"
|
|
301
301
|
}, bodyProps), {}, {
|
|
302
302
|
children: children
|
|
@@ -309,8 +309,8 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
|
|
|
309
309
|
var css$1 = ".neeto-tags__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL1RhZ3Mvc3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0NBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by10YWdzX19tZXRhZGF0YS1jYXJkX19zcGlubmVyIHtcbiAgc2NhbGU6IDAuNjtcbn1cbiJdfQ== */";
|
|
310
310
|
n(css$1,{});
|
|
311
311
|
|
|
312
|
-
function ownKeys$
|
|
313
|
-
function _objectSpread$
|
|
312
|
+
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
313
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
314
314
|
var TagsList = function TagsList(_ref) {
|
|
315
315
|
var selectedTags = _ref.selectedTags,
|
|
316
316
|
isDisabled = _ref.isDisabled,
|
|
@@ -319,7 +319,7 @@ var TagsList = function TagsList(_ref) {
|
|
|
319
319
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
320
320
|
className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start gap-2 break-all",
|
|
321
321
|
children: selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.map(function (tag) {
|
|
322
|
-
return /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], _objectSpread$
|
|
322
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], _objectSpread$9({
|
|
323
323
|
disabled: isDisabled,
|
|
324
324
|
label: tag.label,
|
|
325
325
|
style: "primary",
|
|
@@ -334,8 +334,8 @@ var TagsList = function TagsList(_ref) {
|
|
|
334
334
|
});
|
|
335
335
|
};
|
|
336
336
|
|
|
337
|
-
function ownKeys$
|
|
338
|
-
function _objectSpread$
|
|
337
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
338
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
339
339
|
var TagsSelector = function TagsSelector(_ref) {
|
|
340
340
|
var defaultMenuIsOpen = _ref.defaultMenuIsOpen,
|
|
341
341
|
tags = _ref.tags,
|
|
@@ -367,7 +367,7 @@ var TagsSelector = function TagsSelector(_ref) {
|
|
|
367
367
|
}
|
|
368
368
|
(_selectProps$onKeyDow = selectProps.onKeyDown) === null || _selectProps$onKeyDow === void 0 || _selectProps$onKeyDow.call(selectProps, event);
|
|
369
369
|
};
|
|
370
|
-
return /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$
|
|
370
|
+
return /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$8(_objectSpread$8({
|
|
371
371
|
defaultMenuIsOpen: defaultMenuIsOpen,
|
|
372
372
|
onChange: onChange,
|
|
373
373
|
onCreateOption: onCreateOption,
|
|
@@ -384,8 +384,8 @@ var TagsSelector = function TagsSelector(_ref) {
|
|
|
384
384
|
}));
|
|
385
385
|
};
|
|
386
386
|
|
|
387
|
-
function ownKeys$
|
|
388
|
-
function _objectSpread$
|
|
387
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
388
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
389
389
|
var Tags$2 = function Tags(_ref) {
|
|
390
390
|
var _ref$title = _ref.title,
|
|
391
391
|
title = _ref$title === void 0 ? "" : _ref$title,
|
|
@@ -490,7 +490,7 @@ var Tags$2 = function Tags(_ref) {
|
|
|
490
490
|
isMetadataBlock: isMetadataBlock,
|
|
491
491
|
isTagsBodyVisible: isTagsBodyVisible,
|
|
492
492
|
titleComponentProps: titleComponentProps,
|
|
493
|
-
children: [neetoCist.isNotEmpty(selectedTags) && /*#__PURE__*/jsxRuntime.jsx(TagsList, _objectSpread$
|
|
493
|
+
children: [neetoCist.isNotEmpty(selectedTags) && /*#__PURE__*/jsxRuntime.jsx(TagsList, _objectSpread$7({}, tagsListProps)), isTagsDropdownVisible && /*#__PURE__*/jsxRuntime.jsx(TagsSelector, _objectSpread$7({}, tagsSelectorProps)), isAddTagsButtonVisible && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$7({
|
|
494
494
|
disabled: isDisabled,
|
|
495
495
|
icon: Plus__default["default"],
|
|
496
496
|
label: t("neetoTags.button.addTag", constants.SINGULAR),
|
|
@@ -614,11 +614,11 @@ var tagsApi = {
|
|
|
614
614
|
merge: merge
|
|
615
615
|
};
|
|
616
616
|
|
|
617
|
-
function ownKeys$
|
|
618
|
-
function _objectSpread$
|
|
617
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
618
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
619
619
|
var useFetchTags = function useFetchTags(params) {
|
|
620
620
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
621
|
-
return reactQuery.useQuery(_objectSpread$
|
|
621
|
+
return reactQuery.useQuery(_objectSpread$6({
|
|
622
622
|
queryKey: [TAG_KEY, params],
|
|
623
623
|
queryFn: function queryFn() {
|
|
624
624
|
return tagsApi.fetch(params);
|
|
@@ -793,8 +793,8 @@ var useTagsForm = function useTagsForm(_ref) {
|
|
|
793
793
|
};
|
|
794
794
|
};
|
|
795
795
|
|
|
796
|
-
function ownKeys$
|
|
797
|
-
function _objectSpread$
|
|
796
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
797
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
798
798
|
var ManageTags = function ManageTags(_ref) {
|
|
799
799
|
var createTags = _ref.createTags,
|
|
800
800
|
goToFirstPage = _ref.goToFirstPage,
|
|
@@ -829,7 +829,7 @@ var ManageTags = function ManageTags(_ref) {
|
|
|
829
829
|
children: isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", constants.SINGULAR)
|
|
830
830
|
})
|
|
831
831
|
}), /*#__PURE__*/jsxRuntime.jsxs(Form__default["default"], {
|
|
832
|
-
formikProps: _objectSpread$
|
|
832
|
+
formikProps: _objectSpread$5(_objectSpread$5({}, TAGS_FORMIK_PROPS), {}, {
|
|
833
833
|
initialValues: initialValues,
|
|
834
834
|
onSubmit: handleSubmit
|
|
835
835
|
}),
|
|
@@ -939,6 +939,8 @@ var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
|
|
|
939
939
|
}].concat(_toConsumableArray(columns));
|
|
940
940
|
};
|
|
941
941
|
|
|
942
|
+
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
943
|
+
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
942
944
|
var Table = function Table(_ref) {
|
|
943
945
|
var _data$tags;
|
|
944
946
|
var data = _ref.data,
|
|
@@ -949,17 +951,19 @@ var Table = function Table(_ref) {
|
|
|
949
951
|
isLoading = _ref.isLoading,
|
|
950
952
|
onTagRowClick = _ref.onTagRowClick,
|
|
951
953
|
primaryButtonProps = _ref.primaryButtonProps,
|
|
952
|
-
tagType = _ref.tagType
|
|
954
|
+
tagType = _ref.tagType,
|
|
955
|
+
noDataProps = _ref.noDataProps;
|
|
953
956
|
var _useTranslation = reactI18next.useTranslation(),
|
|
954
957
|
t = _useTranslation.t;
|
|
955
958
|
if (!isLoading && !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length)) {
|
|
956
959
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
957
960
|
className: "ntm-empty-state",
|
|
958
961
|
"data-cy": "empty-state-container",
|
|
959
|
-
children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
|
|
960
|
-
primaryButtonProps: primaryButtonProps
|
|
962
|
+
children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread$4(_objectSpread$4({}, _objectSpread$4({
|
|
963
|
+
primaryButtonProps: primaryButtonProps
|
|
964
|
+
}, noDataProps)), {}, {
|
|
961
965
|
title: t("neetoTags.title.noTagsToShow")
|
|
962
|
-
})
|
|
966
|
+
}))
|
|
963
967
|
});
|
|
964
968
|
}
|
|
965
969
|
return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
|
|
@@ -1007,7 +1011,9 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
1007
1011
|
tagType = _ref.tagType,
|
|
1008
1012
|
updateTags = _ref.updateTags,
|
|
1009
1013
|
setTagType = _ref.setTagType,
|
|
1010
|
-
tagTypes = _ref.tagTypes
|
|
1014
|
+
tagTypes = _ref.tagTypes,
|
|
1015
|
+
_ref$noDataProps = _ref.noDataProps,
|
|
1016
|
+
noDataProps = _ref$noDataProps === void 0 ? {} : _ref$noDataProps;
|
|
1011
1017
|
var history = reactRouterDom.useHistory();
|
|
1012
1018
|
var queryParams = reactUtils.useQueryParams();
|
|
1013
1019
|
var _queryParams$searchTe = queryParams.searchTerm,
|
|
@@ -1161,6 +1167,7 @@ var Dashboard = function Dashboard(_ref) {
|
|
|
1161
1167
|
handleEdit: handleEdit,
|
|
1162
1168
|
handleOnChange: handleOnChange,
|
|
1163
1169
|
isLoading: isLoading,
|
|
1170
|
+
noDataProps: noDataProps,
|
|
1164
1171
|
onTagRowClick: onTagRowClick,
|
|
1165
1172
|
primaryButtonProps: primaryButtonProps,
|
|
1166
1173
|
tagType: tagType
|