@digi-frontend/dgate-api-documentation 4.1.0 → 4.1.1

package/dist/index.mjs

@@ -6754,7 +6754,7 @@ const TagsSection = ({ tags, collapsed, onToggleCollapse, onAddTag, onEditTag, o
 								height: 32
 							}),
 							disabled: tag.isDefault,
-							onClick: () => !tag.isDefault && onDeleteTag?.(tag.name),
+							onClick: () => !tag.isDefault && onDeleteTag?.(tag.name, tags.findIndex((t) => t.name === tag.name)),
 							style: {
 								width: 40,
 								height: 40,
@@ -6930,7 +6930,7 @@ const TagsSection = ({ tags, collapsed, onToggleCollapse, onAddTag, onEditTag, o
 										height: 32
 									}),
 									disabled: tag.isDefault,
-									onClick: () => !tag.isDefault && onDeleteTag?.(tag.name),
+									onClick: () => !tag.isDefault && onDeleteTag?.(tag.name, tags.findIndex((t) => t.name === tag.name)),
 									style: {
 										width: 40,
 										height: 40,
@@ -6973,7 +6973,7 @@ const TagsSection = ({ tags, collapsed, onToggleCollapse, onAddTag, onEditTag, o
 const TAG_NAME_REGEX = /^[A-Za-z0-9_\s-]+$/;
 const TAG_DESC_REGEX = /^[A-Za-z0-9_\s-]+$/;
 const EXTERNAL_DOCS_DESC_REGEX = /^[A-Za-z0-9_\s-]+$/;
-const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag }) => {
+const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag, existingTags }) => {
 	const [form] = Form.useForm();
 	const [messageApi, contextHolder] = message.useMessage();
 	const [confirmModalOpen, setConfirmModalOpen] = useState(false);
@@ -7104,7 +7104,7 @@ const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag
 		}
 	}));
 	const isLinkEnabled = Boolean(extDocsDesc?.trim());
-	const isAddEnabled = !!(tagNameValue && TAG_NAME_REGEX.test(tagNameValue));
+	const isAddEnabled = !!(tagNameValue && TAG_NAME_REGEX.test(tagNameValue)) && !form.getFieldsError().some((field) => field.errors.length > 0);
 	useEffect(() => {
 		if (open && mode === "edit" && initialValues) form.setFieldsValue(initialValues);
 		if (!open) form.resetFields();
@@ -7214,7 +7214,13 @@ const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag
 							{
 								pattern: TAG_NAME_REGEX,
 								message: "Only letters, numbers, spaces, underscores, and hyphens"
-							}
+							},
+							{ validator: (_, value) => {
+								if (!value || !existingTags?.length) return Promise.resolve();
+								const originalName = initialValues?.name;
+								if (existingTags.some((t) => t.name.toLowerCase() === value.toLowerCase() && t.name.toLowerCase() !== originalName?.toLowerCase())) return Promise.reject(/* @__PURE__ */ new Error("Tag name already exists"));
+								return Promise.resolve();
+							} }
 						],
 						children: /* @__PURE__ */ jsx(Input, {
 							showCount: true,
@@ -8967,7 +8973,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 	});
 	const [deleteTagModal, setDeleteTagModal] = useState({
 		open: false,
-		tagName: ""
+		tagIndex: -1
 	});
 	const [localTags, setLocalTags] = useState([]);
 	const [messageApi, contextHolder] = message.useMessage();
@@ -9144,7 +9150,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			externalDocsDescription: t.externalDocs?.description,
 			isDefault: t.name.toLowerCase() === "default"
 		})) ?? [];
-		if (!mapped.some((t) => t.isDefault) && selectedApi.tags["default"]) mapped.push({
+		const hasDefault = mapped.some((t) => t.isDefault);
+		const hasDefaultInMapped = mapped.some((t) => t.name.toLowerCase() === "default");
+		if (!hasDefault && !hasDefaultInMapped && selectedApi.tags["default"]) mapped.push({
 			name: "default",
 			isDefault: true
 		});
@@ -9369,11 +9377,13 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 		setBannerVisible(true);
 	};
 	const handleDeleteTagConfirm = () => {
-		setLocalTags((prev) => prev.filter((t) => t.name !== deleteTagModal.tagName));
-		messageApi.success(`${deleteTagModal.tagName} tag has been deleted successfully.`);
+		if (deleteTagModal.tagIndex < 0) return;
+		const tagName = localTags[deleteTagModal.tagIndex]?.name ?? "Tag";
+		setLocalTags((prev) => prev.filter((_, index) => index !== deleteTagModal.tagIndex));
+		messageApi.success(`${tagName} tag has been deleted successfully.`);
 		setDeleteTagModal({
 			open: false,
-			tagName: ""
+			tagIndex: -1
 		});
 		setBannerVisible(true);
 	};
@@ -9772,9 +9782,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 										externalDocsLink: tag.externalDocsUrl
 									}
 								}),
-								onDeleteTag: (tagName) => setDeleteTagModal({
+								onDeleteTag: (_tagName, tagIndex) => setDeleteTagModal({
 									open: true,
-									tagName
+									tagIndex
 								})
 							})
 						}),
@@ -9934,9 +9944,9 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 										externalDocsLink: tag.externalDocsUrl
 									}
 								}),
-								onDeleteTag: (tagName) => setDeleteTagModal({
+								onDeleteTag: (_tagName, tagIndex) => setDeleteTagModal({
 									open: true,
-									tagName
+									tagIndex
 								})
 							})
 						}),
@@ -10064,7 +10074,8 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					mode: "add"
 				}),
 				onAddTag: handleAddTag,
-				onEditTag: handleUpdateTag
+				onEditTag: handleUpdateTag,
+				existingTags: localTags
 			}),
 			/* @__PURE__ */ jsxs(Modal, {
 				open: saveConfirmModal,
@@ -10208,7 +10219,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 				open: deleteTagModal.open,
 				onCancel: () => setDeleteTagModal({
 					open: false,
-					tagName: ""
+					tagIndex: -1
 				}),
 				centered: true,
 				title: null,
@@ -10234,14 +10245,14 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							className: cx("deleteModalTitle"),
 							children: [
 								"Delete ",
-								deleteTagModal.tagName,
+								localTags[deleteTagModal.tagIndex]?.name ?? "Tag",
 								" tag"
 							]
 						}), /* @__PURE__ */ jsx("button", {
 							className: cx("deleteModalCloseBtn"),
 							onClick: () => setDeleteTagModal({
 								open: false,
-								tagName: ""
+								tagIndex: -1
 							}),
 							"aria-label": "Close",
 							children: "×"
@@ -10253,7 +10264,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							className: cx("deleteModalContentText"),
 							children: [
 								"Are you sure you want to delete ",
-								deleteTagModal.tagName,
+								localTags[deleteTagModal.tagIndex]?.name ?? "Tag",
 								" tag?"
 							]
 						})
@@ -10264,7 +10275,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 							size: "middle",
 							onClick: () => setDeleteTagModal({
 								open: false,
-								tagName: ""
+								tagIndex: -1
 							}),
 							style: {
 								borderRadius: 8,