@digi-frontend/dgate-api-documentation 1.0.1 → 1.0.5

package/src/assets/icons/DeleteOutlinedIcon.svg

@@ -1,8 +0,0 @@
-<svg width="67" height="67" viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33.5 66C51.4493 66 66 51.4493 66 33.5C66 15.5507 51.4493 1 33.5 1C15.5507 1 1 15.5507 1 33.5C1 51.4493 15.5507 66 33.5 66Z" stroke="#DA3F3F" stroke-width="1.5"/>
-<path d="M43 27.98C39.67 27.65 36.32 27.48 32.98 27.48C31 27.48 29.02 27.58 27.04 27.78L25 27.98" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M30.5 26.97L30.72 25.66C30.88 24.71 31 24 32.69 24H35.31C37 24 37.13 24.75 37.28 25.67L37.5 26.97" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M40.85 31.1401L40.2 41.2101C40.09 42.7801 40 44.0001 37.21 44.0001H30.79C28 44.0001 27.91 42.7801 27.8 41.2101L27.15 31.1401" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M32.33 38.5H35.66" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M31.5 34.5H36.5" stroke="#DA3F3F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/FilterIcon.svg

@@ -1,4 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.11536 18.875C8.71536 18.875 8.3237 18.775 7.95703 18.575C7.2237 18.1667 6.78203 17.425 6.78203 16.5917V12.175C6.78203 11.7583 6.50703 11.1333 6.2487 10.8167L3.13203 7.51667C2.60703 6.99167 2.20703 6.09167 2.20703 5.41667V3.5C2.20703 2.16667 3.21536 1.125 4.4987 1.125H15.4987C16.7654 1.125 17.7904 2.15 17.7904 3.41667V5.25C17.7904 6.125 17.2654 7.11667 16.7737 7.60833L13.1654 10.8C12.8154 11.0917 12.5404 11.7333 12.5404 12.25V15.8333C12.5404 16.575 12.0737 17.4333 11.4904 17.7833L10.3404 18.525C9.96536 18.7583 9.54036 18.875 9.11536 18.875ZM4.4987 2.375C3.91536 2.375 3.45703 2.86667 3.45703 3.5V5.41667C3.45703 5.725 3.70703 6.325 4.0237 6.64167L7.1987 9.98333C7.6237 10.5083 8.04036 11.3833 8.04036 12.1667V16.5833C8.04036 17.125 8.41536 17.3917 8.5737 17.475C8.9237 17.6667 9.3487 17.6667 9.6737 17.4667L10.832 16.725C11.0654 16.5833 11.2987 16.1333 11.2987 15.8333V12.25C11.2987 11.3583 11.732 10.375 12.357 9.85L15.9237 6.69167C16.207 6.40833 16.5487 5.73333 16.5487 5.24167V3.41667C16.5487 2.84167 16.082 2.375 15.507 2.375H4.4987Z" fill="black"/>
-<path d="M4.99908 8.95741C4.88241 8.95741 4.77408 8.92408 4.66575 8.86575C4.37408 8.68241 4.28241 8.29075 4.46575 7.99908L8.57408 1.41575C8.75741 1.12408 9.14075 1.03241 9.43241 1.21575C9.72408 1.39908 9.81575 1.78241 9.63241 2.07408L5.52408 8.65741C5.40741 8.84908 5.20741 8.95741 4.99908 8.95741Z" fill="black"/>
-</svg>

package/src/assets/icons/Plus.svg

