@digi-frontend/dgate-api-documentation 1.0.84 → 1.0.85

package/dist/src/helpers/layout.helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.helper.js","sources":["../../../src/helpers/layout.helper.ts"],"sourcesContent":["import { TransformedPathsArray } from '@entities/layout.type'\nimport { OpenAPIFile, SecurityScheme } from '@entities/openApi'\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\n\nexport const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpenApi => {\n  if (openApiJson.components && openApiJson.components.securitySchemes) {\n    const authKey = Object.keys(openApiJson.components.securitySchemes)?.at(0)\n    if (authKey) {\n      openApiJson.components.securitySchemes[authKey].type = openApiJson?.components\n        ?.securitySchemes?.[authKey]?.type as SecurityScheme['type']\n    }\n  } else {\n    openApiJson.components = {\n      securitySchemes: {\n        Public: {\n          type: 'http',\n          scheme: 'public',\n        },\n      },\n    }\n  }\n\n  if (!openApiJson.tags) {\n    openApiJson.tags = []\n  }\n\n  return {\n    ...openApiJson,\n    paths: transformPathsToArray(openApiJson.paths),\n  } as TransformedOpenApi\n}\n\nexport const transformOpenApiObjectToOrigin = (values: TransformedOpenApi): OpenAPIFile => {\n  const object = {\n    ...values,\n    paths: transformPathsArrayToOrigin(values.paths),\n  }\n  if (object.components && object.components.securitySchemes) {\n    const authKey = Object.keys(object.components.securitySchemes)?.at(0)\n    if (authKey) {\n      if (object.components.securitySchemes[authKey].type.toLowerCase() == 'APIKEY'.toLowerCase()) {\n        object.components.securitySchemes[authKey].in = object.components.securitySchemes[authKey]\n          .in as SecurityScheme['in']\n      }\n      object.components.securitySchemes[authKey].type = object?.components?.securitySchemes?.[\n        authKey\n      ]?.type as SecurityScheme['type']\n    }\n  }\n  return object\n}\n\nexport const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedPathsArray | any => {\n  const transformedPaths = Object.entries(paths).map(([path, methods]) => ({\n    path,\n    methods: Object.entries(methods).map(([method, methodProps]) => {\n      const obj: any = {\n        ...methodProps,\n        type: method,\n        tags: methodProps.tags || [],\n        summary: methodProps.summary || '',\n        responses: Object.entries(methodProps.responses).map(([code, codeProps]) => {\n          const contentType = Object.keys(codeProps.content || {})[0]\n          const headers = !codeProps?.headers ? {} : codeProps.headers\n          return {\n            code,\n            headers,\n            content: {\n              contentType,\n              schema: {\n                ...codeProps.content?.[contentType]?.schema,\n                properties: JSON.stringify(codeProps.content?.[contentType]?.schema?.properties),\n              },\n            },\n          }\n        }),\n      }\n      // Add parameters if it does not exist in the original JSON\n      if (!methodProps?.parameters) {\n        obj.parameters = []\n      }\n\n      // load response headers parameters\n\n      if (method.toLowerCase() != 'get') {\n        const contentType = Object.keys(methodProps?.requestBody?.content || {})[0]\n        const reqSchema = methodProps?.requestBody?.content?.schema\n        const requestBodyData = methodProps?.requestBody?.content?.schema?.properties\n          ? {\n              content: {\n                contentType,\n                schema: {\n                  ...reqSchema,\n                  properties: reqSchema?.properties ? JSON.stringify(reqSchema?.properties) : '{}',\n                },\n              },\n            }\n          : {\n              content: {\n                contentType: 'application/json',\n                schema: {\n                  properties: '{}',\n                  type: 'object',\n                },\n              },\n            }\n\n        obj['requestBody'] = requestBodyData\n      }\n      return obj\n    }),\n  }))\n\n  return transformedPaths\n}\n\nconst validateBodyForResponse = (content, method) => {\n  if (!(content?.schema as any) || !(content?.schema as any)?.properties) {\n    return {}\n  }\n  let _content = JSON.parse((content?.schema as any)?.properties as string)\n\n  return _content\n}\n\nexport const transformPathsArrayToOrigin = (paths: TransformedPathsArray): OpenAPIFile['paths'] => {\n  return paths.reduce((acc, { path, methods }) => {\n    acc[path] = methods.reduce(\n      (methodAcc, { type, tags, responses, summary, requestBody, ...rest }) => {\n        // Initialize the method object\n        methodAcc[type] = {\n          ...rest,\n          tags,\n          summary,\n          responses: responses.reduce((respAcc, { code, content, headers }) => {\n            const formattedHeaders: Record<string, any> = {}\n            if (headers) {\n              for (const [key, value] of Object.entries(headers)) {\n                formattedHeaders[key] = {\n                  description: value.description || '',\n                  required: value.required || false,\n                  schema: value.schema || {},\n                }\n              }\n            }\n            respAcc[code] = {\n              description: 'Success', // Assuming this is static from the original data\n              content: content.contentType\n                ? {\n                    [content.contentType]: {\n                      schema: {\n                        ...(content.schema as object),\n                        properties: validateBodyForResponse(content, type),\n                      },\n                    },\n                  }\n                : {},\n              headers: formattedHeaders,\n            }\n            return respAcc\n          }, {} as Record<string, any>),\n        }\n\n        const parsedRequestBodyProps =\n          type !== 'get' ? JSON.parse(requestBody.content.schema.properties) : {}\n        // Add requestBody for non-GET methods\n        if (type !== 'get') {\n          methodAcc[type].requestBody = {\n            content: {\n              [requestBody.content.contentType]: {\n                schema: {\n                  ...requestBody.content.schema,\n                  properties: parsedRequestBodyProps,\n                },\n              },\n            },\n          }\n        }\n\n        return methodAcc\n      },\n      {} as Record<string, any>\n    )\n\n    return acc\n  }, {} as OpenAPIFile['paths'])\n}\n"],"names":["transformOpenApiObject","openApiJson","components","securitySchemes","authKey","_a","Object","keys","at","type","_d","_c","_b","Public","scheme","tags","assign","paths","transformPathsToArray","transformOpenApiObjectToOrigin","values","object","transformPathsArrayToOrigin","toLowerCase","in","entries","map","path","methods","method","methodProps","obj","summary","responses","code","codeProps","contentType","content","headers","schema","properties","JSON","stringify","_e","parameters","requestBody","reqSchema","requestBodyData","validateBodyForResponse","parse","reduce","acc","methodAcc","rest","__rest","respAcc","formattedHeaders","key","value","description","required","parsedRequestBodyProps"],"mappings":"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"}
+{"version":3,"file":"layout.helper.js","sources":["../../../src/helpers/layout.helper.ts"],"sourcesContent":["import { TransformedPathsArray } from '@entities/layout.type'\nimport { OpenAPIFile, SecurityScheme } from '@entities/openApi'\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\n\nconst resolveRef = (ref: string, openApiJson: OpenAPIFile): Object => {\n  const parts = ref.replace(/^#\\//, '').split('/')\n  return parts.reduce((obj, key) => obj?.[key], openApiJson)\n}\n\nexport const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpenApi => {\n  if (openApiJson.components && openApiJson.components.securitySchemes) {\n    const authKey = Object.keys(openApiJson.components.securitySchemes)?.at(0)\n    if (authKey) {\n      openApiJson.components.securitySchemes[authKey].type = openApiJson?.components\n        ?.securitySchemes?.[authKey]?.type as SecurityScheme['type']\n    }\n  } else {\n    openApiJson.components = {\n      securitySchemes: {\n        Public: {\n          type: 'http',\n          scheme: 'public',\n        },\n      },\n      ...(openApiJson.components || {}),\n    }\n  }\n\n  if (!openApiJson.tags) {\n    openApiJson.tags = []\n  }\n\n  return {\n    ...openApiJson,\n    paths: transformPathsToArray(openApiJson),\n  } as TransformedOpenApi\n}\n\nexport const transformOpenApiObjectToOrigin = (values: TransformedOpenApi): OpenAPIFile => {\n  const object = {\n    ...values,\n    paths: transformPathsArrayToOrigin(values.paths),\n  }\n  if (object.components && object.components.securitySchemes) {\n    const authKey = Object.keys(object.components.securitySchemes)?.at(0)\n    if (authKey) {\n      if (object.components.securitySchemes[authKey].type.toLowerCase() == 'APIKEY'.toLowerCase()) {\n        object.components.securitySchemes[authKey].in = object.components.securitySchemes[authKey]\n          .in as SecurityScheme['in']\n      }\n      object.components.securitySchemes[authKey].type = object?.components?.securitySchemes?.[\n        authKey\n      ]?.type as SecurityScheme['type']\n    }\n  }\n  return object\n}\n\nexport const transformPathsToArray = (openApiJson: OpenAPIFile): TransformedPathsArray | any => {\n  const paths: OpenAPIFile['paths'] = openApiJson.paths\n  const transformedPaths = Object.entries(paths).map(([path, methods]) => ({\n    path,\n    methods: Object.entries(methods).map(([method, methodProps]) => {\n      const obj: any = {\n        ...methodProps,\n        type: method,\n        tags: methodProps.tags || [],\n        summary: methodProps.summary || '',\n        responses: Object.entries(methodProps.responses).map(([code, codeProps]) => {\n          const contentType = Object.keys(codeProps.content || {})[0]\n          let headers = codeProps?.headers ?? {}\n\n          // ? Fix headers with items property\n          Object.keys(headers).map((header: string) => {\n            let headerObj = headers[header]\n            if (\n              headerObj?.schema &&\n              headerObj?.schema?.type &&\n              headerObj?.schema?.type != 'array'\n            ) {\n              delete headers[header]?.schema?.items\n            }\n          })\n\n          let schema = codeProps.content?.[contentType]?.schema\n          if (schema?.$ref) {\n            schema = resolveRef(schema?.$ref, openApiJson)\n          } else if (schema?.type == 'array' && schema?.items?.$ref) {\n            const resolvedItemSchema = resolveRef(schema.items.$ref, openApiJson)\n            schema = {\n              ...schema,\n              items: resolvedItemSchema,\n            }\n          }\n\n          return {\n            code,\n            headers,\n            content: {\n              contentType,\n              schema: {\n                ...schema,\n                properties: JSON.stringify(schema?.properties || schema?.items?.properties),\n              },\n            },\n          }\n        }),\n      }\n\n      if (!obj.responses.find((item) => item.code == '200')) {\n        obj.responses.push({\n          code: '200',\n          content: {\n            contentType: 'application/json',\n            schema: {},\n          },\n          headers: {},\n        })\n      }\n      // Add parameters if it does not exist in the original JSON\n      if (!methodProps?.parameters) {\n        obj.parameters = []\n      }\n\n      // load response headers parameters\n\n      if (method.toLowerCase() != 'get') {\n        const contentType = Object.keys(methodProps?.requestBody?.content || {})[0]\n        let reqSchema = methodProps?.requestBody?.content?.[contentType]?.schema\n\n        if (reqSchema?.$ref) {\n          reqSchema = resolveRef(reqSchema.$ref, openApiJson)\n        } else if (reqSchema?.type === 'array' && reqSchema.items?.$ref) {\n          reqSchema = {\n            ...reqSchema,\n            items: resolveRef(reqSchema.items.$ref, openApiJson),\n          }\n        }\n\n        const requestBodyData = reqSchema\n          ? {\n              content: {\n                contentType,\n                schema: {\n                  ...reqSchema,\n                  properties: JSON.stringify(reqSchema?.properties || reqSchema?.items?.properties),\n                },\n              },\n            }\n          : {\n              content: {\n                contentType: 'application/json',\n                schema: {\n                  properties: '{}',\n                  type: 'object',\n                },\n              },\n            }\n\n        obj['requestBody'] = requestBodyData\n      }\n      return obj\n    }),\n  }))\n\n  return transformedPaths\n}\n\nconst validateBodyForResponse = (content, method) => {\n  if (!(content?.schema as any) || !(content?.schema as any)?.properties) {\n    return {}\n  }\n  let _content = JSON.parse((content?.schema as any)?.properties as string)\n\n  return _content\n}\n\nexport const transformPathsArrayToOrigin = (paths: TransformedPathsArray): OpenAPIFile['paths'] => {\n  return paths.reduce((acc, { path, methods }) => {\n    acc[path] = methods.reduce(\n      (methodAcc, { type, tags, responses, summary, requestBody, ...rest }) => {\n        // Initialize the method object\n        // ? Validate (rest) [parameters]\n        let copiedRest = structuredClone(rest || {})\n        if (copiedRest && copiedRest.parameters) {\n          copiedRest.parameters.map((param) => {\n            if (param && param?.schema?.items && param?.schema?.items?.type == 'array') {\n              param.schema.items.items = {}\n            }\n            return param\n          })\n        }\n        methodAcc[type] = {\n          ...copiedRest,\n          tags,\n          summary,\n          responses: responses.reduce((respAcc, { code, content, headers }) => {\n            const formattedHeaders: Record<string, any> = {}\n            if (headers) {\n              for (const [key, value] of Object.entries(headers)) {\n                formattedHeaders[key] = {\n                  description: value.description || '',\n                  required: value.required || false,\n                  schema: value.schema || {},\n                }\n              }\n            }\n            respAcc[code] = {\n              description: 'Success', // Assuming this is static from the original data\n              content: content.contentType\n                ? {\n                    [content.contentType]: {\n                      schema: {\n                        ...(content.schema as object),\n                        properties: validateBodyForResponse(content, type),\n                      },\n                    },\n                  }\n                : {},\n              headers: formattedHeaders,\n            }\n            return respAcc\n          }, {} as Record<string, any>),\n        }\n\n        const parsedRequestBodyProps =\n          type !== 'get' ? JSON.parse(requestBody.content.schema.properties) : {}\n        // Add requestBody for non-GET methods\n        if (type !== 'get') {\n          methodAcc[type].requestBody = {\n            content: {\n              [requestBody.content.contentType]: {\n                schema: {\n                  ...requestBody.content.schema,\n                  properties: parsedRequestBodyProps,\n                },\n              },\n            },\n          }\n        }\n\n        return methodAcc\n      },\n      {} as Record<string, any>\n    )\n\n    return acc\n  }, {} as OpenAPIFile['paths'])\n}\n"],"names":["resolveRef","ref","openApiJson","replace","split","reduce","obj","key","transformOpenApiObject","components","securitySchemes","authKey","_a","Object","keys","at","type","_d","_c","_b","assign","Public","scheme","tags","paths","transformPathsToArray","transformOpenApiObjectToOrigin","values","object","transformPathsArrayToOrigin","toLowerCase","in","entries","map","path","methods","method","methodProps","summary","responses","code","codeProps","contentType","content","headers","header","headerObj","schema","items","$ref","resolvedItemSchema","properties","JSON","stringify","_e","find","item","push","parameters","requestBody","reqSchema","requestBodyData","_f","validateBodyForResponse","parse","acc","methodAcc","rest","__rest","copiedRest","structuredClone","param","respAcc","formattedHeaders","value","description","required","parsedRequestBodyProps"],"mappings":"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"}

package/dist/src/layout/layout.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as t,useEffect as o}from"react";import{d as i}from"../../_virtual/index.js";import r from"../components/MethodAccordion/MethodAccordion.js";import s from"./layout.module.css.js";import n from"../components/InfoForm/InfoForm.js";import a from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as l,transformOpenApiObjectToOrigin as d}from"../helpers/layout.helper.js";import m from"../components/LivePreview/LivePreview.js";import{useFormik as c,FormikProvider as u}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as h}from"../validator/form.scheme.js";import{methodColorMapping as p}from"../constants/index.js";import v from"../components/dialog/index.js";const j=({openApiJson:j,handleSave:x,setIsFormDirty:f,openApiErrors:g})=>{const S=structuredClone(j),y=l(S),A=c({initialValues:structuredClone(y),validationSchema:h,validateOnMount:!0,onSubmit:(e,{validateForm:t,resetForm:o,setSubmitting:i})=>{try{const i=d(e);x(i),o({values:e}),t(e)}catch(e){i(!1)}}}),{dirty:b,isValid:F,isSubmitting:C,values:N,setFieldValue:w,handleSubmit:H,errors:P}=A,[$,_]=t(!1),[D,I]=t(null);return o((()=>{f&&f(b)}),[b]),o((()=>{console.log({values:N,errors:P})}),[N]),e.jsxs("div",{className:s.docsLayout,children:[b&&e.jsx(i.Alert,{className:s.apiDocAlert,color:"warning",severity:"warning",children:"There are changes you made may not be saved"}),e.jsxs("div",{className:s.layoutContainer,children:[e.jsxs("div",{className:`${s.editorSide} ${s.docSide}`,children:[e.jsx(a,{className:s.editorSectionHead_title,text:e.jsxs("div",{className:s.editorSectionHead_content,children:["API Documentation",e.jsx(i.Button,{className:s.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:()=>_(!0),disabled:!F||C||!b,children:"Save"})]})}),e.jsx(u,{value:A,children:e.jsx(n,{})}),e.jsx(a,{className:s.editorSectionHead,text:"Endpoints"}),e.jsx(u,{value:A,children:N.paths.map(((t,o)=>e.jsx(e.Fragment,{children:t.methods.sort(((e,t)=>p[e.type].order-p[t.type].order)).map(((i,s)=>{var n,a,l;return e.jsx(r,{tags:N.tags,method:i,path:t.path,setFieldValue:(e,t)=>{w(`paths[${o}].methods[${s}].${e}`,t)},isOpen:D===s,setIsOpen:e=>I(e?s:null),errors:null===(l=null===(a=null===(n=A.errors.paths)||void 0===n?void 0:n[o])||void 0===a?void 0:a.methods)||void 0===l?void 0:l[s]})}))})))})]}),e.jsx("div",{className:`${s.livePreviewSide} ${s.docSide}`,children:y&&e.jsx(u,{value:A,children:e.jsx(m,{transformedData:y,openApiErrors:g})})})]}),e.jsx(v,{status:"warning",content:e.jsxs(e.Fragment,{children:[e.jsx("h5",{style:{fontWeight:600,fontSize:"1.5rem",lineHeight:"1.875rem",color:"#FAAD14",textAlign:"center",margin:0},children:"Publish Changes"}),e.jsx("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},children:"Are you sure to Publish the changes?"})]}),onSubmit:{onClick:()=>{H(),_(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>_(!1),open:$})]})};export{j as default};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as t,useEffect as o}from"react";import{d as i}from"../../_virtual/index.js";import r from"../components/MethodAccordion/MethodAccordion.js";import s from"./layout.module.css.js";import n from"../components/InfoForm/InfoForm.js";import a from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as l,transformOpenApiObjectToOrigin as d}from"../helpers/layout.helper.js";import m from"../components/LivePreview/LivePreview.js";import{useFormik as c,FormikProvider as u}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as h}from"../validator/form.scheme.js";import{methodColorMapping as p}from"../constants/index.js";import v from"../components/dialog/index.js";const j=({openApiJson:j,handleSave:x,setIsFormDirty:f,openApiErrors:g})=>{const S=structuredClone(j),y=l(S),A=c({initialValues:structuredClone(y),validationSchema:h,validateOnMount:!0,onSubmit:(e,{validateForm:t,resetForm:o,setSubmitting:i})=>{try{const i=d(e);x(i),o({values:e}),t(e)}catch(e){i(!1)}}}),{dirty:b,isValid:F,isSubmitting:C,values:N,setFieldValue:w,handleSubmit:H,errors:P}=A,[$,_]=t(!1),[D,I]=t(null);return o((()=>{f&&f(b)}),[b]),e.jsxs("div",{className:s.docsLayout,children:[b&&e.jsx(i.Alert,{className:s.apiDocAlert,color:"warning",severity:"warning",children:"There are changes you made may not be saved"}),e.jsxs("div",{className:s.layoutContainer,children:[e.jsxs("div",{className:`${s.editorSide} ${s.docSide}`,children:[e.jsx(a,{className:s.editorSectionHead_title,text:e.jsxs("div",{className:s.editorSectionHead_content,children:["API Documentation",e.jsx(i.Button,{className:s.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:()=>_(!0),disabled:!F||C||!b,children:"Save"})]})}),e.jsx(u,{value:A,children:e.jsx(n,{})}),e.jsx(a,{className:s.editorSectionHead,text:"Endpoints"}),e.jsx(u,{value:A,children:N.paths.map(((t,o)=>e.jsx(e.Fragment,{children:t.methods.sort(((e,t)=>p[e.type].order-p[t.type].order)).map(((i,s)=>{var n,a,l;return e.jsx(r,{tags:N.tags,method:i,path:t.path,setFieldValue:(e,t)=>{w(`paths[${o}].methods[${s}].${e}`,t)},isOpen:D===s,setIsOpen:e=>I(e?s:null),errors:null===(l=null===(a=null===(n=A.errors.paths)||void 0===n?void 0:n[o])||void 0===a?void 0:a.methods)||void 0===l?void 0:l[s]})}))})))})]}),e.jsx("div",{className:`${s.livePreviewSide} ${s.docSide}`,children:y&&e.jsx(u,{value:A,children:e.jsx(m,{transformedData:y,openApiErrors:g})})})]}),e.jsx(v,{status:"warning",content:e.jsxs(e.Fragment,{children:[e.jsx("h5",{style:{fontWeight:600,fontSize:"1.5rem",lineHeight:"1.875rem",color:"#FAAD14",textAlign:"center",margin:0},children:"Publish Changes"}),e.jsx("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},children:"Are you sure to Publish the changes?"})]}),onSubmit:{onClick:()=>{H(),_(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>_(!1),open:$})]})};export{j as default};
 //# sourceMappingURL=layout.js.map

package/dist/src/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { JSX, useEffect, useState } from 'react'\nimport { Alert, Button } from 'digitinary-ui'\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\nimport styles from './layout.module.css'\nimport InfoForm from '../components/InfoForm/InfoForm'\nimport SectionHead from '../components/SectionHead/SectionHead'\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\nimport { OpenAPIFile } from '../types/openApi'\nimport LivePreview from '../components/LivePreview/LivePreview'\nimport { FormikProvider, useFormik } from 'formik'\nimport { schemaValidation } from '../validator/form.scheme'\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\nimport { methodColorMapping } from '../constants/index'\nimport CommonDialog from '../components/dialog'\n\ninterface ILayoutProps {\n  openApiJson?: OpenAPIFile\n  handleSave?: (values: unknown) => unknown\n  setIsFormDirty?: any\n  openApiErrors?: any\n}\n\nconst Layout = ({\n  openApiJson,\n  handleSave,\n  setIsFormDirty,\n  openApiErrors,\n}: ILayoutProps): JSX.Element => {\n  const clonedOpenApiJson = structuredClone(openApiJson)\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\n  const formik = useFormik<TransformedOpenApi>({\n    initialValues: structuredClone(transformedOpenApi),\n    validationSchema: schemaValidation,\n    validateOnMount: true,\n    onSubmit: (values, { validateForm, resetForm, setSubmitting }) => {\n      // Handle save logic\n      try {\n        const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\n        handleSave(originalOpenApiForm)\n        resetForm({\n          values: values, // You can reset it to the same values if you want\n        })\n\n        validateForm(values)\n      } catch (err) {\n        setSubmitting(false)\n      }\n    },\n  })\n  const { dirty, isValid, isSubmitting, values, setFieldValue, handleSubmit, errors } = formik\n  const [isPublishDialogOpen, setIsPublishDialogOpen] = useState(false)\n  const [openMethodIndex, setOpenMethodIndex] = useState<number | null>(null)\n\n  useEffect(() => {\n    if (setIsFormDirty) {\n      setIsFormDirty(dirty)\n    }\n  }, [dirty])\n\n  // TODO: keep it here until production\n  useEffect(() => {\n    console.log({ values, errors })\n  }, [values])\n\n  return (\n    <div className={styles.docsLayout}>\n      {dirty && (\n        <Alert className={styles.apiDocAlert} color=\"warning\" severity=\"warning\">\n          There are changes you made may not be saved\n        </Alert>\n      )}\n      <div className={styles.layoutContainer}>\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\n          <SectionHead\n            className={styles.editorSectionHead_title}\n            text={\n              <div className={styles.editorSectionHead_content}>\n                API Documentation\n                <Button\n                  className={styles.methodForm_submitBtn}\n                  size=\"medium\"\n                  fullWidth={false}\n                  type=\"submit\"\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={() => setIsPublishDialogOpen(true)}\n                  disabled={!isValid || isSubmitting || !dirty}\n                >\n                  Save\n                </Button>\n              </div>\n            }\n          />\n          <FormikProvider value={formik}>\n            <InfoForm />\n          </FormikProvider>\n          <SectionHead className={styles.editorSectionHead} text=\"Endpoints\" />\n          <FormikProvider value={formik}>\n            {values.paths.map((path, pathIndex) => (\n              <>\n                {path.methods\n                  .sort(\n                    (a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order\n                  )\n                  .map((method, methodIndex) => (\n                    <MethodsAccordion\n                      tags={values.tags}\n                      method={method}\n                      path={path.path}\n                      setFieldValue={(key, value) => {\n                        const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`\n                        setFieldValue(h, value)\n                      }}\n                      isOpen={openMethodIndex === methodIndex}\n                      setIsOpen={(open) => setOpenMethodIndex(open ? methodIndex : null)}\n                      errors={(formik.errors.paths?.[pathIndex] as any)?.methods?.[methodIndex]}\n                    />\n                  ))}\n              </>\n            ))}\n          </FormikProvider>\n        </div>\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\n          {transformedOpenApi && (\n            <FormikProvider value={formik}>\n              <LivePreview transformedData={transformedOpenApi} openApiErrors={openApiErrors} />\n            </FormikProvider>\n          )}\n        </div>\n      </div>\n      <CommonDialog\n        status=\"warning\"\n        content={\n          <>\n            <h5\n              style={{\n                fontWeight: 600,\n                fontSize: '1.5rem',\n                lineHeight: '1.875rem',\n                color: '#FAAD14',\n                textAlign: 'center',\n                margin: 0,\n              }}\n            >\n              Publish Changes\n            </h5>\n            <p\n              style={{\n                textAlign: 'center',\n                fontWeight: 400,\n                fontSize: '1rem',\n                lineHeight: '1.4375rem',\n              }}\n            >\n              Are you sure to Publish the changes?\n            </p>\n          </>\n        }\n        onSubmit={{\n          onClick: () => {\n            handleSubmit()\n            setIsPublishDialogOpen(false)\n          },\n          text: 'Publish',\n          color: 'warning',\n          fullWidth: true,\n        }}\n        onCancel={{\n          text: 'Cancel',\n          color: 'action',\n          fullWidth: true,\n          variant: 'outlined',\n        }}\n        onClose={() => setIsPublishDialogOpen(false)}\n        open={isPublishDialogOpen}\n      />\n    </div>\n  )\n}\n\nexport default Layout\n"],"names":["Layout","openApiJson","handleSave","setIsFormDirty","openApiErrors","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","resetForm","setSubmitting","originalOpenApiForm","transformOpenApiObjectToOrigin","err","dirty","isValid","isSubmitting","setFieldValue","handleSubmit","errors","isPublishDialogOpen","setIsPublishDialogOpen","useState","openMethodIndex","setOpenMethodIndex","useEffect","console","log","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","Alert","apiDocAlert","color","severity","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead_title","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","disabled","FormikProvider","value","InfoForm","jsx","editorSectionHead","paths","map","path","pathIndex","_Fragment","methods","sort","a","b","methodColorMapping","order","method","methodIndex","MethodsAccordion","tags","key","isOpen","setIsOpen","open","_b","_a","livePreviewSide","LivePreview","transformedData","CommonDialog","status","content","style","fontWeight","fontSize","lineHeight","textAlign","margin","onCancel","onClose"],"mappings":"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"}
+{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { JSX, useEffect, useState } from 'react'\nimport { Alert, Button } from 'digitinary-ui'\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\nimport styles from './layout.module.css'\nimport InfoForm from '../components/InfoForm/InfoForm'\nimport SectionHead from '../components/SectionHead/SectionHead'\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\nimport { OpenAPIFile } from '../types/openApi'\nimport LivePreview from '../components/LivePreview/LivePreview'\nimport { FormikProvider, useFormik } from 'formik'\nimport { schemaValidation } from '../validator/form.scheme'\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\nimport { methodColorMapping } from '../constants/index'\nimport CommonDialog from '../components/dialog'\n\ninterface ILayoutProps {\n  openApiJson?: OpenAPIFile\n  handleSave?: (values: unknown) => unknown\n  setIsFormDirty?: any\n  openApiErrors?: any\n}\n\nconst Layout = ({\n  openApiJson,\n  handleSave,\n  setIsFormDirty,\n  openApiErrors,\n}: ILayoutProps): JSX.Element => {\n  const clonedOpenApiJson = structuredClone(openApiJson)\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\n  const formik = useFormik<TransformedOpenApi>({\n    initialValues: structuredClone(transformedOpenApi),\n    validationSchema: schemaValidation,\n    validateOnMount: true,\n    onSubmit: (values, { validateForm, resetForm, setSubmitting }) => {\n      // Handle save logic\n      try {\n        const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\n        handleSave(originalOpenApiForm)\n        resetForm({\n          values: values, // You can reset it to the same values if you want\n        })\n\n        validateForm(values)\n      } catch (err) {\n        setSubmitting(false)\n      }\n    },\n  })\n  const { dirty, isValid, isSubmitting, values, setFieldValue, handleSubmit, errors } = formik\n  const [isPublishDialogOpen, setIsPublishDialogOpen] = useState(false)\n\n  const [openMethodIndex, setOpenMethodIndex] = useState<number | null>(null)\n\n  useEffect(() => {\n    if (setIsFormDirty) {\n      setIsFormDirty(dirty)\n    }\n  }, [dirty])\n\n  return (\n    <div className={styles.docsLayout}>\n      {dirty && (\n        <Alert className={styles.apiDocAlert} color=\"warning\" severity=\"warning\">\n          There are changes you made may not be saved\n        </Alert>\n      )}\n      <div className={styles.layoutContainer}>\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\n          <SectionHead\n            className={styles.editorSectionHead_title}\n            text={\n              <div className={styles.editorSectionHead_content}>\n                API Documentation\n                <Button\n                  className={styles.methodForm_submitBtn}\n                  size=\"medium\"\n                  fullWidth={false}\n                  type=\"submit\"\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={() => setIsPublishDialogOpen(true)}\n                  disabled={!isValid || isSubmitting || !dirty}\n                >\n                  Save\n                </Button>\n              </div>\n            }\n          />\n          <FormikProvider value={formik}>\n            <InfoForm />\n          </FormikProvider>\n          <SectionHead className={styles.editorSectionHead} text=\"Endpoints\" />\n          <FormikProvider value={formik}>\n            {values.paths.map((path, pathIndex) => (\n              <>\n                {path.methods\n                  .sort(\n                    (a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order\n                  )\n                  .map((method, methodIndex) => (\n                    <MethodsAccordion\n                      tags={values.tags}\n                      method={method}\n                      path={path.path}\n                      setFieldValue={(key, value) => {\n                        const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`\n                        setFieldValue(h, value)\n                      }}\n                      isOpen={openMethodIndex === methodIndex}\n                      setIsOpen={(open) => setOpenMethodIndex(open ? methodIndex : null)}\n                      errors={(formik.errors.paths?.[pathIndex] as any)?.methods?.[methodIndex]}\n                    />\n                  ))}\n              </>\n            ))}\n          </FormikProvider>\n        </div>\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\n          {transformedOpenApi && (\n            <FormikProvider value={formik}>\n              <LivePreview transformedData={transformedOpenApi} openApiErrors={openApiErrors} />\n            </FormikProvider>\n          )}\n        </div>\n      </div>\n      <CommonDialog\n        status=\"warning\"\n        content={\n          <>\n            <h5\n              style={{\n                fontWeight: 600,\n                fontSize: '1.5rem',\n                lineHeight: '1.875rem',\n                color: '#FAAD14',\n                textAlign: 'center',\n                margin: 0,\n              }}\n            >\n              Publish Changes\n            </h5>\n            <p\n              style={{\n                textAlign: 'center',\n                fontWeight: 400,\n                fontSize: '1rem',\n                lineHeight: '1.4375rem',\n              }}\n            >\n              Are you sure to Publish the changes?\n            </p>\n          </>\n        }\n        onSubmit={{\n          onClick: () => {\n            handleSubmit()\n            setIsPublishDialogOpen(false)\n          },\n          text: 'Publish',\n          color: 'warning',\n          fullWidth: true,\n        }}\n        onCancel={{\n          text: 'Cancel',\n          color: 'action',\n          fullWidth: true,\n          variant: 'outlined',\n        }}\n        onClose={() => setIsPublishDialogOpen(false)}\n        open={isPublishDialogOpen}\n      />\n    </div>\n  )\n}\n\nexport default Layout\n"],"names":["Layout","openApiJson","handleSave","setIsFormDirty","openApiErrors","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","resetForm","setSubmitting","originalOpenApiForm","transformOpenApiObjectToOrigin","err","dirty","isValid","isSubmitting","setFieldValue","handleSubmit","errors","isPublishDialogOpen","setIsPublishDialogOpen","useState","openMethodIndex","setOpenMethodIndex","useEffect","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","Alert","apiDocAlert","color","severity","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead_title","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","disabled","FormikProvider","value","InfoForm","jsx","editorSectionHead","paths","map","path","pathIndex","_Fragment","methods","sort","a","b","methodColorMapping","order","method","methodIndex","MethodsAccordion","tags","key","isOpen","setIsOpen","open","_b","_a","livePreviewSide","LivePreview","transformedData","CommonDialog","status","content","style","fontWeight","fontSize","lineHeight","textAlign","margin","onCancel","onClose"],"mappings":"mwBAsBA,MAAMA,EAAS,EACbC,cACAC,aACAC,iBACAC,oBAEA,MAAMC,EAAoBC,gBAAgBL,GACpCM,EAAqBC,EAAuBH,GAC5CI,EAASC,EAA8B,CAC3CC,cAAeL,gBAAgBC,GAC/BK,iBAAkBC,EAClBC,iBAAiB,EACjBC,SAAU,CAACC,GAAUC,eAAcC,YAAWC,oBAE5C,IACE,MAAMC,EAAsBC,EAA+BL,GAC3Dd,EAAWkB,GACXF,EAAU,CACRF,OAAQA,IAGVC,EAAaD,EACd,CAAC,MAAOM,GACPH,GAAc,EACf,MAGCI,MAAEA,EAAKC,QAAEA,EAAOC,aAAEA,EAAYT,OAAEA,EAAMU,cAAEA,EAAaC,aAAEA,EAAYC,OAAEA,GAAWnB,GAC/EoB,EAAqBC,GAA0BC,GAAS,IAExDC,EAAiBC,GAAsBF,EAAwB,MAQtE,OANAG,GAAU,KACJ/B,GACFA,EAAeoB,KAEhB,CAACA,IAGFY,EAAKC,KAAA,MAAA,CAAAC,UAAWC,EAAOC,WAAUC,SAAA,CAC9BjB,GACCkB,EAAAA,IAACC,EAAAA,OAAML,UAAWC,EAAOK,YAAaC,MAAM,UAAUC,SAAS,mEAIjEV,OAAK,MAAA,CAAAE,UAAWC,EAAOQ,gBACrBN,SAAA,CAAAL,EAAAA,KAAA,MAAA,CAAKE,UAAW,GAAGC,EAAOS,cAAcT,EAAOU,oBAC7CP,EAAAA,IAACQ,EACC,CAAAZ,UAAWC,EAAOY,wBAClBC,KACEhB,EAAAA,KAAK,MAAA,CAAAE,UAAWC,EAAOc,0BAAyBZ,SAAA,CAAA,oBAE9CC,EAAAA,IAACY,EAAAA,OAAM,CACLhB,UAAWC,EAAOgB,qBAClBC,KAAK,SACLC,WAAW,EACXC,KAAK,SACLC,QAAQ,YACRd,MAAM,UACNe,QAAS,IAAM7B,GAAuB,GACtC8B,UAAWpC,GAAWC,IAAiBF,EAAKiB,SAAA,cAOpDC,EAAAA,IAACoB,GAAeC,MAAOrD,EACrB+B,SAAAC,EAAAA,IAACsB,EAAQ,CAAA,KAEXtB,EAAAuB,IAACf,EAAY,CAAAZ,UAAWC,EAAO2B,kBAAmBd,KAAK,cACvDV,EAAAuB,IAACH,EAAe,CAAAC,MAAOrD,WACpBO,EAAOkD,MAAMC,KAAI,CAACC,EAAMC,IACvB5B,EAAAA,IACG6B,EAAAA,SAAA,CAAA9B,SAAA4B,EAAKG,QACHC,MACC,CAACC,EAAGC,IAAMC,EAAmBF,EAAEhB,MAAMmB,MAAQD,EAAmBD,EAAEjB,MAAMmB,QAEzET,KAAI,CAACU,EAAQC,eAAgB,OAC5BrC,EAAAA,IAACsC,EACC,CAAAC,KAAMhE,EAAOgE,KACbH,OAAQA,EACRT,KAAMA,EAAKA,KACX1C,cAAe,CAACuD,EAAKnB,KAEnBpC,EADU,SAAS2C,cAAsBS,MAAgBG,IACxCnB,IAEnBoB,OAAQlD,IAAoB8C,EAC5BK,UAAYC,GAASnD,EAAmBmD,EAAON,EAAc,MAC7DlD,iBAAmD,QAA1CyD,EAAsB,QAAtBC,EAAA7E,EAAOmB,OAAOsC,aAAQ,IAAAoB,OAAA,EAAAA,EAAAjB,UAAoB,IAAAgB,OAAA,EAAAA,EAAAd,8BAAUO,iBAO3ErC,EAAAuB,IAAA,MAAA,CAAK3B,UAAW,GAAGC,EAAOiD,mBAAmBjD,EAAOU,UACjDR,SAAAjC,GACCkC,EAAAA,IAACoB,EAAe,CAAAC,MAAOrD,WACrBgC,MAAC+C,EAAY,CAAAC,gBAAiBlF,EAAoBH,cAAeA,WAKzEqC,EAACuB,IAAA0B,EACC,CAAAC,OAAO,UACPC,QACEzD,OAAAmC,EAAAA,SAAA,CAAA9B,SAAA,CACEC,EAAAA,IACE,KAAA,CAAAoD,MAAO,CACLC,WAAY,IACZC,SAAU,SACVC,WAAY,WACZpD,MAAO,UACPqD,UAAW,SACXC,OAAQ,GAIP1D,SAAA,oBACLC,EAAAA,IACE,IAAA,CAAAoD,MAAO,CACLI,UAAW,SACXH,WAAY,IACZC,SAAU,OACVC,WAAY,aAIZxD,SAAA,4CAGRzB,SAAU,CACR4C,QAAS,KACPhC,IACAG,GAAuB,IAEzBqB,KAAM,UACNP,MAAO,UACPY,WAAW,GAEb2C,SAAU,CACRhD,KAAM,SACNP,MAAO,SACPY,WAAW,EACXE,QAAS,YAEX0C,QAAS,IAAMtE,GAAuB,GACtCsD,KAAMvD"}

package/dist/styles.css

@@ -62,6 +62,124 @@
 }
 .containerTitleDrawer .closeIcon {
   cursor: pointer;
+}.apiInfoForm {
+  display: grid;
+  padding: 1.25rem 1.875rem;
+  gap: 1.25rem;
+}
+.apiInfoForm .paramsTable .paramDescContainer {
+  display: flex;
+}
+.apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
+  height: inherit;
+  width: 1px;
+  background-color: #d8dae5;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
+  stroke-width: 0.1;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
+  padding: 0;
+  margin-right: 1.25rem;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  font-size: 0.875rem;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
+  margin-block: auto;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
+  fill: #12131a;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
+  padding: 0;
+  border-width: 0 !important;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
+  margin-block: auto;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
+  width: 1.125rem;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
+  margin-block: auto;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
+  width: 1.125rem;
+}
+.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
+  fill: #3aaa35;
+}
+.apiInfoForm .paramsTable .externalDocsLink {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  cursor: pointer;
+  align-self: center;
+  margin-right: 2rem;
+}
+.apiInfoForm .paramsTable .editExternalDocs {
+  display: flex;
+  align-items: center;
+  padding-right: 0.625rem;
+}
+.apiInfoForm .paramsTable .editExternalDocs svg {
+  cursor: pointer;
+}
+.apiInfoForm .paramsTable .editExternalDocs svg path {
+  fill: #12131a;
+}
+.apiInfoForm .paramsTable .editDescTooltipContent {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+.apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
+  margin-inline: 0.625rem;
+}
+.apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.75rem 1.25rem;
+  border-bottom: 1px solid #d8dae5;
+}
+.apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
+  content: "*";
+  color: red;
+  transform: translateX(0.125rem);
+}
+.apiInfoForm .apiDocRow {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1.25rem;
+}
+.apiInfoForm .apiInfoForm_tagsChips {
+  margin-top: -1.25rem;
+}
+.apiInfoForm .editDescTooltipContent {
+  display: flex;
+  flex-direction: column;
+  gap: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+.apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
+  margin-inline: 0.625rem;
+}
+.apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.75rem 1.25rem;
+  border-bottom: 1px solid #d8dae5;
+}
+.apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
+  content: "*";
+  color: red;
+  transform: translateX(0.125rem);
 }.methodAccordion {
   border: none !important;
   box-shadow: none !important;
@@ -393,124 +511,6 @@
 }
 .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
   background-color: #ebecf2;
-}.apiInfoForm {
-  display: grid;
-  padding: 1.25rem 1.875rem;
-  gap: 1.25rem;
-}
-.apiInfoForm .paramsTable .paramDescContainer {
-  display: flex;
-}
-.apiInfoForm .paramsTable .paramDescContainer .paramDescContainer_separator {
-  height: inherit;
-  width: 1px;
-  background-color: #d8dae5;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn) svg path {
-  stroke-width: 0.1;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn {
-  padding: 0;
-  margin-right: 1.25rem;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) {
-  display: flex;
-  align-items: center;
-  padding: 0;
-  font-size: 0.875rem;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
-  margin-block: auto;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).editDescBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg path {
-  fill: #12131a;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn {
-  padding: 0;
-  border-width: 0 !important;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) {
-  margin-block: auto;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn).deleteParamBtn :global(.btnContentWrapper) :global(.endBtnIcon) svg {
-  width: 1.125rem;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) {
-  margin-block: auto;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg {
-  width: 1.125rem;
-}
-.apiInfoForm .paramsTable .paramDescContainer :global(.customBtn):not(:global(.disabled)):global(.success) :global(.endBtnIcon) svg path {
-  fill: #3aaa35;
-}
-.apiInfoForm .paramsTable .externalDocsLink {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  cursor: pointer;
-  align-self: center;
-  margin-right: 2rem;
-}
-.apiInfoForm .paramsTable .editExternalDocs {
-  display: flex;
-  align-items: center;
-  padding-right: 0.625rem;
-}
-.apiInfoForm .paramsTable .editExternalDocs svg {
-  cursor: pointer;
-}
-.apiInfoForm .paramsTable .editExternalDocs svg path {
-  fill: #12131a;
-}
-.apiInfoForm .paramsTable .editDescTooltipContent {
-  display: flex;
-  flex-direction: column;
-  gap: 0.625rem;
-  padding-bottom: 0.625rem;
-}
-.apiInfoForm .paramsTable .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
-  margin-inline: 0.625rem;
-}
-.apiInfoForm .paramsTable .editDescTooltipContent .editDescTooltipContent_header {
-  font-weight: 600;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #d8dae5;
-}
-.apiInfoForm .paramsTable :global(.requiredParam) :global(.headContainer)::after {
-  content: "*";
-  color: red;
-  transform: translateX(0.125rem);
-}
-.apiInfoForm .apiDocRow {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 1.25rem;
-}
-.apiInfoForm .apiInfoForm_tagsChips {
-  margin-top: -1.25rem;
-}
-.apiInfoForm .editDescTooltipContent {
-  display: flex;
-  flex-direction: column;
-  gap: 0.625rem;
-  padding-bottom: 0.625rem;
-}
-.apiInfoForm .editDescTooltipContent > *:not(.editDescTooltipContent_header) {
-  margin-inline: 0.625rem;
-}
-.apiInfoForm .editDescTooltipContent .editDescTooltipContent_header {
-  font-weight: 600;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding: 0.75rem 1.25rem;
-  border-bottom: 1px solid #d8dae5;
-}
-.apiInfoForm :global(.requiredParam) :global(.headContainer)::after {
-  content: "*";
-  color: red;
-  transform: translateX(0.125rem);
 }.tooltip-custom-wrapper {
   display: flex;
 }
@@ -1583,11 +1583,14 @@ div.endBtnIcon {
   font-size: 1rem;
   line-height: 1.25rem;
 }
+.api_docs_header .search_filter_btn .btnContentWrapper .btnContent {
+  font-size: 0.918rem !important;
+}
 .api_docs_header .search_filter_btn:hover:not(:disabled) {
   color: #000000 !important;
 }
 .api_docs_header .search_filter_btn:hover {
-  color: #000;
+  color: #000 !important;
 }
 .api_docs_header .search_filter_btn svg {
   margin-left: 0.5rem;
@@ -1623,6 +1626,9 @@ div.endBtnIcon {
   line-height: 1.234rem;
   height: 2.25rem;
 }
+.api_docs_header .api_btn .btnContentWrapper .btnContent {
+  font-size: 0.918rem !important;
+}
 .api_docs_header .api_btn:hover:not(:disabled) {
   color: #000000 !important;
 }

package/dist/types/helpers/layout.helper.d.ts

@@ -3,5 +3,5 @@ import { OpenAPIFile } from '@entities/openApi';
 import { TransformedOpenApi } from '@entities/transformedOpenApi';
 export declare const transformOpenApiObject: (openApiJson: OpenAPIFile) => TransformedOpenApi;
 export declare const transformOpenApiObjectToOrigin: (values: TransformedOpenApi) => OpenAPIFile;
-export declare const transformPathsToArray: (paths: OpenAPIFile["paths"]) => TransformedPathsArray | any;
+export declare const transformPathsToArray: (openApiJson: OpenAPIFile) => TransformedPathsArray | any;
 export declare const transformPathsArrayToOrigin: (paths: TransformedPathsArray) => OpenAPIFile["paths"];

package/package.json

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

package/src/components/MethodAccordion/MethodAccordion.tsx

@@ -76,6 +76,7 @@ const MethodsAccordion = ({
   const [enumFields, setEnumFields] = useState([])
   const [tooltipEnumRef, setTooltipEnumRef] = useState(null)
   const [currentResponseIndex, setCurrentResponseIndex] = useState<number>(-1)
+  const activeAccordionRef = useRef<HTMLDivElement | null>(null)
   const currentResponse =
     method.responses.find((res) => Number(res.code) === selectedStatusCode.value) || '{}'
   const indexRef = useRef(-1)
@@ -91,6 +92,12 @@ const MethodsAccordion = ({
     setTableData(newTableData)
   }
 
+  useEffect(() => {
+    if (isOpen && activeAccordionRef.current) {
+      activeAccordionRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
+  }, [isOpen])
+
   const generateResponseTableData = (headersObj: any, responseIndex: number) => {
     const headersByName = Object.keys(headersObj)
     return headersByName.map((item, index) => {
@@ -721,7 +728,7 @@ const MethodsAccordion = ({
   }, [tags, method])
 
   return (
-    <div>
+    <div ref={activeAccordionRef}>
       <Accordion
         expanded={isOpen}
         onChange={() => setIsOpen(!isOpen)}

package/src/components/table/table.tsx

@@ -224,9 +224,9 @@ const ParamterTable = ({
                           value: values.schema?.items?.type,
                         }}
                         errorMsg={!!errors?.schema?.items?.type && errors?.schema?.items?.type}
-                        onChange={(item) =>
+                        onChange={(item) => {
                           setFieldValue('schema.items.type', item?.value?.toLowerCase())
-                        } // Updates state on selection
+                        }} // Updates state on selection
                         options={[
                           {
                             list: [

package/src/helpers/layout.helper.ts

@@ -2,6 +2,11 @@ import { TransformedPathsArray } from '@entities/layout.type'
 import { OpenAPIFile, SecurityScheme } from '@entities/openApi'
 import { TransformedOpenApi } from '@entities/transformedOpenApi'
 
+const resolveRef = (ref: string, openApiJson: OpenAPIFile): Object => {
+  const parts = ref.replace(/^#\//, '').split('/')
+  return parts.reduce((obj, key) => obj?.[key], openApiJson)
+}
+
 export const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpenApi => {
   if (openApiJson.components && openApiJson.components.securitySchemes) {
     const authKey = Object.keys(openApiJson.components.securitySchemes)?.at(0)
@@ -17,6 +22,7 @@ export const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpe
           scheme: 'public',
         },
       },
+      ...(openApiJson.components || {}),
     }
   }
 
@@ -26,7 +32,7 @@ export const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpe
 
   return {
     ...openApiJson,
-    paths: transformPathsToArray(openApiJson.paths),
+    paths: transformPathsToArray(openApiJson),
   } as TransformedOpenApi
 }
 
@@ -50,7 +56,8 @@ export const transformOpenApiObjectToOrigin = (values: TransformedOpenApi): Open
   return object
 }
 
-export const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedPathsArray | any => {
+export const transformPathsToArray = (openApiJson: OpenAPIFile): TransformedPathsArray | any => {
+  const paths: OpenAPIFile['paths'] = openApiJson.paths
   const transformedPaths = Object.entries(paths).map(([path, methods]) => ({
     path,
     methods: Object.entries(methods).map(([method, methodProps]) => {
@@ -61,20 +68,55 @@ export const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedP
         summary: methodProps.summary || '',
         responses: Object.entries(methodProps.responses).map(([code, codeProps]) => {
           const contentType = Object.keys(codeProps.content || {})[0]
-          const headers = !codeProps?.headers ? {} : codeProps.headers
+          let headers = codeProps?.headers ?? {}
+
+          // ? Fix headers with items property
+          Object.keys(headers).map((header: string) => {
+            let headerObj = headers[header]
+            if (
+              headerObj?.schema &&
+              headerObj?.schema?.type &&
+              headerObj?.schema?.type != 'array'
+            ) {
+              delete headers[header]?.schema?.items
+            }
+          })
+
+          let schema = codeProps.content?.[contentType]?.schema
+          if (schema?.$ref) {
+            schema = resolveRef(schema?.$ref, openApiJson)
+          } else if (schema?.type == 'array' && schema?.items?.$ref) {
+            const resolvedItemSchema = resolveRef(schema.items.$ref, openApiJson)
+            schema = {
+              ...schema,
+              items: resolvedItemSchema,
+            }
+          }
+
           return {
             code,
             headers,
             content: {
               contentType,
               schema: {
-                ...codeProps.content?.[contentType]?.schema,
-                properties: JSON.stringify(codeProps.content?.[contentType]?.schema?.properties),
+                ...schema,
+                properties: JSON.stringify(schema?.properties || schema?.items?.properties),
               },
             },
           }
         }),
       }
+
+      if (!obj.responses.find((item) => item.code == '200')) {
+        obj.responses.push({
+          code: '200',
+          content: {
+            contentType: 'application/json',
+            schema: {},
+          },
+          headers: {},
+        })
+      }
       // Add parameters if it does not exist in the original JSON
       if (!methodProps?.parameters) {
         obj.parameters = []
@@ -84,14 +126,24 @@ export const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedP
 
       if (method.toLowerCase() != 'get') {
         const contentType = Object.keys(methodProps?.requestBody?.content || {})[0]
-        const reqSchema = methodProps?.requestBody?.content?.schema
-        const requestBodyData = methodProps?.requestBody?.content?.schema?.properties
+        let reqSchema = methodProps?.requestBody?.content?.[contentType]?.schema
+
+        if (reqSchema?.$ref) {
+          reqSchema = resolveRef(reqSchema.$ref, openApiJson)
+        } else if (reqSchema?.type === 'array' && reqSchema.items?.$ref) {
+          reqSchema = {
+            ...reqSchema,
+            items: resolveRef(reqSchema.items.$ref, openApiJson),
+          }
+        }
+
+        const requestBodyData = reqSchema
           ? {
               content: {
                 contentType,
                 schema: {
                   ...reqSchema,
-                  properties: reqSchema?.properties ? JSON.stringify(reqSchema?.properties) : '{}',
+                  properties: JSON.stringify(reqSchema?.properties || reqSchema?.items?.properties),
                 },
               },
             }
@@ -128,8 +180,18 @@ export const transformPathsArrayToOrigin = (paths: TransformedPathsArray): OpenA
     acc[path] = methods.reduce(
       (methodAcc, { type, tags, responses, summary, requestBody, ...rest }) => {
         // Initialize the method object
+        // ? Validate (rest) [parameters]
+        let copiedRest = structuredClone(rest || {})
+        if (copiedRest && copiedRest.parameters) {
+          copiedRest.parameters.map((param) => {
+            if (param && param?.schema?.items && param?.schema?.items?.type == 'array') {
+              param.schema.items.items = {}
+            }
+            return param
+          })
+        }
         methodAcc[type] = {
-          ...rest,
+          ...copiedRest,
           tags,
           summary,
           responses: responses.reduce((respAcc, { code, content, headers }) => {

package/src/layout/docsComponents/DocsHeader/DocsHeader.module.scss

@@ -27,12 +27,18 @@
     font-size: 1rem;
     line-height: 1.25rem;
 
+    .btnContentWrapper {
+      .btnContent{
+        font-size: 0.918rem !important;
+      }
+    }
+
     &:hover:not(:disabled) {
       color: #000000 !important;
     }
 
     &:hover {
-      color: #000;
+      color: #000 !important;
     }
 
     svg {
@@ -74,6 +80,12 @@
     line-height: 1.234rem;
     height: 2.25rem;
 
+    .btnContentWrapper {
+      .btnContent{
+        font-size: 0.918rem !important;
+      }
+    }
+
     &:hover:not(:disabled) {
       color: #000000 !important;
     }