@bigbinary/neeto-tags-frontend 1.5.3 → 1.5.5

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 CHANGED
@@ -9,6 +9,7 @@ var neetoIcons = require('@bigbinary/neeto-icons');
9
9
  var neetoui = require('@bigbinary/neetoui');
10
10
  var ramda = require('ramda');
11
11
  var reactI18next = require('react-i18next');
12
+ var classNames = require('classnames');
12
13
  var reactRouterDom = require('react-router-dom');
13
14
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
14
15
  var Container = require('@bigbinary/neeto-molecules/Container');
@@ -21,7 +22,6 @@ var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
21
22
  var formik = require('@bigbinary/neetoui/formik');
22
23
  var i18next = require('i18next');
23
24
  var yup = require('yup');
24
- var classames = require('classnames');
25
25
  var devtools = require('react-query/devtools');
26
26
 
27
27
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -45,6 +45,7 @@ function _interopNamespace(e) {
45
45
  }
46
46
 
47
47
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
48
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
48
49
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
49
50
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
50
51
  var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
@@ -52,7 +53,6 @@ var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
52
53
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
53
54
  var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
54
55
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
55
- var classames__default = /*#__PURE__*/_interopDefaultLegacy(classames);
56
56
 
57
57
  function _extends() {
58
58
  _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -160,7 +160,7 @@ var Title = function Title(_ref) {
160
160
  }, 5000);
161
161
  }, [didStartUpdate, isUpdating]);
162
162
  return /*#__PURE__*/React__default["default"].createElement("div", {
163
- className: "mb-2 flex w-full items-center justify-between gap-2"
163
+ className: classNames__default["default"]("flex w-full items-center justify-between gap-2", titleProps.containerClassName)
164
164
  }, /*#__PURE__*/React__default["default"].createElement("div", {
165
165
  className: "flex items-center gap-2"
166
166
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends({
@@ -250,7 +250,7 @@ var Tags$2 = function Tags(_ref) {
250
250
  var isAddTagsButtonVisible = !showAddTagsOnTitle && !isTagsDropdownVisible;
251
251
  var isTagsBodyVisible = neetoCist.isNotEmpty(selectedTags) || isTagsDropdownVisible || isAddTagsButtonVisible;
252
252
  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
253
- className: "neeto-ui-tags-wrapper flex w-full flex-col items-start"
253
+ className: "neeto-ui-tags-wrapper flex w-full flex-col items-start gap-2"
254
254
  }, containerProps), showTitleBar && /*#__PURE__*/React__default["default"].createElement(Title, {
255
255
  isUpdating: isUpdating,
256
256
  setIsTagsDropdownVisible: setIsTagsDropdownVisible,
@@ -274,6 +274,7 @@ var Tags$2 = function Tags(_ref) {
274
274
  autoFocus: true,
275
275
  isCreateable: true,
276
276
  className: "neeto-ui-mt-4",
277
+ defaultMenuIsOpen: showAddTagsOnTitle,
277
278
  maxLength: 50,
278
279
  options: tags,
279
280
  placeholder: t("neetoTags.placeholder.selectOrCreateTag"),
@@ -285,6 +286,7 @@ var Tags$2 = function Tags(_ref) {
285
286
  onTagCreate(event);
286
287
  }
287
288
  }, selectProps)), isAddTagsButtonVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
289
+ className: "neeto-ui-mt-4",
288
290
  icon: neetoIcons.Plus,
289
291
  label: t("neetoTags.button.addTag", constants.SINGULAR),
290
292
  size: "small",
@@ -1024,8 +1026,9 @@ var List = function List(_ref) {
1024
1026
  var selectedTagIds = listType.tagIds.includes(tag.id);
1025
1027
  var selectedCounterTags = listType.counterTagIds.includes(tag.id);
1026
1028
  return /*#__PURE__*/React__default["default"].createElement("div", {
1029
+ "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags"),
1027
1030
  key: tag.id,
1028
- className: classames__default["default"]("neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center neeto-tags-border neeto-ui-border-white neeto-ui-p-2 neeto-ui-rounded-lg neeto-ui-mt-2 neeto-ui-cursor-pointer", {
1031
+ className: classNames__default["default"]("neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center neeto-tags-border neeto-ui-border-white neeto-ui-p-2 neeto-ui-rounded-lg neeto-ui-mt-2 neeto-ui-cursor-pointer", {
1029
1032
  "neeto-ui-bg-pastel-blue neeto-ui-border-primary-600": selectedTagIds,
1030
1033
  "hover:neeto-ui-bg-gray-100": !selectedTagIds,
1031
1034
  "neeto-ui-cursor-not-allowed neeto-ui-bg-gray-100 neeto-ui-text-gray-500": selectedCounterTags