@@ -1,5 +0,0 @@
-<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.5 1.875C4.39319 1.875 1.875 4.39317 1.875 7.5C1.875 10.6062 4.39319 13.125 7.5 13.125C10.6068 13.125 13.125 10.6062 13.125 7.5C13.125 4.39317 10.6068 1.875 7.5 1.875Z" stroke="#12131A" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.43819 7.5L9.56299 7.5" stroke="#12131A" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.50049 5.4377L7.50049 9.5625" stroke="#12131A" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/PlusSquare.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.9058 1.33594C13.1666 1.33594 14.6665 2.94701 14.6665 5.26465V10.7402C14.6665 13.0579 13.1666 14.6689 10.9058 14.6689H5.09424C2.83342 14.6689 1.3335 13.0579 1.3335 10.7402V5.26465C1.33353 2.94919 2.8374 1.33596 5.09424 1.33594H10.9058ZM5.09424 2.2666C3.36631 2.26663 2.26419 3.44892 2.26416 5.26465V10.7402C2.26416 12.5584 3.36262 13.7392 5.09424 13.7393H10.9058C12.6374 13.7393 13.7368 12.5584 13.7368 10.7402V5.26465C13.7368 3.44649 12.6374 2.2666 10.9058 2.2666H5.09424ZM8.00049 5.25977C8.23581 5.25993 8.43064 5.43519 8.46143 5.66211L8.46533 5.72461V7.53125H10.2739C10.5308 7.53125 10.7388 7.74019 10.7388 7.99707C10.7386 8.23232 10.5642 8.42716 10.3374 8.45801L10.2739 8.46191H8.46533V10.2686C8.46527 10.5253 8.25718 10.7332 8.00049 10.7334C7.76519 10.7334 7.57057 10.5588 7.53955 10.332L7.53467 10.2686V8.46191H5.72607C5.46941 8.46181 5.26143 8.25372 5.26123 7.99707C5.26123 7.7616 5.43655 7.56693 5.66357 7.53613L5.72607 7.53125H7.53467V5.72461C7.53486 5.4679 7.74373 5.25977 8.00049 5.25977Z" fill="#4D75D8"/>
-</svg>

package/src/assets/icons/RequestOption.svg

@@ -1,5 +0,0 @@
-<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.6909 16.3087H6.61387C2.92412 16.3087 1.34766 14.7323 1.34766 11.0425V6.96543C1.34766 3.27569 2.92412 1.69922 6.61387 1.69922H10.6909C14.3807 1.69922 15.9572 3.27569 15.9572 6.96543V11.0425C15.9572 14.7323 14.3807 16.3087 10.6909 16.3087ZM6.61387 2.71849C3.48132 2.71849 2.36692 3.83288 2.36692 6.96543V11.0425C2.36692 14.1751 3.48132 15.2894 6.61387 15.2894H10.6909C13.8235 15.2894 14.9379 14.1751 14.9379 11.0425V6.96543C14.9379 3.83288 13.8235 2.71849 10.6909 2.71849H6.61387Z" fill="black"/>
-<path d="M7.01687 11.57C6.88776 11.57 6.75866 11.5225 6.65673 11.4205L4.96475 9.72854C4.56383 9.32763 4.56383 8.6821 4.96475 8.28118L6.65673 6.5892C6.85379 6.39214 7.17995 6.39214 7.37701 6.5892C7.57407 6.78626 7.57407 7.11242 7.37701 7.30948L5.68503 9.00147L7.37701 10.7002C7.57407 10.8973 7.57407 11.2235 7.37701 11.4205C7.27509 11.5157 7.14598 11.57 7.01687 11.57Z" fill="black"/>
-<path d="M10.2814 11.569C10.1523 11.569 10.0232 11.5214 9.92123 11.4195C9.72417 11.2225 9.72417 10.8963 9.92123 10.6992L11.6132 9.00045L9.92123 7.30167C9.72417 7.10461 9.72417 6.77845 9.92123 6.58139C10.1183 6.38433 10.4445 6.38433 10.6415 6.58139L12.3335 8.27337C12.7344 8.67428 12.7344 9.31982 12.3335 9.72073L10.6415 11.4127C10.5464 11.5146 10.4105 11.569 10.2814 11.569Z" fill="#292D32"/>
-</svg>

package/src/assets/icons/arrowDownGray.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.2787 5.96484L8.93208 10.3115C8.41875 10.8248 7.57875 10.8248 7.06542 10.3115L2.71875 5.96484" stroke="#BBBEC5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/arrowRightGray.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.94141 13.2787L10.2881 8.93208C10.8014 8.41875 10.8014 7.57875 10.2881 7.06542L5.94141 2.71875" stroke="#BBBEC5" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/close-circle.svg

@@ -1,5 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.17188 14.8319L14.8319 9.17188" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.8319 14.8319L9.17188 9.17188" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/copy.svg

