@digi-frontend/dgate-api-documentation 1.0.14 → 1.0.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digi-frontend/dgate-api-documentation",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "types": "dist/types/index.d.ts",

package/src/components/InfoForm/InfoForm.tsx

@@ -44,11 +44,15 @@ const InfoForm = ({ readOnly }: { readOnly?: boolean }) => {
       setTableRecords(generateTableData(values.tags))
       setTableData(values.tags)
     }
-  }, [])
+  }, [values.tags])
 
   const confirmDeleteTag = () => {
     if (selectedTagIndex !== null) {
       setTableData((prev) => prev.filter((_, i) => i !== selectedTagIndex))
+      setFieldValue(
+        `tags`,
+        values.tags?.filter((_, i) => i !== selectedTagIndex)
+      )
     }
     setOpenDeleteDialog(false)
     setSelectedTagIndex(null)
@@ -73,7 +77,8 @@ const InfoForm = ({ readOnly }: { readOnly?: boolean }) => {
 
   const saveNewRow = (tag) => {
     setTableData([...tableData, tag])
-    setFieldValue(`tags`, [...values.tags, tag])
+    const oldTags = values.tags || [];
+    setFieldValue(`tags`, [...oldTags, tag])
   }
 
   const handleDeleteClick = (id: number, name: string) => {
@@ -231,7 +236,8 @@ const InfoForm = ({ readOnly }: { readOnly?: boolean }) => {
                 color="action"
                 endIcon={<SVGLoader src={EditIcon} width="1.5rem" height="1.5rem" />}
                 onClick={() => {
-                  console.log('Move to url')
+                  setDescription(item.externalDocs?.description)
+                  setURL(item.externalDocs?.url)
                 }}
               >
                 {readOnly ||

package/src/components/LivePreview/LivePreview.tsx

@@ -29,7 +29,7 @@ const LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {
       : null
 
   useEffect(() => {
-    if (values.tags && values.tags.length) {
+    if (values.tags) {
       setTableRecords(generateTableData(values.tags, true))
       setTableData(values.tags)
     }
@@ -69,8 +69,8 @@ const LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {
             </a>
           ) : (
             <Button className={styles.editDescBtn} variant="link" color="action">
-              {item.description ? item.description.substring(0, 12) : '-'}
-              {item.description && item.description.length > 12 ? '...' : ''}
+              {item.externalDocs?.description ? item.externalDocs?.description.substring(0, 12) : '-'}
+              {item.externalDocs?.description && item.externalDocs?.description.length > 12 ? '...' : ''}
             </Button>
           )}
 

package/src/components/table/tags-table.tsx

@@ -30,12 +30,12 @@ const TagsTable = ({ id, headCells, data, isFormOpen, setIsFormOpen, saveNewRow,
       externalDocs: yup.object().optional(),
     }),
     onSubmit: (values) => {
+      saveNewRow(values)
       setText('')
       setExternalDesc('')
       setExternalUrl('')
       resetForm()
       setIsFormOpen(false)
-      saveNewRow(values)
     },
   })
   return (