@bigbinary/neeto-tags-frontend 2.2.18 → 2.2.20

package/README.md

@@ -42,8 +42,6 @@ The engine is used to manage tags for any entity across neeto products.
    ```ruby
    mount NeetoTagsEngine::Engine, at: "/neeto_tags"
    ```
-   **NOTE: The mount point must be `/neeto_tags` and cannot be changed to any
-   other path.**
 4. Run the following command to copy the migrations from the engine to the host
    application:
    ```ruby

package/app/javascript/src/translations/hu.json

@@ -0,0 +1,63 @@
+{
+  "neetoTags": {
+    "alert": {
+      "title": {
+        "deleteTag": "Címke törlése?"
+      },
+      "message": {
+        "deleteTag_": "Örökre törli a <strong>{{name, anyCase}}</strong> címkét. Ez nem vonható vissza."
+      }
+    },
+    "button": {
+      "addTag_one": "Címke hozzáadása",
+      "addTag_other": "Címkék hozzáadása",
+      "cancel": "Mégse",
+      "delete": "Törlés",
+      "edit": "Szerkesztés",
+      "goBack": "Vissza",
+      "merge": "Egyesít",
+      "proceed": "Tovább",
+      "saveChanges": "Változások mentése"
+    },
+    "common": {
+      "addNewTag_one": "Új címke hozzáadása",
+      "addNewTag_other": "Új címkék hozzáadása",
+      "description": "Leírás",
+      "editTag": "Címke szerkesztése",
+      "mergeTag_one": "Címke egyesítése",
+      "mergeTag_other": "Címkék egyesítése",
+      "name": "Név",
+      "tag_one": "Címke",
+      "tag_other": "Címkék"
+    },
+    "helper": {
+      "mergeTagsMessage_one": "A {{- sourceTags, boldList}} címke egyesítve lesz a <strong>{{destinationTag}}</strong> címkével. Ez a {{entities}}-t is érinti, amelyek a <strong>{{sourceTags, anyCase}}</strong> címkéhez vannak rendelve. Folytatni szeretné?",
+      "mergeTagsMessage_other": "A {{- sourceTags, boldList}} címkék egyesítve lesznek a <strong>{{destinationTag}}</strong> címkével. Ez a {{entities}}-t is érinti, amelyek ezekkel a <strong>{{count}}</strong> címkével vannak ellátva. Folytatni szeretné?",
+      "tagWithCount_one": "{{count}} {{type}} címke",
+      "tagWithCount_other": "{{count}} {{type}} címkék",
+      "tagWithType_one": "{{type}} címke",
+      "tagWithType_other": "{{type}} címkék"
+    },
+    "placeholder": {
+      "selectOrCreateTag": "Válasszon vagy hozzon létre címkét",
+      "searchTags": "Címkék keresése"
+    },
+    "title": {
+      "noTagsToShow": "Nincsenek megjeleníthető címkék.",
+      "selectDestinationTag_one": "Válassza ki a célcímkét",
+      "selectDestinationTag_other": "Válassza ki a célcímkéket",
+      "selectSourceTag_one": "Válassza ki a forráscímkét",
+      "selectSourceTag_other": "Válassza ki a forrást címkéket"
+    },
+    "validation": {
+      "descriptionMustBeString": "A leírásnak szövegnek kell lennie.",
+      "descriptionMaxLength": "A leírásnak kevesebb mint {{length}} karakterből kell állnia.",
+      "nameMaxLength": "A névnek kevesebb mint {{length}} karakterből kell állnia.",
+      "nameRequired": "A név kötelező mező.",
+      "nameMustBeString": "A névnek szövegnek kell lennie."
+    },
+    "shortcuts": {
+      "addTag": "Címkék hozzáadása"
+    }
+  }
+}

package/dist/.ready

@@ -0,0 +1 @@
+Built at 2026-04-16T09:50:20.006Z

package/dist/ManageTags-BnIsCqI7.js

@@ -0,0 +1,173 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useRef } from 'react';
+import { toLabelAndValue } from '@bigbinary/neeto-cist';
+import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX, SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
+import Pane from '@bigbinary/neetoui/Pane';
+import Typography from '@bigbinary/neetoui/Typography';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Input from '@bigbinary/neetoui/formik/Input';
+import Select from '@bigbinary/neetoui/formik/Select';
+import Textarea from '@bigbinary/neetoui/formik/Textarea';
+import { useTranslation } from 'react-i18next';
+import { u as useUpdateTag, a as useCreateTag, T as TAG_STYLES, P as PANE_TYPES, I as INITIAL_TAG_VALUES } from './useTagsApi-DpuKCFy0.js';
+import { mergeLeft } from 'ramda';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TAG_NAME_MAX_LENGTH = 50;
+var TAG_DESCRIPTION_ROW_LENGTH = 3;
+var TAG_DESCRIPTION_MAX_LENGTH = 255;
+var TAG_SCHEMA = yup.object().shape({
+  name: yup.string().typeError(t("neetoTags.validation.nameMustBeString")).required(t("neetoTags.validation.nameRequired")).max(TAG_NAME_MAX_LENGTH, t("neetoTags.validation.nameMaxLength", {
+    length: TAG_NAME_MAX_LENGTH
+  })),
+  description: yup.string().typeError(t("neetoTags.validation.descriptionMustBeString")).nullable().max(TAG_DESCRIPTION_MAX_LENGTH, t("neetoTags.validation.descriptionMaxLength", {
+    length: TAG_DESCRIPTION_MAX_LENGTH
+  }))
+});
+var TAGS_FORMIK_PROPS = {
+  validateOnBlur: true,
+  validateOnChange: true,
+  validationSchema: TAG_SCHEMA
+};
+var DEFAULT_FILTERS = {
+  page: DEFAULT_PAGE_INDEX,
+  pageSize: DEFAULT_PAGE_SIZE,
+  sortBy: "",
+  orderBy: ""
+};
+var NEETO_FILTERS = [{
+  key: "name",
+  label: t("neetoTags.common.name"),
+  node: "name",
+  type: "text"
+}];
+
+var useTagsForm = function useTagsForm(_ref) {
+  var createTags = _ref.createTags,
+    goToFirstPage = _ref.goToFirstPage,
+    isEdit = _ref.isEdit,
+    onClose = _ref.onClose,
+    tagType = _ref.tagType,
+    updateTags = _ref.updateTags;
+  var tagModification = isEdit ? useUpdateTag : useCreateTag;
+  var tagOperation = isEdit ? updateTags : createTags;
+  var _tagModification = tagModification(),
+    mutate = _tagModification.mutate,
+    isSubmitting = _tagModification.isPending;
+  var handleSubmit = function handleSubmit(values, _ref2) {
+    var _values$description;
+    var resetForm = _ref2.resetForm;
+    var tagData = {
+      url: tagType.url,
+      payload: {
+        tag: mergeLeft({
+          description: (_values$description = values.description) === null || _values$description === void 0 ? void 0 : _values$description.trim(),
+          style: values.style.value
+        }, values)
+      }
+    };
+    if (isEdit) {
+      tagData.id = values.id;
+    }
+    mutate(tagData, {
+      onSuccess: function onSuccess(response) {
+        var _tagOperation$onSucce;
+        !isEdit && (goToFirstPage === null || goToFirstPage === void 0 ? void 0 : goToFirstPage());
+        tagOperation === null || tagOperation === void 0 || (_tagOperation$onSucce = tagOperation.onSuccess) === null || _tagOperation$onSucce === void 0 || _tagOperation$onSucce.callback(response);
+        onClose();
+      },
+      onError: function onError() {
+        resetForm();
+      }
+    });
+  };
+  return {
+    handleSubmit: handleSubmit,
+    isSubmitting: isSubmitting
+  };
+};
+
+function ownKeys(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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ManageTags = function ManageTags(_ref) {
+  var createTags = _ref.createTags,
+    goToFirstPage = _ref.goToFirstPage,
+    onClose = _ref.onClose,
+    tag = _ref.tag,
+    tagType = _ref.tagType,
+    type = _ref.type,
+    updateTags = _ref.updateTags;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isEdit = type === PANE_TYPES.EDIT;
+  var initialValues = isEdit ? tag : INITIAL_TAG_VALUES;
+  var inputReference = useRef(null);
+  var _useTagsForm = useTagsForm({
+      createTags: createTags,
+      goToFirstPage: goToFirstPage,
+      isEdit: isEdit,
+      onClose: onClose,
+      tagType: tagType,
+      updateTags: updateTags
+    }),
+    handleSubmit = _useTagsForm.handleSubmit,
+    isSubmitting = _useTagsForm.isSubmitting;
+  return /*#__PURE__*/jsxs(Pane, {
+    onClose: onClose,
+    initialFocusRef: inputReference,
+    isOpen: !!type,
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        weight: "semibold",
+        children: isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", SINGULAR)
+      })
+    }), /*#__PURE__*/jsxs(Form, {
+      formikProps: _objectSpread(_objectSpread({}, TAGS_FORMIK_PROPS), {}, {
+        initialValues: initialValues,
+        onSubmit: handleSubmit
+      }),
+      children: [/*#__PURE__*/jsx(Pane.Body, {
+        children: /*#__PURE__*/jsxs("div", {
+          className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col neeto-ui-gap-4",
+          children: [/*#__PURE__*/jsx(Input, {
+            required: true,
+            unlimitedChars: true,
+            "data-testid": "tag-name-text-field",
+            label: t("neetoTags.common.name"),
+            maxLength: TAG_NAME_MAX_LENGTH,
+            name: "name",
+            ref: inputReference
+          }), /*#__PURE__*/jsx(Textarea, {
+            unlimitedChars: true,
+            "data-testid": "tag-description-text-area",
+            label: t("neetoTags.common.description"),
+            maxLength: TAG_DESCRIPTION_MAX_LENGTH,
+            name: "description",
+            rows: TAG_DESCRIPTION_ROW_LENGTH
+          }), /*#__PURE__*/jsx(Select, {
+            name: "style",
+            options: Object.values(TAG_STYLES).map(toLabelAndValue)
+          })]
+        })
+      }), /*#__PURE__*/jsx(Pane.Footer, {
+        children: /*#__PURE__*/jsx(ActionBlock, {
+          isSubmitting: isSubmitting,
+          cancelButtonProps: {
+            "data-testid": "neeto-tags-manage-tag-cancel-button",
+            onClick: onClose
+          },
+          submitButtonProps: {
+            "data-testid": "neeto-tags-manage-tag-submit-button"
+          }
+        })
+      })]
+    })]
+  });
+};
+
+export { DEFAULT_FILTERS as D, ManageTags as M, NEETO_FILTERS as N };
+//# sourceMappingURL=ManageTags-BnIsCqI7.js.map

package/dist/ManageTags-BnIsCqI7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageTags-BnIsCqI7.js","sources":["../app/javascript/src/components/Dashboard/constants.js","../app/javascript/src/hooks/useTagsForm.js","../app/javascript/src/components/Dashboard/ManageTags.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\nimport * as yup from \"yup\";\n\nexport const TAG_NAME_MAX_LENGTH = 50;\n\nexport const TAG_DESCRIPTION_ROW_LENGTH = 3;\n\nexport const TAG_DESCRIPTION_MAX_LENGTH = 255;\n\nexport const TAG_SCHEMA = yup.object().shape({\n  name: yup\n    .string()\n    .typeError(t(\"neetoTags.validation.nameMustBeString\"))\n    .required(t(\"neetoTags.validation.nameRequired\"))\n    .max(\n      TAG_NAME_MAX_LENGTH,\n      t(\"neetoTags.validation.nameMaxLength\", {\n        length: TAG_NAME_MAX_LENGTH,\n      })\n    ),\n  description: yup\n    .string()\n    .typeError(t(\"neetoTags.validation.descriptionMustBeString\"))\n    .nullable()\n    .max(\n      TAG_DESCRIPTION_MAX_LENGTH,\n      t(\"neetoTags.validation.descriptionMaxLength\", {\n        length: TAG_DESCRIPTION_MAX_LENGTH,\n      })\n    ),\n});\n\nexport const TAGS_FORMIK_PROPS = {\n  validateOnBlur: true,\n  validateOnChange: true,\n  validationSchema: TAG_SCHEMA,\n};\n\nexport const DEFAULT_FILTERS = {\n  page: DEFAULT_PAGE_INDEX,\n  pageSize: DEFAULT_PAGE_SIZE,\n  sortBy: \"\",\n  orderBy: \"\",\n};\n\nexport const NEETO_FILTERS = [\n  {\n    key: \"name\",\n    label: t(\"neetoTags.common.name\"),\n    node: \"name\",\n    type: \"text\",\n  },\n];\n","import { mergeLeft } from \"ramda\";\n\nimport { useCreateTag, useUpdateTag } from \"./useTagsApi\";\n\nconst useTagsForm = ({\n  createTags,\n  goToFirstPage,\n  isEdit,\n  onClose,\n  tagType,\n  updateTags,\n}) => {\n  const tagModification = isEdit ? useUpdateTag : useCreateTag;\n  const tagOperation = isEdit ? updateTags : createTags;\n  const { mutate, isPending: isSubmitting } = tagModification();\n\n  const handleSubmit = (values, { resetForm }) => {\n    const tagData = {\n      url: tagType.url,\n      payload: {\n        tag: mergeLeft(\n          {\n            description: values.description?.trim(),\n            style: values.style.value,\n          },\n          values\n        ),\n      },\n    };\n\n    if (isEdit) {\n      tagData.id = values.id;\n    }\n\n    mutate(tagData, {\n      onSuccess: response => {\n        !isEdit && goToFirstPage?.();\n        tagOperation?.onSuccess?.callback(response);\n        onClose();\n      },\n      onError: () => {\n        resetForm();\n      },\n    });\n  };\n\n  return { handleSubmit, isSubmitting };\n};\n\nexport default useTagsForm;\n","import { useRef } from \"react\";\n\nimport { toLabelAndValue } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Pane, Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input, Select, Textarea } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { PANE_TYPES, INITIAL_TAG_VALUES, TAG_STYLES } from \"common/constants\";\nimport useTagsForm from \"src/hooks/useTagsForm\";\n\nimport {\n  TAGS_FORMIK_PROPS,\n  TAG_DESCRIPTION_MAX_LENGTH,\n  TAG_DESCRIPTION_ROW_LENGTH,\n  TAG_NAME_MAX_LENGTH,\n} from \"./constants\";\n\nconst ManageTags = ({\n  createTags,\n  goToFirstPage,\n  onClose,\n  tag,\n  tagType,\n  type,\n  updateTags,\n}) => {\n  const { t } = useTranslation();\n  const isEdit = type === PANE_TYPES.EDIT;\n  const initialValues = isEdit ? tag : INITIAL_TAG_VALUES;\n  const inputReference = useRef(null);\n\n  const { handleSubmit, isSubmitting } = useTagsForm({\n    createTags,\n    goToFirstPage,\n    isEdit,\n    onClose,\n    tagType,\n    updateTags,\n  });\n\n  return (\n    <Pane {...{ onClose }} initialFocusRef={inputReference} isOpen={!!type}>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {isEdit\n            ? t(\"neetoTags.common.editTag\")\n            : t(\"neetoTags.common.addNewTag\", SINGULAR)}\n        </Typography>\n      </Pane.Header>\n      <Form\n        formikProps={{\n          ...TAGS_FORMIK_PROPS,\n          initialValues,\n          onSubmit: handleSubmit,\n        }}\n      >\n        <Pane.Body>\n          <div className=\"neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col neeto-ui-gap-4\">\n            <Input\n              required\n              unlimitedChars\n              data-testid=\"tag-name-text-field\"\n              label={t(\"neetoTags.common.name\")}\n              maxLength={TAG_NAME_MAX_LENGTH}\n              name=\"name\"\n              ref={inputReference}\n            />\n            <Textarea\n              unlimitedChars\n              data-testid=\"tag-description-text-area\"\n              label={t(\"neetoTags.common.description\")}\n              maxLength={TAG_DESCRIPTION_MAX_LENGTH}\n              name=\"description\"\n              rows={TAG_DESCRIPTION_ROW_LENGTH}\n            />\n            <Select\n              name=\"style\"\n              options={Object.values(TAG_STYLES).map(toLabelAndValue)}\n            />\n          </div>\n        </Pane.Body>\n        <Pane.Footer>\n          <ActionBlock\n            {...{ isSubmitting }}\n            cancelButtonProps={{\n              \"data-testid\": \"neeto-tags-manage-tag-cancel-button\",\n              onClick: onClose,\n            }}\n            submitButtonProps={{\n              \"data-testid\": \"neeto-tags-manage-tag-submit-button\",\n            }}\n          />\n        </Pane.Footer>\n      </Form>\n    </Pane>\n  );\n};\n\nexport default ManageTags;\n"],"names":["TAG_NAME_MAX_LENGTH","TAG_DESCRIPTION_ROW_LENGTH","TAG_DESCRIPTION_MAX_LENGTH","TAG_SCHEMA","yup","object","shape","name","string","typeError","t","required","max","length","description","nullable","TAGS_FORMIK_PROPS","validateOnBlur","validateOnChange","validationSchema","DEFAULT_FILTERS","page","DEFAULT_PAGE_INDEX","pageSize","DEFAULT_PAGE_SIZE","sortBy","orderBy","NEETO_FILTERS","key","label","node","type","useTagsForm","_ref","createTags","goToFirstPage","isEdit","onClose","tagType","updateTags","tagModification","useUpdateTag","useCreateTag","tagOperation","_tagModification","mutate","isSubmitting","isPending","handleSubmit","values","_ref2","_values$description","resetForm","tagData","url","payload","tag","mergeLeft","trim","style","value","id","onSuccess","response","_tagOperation$onSucce","callback","onError","ManageTags","_useTranslation","useTranslation","PANE_TYPES","EDIT","initialValues","INITIAL_TAG_VALUES","inputReference","useRef","_useTagsForm","_jsxs","Pane","initialFocusRef","isOpen","children","_jsx","Header","Typography","weight","SINGULAR","Form","formikProps","_objectSpread","onSubmit","Body","className","Input","unlimitedChars","maxLength","ref","Textarea","rows","Select","options","Object","TAG_STYLES","map","toLabelAndValue","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}

package/dist/ManageTags-CDe724nr.js

@@ -0,0 +1,196 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var Pane = require('@bigbinary/neetoui/Pane');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var Select = require('@bigbinary/neetoui/formik/Select');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+var reactI18next = require('react-i18next');
+var useTagsApi = require('./useTagsApi-DXIKl4Re.js');
+var ramda = require('ramda');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var TAG_NAME_MAX_LENGTH = 50;
+var TAG_DESCRIPTION_ROW_LENGTH = 3;
+var TAG_DESCRIPTION_MAX_LENGTH = 255;
+var TAG_SCHEMA = yup__namespace.object().shape({
+  name: yup__namespace.string().typeError(i18next.t("neetoTags.validation.nameMustBeString")).required(i18next.t("neetoTags.validation.nameRequired")).max(TAG_NAME_MAX_LENGTH, i18next.t("neetoTags.validation.nameMaxLength", {
+    length: TAG_NAME_MAX_LENGTH
+  })),
+  description: yup__namespace.string().typeError(i18next.t("neetoTags.validation.descriptionMustBeString")).nullable().max(TAG_DESCRIPTION_MAX_LENGTH, i18next.t("neetoTags.validation.descriptionMaxLength", {
+    length: TAG_DESCRIPTION_MAX_LENGTH
+  }))
+});
+var TAGS_FORMIK_PROPS = {
+  validateOnBlur: true,
+  validateOnChange: true,
+  validationSchema: TAG_SCHEMA
+};
+var DEFAULT_FILTERS = {
+  page: constants.DEFAULT_PAGE_INDEX,
+  pageSize: constants.DEFAULT_PAGE_SIZE,
+  sortBy: "",
+  orderBy: ""
+};
+var NEETO_FILTERS = [{
+  key: "name",
+  label: i18next.t("neetoTags.common.name"),
+  node: "name",
+  type: "text"
+}];
+
+var useTagsForm = function useTagsForm(_ref) {
+  var createTags = _ref.createTags,
+    goToFirstPage = _ref.goToFirstPage,
+    isEdit = _ref.isEdit,
+    onClose = _ref.onClose,
+    tagType = _ref.tagType,
+    updateTags = _ref.updateTags;
+  var tagModification = isEdit ? useTagsApi.useUpdateTag : useTagsApi.useCreateTag;
+  var tagOperation = isEdit ? updateTags : createTags;
+  var _tagModification = tagModification(),
+    mutate = _tagModification.mutate,
+    isSubmitting = _tagModification.isPending;
+  var handleSubmit = function handleSubmit(values, _ref2) {
+    var _values$description;
+    var resetForm = _ref2.resetForm;
+    var tagData = {
+      url: tagType.url,
+      payload: {
+        tag: ramda.mergeLeft({
+          description: (_values$description = values.description) === null || _values$description === void 0 ? void 0 : _values$description.trim(),
+          style: values.style.value
+        }, values)
+      }
+    };
+    if (isEdit) {
+      tagData.id = values.id;
+    }
+    mutate(tagData, {
+      onSuccess: function onSuccess(response) {
+        var _tagOperation$onSucce;
+        !isEdit && (goToFirstPage === null || goToFirstPage === void 0 ? void 0 : goToFirstPage());
+        tagOperation === null || tagOperation === void 0 || (_tagOperation$onSucce = tagOperation.onSuccess) === null || _tagOperation$onSucce === void 0 || _tagOperation$onSucce.callback(response);
+        onClose();
+      },
+      onError: function onError() {
+        resetForm();
+      }
+    });
+  };
+  return {
+    handleSubmit: handleSubmit,
+    isSubmitting: isSubmitting
+  };
+};
+
+function ownKeys(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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ManageTags = function ManageTags(_ref) {
+  var createTags = _ref.createTags,
+    goToFirstPage = _ref.goToFirstPage,
+    onClose = _ref.onClose,
+    tag = _ref.tag,
+    tagType = _ref.tagType,
+    type = _ref.type,
+    updateTags = _ref.updateTags;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isEdit = type === useTagsApi.PANE_TYPES.EDIT;
+  var initialValues = isEdit ? tag : useTagsApi.INITIAL_TAG_VALUES;
+  var inputReference = react.useRef(null);
+  var _useTagsForm = useTagsForm({
+      createTags: createTags,
+      goToFirstPage: goToFirstPage,
+      isEdit: isEdit,
+      onClose: onClose,
+      tagType: tagType,
+      updateTags: updateTags
+    }),
+    handleSubmit = _useTagsForm.handleSubmit,
+    isSubmitting = _useTagsForm.isSubmitting;
+  return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
+    onClose: onClose,
+    initialFocusRef: inputReference,
+    isOpen: !!type,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h2",
+        weight: "semibold",
+        children: isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", constants.SINGULAR)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(Form, {
+      formikProps: _objectSpread(_objectSpread({}, TAGS_FORMIK_PROPS), {}, {
+        initialValues: initialValues,
+        onSubmit: handleSubmit
+      }),
+      children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col neeto-ui-gap-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
+            required: true,
+            unlimitedChars: true,
+            "data-testid": "tag-name-text-field",
+            label: t("neetoTags.common.name"),
+            maxLength: TAG_NAME_MAX_LENGTH,
+            name: "name",
+            ref: inputReference
+          }), /*#__PURE__*/jsxRuntime.jsx(Textarea, {
+            unlimitedChars: true,
+            "data-testid": "tag-description-text-area",
+            label: t("neetoTags.common.description"),
+            maxLength: TAG_DESCRIPTION_MAX_LENGTH,
+            name: "description",
+            rows: TAG_DESCRIPTION_ROW_LENGTH
+          }), /*#__PURE__*/jsxRuntime.jsx(Select, {
+            name: "style",
+            options: Object.values(useTagsApi.TAG_STYLES).map(neetoCist.toLabelAndValue)
+          })]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
+        children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+          isSubmitting: isSubmitting,
+          cancelButtonProps: {
+            "data-testid": "neeto-tags-manage-tag-cancel-button",
+            onClick: onClose
+          },
+          submitButtonProps: {
+            "data-testid": "neeto-tags-manage-tag-submit-button"
+          }
+        })
+      })]
+    })]
+  });
+};
+
+exports.DEFAULT_FILTERS = DEFAULT_FILTERS;
+exports.ManageTags = ManageTags;
+exports.NEETO_FILTERS = NEETO_FILTERS;
+//# sourceMappingURL=ManageTags-CDe724nr.js.map

package/dist/ManageTags-CDe724nr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageTags-CDe724nr.js","sources":["../app/javascript/src/components/Dashboard/constants.js","../app/javascript/src/hooks/useTagsForm.js","../app/javascript/src/components/Dashboard/ManageTags.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\nimport * as yup from \"yup\";\n\nexport const TAG_NAME_MAX_LENGTH = 50;\n\nexport const TAG_DESCRIPTION_ROW_LENGTH = 3;\n\nexport const TAG_DESCRIPTION_MAX_LENGTH = 255;\n\nexport const TAG_SCHEMA = yup.object().shape({\n  name: yup\n    .string()\n    .typeError(t(\"neetoTags.validation.nameMustBeString\"))\n    .required(t(\"neetoTags.validation.nameRequired\"))\n    .max(\n      TAG_NAME_MAX_LENGTH,\n      t(\"neetoTags.validation.nameMaxLength\", {\n        length: TAG_NAME_MAX_LENGTH,\n      })\n    ),\n  description: yup\n    .string()\n    .typeError(t(\"neetoTags.validation.descriptionMustBeString\"))\n    .nullable()\n    .max(\n      TAG_DESCRIPTION_MAX_LENGTH,\n      t(\"neetoTags.validation.descriptionMaxLength\", {\n        length: TAG_DESCRIPTION_MAX_LENGTH,\n      })\n    ),\n});\n\nexport const TAGS_FORMIK_PROPS = {\n  validateOnBlur: true,\n  validateOnChange: true,\n  validationSchema: TAG_SCHEMA,\n};\n\nexport const DEFAULT_FILTERS = {\n  page: DEFAULT_PAGE_INDEX,\n  pageSize: DEFAULT_PAGE_SIZE,\n  sortBy: \"\",\n  orderBy: \"\",\n};\n\nexport const NEETO_FILTERS = [\n  {\n    key: \"name\",\n    label: t(\"neetoTags.common.name\"),\n    node: \"name\",\n    type: \"text\",\n  },\n];\n","import { mergeLeft } from \"ramda\";\n\nimport { useCreateTag, useUpdateTag } from \"./useTagsApi\";\n\nconst useTagsForm = ({\n  createTags,\n  goToFirstPage,\n  isEdit,\n  onClose,\n  tagType,\n  updateTags,\n}) => {\n  const tagModification = isEdit ? useUpdateTag : useCreateTag;\n  const tagOperation = isEdit ? updateTags : createTags;\n  const { mutate, isPending: isSubmitting } = tagModification();\n\n  const handleSubmit = (values, { resetForm }) => {\n    const tagData = {\n      url: tagType.url,\n      payload: {\n        tag: mergeLeft(\n          {\n            description: values.description?.trim(),\n            style: values.style.value,\n          },\n          values\n        ),\n      },\n    };\n\n    if (isEdit) {\n      tagData.id = values.id;\n    }\n\n    mutate(tagData, {\n      onSuccess: response => {\n        !isEdit && goToFirstPage?.();\n        tagOperation?.onSuccess?.callback(response);\n        onClose();\n      },\n      onError: () => {\n        resetForm();\n      },\n    });\n  };\n\n  return { handleSubmit, isSubmitting };\n};\n\nexport default useTagsForm;\n","import { useRef } from \"react\";\n\nimport { toLabelAndValue } from \"neetocist\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Pane, Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input, Select, Textarea } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { PANE_TYPES, INITIAL_TAG_VALUES, TAG_STYLES } from \"common/constants\";\nimport useTagsForm from \"src/hooks/useTagsForm\";\n\nimport {\n  TAGS_FORMIK_PROPS,\n  TAG_DESCRIPTION_MAX_LENGTH,\n  TAG_DESCRIPTION_ROW_LENGTH,\n  TAG_NAME_MAX_LENGTH,\n} from \"./constants\";\n\nconst ManageTags = ({\n  createTags,\n  goToFirstPage,\n  onClose,\n  tag,\n  tagType,\n  type,\n  updateTags,\n}) => {\n  const { t } = useTranslation();\n  const isEdit = type === PANE_TYPES.EDIT;\n  const initialValues = isEdit ? tag : INITIAL_TAG_VALUES;\n  const inputReference = useRef(null);\n\n  const { handleSubmit, isSubmitting } = useTagsForm({\n    createTags,\n    goToFirstPage,\n    isEdit,\n    onClose,\n    tagType,\n    updateTags,\n  });\n\n  return (\n    <Pane {...{ onClose }} initialFocusRef={inputReference} isOpen={!!type}>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {isEdit\n            ? t(\"neetoTags.common.editTag\")\n            : t(\"neetoTags.common.addNewTag\", SINGULAR)}\n        </Typography>\n      </Pane.Header>\n      <Form\n        formikProps={{\n          ...TAGS_FORMIK_PROPS,\n          initialValues,\n          onSubmit: handleSubmit,\n        }}\n      >\n        <Pane.Body>\n          <div className=\"neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col neeto-ui-gap-4\">\n            <Input\n              required\n              unlimitedChars\n              data-testid=\"tag-name-text-field\"\n              label={t(\"neetoTags.common.name\")}\n              maxLength={TAG_NAME_MAX_LENGTH}\n              name=\"name\"\n              ref={inputReference}\n            />\n            <Textarea\n              unlimitedChars\n              data-testid=\"tag-description-text-area\"\n              label={t(\"neetoTags.common.description\")}\n              maxLength={TAG_DESCRIPTION_MAX_LENGTH}\n              name=\"description\"\n              rows={TAG_DESCRIPTION_ROW_LENGTH}\n            />\n            <Select\n              name=\"style\"\n              options={Object.values(TAG_STYLES).map(toLabelAndValue)}\n            />\n          </div>\n        </Pane.Body>\n        <Pane.Footer>\n          <ActionBlock\n            {...{ isSubmitting }}\n            cancelButtonProps={{\n              \"data-testid\": \"neeto-tags-manage-tag-cancel-button\",\n              onClick: onClose,\n            }}\n            submitButtonProps={{\n              \"data-testid\": \"neeto-tags-manage-tag-submit-button\",\n            }}\n          />\n        </Pane.Footer>\n      </Form>\n    </Pane>\n  );\n};\n\nexport default ManageTags;\n"],"names":["TAG_NAME_MAX_LENGTH","TAG_DESCRIPTION_ROW_LENGTH","TAG_DESCRIPTION_MAX_LENGTH","TAG_SCHEMA","yup","object","shape","name","string","typeError","t","required","max","length","description","nullable","TAGS_FORMIK_PROPS","validateOnBlur","validateOnChange","validationSchema","DEFAULT_FILTERS","page","DEFAULT_PAGE_INDEX","pageSize","DEFAULT_PAGE_SIZE","sortBy","orderBy","NEETO_FILTERS","key","label","node","type","useTagsForm","_ref","createTags","goToFirstPage","isEdit","onClose","tagType","updateTags","tagModification","useUpdateTag","useCreateTag","tagOperation","_tagModification","mutate","isSubmitting","isPending","handleSubmit","values","_ref2","_values$description","resetForm","tagData","url","payload","tag","mergeLeft","trim","style","value","id","onSuccess","response","_tagOperation$onSucce","callback","onError","ManageTags","_useTranslation","useTranslation","PANE_TYPES","EDIT","initialValues","INITIAL_TAG_VALUES","inputReference","useRef","_useTagsForm","_jsxs","Pane","initialFocusRef","isOpen","children","_jsx","Header","Typography","weight","SINGULAR","Form","formikProps","_objectSpread","onSubmit","Body","className","Input","unlimitedChars","maxLength","ref","Textarea","rows","Select","options","Object","TAG_STYLES","map","toLabelAndValue","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}