@@ -1,4 +0,0 @@
-<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 6.45V8.55C8 10.3 7.3 11 5.55 11H3.45C1.7 11 1 10.3 1 8.55V6.45C1 4.7 1.7 4 3.45 4H5.55C7.3 4 8 4.7 8 6.45Z" stroke="#6B7280" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11 3.45V5.55C11 7.3 10.3 8 8.55 8H8V6.45C8 4.7 7.3 4 5.55 4H4V3.45C4 1.7 4.7 1 6.45 1H8.55C10.3 1 11 1.7 11 3.45Z" stroke="#6B7280" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/document.svg

@@ -1,6 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 4.66536V11.332C14 13.332 13 14.6654 10.6667 14.6654H5.33333C3 14.6654 2 13.332 2 11.332V4.66536C2 2.66536 3 1.33203 5.33333 1.33203H10.6667C13 1.33203 14 2.66536 14 4.66536Z" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.66797 3V4.33333C9.66797 5.06667 10.268 5.66667 11.0013 5.66667H12.3346" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33203 8.66797H7.9987" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.33203 11.332H10.6654" stroke="#898E99" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/eye.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.9999 13.5138C10.3532 13.5138 12.5466 12.1271 14.0732 9.72714C14.6732 8.78714 14.6732 7.20714 14.0732 6.26714C12.5466 3.86714 10.3532 2.48047 7.9999 2.48047C5.64656 2.48047 3.45323 3.86714 1.92656 6.26714C1.32656 7.20714 1.32656 8.78714 1.92656 9.72714C3.45323 12.1271 5.64656 13.5138 7.9999 13.5138Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/icons/infoIcon.svg

@@ -1,5 +0,0 @@
-<svg width="67" height="67" viewBox="0 0 67 67" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M33.5 66C51.4493 66 66 51.4493 66 33.5C66 15.5507 51.4493 1 33.5 1C15.5507 1 1 15.5507 1 33.5C1 51.4493 15.5507 66 33.5 66Z" stroke="#FAAD14" stroke-width="1.5"/>
-<line x1="33.5" y1="30" x2="33.5" y2="42" stroke="#FAAD14" stroke-width="2" stroke-linecap="round"/>
-<path d="M35 25.5C35 26.3284 34.3284 27 33.5 27C32.6716 27 32 26.3284 32 25.5C32 24.6716 32.6716 24 33.5 24C34.3284 24 35 24.6716 35 25.5Z" fill="#FAAD14"/>
-</svg>

package/src/assets/icons/searchIcon.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.66536 14.4987C3.8987 14.4987 0.832031 11.432 0.832031 7.66536C0.832031 3.8987 3.8987 0.832031 7.66536 0.832031C11.432 0.832031 14.4987 3.8987 14.4987 7.66536C14.4987 11.432 11.432 14.4987 7.66536 14.4987ZM7.66536 1.83203C4.44536 1.83203 1.83203 4.45203 1.83203 7.66536C1.83203 10.8787 4.44536 13.4987 7.66536 13.4987C10.8854 13.4987 13.4987 10.8787 13.4987 7.66536C13.4987 4.45203 10.8854 1.83203 7.66536 1.83203Z" fill="#8390A2"/>
-<path d="M14.6676 15.1676C14.5409 15.1676 14.4143 15.1209 14.3143 15.0209L12.9809 13.6876C12.7876 13.4943 12.7876 13.1743 12.9809 12.9809C13.1743 12.7876 13.4943 12.7876 13.6876 12.9809L15.0209 14.3143C15.2143 14.5076 15.2143 14.8276 15.0209 15.0209C14.9209 15.1209 14.7943 15.1676 14.6676 15.1676Z" fill="#8390A2"/>
-</svg>

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

