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

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]),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:$,values:C,setFieldValue:N,handleSubmit:w,errors:H}=A,[I,P]=t(!1),[_,D]=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:()=>P(!0),disabled:!F||$||!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:C.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:C.tags,method:i,path:t.path,setFieldValue:(e,t)=>{N(`paths[${o}].methods[${s}].${e}`,t)},isOpen:_===parseInt(`${o}${s}`),setIsOpen:e=>D(e?parseInt(`${o}${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:()=>{w(),P(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"action",fullWidth:!0,variant:"outlined"},onClose:()=>P(!1),open:I})]})};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\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"}
+{"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 === parseInt(`${pathIndex}${methodIndex}`)}\n                      setIsOpen={(open) => setOpenMethodIndex(open ? parseInt(`${pathIndex}${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","parseInt","setIsOpen","open","_c","_b","_a","livePreviewSide","LivePreview","transformedData","CommonDialog","status","content","style","fontWeight","fontSize","lineHeight","textAlign","margin","onCancel","onClose"],"mappings":"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"}

package/dist/styles.css

@@ -511,101 +511,6 @@
 }
 .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
   background-color: #ebecf2;
-}.tooltip-custom-wrapper {
-  display: flex;
-}
-
-[data-tippy-root] {
-  z-index: 2 !important;
-}
-
-.tippy-box {
-  background-color: #202f5b;
-  font-size: 0.875rem;
-  border-radius: 0.3125rem;
-  width: max-content;
-  max-width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
-  position: relative;
-  border: 1px solid #d8dae5;
-  z-index: 2;
-}
-.tippy-box.function .tippy-content {
-  background-color: #fff !important;
-  color: #000 !important;
-}
-.tippy-box.function[data-placement] > .tippy-arrow:before {
-  color: #fff !important;
-}
-.tippy-box.info .tippy-arrow {
-  color: #202f5b;
-}
-.tippy-box.success {
-  border-radius: 1.875rem;
-  background-color: #3aaa35;
-  padding-inline: 0.625rem;
-}
-.tippy-box .tippy-content {
-  text-align: justify;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding: 0.625rem;
-}
-.tippy-box .tippy-arrow {
-  position: relative;
-  width: 1rem;
-  height: 1rem;
-}
-.tippy-box[data-placement^=top] .tippy-arrow:before {
-  bottom: -0.4375rem;
-  border-width: 0.5rem 0.5rem 0 !important;
-}
-.tippy-box[data-placement^=right] .tippy-arrow:before {
-  left: -0.4375rem;
-  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
-}
-.tippy-box[data-placement^=bottom] .tippy-arrow:before {
-  top: -0.4375rem;
-  border-width: 0 0.5rem 0.5rem !important;
-}
-.tippy-box[data-placement^=left] .tippy-arrow:before {
-  right: -0.4375rem;
-  border-width: 0.5rem 0 0.5rem 0.5rem !important;
-}
-.tippy-box[data-placement^=bottom-start] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box[data-placement^=bottom-end] .tippy-arrow {
-  margin-left: calc(100% - 1.937rem);
-  transform: translate(0, 0) !important;
-}
-.tippy-box[data-placement^=top-start] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box[data-placement^=top-end] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box.arrow-with-border {
-  border: 1px solid #d8dae5;
-}
-.tippy-box.arrow-with-border[data-placement] .tippy-arrow {
-  top: 1px;
-  background-color: white;
-  z-index: 2;
-  height: 1px;
-}
-.tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
-  width: 0.625rem;
-  height: 0.625rem;
-  background-color: white;
-  transform: rotate(45deg);
-  border: none;
-  border-left: 1px solid #d8dae5 !important;
-  border-top: 1px solid #d8dae5 !important;
-  z-index: 2;
-  top: -0.45rem;
-  transform-origin: center !important;
 }#common-dialog.dialog-content-wrapper {
   overflow: visible !important;
   max-height: 100%;
@@ -747,6 +652,101 @@
   display: flex;
   gap: 1.25rem;
   margin-top: 1.875rem;
+}.tooltip-custom-wrapper {
+  display: flex;
+}
+
+[data-tippy-root] {
+  z-index: 2 !important;
+}
+
+.tippy-box {
+  background-color: #202f5b;
+  font-size: 0.875rem;
+  border-radius: 0.3125rem;
+  width: max-content;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  position: relative;
+  border: 1px solid #d8dae5;
+  z-index: 2;
+}
+.tippy-box.function .tippy-content {
+  background-color: #fff !important;
+  color: #000 !important;
+}
+.tippy-box.function[data-placement] > .tippy-arrow:before {
+  color: #fff !important;
+}
+.tippy-box.info .tippy-arrow {
+  color: #202f5b;
+}
+.tippy-box.success {
+  border-radius: 1.875rem;
+  background-color: #3aaa35;
+  padding-inline: 0.625rem;
+}
+.tippy-box .tippy-content {
+  text-align: justify;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.625rem;
+}
+.tippy-box .tippy-arrow {
+  position: relative;
+  width: 1rem;
+  height: 1rem;
+}
+.tippy-box[data-placement^=top] .tippy-arrow:before {
+  bottom: -0.4375rem;
+  border-width: 0.5rem 0.5rem 0 !important;
+}
+.tippy-box[data-placement^=right] .tippy-arrow:before {
+  left: -0.4375rem;
+  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
+}
+.tippy-box[data-placement^=bottom] .tippy-arrow:before {
+  top: -0.4375rem;
+  border-width: 0 0.5rem 0.5rem !important;
+}
+.tippy-box[data-placement^=left] .tippy-arrow:before {
+  right: -0.4375rem;
+  border-width: 0.5rem 0 0.5rem 0.5rem !important;
+}
+.tippy-box[data-placement^=bottom-start] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box[data-placement^=bottom-end] .tippy-arrow {
+  margin-left: calc(100% - 1.937rem);
+  transform: translate(0, 0) !important;
+}
+.tippy-box[data-placement^=top-start] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box[data-placement^=top-end] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box.arrow-with-border {
+  border: 1px solid #d8dae5;
+}
+.tippy-box.arrow-with-border[data-placement] .tippy-arrow {
+  top: 1px;
+  background-color: white;
+  z-index: 2;
+  height: 1px;
+}
+.tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
+  width: 0.625rem;
+  height: 0.625rem;
+  background-color: white;
+  transform: rotate(45deg);
+  border: none;
+  border-left: 1px solid #d8dae5 !important;
+  border-top: 1px solid #d8dae5 !important;
+  z-index: 2;
+  top: -0.45rem;
+  transform-origin: center !important;
 }.livePreviewContainer .titleContainer {
   margin-top: 1.875rem;
   display: flex;

package/package.json

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

package/src/layout/layout.tsx

@@ -107,8 +107,8 @@ const Layout = ({
                         const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`
                         setFieldValue(h, value)
                       }}
-                      isOpen={openMethodIndex === methodIndex}
-                      setIsOpen={(open) => setOpenMethodIndex(open ? methodIndex : null)}
+                      isOpen={openMethodIndex === parseInt(`${pathIndex}${methodIndex}`)}
+                      setIsOpen={(open) => setOpenMethodIndex(open ? parseInt(`${pathIndex}${methodIndex}`) : null)}
                       errors={(formik.errors.paths?.[pathIndex] as any)?.methods?.[methodIndex]}
                     />
                   ))}

package/variables.txt

@@ -1 +1 @@
-export APP_VERSION=1.0.84
+export APP_VERSION=1.0.85