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

package/package.json

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

package/src/components/InfoForm/InfoForm.tsx

@@ -213,6 +213,7 @@ const InfoForm = ({ readOnly }: { readOnly?: boolean }) => {
                 onClick={() => {
                   const a = document.createElement('a')
                   a.href = item.externalDocs?.url
+                  a.target="_blank"
                   a.click()
                 }}
               >

package/src/components/LivePreview/LivePreview.tsx

@@ -29,7 +29,6 @@ const LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {
       : null
 
   useEffect(() => {
-    console.log({updated: values.tags})
     if (values.tags && values.tags.length) {
       setTableRecords(generateTableData(values.tags, true))
       setTableData(values.tags)
@@ -42,79 +41,24 @@ const LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {
       tagName: item.name,
       description: (
         <div className={styles.paramDescContainer}>
-          <Tooltip
-            arrowWithBorder
-            placement="bottom-end"
-            type="function"
-            trigger="click"
-            delay={[0, 0]}
-            onCreate={(instance) =>
-              setTooltipRefs((prev) => ({
-                ...prev,
-                [index]: instance,
-              }))
-            }
-            content={
-              <div className={styles.editDescTooltipContent}>
-                <p className={styles.editDescTooltipContent_header}>Description</p>
-                <TextArea
-                  placeholder="Describe parameter..."
-                  value={item.description}
-                  disabled={readOnly}
-                  onChange={(value) => null}
-                />
-              </div>
-            }
-          >
-            <Button className={styles.editDescBtn} variant="link" color="action">
-              {item.description ? item.description.substring(0, 12) : '-'}
-              {item.description && item.description.length > 12 ? '...' : ''}
-            </Button>
-          </Tooltip>
+          <Button className={styles.editDescBtn} variant="link" color="action">
+            {item.description ? item.description.substring(0, 12) : '-'}
+            {item.description && item.description.length > 12 ? '...' : ''}
+          </Button>
         </div>
       ),
       externalDocs: (
         <div className={styles.paramDescContainer}>
-          <Tooltip
-            arrowWithBorder
-            placement="bottom-end"
-            type="function"
-            trigger="click"
-            delay={[0, 0]}
-            onCreate={(instance) =>
-              setExternalTooltipRefs((prev) => ({
-                ...prev,
-                [index]: instance,
-              }))
-            }
-            content={
-              <div className={styles.editDescTooltipContent}>
-                <p className={styles.editDescTooltipContent_header}>External Docs Description</p>
-                <TextArea
-                  placeholder="Describe External Doc..."
-                  value={item.externalDocs?.description}
-                  disabled={readOnly}
-                  onChange={(value) => null}
-                />
-                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>
-                <TextArea
-                  placeholder="External Docs Link..."
-                  value={item.externalDocs?.url}
-                  disabled={readOnly}
-                  onChange={(value) => null}
-                />
-              </div>
-            }
-          >
-            <Button
+          {item.externalDocs && item.externalDocs.url && item.externalDocs.url != '-' ? (
+            <a
               className={styles.editDescBtn}
-              variant="link"
-              color="action"
-              onClick={() => {
-                const a = document.createElement('a')
-                a.href = item.externalDocs?.url
-                a.click()
-              }}
+              href={
+                item.externalDocs?.url && item.externalDocs?.url.indexOf('http') > -1
+                  ? item.externalDocs?.url
+                  : `https://${item.externalDocs?.url}`
+              }
+              rel="noopener noreferrer"
+              target="_blank"
             >
               {item?.externalDocs?.description
                 ? item?.externalDocs?.description?.substring(0, 12)
@@ -122,8 +66,15 @@ const LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {
               {item?.externalDocs?.description && item?.externalDocs?.description?.length > 12
                 ? '...'
                 : ''}
+            </a>
+          ) : (
+            <Button className={styles.editDescBtn} variant="link" color="action">
+              {item.description ? item.description.substring(0, 12) : '-'}
+              {item.description && item.description.length > 12 ? '...' : ''}
             </Button>
-          </Tooltip>
+          )}
+
+          {/* </Tooltip> */}
 
           {!readOnly && <div className={styles.paramDescContainer_separator}></div>}
 
@@ -156,12 +107,9 @@ const LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {
             value={info?.description || '-'}
           />
 
-          <SimpleLabelValue
-            key={'tags'}
-            label={'Tags: '}
-          />
+          <SimpleLabelValue key={'tags'} label={'Tags: '} />
           <TagsTable
-          id="tags-table"
+            id="tags-table"
             data={tableRecords}
             headCells={tagsTableHeaders}
             isFormOpen={false}

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

@@ -216,16 +216,13 @@ const TagsTable = ({ id, headCells, data, isFormOpen, setIsFormOpen, saveNewRow,
                         }
                       >
                         {readOnly ? (
-                          <Button
+                          <a
                             className={_styles.editDescBtn}
                             variant="link"
                             color="action"
-                            onClick={() => {
-                              const a = document.createElement('a')
-                              a.href = values.externalDocs?.url
-                              a.target = '_blank'
-                              a.click()
-                            }}
+                            href={values.externalDocs?.url}
+                            target='_blank'
+                         
                           >
                             {values?.externalDocs?.description
                               ? values?.externalDocs?.description?.substring(0, 12)
@@ -234,7 +231,7 @@ const TagsTable = ({ id, headCells, data, isFormOpen, setIsFormOpen, saveNewRow,
                             values?.externalDocs?.description?.length > 12
                               ? '...'
                               : ''}
-                          </Button>
+                          </a>
                         ) : (
                           <Button
                             className={_styles.editDescBtn}