@@ -1,348 +0,0 @@
-import { useEffect, useState } from 'react'
-import './style.scss'
-import _styles from '../InfoForm/InfoForm.module.scss'
-import { Button, Input, TextArea } from 'digitinary-ui'
-import Tooltip from '../Tooltip/Tooltip'
-import SVGLoader from '../SVGLoader/SVGLoader'
-import { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'
-import styles from '../MethodAccordion/MethodAccordion.module.scss'
-import { useFormik } from 'formik'
-import * as yup from 'yup'
-import regex from '../../constants/regex'
-
-const TagsTable = ({ id, headCells, data, isFormOpen, setIsFormOpen, saveNewRow, readOnly }) => {
-  const [text, setText] = useState('')
-  const [externalDesc, setExternalDesc] = useState('')
-  const [externalUrl, setExternalUrl] = useState('')
-  const [tooltipRef, setTooltipRef] = useState(null)
-  const [externalTooltipRefs, setExternalTooltipRefs] = useState(null)
-  const { values, errors, setFieldValue, isValid, submitForm, resetForm,dirty } = useFormik({
-    validateOnMount: true,
-    initialValues: {
-      name: '',
-      description: '',
-      externalDocs: {
-        url: '',
-        description: '',
-      },
-    },
-    validationSchema: yup.object().shape({
-      name: yup.string().trim().required('Tag name is required'),
-      description: yup.string().optional(),
-      externalDocs: yup
-        .object()
-        .shape({
-          url: yup
-            .string()
-            .trim()
-            .matches(regex.urlRegex, 'Invalid URL')
-            .when('description', (description, schema) => {
-              return description?.at(0)
-                ? schema.required('URL is required when description is provided')
-                : schema.optional()
-            }),
-          description: yup.string().trim().optional(),
-        })
-        .optional(),
-    }),
-    onSubmit: (values) => {
-      saveNewRow(values)
-      setText('')
-      resetForm()
-      setIsFormOpen(false)
-    },
-    validateOnChange: true,
-  })
-
-  return (
-    <div className="tableSectionContainer">
-      <div className="tableContainer">
-        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>
-          <thead className="tableHead">
-            <tr>
-              {headCells?.map((headCell) => (
-                <th
-                  key={headCell.id}
-                  className={`tableHeadCell ${headCell.classes || ''}`}
-                  style={{ width: headCell.width, minWidth: headCell.minWidth }}
-                >
-                  <div
-                    className="headContainer"
-                    data-id={`${
-                      typeof headCell.label === 'string'
-                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')
-                        : 'UNKNOWN_LABEL'
-                    }_COLUMN`}
-                  >
-                    {headCell.label}
-                  </div>
-                </th>
-              ))}
-            </tr>
-          </thead>
-          <tbody className="tableBody" data-id="TABLE_BODY">
-            {data?.map((row, rowIndex) => {
-              return (
-                <tr key={rowIndex} data-i={rowIndex} className={`row`}>
-                  {headCells?.map((headCell) => {
-                    const cellContent = row[headCell.id] !== '_' && (
-                      <div
-                        data-id="TEXT_DESCRIPTION"
-                        className="tableData"
-                        style={{
-                          width: headCell.width,
-                          minWidth: headCell.minWidth,
-                        }}
-                      >
-                        {row[headCell.id]}
-                      </div>
-                    )
-
-                    return (
-                      <td
-                        key={headCell.id}
-                        style={{
-                          width: headCell.width,
-                          minWidth: headCell.minWidth,
-                        }}
-                      >
-                        {cellContent}
-                      </td>
-                    )
-                  })}
-                </tr>
-              )
-            })}
-            {isFormOpen ? (
-              <tr key={''} data-i={''} className={`row`}>
-                <td key={'tag name'}>
-                  <div data-id="TEXT_DESCRIPTION" className="tableData">
-                    <Input
-                      placeholder="Tag name"
-                      size="large"
-                      type="text"
-                      maxLength={25}
-                      onChange={(value) => {
-                        !regex.basic.test(value) && setFieldValue('name', value)
-                      }} // Pass the value directly
-                      value={values.name} // Bind value to the state
-                      disabled={readOnly}
-                    />
-                  </div>
-                </td>
-
-                <td key={'tagDescRequired'}>
-                  <div data-id="TEXT_DESCRIPTION" className="tableData">
-                    <div className={styles.paramDescContainer}>
-                      <Tooltip
-                        arrowWithBorder
-                        placement="bottom-end"
-                        type="function"
-                        trigger="click"
-                        delay={[0, 0]}
-                        onCreate={(instance) => setTooltipRef(instance)}
-                        onShow={() => {
-                          setText(values.description || '') // Reset to current value when shown
-                        }}
-                        onHidden={() => {
-                          setText(values.description || '') // Reset on close
-                        }}
-                        content={
-                          <div className={_styles.editDescTooltipContent}>
-                            <p className={_styles.editDescTooltipContent_header}>Description</p>
-                            <TextArea
-                              value={text || values.description}
-                              disabled={readOnly}
-                              maxLength={25}
-                              placeholder="Describe Tag..."
-                              onChange={(value) => {
-                                if (value === '' || regex.ASCII.test(value)) setText(value)
-                              }}
-                            />
-                            {!readOnly && (
-                              <Button
-                                className={_styles.editDescTooltipContent_btn}
-                                variant="outlined"
-                                size="small"
-                                onClick={() => {
-                                  setFieldValue('description', text?.trim())
-                                  tooltipRef?.hide()
-                                }}
-                                disabled={!(text || values.description)?.trim()}
-                              >
-                                Apply
-                              </Button>
-                            )}
-                          </div>
-                        }
-                      >
-                        <Button
-                          className={_styles.editDescBtn}
-                          style={{ paddingLeft: 0 }}
-                          variant="link"
-                          color="action"
-                          endIcon={<SVGLoader src={EditIcon} width="1.5rem" height="1.5rem" />}
-                        >
-                          {readOnly ? 'View ' : 'Add '} Description
-                        </Button>
-                      </Tooltip>
-                    </div>{' '}
-                  </div>
-                </td>
-                <td key={'tagExternal'}>
-                  <div className="tableData">
-                    <div className={_styles.paramDescContainer}>
-                      <Tooltip
-                        arrowWithBorder
-                        placement="bottom-end"
-                        type="function"
-                        trigger="click"
-                        delay={[0, 0]}
-                        onCreate={(instance) => setExternalTooltipRefs(instance)}
-                        onShow={() => {
-                          setExternalDesc(values.externalDocs.description || '')
-                          setExternalUrl(values.externalDocs.url || '')
-                        }}
-                        onHidden={() => {
-                          setExternalDesc(values.externalDocs.description || '')
-                          setExternalUrl(values.externalDocs.url || '')
-                        }}
-                        content={
-                          <div className={_styles.editDescTooltipContent}>
-                            <p className={_styles.editDescTooltipContent_header}>
-                              External Docs Description
-                            </p>
-                            <TextArea
-                              placeholder="Describe External Doc..."
-                              value={externalDesc || values.externalDocs.description}
-                              disabled={readOnly}
-                              maxLength={25}
-                              onChange={(value) => {
-                                if (value === '' || regex.ASCII.test(value)) setExternalDesc(value)
-                              }}
-                            />
-                            <p className={_styles.editDescTooltipContent_header}>
-                              External Docs Link
-                            </p>
-                            <TextArea
-                              placeholder="External Docs Link..."
-                              restrictedCharsRegex={regex.urlRegex}
-                              value={externalUrl || values.externalDocs.url}
-                              disabled={readOnly}
-                              maxLength={200}
-                              onChange={(value) => {
-                                if (value === '' || regex.ASCII.test(value)) setExternalUrl(value)
-                              }}
-                            />
-                            {!readOnly && (
-                              <Button
-                                className={_styles.editDescTooltipContent_btn}
-                                variant="outlined"
-                                size="small"
-                                onClick={() => {
-                                  setFieldValue(`externalDocs`, {
-                                    description: externalDesc,
-                                    url: externalUrl,
-                                  })
-
-                                  externalTooltipRefs?.hide()
-                                }}
-                                disabled={
-                                  !(externalUrl || values.externalDocs.url)?.trim() ||
-                                  !regex.urlRegex.test(externalUrl || values.externalDocs.url)
-                                }
-                              >
-                                Apply
-                              </Button>
-                            )}
-                          </div>
-                        }
-                      >
-                        {readOnly ? (
-                          <a
-                            className={_styles.editDescBtn}
-                            variant="link"
-                            color="action"
-                            href={values.externalDocs?.url}
-                            target="_blank"
-                          >
-                            {values?.externalDocs?.description
-                              ? values?.externalDocs?.description?.substring(0, 12)
-                              : '-'}
-                            {values?.externalDocs?.description &&
-                            values?.externalDocs?.description?.length > 12
-                              ? '...'
-                              : ''}
-                          </a>
-                        ) : (
-                          <Button
-                            className={_styles.editDescBtn}
-                            variant="link"
-                            color="action"
-                            endIcon={<SVGLoader src={EditIcon} width="1.5rem" height="1.5rem" />}
-                          >
-                            {readOnly ? 'View ' : 'Add '} External Docs Link
-                          </Button>
-                        )}
-                      </Tooltip>
-                      <div className={_styles.paramDescContainer_separator}></div>
-                      {!readOnly && (
-                        <Button
-                          className={_styles.deleteParamBtn}
-                          variant="link"
-                          color="error"
-                          endIcon={
-                            <SVGLoader src={DeleteIcon} width="1.125rem" height="1.125rem" />
-                          }
-                          onClick={() => {
-                            resetForm()
-                            setText('')
-                            setIsFormOpen(false)
-                          }} // Correctly delete the new row
-                        />
-                      )}
-
-                      {!readOnly && (
-                        <Button
-                          className={_styles.deleteParamBtn}
-                          variant="link"
-                          color="success"
-                          disabled={!isValid || !dirty}
-                          endIcon={<SVGLoader src={AddRow} width="0.125rem" height="0.125rem" />}
-                          onClick={() => {
-                            setText('')
-                            submitForm()
-                          }} // Save the new row when clicked
-                        />
-                      )}
-                    </div>
-                  </div>
-                </td>
-              </tr>
-            ) : (
-              <>
-                {!readOnly && (
-                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>
-                    <td colSpan={5}>
-                      <Button
-                        variant="link"
-                        color="primary"
-                        onClick={() => {
-                          setIsFormOpen((prev) => !prev)
-                        }}
-                      >
-                        + Add Tag
-                      </Button>
-                    </td>
-                  </tr>
-                )}
-              </>
-            )}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  )
-}
-
-export default TagsTable

package/src/constants/methods.constant.ts

@@ -1,26 +0,0 @@
-export type MethodOption = {
-  label: string
-  value: string
-  color: string
-}
-
-export const METHOD_OPTIONS: MethodOption[] = [
-  { label: 'Post', value: 'POST', color: '#10b981' },
-  { label: 'GET', value: 'GET', color: '#3b82f6' },
-  { label: 'Delete', value: 'DELETE', color: '#ef4444' },
-  { label: 'Put', value: 'PUT', color: '#f59e0b' },
-  { label: 'PATCH', value: 'PATCH', color: '#C0F4E8' },
-  { label: 'OPTIONS', value: 'OPTIONS', color: '#6b7280' },
-  { label: 'HEAD', value: 'HEAD', color: '#8b5cf6' },
-  { label: 'TRACE', value: 'TRACE', color: '#ec4899' },
-]
-
-export const METHOD_OPTIONS_CONFIG = [
-  {
-    list: METHOD_OPTIONS.map((method) => ({
-      labelConfig: { color: method.color, text: method.label },
-      value: method.value,
-      data: method,
-    })),
-  },
-]

package/src/context/SectionToggleContext.tsx

@@ -1,121 +0,0 @@
-import React, { createContext, useContext, useState, ReactNode, useMemo, useCallback } from 'react'
-
-export enum SectionEnum {
-  OVERVIEW = 'overview',
-  RESOURCE = 'resource',
-  API_SECTION = 'apiSection',
-  TAG_SECTION = 'tagSection',
-  ENDPOINTS_SECTION = 'endpointsSection',
-}
-
-type SectionKey =
-  | `api_${string}_${SectionEnum}`
-  | `api_${string}_${SectionEnum}_${string | number}`
-  | `api_${string}_${SectionEnum}_${string | number}_${string | number}`
-type ExpandedSections = Record<SectionKey, boolean>
-
-interface SectionToggleContextType {
-  expandedSections: ExpandedSections
-  toggleSection: (
-    apiId: string,
-    sections: ToggleSectionDescriptor[],
-    options?: ToggleOptions
-  ) => void
-  generateSectionKey: ({ apiId, type, index, id }: GenerateSectionKeyParams) => SectionKey
-}
-
-interface SectionToggleProviderProps {
-  children: ReactNode
-}
-
-export interface ToggleSectionDescriptor {
-  type: SectionEnum
-  index?: string | number
-  setTo?: boolean
-  id?: string
-}
-
-export interface ToggleOptions {
-  resetOthers?: boolean
-  filterKeys?: SectionEnum[]
-}
-
-interface GenerateSectionKeyParams {
-  apiId: string
-  type: SectionEnum
-  index?: string | number
-  id?: string | number
-}
-
-const SectionToggleContext = createContext<SectionToggleContextType | null>(null)
-
-export const useSectionToggle = () => {
-  const context = useContext(SectionToggleContext)
-  if (!context) {
-    throw new Error('useSectionToggle must be used within SectionToggleProvider')
-  }
-  return context
-}
-
-export const SectionToggleProvider = ({ children }: SectionToggleProviderProps) => {
-  const [expandedSections, setExpandedSections] = useState<ExpandedSections>({})
-
-  const generateSectionKey = ({ apiId, type, index, id }: GenerateSectionKeyParams): SectionKey => {
-    let key = `api_${apiId}_${type}`
-
-    if (index !== undefined) key += `_${index}`
-    if (id !== undefined) key += `_${id}`
-
-    return key as SectionKey
-  }
-
-  const toggleSection = useCallback(
-    (apiId: string, sections: ToggleSectionDescriptor[], options: ToggleOptions = {}) => {
-      const { resetOthers = false, filterKeys = [] } = options
-
-      const sectionIds = sections.map(({ type, index, id }) =>
-        generateSectionKey({ apiId, type, index, id })
-      )
-
-      const sectionToggles = Object.fromEntries(
-        sections.map(({ type, index, setTo, id }) => {
-          const sectionId = generateSectionKey({ apiId, type, index, id })
-          const currentValue = expandedSections[sectionId]
-
-          return [sectionId, setTo !== undefined ? setTo : !currentValue]
-        })
-      )
-
-      if (resetOthers && filterKeys.length > 0) {
-        const filtered = Object.fromEntries(
-          Object.entries(expandedSections).filter(([key]) => {
-            const shouldKeep = key.includes(apiId) && !filterKeys.some((k) => key.includes(k))
-            return shouldKeep || sectionIds.includes(key as SectionKey)
-          })
-        )
-        const newState = { ...filtered, ...sectionToggles }
-        setExpandedSections(newState)
-      } else {
-        setExpandedSections((prev) => {
-          const next = { ...prev, ...sectionToggles }
-
-          return next
-        })
-      }
-    },
-    [expandedSections]
-  )
-
-  const contextValue = useMemo(
-    () => ({
-      expandedSections,
-      toggleSection,
-      generateSectionKey,
-    }),
-    [expandedSections, toggleSection]
-  )
-
-  return (
-    <SectionToggleContext.Provider value={contextValue}>{children}</SectionToggleContext.Provider>
-  )
-}

package/src/helpers/docs.helper.ts

@@ -1,42 +0,0 @@
-import { ApiSpecModel } from '@entities/index'
-import { HTTPMethod, OpenAPIFile } from '@entities/openApi'
-import { nanoid } from 'nanoid'
-import { OverviewData, TagData } from 'src/layout/docsLayout'
-
-export const transformOpenApiToDocs = (api: ApiSpecModel): OverviewData => {
-  const parsedOpenApi: OpenAPIFile =
-    typeof api.metaData.openApiJson === 'string'
-      ? JSON.parse(api.metaData.openApiJson)
-      : api.metaData.openApiJson
-
-  const groupedPathsByTags: Record<string, TagData[]> = { default: [] }
-  const validTags = new Set(parsedOpenApi?.tags?.map(({ name }) => name) || [])
-
-  for (const [path, methods] of Object.entries(parsedOpenApi.paths)) {
-    for (const [method, methodData] of Object.entries(methods)) {
-      const entry = { ...methodData, method: method as HTTPMethod, path }
-      const resourceTags = methodData.tags ?? []
-
-      const matchedTags = resourceTags.filter((tag) => validTags.has(tag))
-
-      if (matchedTags.length > 0) {
-        matchedTags.forEach((tag) => {
-          if (!groupedPathsByTags[tag]) groupedPathsByTags[tag] = []
-          groupedPathsByTags[tag].push({ ...entry, id: nanoid(8) } as TagData)
-        })
-      } else {
-        groupedPathsByTags.default.push({ ...entry, id: nanoid(8) } as TagData)
-      }
-    }
-  }
-
-  return {
-    ...parsedOpenApi.info,
-    apiSpecId: api.apiSpecId,
-    contextPath: api.contextPath,
-    associatedProduct: api.associatedProduct,
-    apiVersions: api.apiVersions,
-    tags: groupedPathsByTags,
-    servers: parsedOpenApi.servers,
-  }
-}