@digi-frontend/dgate-api-documentation 1.0.20 → 1.0.25

package/dist/src/components/MethodAccordion/MethodAccordion.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as s,useEffect as r}from"react";import{d as o}from"../../../_virtual/index.js";import n from"../SVGLoader/SVGLoader.js";import a from"../../assets/icons/DownArrow.svg.js";import t from"../../assets/icons/DeleteIcon.svg.js";import i from"../../assets/icons/EditIcon.svg.js";import l from"../../assets/icons/deleteOutlinedIcon.svg.js";import{httpStatusCodes as d,methodColorMapping as c,paramsTableHeaders as m}from"../../constants/index.js";import p from"../Tooltip/Tooltip.js";import u from"../SimpleLabelValue/SimpleLabelValue.js";import{handleStatusColor as h,capitalize as v}from"../../helpers/methodAccordion.helper.js";import j from"../table/table.js";import x from"../dialog/index.js";import g from"../JsonInput/JsonInput.js";import b from"./MethodAccordion.module.scss.js";const y=d.map((s=>({label:e.jsxs("div",{className:b.statusCodeOptionContainer,children:[e.jsx("div",{className:b.statusCodeOptionCircle,style:{backgroundColor:h(s)}}),e.jsx("span",{children:s})]}),value:s}))),N=({method:d,path:h,setFieldValue:N,readOnly:C,tags:f})=>{var A,S,w,D,O,q,T,k;const[I,B]=s({request:!1,response:!1,method:!1}),[F,V]=s(!1),[$,_]=s({}),[L,E]=s([]),[G,J]=s(!1),[W,M]=s(null),[P,R]=s(null),[z,H]=s(),[Y,K]=s([]),[Q,U]=s(y[4]),X=d.responses.find((e=>Number(e.code)===Q.value))||"{}",Z=(e,s,r)=>{const o=L.map(((o,n)=>n===r?Object.assign(Object.assign({},o),{[e]:s}):o));E(o)},ee=s=>s.map(((s,r)=>{var a,l;return{id:r,paramName:s.name,paramType:v(s.in),schemaType:v(null===(a=s.schema)||void 0===a?void 0:a.type)||"",required:e.jsx(e.Fragment,{children:C?s.required?"True":"False":e.jsx(o.Switch,{checked:s.required,onClick:()=>{if(C)return null;Z("required",!s.required,r),N(`parameters[${r}][required]`,!s.required)}})}),description:e.jsxs("div",{className:b.paramDescContainer,children:[e.jsx(p,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>_((s=>Object.assign(Object.assign({},s),{[r]:e}))),content:e.jsxs("div",{className:b.editDescTooltipContent,children:[e.jsx("p",{className:b.editDescTooltipContent_header,children:"Description"}),e.jsx(o.TextArea,{placeholder:"Describe parameter...",value:s.description,disabled:C,onChange:e=>Z("description",e,r)}),!C&&e.jsx(o.Button,{className:b.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;N(`parameters[${r}].description`,s.description),null===(e=$[r])||void 0===e||e.hide()},children:"Apply"})]}),children:C||(null===(l=d.parameters[r].description)||void 0===l?void 0:l.length)>0?e.jsxs(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:i,width:"1.5rem",height:"1.5rem"}),children:[d.parameters[r].description?d.parameters[r].description.substring(0,12):"-",d.parameters[r].description&&d.parameters[r].description.length>12?"...":""]}):e.jsxs(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:i,width:"1.5rem",height:"1.5rem"}),children:[C?"View ":"Add "," Description"]})}),!C&&e.jsx("div",{className:b.paramDescContainer_separator}),!C&&e.jsx(o.Button,{className:b.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:t,width:"1.125rem",height:"1.125rem"}),onClick:()=>se(r,s.name)})]})}})),se=(e,s)=>{M(e),R(s),J(!0)};return r((()=>{H(ee(L))}),[L]),r((()=>{(null==d?void 0:d.parameters)&&(H(ee(d.parameters)),E(d.parameters))}),[d,h]),r((()=>{var e;if(!Y.length){const s=[...null===(e=(null==d?void 0:d.tags)||[])||void 0===e?void 0:e.map((e=>({label:v(e),value:e}))),...(f||[]).map((e=>({label:v(e.name),value:e.name})))].filter(((e,s,r)=>s===r.findIndex((s=>s.value===e.value))));K(s)}}),[f,d]),e.jsxs("div",{children:[e.jsx(o.Accordion,{expanded:I.method,onChange:()=>B((e=>Object.assign(Object.assign({},e),{method:!e.method}))),className:`${b.methodAccordion} ${C?b.readOnly:""}`,summary:e.jsxs("div",{className:b.methodSummaryContainer,children:[e.jsxs("div",{className:b.methodSummary,children:[e.jsx("span",{style:{backgroundColor:(null===(A=null==c?void 0:c[null==d?void 0:d.type])||void 0===A?void 0:A.color)||"#3A6CD1"},className:b.methodLabel,children:(null===(S=null==c?void 0:c[null==d?void 0:d.type])||void 0===S?void 0:S.label)||(null==d?void 0:d.type)}),e.jsx("span",{className:b.methodPath,children:h})]}),e.jsx("div",{className:`${b.methodExpandArrowContainer} ${I.method?b.expanded:""}`,children:e.jsx(n,{src:a,width:"2rem",height:"2rem"})})]}),children:e.jsxs("div",{className:b.methodAccordionContent,children:[e.jsx(o.SelectGroup,{className:b.methodDesc,disabled:C,placeholder:"Select Tags",label:"Tags",value:null===(w=d.tags)||void 0===w?void 0:w.map((e=>({label:v(e),value:e}))),onChange:e=>{N("tags",e.map((e=>e.value)))},options:[{list:Y}],isMultiple:!0,withSearch:!1,clearable:!1})," ",C?e.jsx(u,{label:"Description: ",value:(null==d?void 0:d.description)||"-"},"description"):e.jsx(o.TextArea,{className:b.methodDesc,label:"Description",placeholder:"Describe the method's purpose and functionality...",value:null==d?void 0:d.description,onChange:e=>N("description",e)}),e.jsx("div",{className:b.paramsTable,children:e.jsx(j,{id:"paramter-table",data:z,headCells:m,isFormOpen:F,setIsFormOpen:V,saveNewRow:e=>{E([...L,e]),N("parameters",[...d.parameters,e])},readOnly:C})}),"get"!==(null==d?void 0:d.type)&&e.jsx(o.Accordion,{expanded:I.request,onChange:()=>null,className:b.requestAccordion,summary:e.jsx("span",{className:b.requestAccordionSummary,children:e.jsxs("div",{className:b.requestAccordionSummary_title,onClick:()=>B((e=>Object.assign(Object.assign({},e),{request:!e.request}))),children:[e.jsx(n,{className:I.request?b.expanded:"",src:a,width:"2rem",height:"2rem"}),"Request","delete"!==(null==d?void 0:d.type)&&e.jsx("span",{style:{color:"red"},children:"*"})]})}),children:e.jsx(g,{withFooter:!C,className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:C,value:(null===(q=null===(O=null===(D=null==d?void 0:d.requestBody)||void 0===D?void 0:D.content)||void 0===O?void 0:O.schema)||void 0===q?void 0:q.properties)||"{}",onChange:e=>{N("requestBody.content.schema.properties",e)},onValidation:()=>null})}),e.jsx(o.Accordion,{expanded:I.response,onChange:()=>null,className:b.responseAccordion,summary:e.jsxs("span",{className:b.responseAccordionSummary,children:[e.jsxs("div",{className:b.responseAccordionSummary_title,onClick:()=>B((e=>Object.assign(Object.assign({},e),{response:!e.response}))),children:[e.jsx(n,{className:I.response?b.expanded:"",src:a,width:"2rem",height:"2rem"}),"Response",e.jsx("span",{style:{color:"red"},children:"*"})]}),e.jsx(o.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:y}],value:Q,onChange:e=>{U(e)}})]}),children:e.jsx(g,{withFooter:!C,className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:C,value:(null===(k=null===(T=null==X?void 0:X.content)||void 0===T?void 0:T.schema)||void 0===k?void 0:k.properties)||"{}",onChange:e=>{const s=d.responses.findIndex((e=>e.code===X.code));if(-1!==s)N(`responses[${s}].content.schema.properties`,e);else{const s=structuredClone(d.responses);s.push({code:Q.value.toString(),content:{contentType:"application/json",schema:{type:"object",properties:e}}}),N("responses",s)}},onValidation:()=>null})})]})}),e.jsx(x,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsx("span",{className:"plan-name",children:` Parameter ${P} `}),"?"]}),onSubmit:{onClick:()=>{var e;null!==W&&(E((e=>e.filter(((e,s)=>s!==W)))),N("parameters",null===(e=null==d?void 0:d.parameters)||void 0===e?void 0:e.filter(((e,s)=>s!==W)))),J(!1),M(null)},text:"Yes",color:"error",fullWidth:!0},onCancel:{text:"No",color:"normal",fullWidth:!0},onClose:()=>J(!1),open:G,icon:e.jsx(n,{src:l,width:"4.0625rem",height:"4.0625rem"})})]})};export{N as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as s,useEffect as r}from"react";import{d as o}from"../../../_virtual/index.js";import n from"../SVGLoader/SVGLoader.js";import t from"../../assets/icons/DownArrow.svg.js";import a from"../../assets/icons/DeleteIcon.svg.js";import i from"../../assets/icons/EditIcon.svg.js";import l from"../../assets/icons/deleteOutlinedIcon.svg.js";import{httpStatusCodes as d,methodColorMapping as c,paramsTableHeaders as m}from"../../constants/index.js";import p from"../Tooltip/Tooltip.js";import u from"../SimpleLabelValue/SimpleLabelValue.js";import{handleStatusColor as h,capitalize as v}from"../../helpers/methodAccordion.helper.js";import j from"../table/table.js";import x from"../dialog/index.js";import g from"../JsonInput/JsonInput.js";import b from"./MethodAccordion.module.scss.js";const y=d.map((s=>({label:e.jsxs("div",{className:b.statusCodeOptionContainer,children:[e.jsx("div",{className:b.statusCodeOptionCircle,style:{backgroundColor:h(s)}}),e.jsx("span",{children:s})]}),value:s}))),N=({method:d,path:h,setFieldValue:N,readOnly:f,tags:C})=>{var S,w,A,O,D,q,T,k;const[I,B]=s({request:!1,response:!1,method:!1}),[F,$]=s(!1),[V,L]=s({}),[_,J]=s([]),[M,W]=s(!1),[E,G]=s(null),[H,P]=s(null),[R,z]=s(),[K,Q]=s([]),[U,X]=s(y[4]),Y=d.responses.find((e=>Number(e.code)===U.value))||"{}",Z=(e,s,r)=>{const o=_.map(((o,n)=>n===r?Object.assign(Object.assign({},o),{[e]:s}):o));J(o)},ee=(e,s)=>{G(e),P(s),W(!0)};return r((()=>{z(_.map(((s,r)=>{var t,l,c;return{id:r,paramName:s.name,paramType:v(s.in),schemaType:v(null===(t=s.schema)||void 0===t?void 0:t.type)||"",required:e.jsx(e.Fragment,{children:f?s.required?"True":"False":e.jsx(o.Switch,{checked:s.required,onClick:()=>{if(f)return null;Z("required",!s.required,r),N(`parameters[${r}][required]`,!s.required)}})}),description:e.jsxs("div",{className:b.paramDescContainer,children:[e.jsx(p,{allowHTML:!0,disabled:(null===(l=d.parameters[r].description)||void 0===l?void 0:l.length)<=12,content:e.jsx("div",{style:{padding:"0.625rem"},children:d.parameters[r].description}),arrowWithBorder:!0,placement:"bottom-end",type:"function",delay:[0,0],onShow:()=>{var e;return null===(e=V[r])||void 0===e?void 0:e.hide()},children:e.jsxs("p",{style:{alignSelf:"center"},children:[d.parameters[r].description?d.parameters[r].description.substring(0,12):"-",d.parameters[r].description&&d.parameters[r].description.length>12?"...":""]})},`${r}-description`),e.jsx(p,{allowHTML:!0,arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>L((s=>Object.assign(Object.assign({},s),{[r]:e}))),content:e.jsxs("div",{className:b.editDescTooltipContent,children:[e.jsx("p",{className:b.editDescTooltipContent_header,children:"Description"}),e.jsx(o.TextArea,{placeholder:"Describe parameter...",value:s.description,disabled:f,onChange:e=>Z("description",e,r)}),!f&&e.jsx(o.Button,{className:b.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;N(`parameters[${r}].description`,s.description),null===(e=V[r])||void 0===e||e.hide()},children:"Apply"})]}),children:f||(null===(c=d.parameters[r].description)||void 0===c?void 0:c.length)>0?e.jsx(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:i,width:"1.5rem",height:"1.5rem"})}):e.jsxs(o.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:i,width:"1.5rem",height:"1.5rem"}),children:[f?"View ":"Add "," Description"]})},`${r}-add-edit-description`),!f&&e.jsx("div",{className:b.paramDescContainer_separator}),!f&&e.jsx(o.Button,{className:b.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>ee(r,s.name)})]})}})))}),[_]),r((()=>{(null==d?void 0:d.parameters)&&J(d.parameters)}),[d,h]),r((()=>{var e;if((null==d?void 0:d.tags.length)||C.length){const s=[...null===(e=(null==d?void 0:d.tags)||[])||void 0===e?void 0:e.map((e=>({label:v(e),value:e}))),...(C||[]).map((e=>({label:v(e.name),value:e.name})))].filter(((e,s,r)=>s===r.findIndex((s=>s.value===e.value))));Q(s)}}),[C,d]),e.jsxs("div",{children:[e.jsx(o.Accordion,{expanded:I.method,onChange:()=>B((e=>Object.assign(Object.assign({},e),{method:!e.method}))),className:`${b.methodAccordion} ${f?b.readOnly:""}`,summary:e.jsxs("div",{className:b.methodSummaryContainer,children:[e.jsxs("div",{className:b.methodSummary,children:[e.jsx("span",{style:{backgroundColor:(null===(S=null==c?void 0:c[null==d?void 0:d.type])||void 0===S?void 0:S.color)||"#3A6CD1"},className:b.methodLabel,children:(null===(w=null==c?void 0:c[null==d?void 0:d.type])||void 0===w?void 0:w.label)||(null==d?void 0:d.type)}),e.jsx("span",{className:b.methodPath,children:h})]}),e.jsx("div",{className:`${b.methodExpandArrowContainer} ${I.method?b.expanded:""}`,children:e.jsx(n,{src:t,width:"2rem",height:"2rem"})})]}),children:e.jsxs("div",{className:b.methodAccordionContent,children:[e.jsx(o.SelectGroup,{className:b.methodDesc,disabled:f,placeholder:"Select Tags",label:"Tags",value:null===(A=d.tags)||void 0===A?void 0:A.map((e=>({label:v(e),value:e}))),onChange:e=>{N("tags",e.map((e=>e.value)))},options:[{list:K}],isMultiple:!0,withSearch:!1,clearable:!1}),f?e.jsx(u,{label:"Description: ",value:(null==d?void 0:d.description)||"-"},"description"):e.jsx(o.TextArea,{className:b.methodDesc,label:"Description",placeholder:"Describe the method's purpose and functionality...",value:null==d?void 0:d.description,onChange:e=>N("description",e)}),e.jsx("div",{className:b.paramsTable,children:e.jsx(j,{id:"paramter-table",data:R,headCells:m,isFormOpen:F,setIsFormOpen:$,saveNewRow:e=>{J([..._,e]),N("parameters",[...d.parameters,e])},readOnly:f})}),"get"!==(null==d?void 0:d.type)&&e.jsx(o.Accordion,{expanded:I.request,onChange:()=>null,className:b.requestAccordion,summary:e.jsx("span",{className:b.requestAccordionSummary,children:e.jsxs("div",{className:b.requestAccordionSummary_title,onClick:()=>B((e=>Object.assign(Object.assign({},e),{request:!e.request}))),children:[e.jsx(n,{className:I.request?b.expanded:"",src:t,width:"2rem",height:"2rem"}),"Request","delete"!==(null==d?void 0:d.type)&&e.jsx("span",{style:{color:"red"},children:"*"})]})}),children:e.jsx(g,{acceptType:"JSON",withFooter:!f,className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:f,value:(null===(q=null===(D=null===(O=null==d?void 0:d.requestBody)||void 0===O?void 0:O.content)||void 0===D?void 0:D.schema)||void 0===q?void 0:q.properties)||"{}",onChange:e=>{N("requestBody.content.schema.properties",e)},onValidation:()=>null})}),e.jsx(o.Accordion,{expanded:I.response,onChange:()=>null,className:b.responseAccordion,summary:e.jsxs("span",{className:b.responseAccordionSummary,children:[e.jsxs("div",{className:b.responseAccordionSummary_title,onClick:()=>B((e=>Object.assign(Object.assign({},e),{response:!e.response}))),children:[e.jsx(n,{className:I.response?b.expanded:"",src:t,width:"2rem",height:"2rem"}),"Response",e.jsx("span",{style:{color:"red"},children:"*"})]}),e.jsx(o.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:y}],value:U,onChange:e=>{X(e)}})]}),children:e.jsx(g,{acceptType:"JSON",withFooter:!f,className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:f,value:(null===(k=null===(T=null==Y?void 0:Y.content)||void 0===T?void 0:T.schema)||void 0===k?void 0:k.properties)||"{}",onChange:e=>{const s=d.responses.findIndex((e=>e.code===Y.code));if(-1!==s)N(`responses[${s}].content.schema.properties`,e);else{const s=structuredClone(d.responses);s.push({code:U.value.toString(),content:{contentType:"application/json",schema:{type:"object",properties:e}}}),N("responses",s)}},onValidation:()=>null})})]})}),e.jsx(x,{status:"error",content:e.jsxs("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},className:"delete-msg-container",children:["Are you sure you want to delete",e.jsxs("span",{className:"plan-name",children:["Parameter ",e.jsx("strong",{children:H})]}),"?"]}),onSubmit:{onClick:()=>{var e;null!==E&&(J((e=>e.filter(((e,s)=>s!==E)))),N("parameters",null===(e=null==d?void 0:d.parameters)||void 0===e?void 0:e.filter(((e,s)=>s!==E)))),W(!1),G(null)},text:"Delete",color:"error",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>W(!1),open:M,icon:e.jsx(n,{src:l,width:"4.0625rem",height:"4.0625rem"})})]})};export{N as default};
 //# sourceMappingURL=MethodAccordion.js.map

package/dist/src/components/MethodAccordion/MethodAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { Accordion, Button, SelectGroup, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport { DeleteIcon, DownArrowIcon, EditIcon, deleteOutlinedIcon } from '../../assets/icons'\r\nimport { httpStatusCodes, methodColorMapping, paramsTableHeaders } from '../../constants/index'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { TransformedMethod } from '../../types/layout.type'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\nimport { capitalize, handleStatusColor } from '../../helpers/methodAccordion.helper'\r\nimport ParamterTable from '../table/table'\r\nimport CommonDialog from '../../components/dialog'\r\nimport JsonInput from '../../components/JsonInput/JsonInput'\r\nimport styles from './MethodAccordion.module.scss'\r\nimport { Tags } from '@entities/openApi'\r\n\r\nconst httpStatusCodeOptions = httpStatusCodes.map((code) => ({\r\n  label: (\r\n    <div className={styles.statusCodeOptionContainer}>\r\n      <div\r\n        className={styles.statusCodeOptionCircle}\r\n        style={{ backgroundColor: handleStatusColor(code) }}\r\n      ></div>\r\n      <span>{code}</span>\r\n    </div>\r\n  ),\r\n  value: code,\r\n}))\r\n\r\nconst MethodsAccordion = ({\r\n  method,\r\n  path,\r\n  setFieldValue,\r\n  readOnly,\r\n  tags,\r\n}: {\r\n  method: TransformedMethod\r\n  path: string\r\n  setFieldValue?: (key: string, value: string | string[]) => void\r\n  readOnly?: boolean\r\n  tags: Tags[]\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState({\r\n    request: false,\r\n    response: false,\r\n    method: false,\r\n  })\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tableData, setTableData] = useState([])\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [selectedParamIndex, setSelectedParamIndex] = useState<number | null>(null)\r\n  const [selectedParamName, setSelectedParamName] = useState<string | null>(null)\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [selectionTags, setSelectionTags] = useState([])\r\n  const [selectedStatusCode, setSelectedStatusCode] = useState(httpStatusCodeOptions[4])\r\n  const currentResponse =\r\n    method.responses.find((res) => Number(res.code) === selectedStatusCode.value) || '{}'\r\n\r\n  const onTableChange = (key, value, index) => {\r\n    const newTableData = tableData.map((item, tIndex) => {\r\n      if (tIndex === index) {\r\n        return { ...item, [key]: value }\r\n      } else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    setTableData(newTableData)\r\n  }\r\n\r\n  const generateTableData = (items) => {\r\n    return items.map((item, index) => {\r\n      return {\r\n        id: index,\r\n        paramName: item.name,\r\n        paramType: capitalize(item.in),\r\n        schemaType: capitalize(item.schema?.type) || '',\r\n        required: (\r\n          <>\r\n            {readOnly ? (\r\n              item.required ? (\r\n                'True'\r\n              ) : (\r\n                'False'\r\n              )\r\n            ) : (\r\n              <Switch\r\n                checked={item.required}\r\n                onClick={() => {\r\n                  if (readOnly) {\r\n                    return null\r\n                  }\r\n                  onTableChange('required', !item.required, index)\r\n                  setFieldValue(`parameters[${index}][required]`, !item.required)\r\n                }}\r\n              />\r\n            )}\r\n          </>\r\n        ),\r\n        description: (\r\n          <div className={styles.paramDescContainer}>\r\n            <Tooltip\r\n              arrowWithBorder\r\n              placement=\"bottom-end\"\r\n              type=\"function\"\r\n              trigger=\"click\"\r\n              delay={[0, 0]}\r\n              onCreate={(instance) =>\r\n                setTooltipRefs((prev) => ({\r\n                  ...prev,\r\n                  [index]: instance,\r\n                }))\r\n              }\r\n              content={\r\n                <div className={styles.editDescTooltipContent}>\r\n                  <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                  <TextArea\r\n                    placeholder=\"Describe parameter...\"\r\n                    value={item.description}\r\n                    disabled={readOnly}\r\n                    onChange={(value) => onTableChange('description', value, index)}\r\n                  />\r\n                  {!readOnly && (\r\n                    <Button\r\n                      className={styles.editDescTooltipContent_btn}\r\n                      variant=\"outlined\"\r\n                      size=\"small\"\r\n                      onClick={() => {\r\n                        setFieldValue(`parameters[${index}].description`, item.description)\r\n                        tooltipRefs[index]?.hide()\r\n                      }}\r\n                    >\r\n                      Apply\r\n                    </Button>\r\n                  )}\r\n                </div>\r\n              }\r\n            >\r\n              {readOnly || method.parameters[index].description?.length > 0 ? (\r\n                <Button\r\n                  className={styles.editDescBtn}\r\n                  variant=\"link\"\r\n                  color=\"action\"\r\n                  endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                >\r\n                  {method.parameters[index].description\r\n                    ? method.parameters[index].description.substring(0, 12)\r\n                    : '-'}\r\n                  {method.parameters[index].description &&\r\n                  method.parameters[index].description.length > 12\r\n                    ? '...'\r\n                    : ''}\r\n                </Button>\r\n              ) : (\r\n                <Button\r\n                  className={styles.editDescBtn}\r\n                  variant=\"link\"\r\n                  color=\"action\"\r\n                  endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                >\r\n                  {readOnly ? 'View ' : 'Add '} Description\r\n                </Button>\r\n              )}\r\n            </Tooltip>\r\n\r\n            {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n            {!readOnly && (\r\n              <Button\r\n                className={styles.deleteParamBtn}\r\n                variant=\"link\"\r\n                color=\"error\"\r\n                endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\r\n                onClick={() => handleDeleteClick(index, item.name)}\r\n              ></Button>\r\n            )}\r\n          </div>\r\n        ),\r\n      }\r\n    })\r\n  }\r\n\r\n  const confirmDeleteParameter = () => {\r\n    if (selectedParamIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedParamIndex))\r\n      setFieldValue(\r\n        `parameters`,\r\n        method?.parameters?.filter((_, i) => i !== selectedParamIndex)\r\n      )\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedParamIndex(null)\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedParamIndex(id)\r\n    setSelectedParamName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const saveNewRow = (values) => {\r\n    setTableData([...tableData, values])\r\n    setFieldValue(`parameters`, [...method.parameters, values])\r\n  }\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableData(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (method?.parameters) {\r\n      setTableRecords(generateTableData(method.parameters))\r\n      setTableData(method.parameters)\r\n    }\r\n  }, [method, path])\r\n\r\n  useEffect(() => {\r\n    // prepare tags selection list\r\n    if (!selectionTags.length) {\r\n      const convertedStringArray = (method?.tags || [])?.map((item) => ({\r\n        label: capitalize(item),\r\n        value: item,\r\n      }))\r\n      const mergedArray = [\r\n        ...convertedStringArray,\r\n        ...(tags || []).map((item) => ({ label: capitalize(item.name), value: item.name })),\r\n      ]\r\n\r\n      const filteredArray = mergedArray.filter(\r\n        (value, index, self) => index === self.findIndex((t) => t.value === value.value)\r\n      )\r\n      setSelectionTags(filteredArray)\r\n    }\r\n  }, [tags, method])\r\n\r\n  return (\r\n    <div>\r\n      <Accordion\r\n        expanded={isExpanded.method}\r\n        onChange={() => setIsExpanded((prev) => ({ ...prev, method: !prev.method }))}\r\n        className={`${styles.methodAccordion} ${readOnly ? styles.readOnly : ''}`}\r\n        summary={\r\n          <div className={styles.methodSummaryContainer}>\r\n            <div className={styles.methodSummary}>\r\n              <span\r\n                style={{\r\n                  backgroundColor: methodColorMapping?.[method?.type]?.color || '#3A6CD1',\r\n                }}\r\n                className={styles.methodLabel}\r\n              >\r\n                {methodColorMapping?.[method?.type]?.label || method?.type}\r\n              </span>\r\n              <span className={styles.methodPath}>{path}</span>\r\n            </div>\r\n            <div\r\n              className={`${styles.methodExpandArrowContainer} ${\r\n                isExpanded.method ? styles.expanded : ''\r\n              }`}\r\n            >\r\n              <SVGLoader src={DownArrowIcon} width=\"2rem\" height=\"2rem\" />\r\n            </div>\r\n          </div>\r\n        }\r\n        children={\r\n          <div className={styles.methodAccordionContent}>\r\n            <SelectGroup\r\n              className={styles.methodDesc}\r\n              disabled={readOnly}\r\n              placeholder=\"Select Tags\"\r\n              label=\"Tags\"\r\n              value={method.tags?.map((t) => ({\r\n                label: capitalize(t),\r\n                value: t,\r\n              }))}\r\n              onChange={(item) => {\r\n                setFieldValue(\r\n                  'tags',\r\n                  item.map((i) => i.value)\r\n                )\r\n              }}\r\n              options={[\r\n                {\r\n                  list: selectionTags,\r\n                },\r\n              ]}\r\n              isMultiple={true}\r\n              withSearch={false}\r\n              clearable={false}\r\n            />{' '}\r\n            {!readOnly ? (\r\n              <TextArea\r\n                className={styles.methodDesc}\r\n                label=\"Description\"\r\n                placeholder=\"Describe the method's purpose and functionality...\"\r\n                value={method?.description}\r\n                onChange={(value) => setFieldValue('description', value)}\r\n              />\r\n            ) : (\r\n              <SimpleLabelValue\r\n                key={'description'}\r\n                label={'Description: '}\r\n                value={method?.description || '-'}\r\n              />\r\n            )}\r\n            <div className={styles.paramsTable}>\r\n              <ParamterTable\r\n                id=\"paramter-table\"\r\n                data={tableRecords}\r\n                headCells={paramsTableHeaders}\r\n                isFormOpen={isFormOpen}\r\n                setIsFormOpen={setIsFormOpen}\r\n                saveNewRow={saveNewRow}\r\n                readOnly={readOnly}\r\n              />\r\n            </div>\r\n            {method?.type !== 'get' && (\r\n              <Accordion\r\n                expanded={isExpanded.request}\r\n                onChange={() => null}\r\n                className={styles.requestAccordion}\r\n                summary={\r\n                  <span className={styles.requestAccordionSummary}>\r\n                    <div\r\n                      className={styles.requestAccordionSummary_title}\r\n                      onClick={() =>\r\n                        setIsExpanded((prev) => ({\r\n                          ...prev,\r\n                          request: !prev.request,\r\n                        }))\r\n                      }\r\n                    >\r\n                      <SVGLoader\r\n                        className={isExpanded.request ? styles.expanded : ''}\r\n                        src={DownArrowIcon}\r\n                        width=\"2rem\"\r\n                        height=\"2rem\"\r\n                      />\r\n                      Request\r\n                      {method?.type !== 'delete' && <span style={{ color: 'red' }}>*</span>}\r\n                    </div>\r\n                  </span>\r\n                }\r\n                children={\r\n                  <JsonInput\r\n                    withFooter={!readOnly}\r\n                    className={'jsonField'}\r\n                    placeholder=\"Enter your request body as a JSON object....\"\r\n                    fieldIsDisabled={readOnly}\r\n                    value={method?.requestBody?.content?.schema?.properties || '{}'}\r\n                    onChange={(value: string) => {\r\n                      setFieldValue('requestBody.content.schema.properties', value)\r\n                    }}\r\n                    onValidation={() => null}\r\n                  />\r\n                }\r\n              />\r\n            )}\r\n            <Accordion\r\n              expanded={isExpanded.response}\r\n              onChange={() => null}\r\n              className={styles.responseAccordion}\r\n              summary={\r\n                <span className={styles.responseAccordionSummary}>\r\n                  <div\r\n                    className={styles.responseAccordionSummary_title}\r\n                    onClick={() =>\r\n                      setIsExpanded((prev) => ({\r\n                        ...prev,\r\n                        response: !prev.response,\r\n                      }))\r\n                    }\r\n                  >\r\n                    <SVGLoader\r\n                      className={isExpanded.response ? styles.expanded : ''}\r\n                      src={DownArrowIcon}\r\n                      width=\"2rem\"\r\n                      height=\"2rem\"\r\n                    />\r\n                    Response<span style={{ color: 'red' }}>*</span>\r\n                  </div>\r\n\r\n                  <SelectGroup\r\n                    withSearch={false}\r\n                    isMultiple={false}\r\n                    clearable={false}\r\n                    placeholder=\"200\"\r\n                    options={[\r\n                      {\r\n                        list: httpStatusCodeOptions,\r\n                      },\r\n                    ]}\r\n                    value={selectedStatusCode}\r\n                    onChange={(value) => {\r\n                      setSelectedStatusCode(value)\r\n                    }}\r\n                  />\r\n                </span>\r\n              }\r\n              children={\r\n                <JsonInput\r\n                  withFooter={!readOnly}\r\n                  className={'jsonField'}\r\n                  placeholder=\"Enter your response as a JSON object...\"\r\n                  fieldIsDisabled={readOnly}\r\n                  value={currentResponse?.content?.schema?.properties || '{}'}\r\n                  onChange={(value) => {\r\n                    const currentResIndex = method.responses.findIndex(\r\n                      (res) => res.code === currentResponse.code\r\n                    )\r\n\r\n                    if (currentResIndex !== -1) {\r\n                      setFieldValue(\r\n                        `responses[${currentResIndex}].content.schema.properties`,\r\n                        value\r\n                      )\r\n                    } else {\r\n                      const clonedResponses = structuredClone(method.responses)\r\n\r\n                      clonedResponses.push({\r\n                        code: selectedStatusCode.value.toString(),\r\n                        content: {\r\n                          contentType: 'application/json',\r\n                          schema: {\r\n                            type: 'object',\r\n                            properties: value,\r\n                          },\r\n                        },\r\n                      })\r\n\r\n                      setFieldValue('responses', clonedResponses)\r\n                    }\r\n                  }}\r\n                  onValidation={() => null}\r\n                />\r\n              }\r\n            />\r\n          </div>\r\n        }\r\n      />\r\n      <CommonDialog\r\n        status=\"error\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n            className=\"delete-msg-container\"\r\n          >\r\n            Are you sure you want to delete\r\n            <span className=\"plan-name\">{` Parameter ${selectedParamName} `}</span>?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteParameter,\r\n          text: 'Yes',\r\n          color: 'error',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'No',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setOpenDeleteDialog(false)}\r\n        open={openDeleteDialog}\r\n        icon={<SVGLoader src={deleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MethodsAccordion\r\n"],"names":["httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","className","styles","statusCodeOptionContainer","children","_jsx","statusCodeOptionCircle","style","backgroundColor","handleStatusColor","value","MethodsAccordion","method","path","setFieldValue","readOnly","tags","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","selectionTags","setSelectionTags","selectedStatusCode","setSelectedStatusCode","currentResponse","responses","find","res","Number","onTableChange","key","index","newTableData","item","tIndex","Object","assign","generateTableData","items","id","paramName","name","paramType","capitalize","in","schemaType","_a","schema","type","required","jsx","_Fragment","Switch","checked","onClick","description","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","prev","content","jsxs","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","disabled","onChange","Button","editDescTooltipContent_btn","variant","size","hide","_b","parameters","length","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","substring","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","useEffect","filteredArray","filter","self","findIndex","t","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SelectGroup","methodDesc","_c","i","options","list","isMultiple","withSearch","clearable","SimpleLabelValue","paramsTable","ParamterTable","data","headCells","paramsTableHeaders","saveNewRow","values","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","withFooter","fieldIsDisabled","_f","_e","_d","requestBody","properties","onValidation","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","_h","_g","currentResIndex","clonedResponses","structuredClone","push","toString","contentType","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","_","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"i1BAeA,MAAMA,EAAwBC,EAAgBC,KAAKC,IAAU,CAC3DC,MACEC,EAAAA,KAAK,MAAA,CAAAC,UAAWC,EAAOC,0BAAyBC,SAAA,CAC9CC,EAAAA,IACE,MAAA,CAAAJ,UAAWC,EAAOI,uBAClBC,MAAO,CAAEC,gBAAiBC,EAAkBX,MAE9CO,MAAA,OAAA,CAAAD,SAAON,OAGXY,MAAOZ,MAGHa,EAAmB,EACvBC,SACAC,OACAC,gBACAC,WACAC,+BAQA,MAAOC,EAAYC,GAAiBC,EAAS,CAC3CC,SAAS,EACTC,UAAU,EACVT,QAAQ,KAEHU,EAAYC,GAAiBJ,GAAS,IACtCK,EAAaC,GAAkBN,EAAiC,CAAE,IAClEO,EAAWC,GAAgBR,EAAS,KACpCS,EAAkBC,GAAuBV,GAAS,IAClDW,EAAoBC,GAAyBZ,EAAwB,OACrEa,EAAmBC,GAAwBd,EAAwB,OACnEe,EAAcC,GAAmBhB,KACjCiB,EAAeC,GAAoBlB,EAAS,KAC5CmB,EAAoBC,GAAyBpB,EAASxB,EAAsB,IAC7E6C,EACJ5B,EAAO6B,UAAUC,MAAMC,GAAQC,OAAOD,EAAI7C,QAAUwC,EAAmB5B,SAAU,KAE7EmC,EAAgB,CAACC,EAAKpC,EAAOqC,KACjC,MAAMC,EAAetB,EAAU7B,KAAI,CAACoD,EAAMC,IACpCA,IAAWH,EACbI,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAYH,GAAM,CAAAH,CAACA,GAAMpC,IAElBuC,IAIXtB,EAAaqB,EAAa,EAGtBK,GAAqBC,GAClBA,EAAMzD,KAAI,CAACoD,EAAMF,aACtB,MAAO,CACLQ,GAAIR,EACJS,UAAWP,EAAKQ,KAChBC,UAAWC,EAAWV,EAAKW,IAC3BC,WAAYF,EAAwB,QAAbG,EAAAb,EAAKc,cAAQ,IAAAD,OAAA,EAAAA,EAAAE,OAAS,GAC7CC,SACE5D,EAAA6D,IAAAC,WAAA,CAAA/D,SACGW,EACCkC,EAAKgB,SACH,OAEA,QAGF5D,MAAC+D,SAAM,CACLC,QAASpB,EAAKgB,SACdK,QAAS,KACP,GAAIvD,EACF,OAAO,KAET8B,EAAc,YAAaI,EAAKgB,SAAUlB,GAC1CjC,EAAc,cAAciC,gBAAqBE,EAAKgB,SAAS,MAMzEM,YACEvE,EAAAA,KAAK,MAAA,CAAAC,UAAWC,EAAOsE,mBACrBpE,SAAA,CAAAC,MAACoE,EAAO,CACNC,iBACA,EAAAC,UAAU,aACVX,KAAK,WACLY,QAAQ,QACRC,MAAO,CAAC,EAAG,GACXC,SAAWC,GACTtD,GAAgBuD,GAAS7B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACpB4B,GAAI,CACPjC,CAACA,GAAQgC,MAGbE,QACEjF,EAAAkF,KAAA,MAAA,CAAKjF,UAAWC,EAAOiF,uBACrB/E,SAAA,CAAAC,EAAAA,IAAA,IAAA,CAAGJ,UAAWC,EAAOkF,8BAA6BhF,SAAA,gBAClDC,MAACgF,EAAAA,SAAQ,CACPC,YAAY,wBACZ5E,MAAOuC,EAAKsB,YACZgB,SAAUxE,EACVyE,SAAW9E,GAAUmC,EAAc,cAAenC,EAAOqC,MAEzDhC,GACAV,EAAAA,IAACoF,EAAAA,OACC,CAAAxF,UAAWC,EAAOwF,2BAClBC,QAAQ,WACRC,KAAK,QACLtB,QAAS,WACPxD,EAAc,cAAciC,iBAAsBE,EAAKsB,aACnC,QAApBT,EAAAtC,EAAYuB,UAAQ,IAAAe,GAAAA,EAAA+B,MAAM,EAIrBzF,SAAA,aAEPA,SAGPW,IAAgD,QAApC+E,EAAAlF,EAAOmF,WAAWhD,GAAOwB,mBAAW,IAAAuB,OAAA,EAAAA,EAAEE,QAAS,EAC1DhG,EAAAA,KAACyF,EAAAA,OACC,CAAAxF,UAAWC,EAAO+F,YAClBN,QAAQ,OACRO,MAAM,SACNC,QAAS9F,MAAC+F,EAAU,CAAAC,IAAKC,EAAUC,MAAM,SAASC,OAAO,WAAWpG,SAAA,CAEnEQ,EAAOmF,WAAWhD,GAAOwB,YACtB3D,EAAOmF,WAAWhD,GAAOwB,YAAYkC,UAAU,EAAG,IAClD,IACH7F,EAAOmF,WAAWhD,GAAOwB,aAC1B3D,EAAOmF,WAAWhD,GAAOwB,YAAYyB,OAAS,GAC1C,MACA,MAGNhG,EAAAA,KAACyF,EAAAA,OAAM,CACLxF,UAAWC,EAAO+F,YAClBN,QAAQ,OACRO,MAAM,SACNC,QAAS9F,EAAC6D,IAAAkC,EAAU,CAAAC,IAAKC,EAAUC,MAAM,SAASC,OAAO,WAAWpG,SAAA,CAEnEW,EAAW,QAAU,OAAM,qBAKhCA,GAAYV,EAAAA,IAAK,MAAA,CAAAJ,UAAWC,EAAOwG,gCAEnC3F,GACAV,EAAA6D,IAACuB,SAAM,CACLxF,UAAWC,EAAOyG,eAClBhB,QAAQ,OACRO,MAAM,QACNC,QAAS9F,EAAC6D,IAAAkC,EAAU,CAAAC,IAAKO,EAAYL,MAAM,WAAWC,OAAO,aAC7DlC,QAAS,IAAMuC,GAAkB9D,EAAOE,EAAKQ,WAKtD,IAgBCoD,GAAoB,CAACtD,EAAYE,KACrC1B,EAAsBwB,GACtBtB,EAAqBwB,GAErB5B,GAAoB,EAAK,EAsC3B,OA9BAiF,GAAU,KACR3E,EAAgBkB,GAAkB3B,GAAW,GAC5C,CAACA,IAEJoF,GAAU,MACJlG,aAAM,EAANA,EAAQmF,cACV5D,EAAgBkB,GAAkBzC,EAAOmF,aACzCpE,EAAaf,EAAOmF,YACrB,GACA,CAACnF,EAAQC,IAEZiG,GAAU,WAER,IAAK1E,EAAc4D,OAAQ,CACzB,MASMe,EALc,IAJ6B,QAApBjD,GAAClD,aAAM,EAANA,EAAQI,OAAQ,UAAG,IAAA8C,OAAA,EAAAA,EAAEjE,KAAKoD,IAAU,CAChElD,MAAO4D,EAAWV,GAClBvC,MAAOuC,UAIHjC,GAAQ,IAAInB,KAAKoD,IAAU,CAAElD,MAAO4D,EAAWV,EAAKQ,MAAO/C,MAAOuC,EAAKQ,UAG3CuD,QAChC,CAACtG,EAAOqC,EAAOkE,IAASlE,IAAUkE,EAAKC,WAAWC,GAAMA,EAAEzG,QAAUA,EAAMA,UAE5E2B,EAAiB0E,EAClB,IACA,CAAC/F,EAAMJ,IAGRZ,EAAAkF,KAAA,MAAA,CAAA9E,SAAA,CACEC,EAAAA,IAAC+G,EAAAA,WACCC,SAAUpG,EAAWL,OACrB4E,SAAU,IAAMtE,GAAe8D,kCAAeA,GAAI,CAAEpE,QAASoE,EAAKpE,WAClEX,UAAW,GAAGC,EAAOoH,mBAAmBvG,EAAWb,EAAOa,SAAW,KACrEwG,QACEvH,cAAKC,UAAWC,EAAOsH,uBACrBpH,SAAA,CAAAJ,OAAA,MAAA,CAAKC,UAAWC,EAAOuH,cACrBrH,SAAA,CAAAC,EAAA6D,IAAA,OAAA,CACE3D,MAAO,CACLC,iBAAqD,QAApCsD,EAAA4D,aAAkB,EAAlBA,EAAqB9G,aAAM,EAANA,EAAQoD,aAAO,IAAAF,OAAA,EAAAA,EAAAoC,QAAS,WAEhEjG,UAAWC,EAAOyH,YAAWvH,UAEQ,QAApC0F,EAAA4B,aAAkB,EAAlBA,EAAqB9G,aAAM,EAANA,EAAQoD,aAAO,IAAA8B,OAAA,EAAAA,EAAA/F,SAASa,eAAAA,EAAQoD,QAExD3D,EAAM6D,IAAA,OAAA,CAAAjE,UAAWC,EAAO0H,WAAaxH,SAAAS,OAEvCR,EAAAA,IACE,MAAA,CAAAJ,UAAW,GAAGC,EAAO2H,8BACnB5G,EAAWL,OAASV,EAAOmH,SAAW,KACtCjH,SAEFC,EAAAA,IAAC+F,EAAU,CAAAC,IAAKyB,EAAevB,MAAM,OAAOC,OAAO,cAIzDpG,SACEJ,EAAAkF,KAAA,MAAA,CAAKjF,UAAWC,EAAO6H,uBAAsB3H,SAAA,CAC3CC,EAAAA,IAAC2H,EAAWA,YAAA,CACV/H,UAAWC,EAAO+H,WAClB1C,SAAUxE,EACVuE,YAAY,cACZvF,MAAM,OACNW,MAAkB,QAAXwH,EAAAtH,EAAOI,YAAI,IAAAkH,OAAA,EAAAA,EAAErI,KAAKsH,IAAO,CAC9BpH,MAAO4D,EAAWwD,GAClBzG,MAAOyG,MAET3B,SAAWvC,IACTnC,EACE,OACAmC,EAAKpD,KAAKsI,GAAMA,EAAEzH,QACnB,EAEH0H,QAAS,CACP,CACEC,KAAMjG,IAGVkG,YAAY,EACZC,YAAY,EACZC,WAAW,IACV,IACDzH,EASAV,EAAAA,IAACoI,EAEC,CAAA1I,MAAO,gBACPW,OAAOE,aAAA,EAAAA,EAAQ2D,cAAe,KAFzB,eATPlE,EAAAA,IAACgF,EAAAA,SAAQ,CACPpF,UAAWC,EAAO+H,WAClBlI,MAAM,cACNuF,YAAY,qDACZ5E,MAAOE,eAAAA,EAAQ2D,YACfiB,SAAW9E,GAAUI,EAAc,cAAeJ,KAStDL,EAAAA,IAAA,MAAA,CAAKJ,UAAWC,EAAOwI,qBACrBrI,EAAAA,IAACsI,EACC,CAAApF,GAAG,iBACHqF,KAAM1G,EACN2G,UAAWC,EACXxH,WAAYA,EACZC,cAAeA,EACfwH,WA/GMC,IAClBrH,EAAa,IAAID,EAAWsH,IAC5BlI,EAAc,aAAc,IAAIF,EAAOmF,WAAYiD,GAAQ,EA8G/CjI,SAAUA,MAGI,SAAjBH,aAAM,EAANA,EAAQoD,OACP3D,MAAC+G,EAAAA,UAAS,CACRC,SAAUpG,EAAWG,QACrBoE,SAAU,IAAM,KAChBvF,UAAWC,EAAO+I,iBAClB1B,QACElH,EAAA6D,IAAA,OAAA,CAAMjE,UAAWC,EAAOgJ,wBACtB9I,SAAAJ,EAAAA,KAAA,MAAA,CACEC,UAAWC,EAAOiJ,8BAClB7E,QAAS,IACPpD,GAAe8D,GACV7B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA4B,GACH,CAAA5D,SAAU4D,EAAK5D,sBAInBf,EAAC6D,IAAAkC,EACC,CAAAnG,UAAWgB,EAAWG,QAAUlB,EAAOmH,SAAW,GAClDhB,IAAKyB,EACLvB,MAAM,OACNC,OAAO,SAGR,UAAiB,YAAjB5F,aAAA,EAAAA,EAAQoD,OAAqB3D,cAAME,MAAO,CAAE2F,MAAO,OAAiB9F,SAAA,WAI3EA,SACEC,EAAAA,IAAC+I,EACC,CAAAC,YAAatI,EACbd,UAAW,YACXqF,YAAY,+CACZgE,gBAAiBvI,EACjBL,OAA6C,QAAtC6I,EAA4B,QAA5BC,EAAmB,QAAnBC,EAAA7I,aAAA,EAAAA,EAAQ8I,mBAAW,IAAAD,OAAA,EAAAA,EAAExE,eAAO,IAAAuE,OAAA,EAAAA,EAAEzF,cAAQ,IAAAwF,OAAA,EAAAA,EAAAI,aAAc,KAC3DnE,SAAW9E,IACTI,EAAc,wCAAyCJ,EAAM,EAE/DkJ,aAAc,IAAM,SAK5BvJ,MAAC+G,EAAAA,UACC,CAAAC,SAAUpG,EAAWI,SACrBmE,SAAU,IAAM,KAChBvF,UAAWC,EAAO2J,kBAClBtC,QACEvH,EAAAA,KAAM,OAAA,CAAAC,UAAWC,EAAO4J,yBACtB1J,SAAA,CAAAJ,EAAAA,KAAA,MAAA,CACEC,UAAWC,EAAO6J,+BAClBzF,QAAS,IACPpD,GAAe8D,GACV7B,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAA4B,GACH,CAAA3D,UAAW2D,EAAK3D,aAIpBjB,SAAA,CAAAC,EAAAA,IAAC+F,EAAS,CACRnG,UAAWgB,EAAWI,SAAWnB,EAAOmH,SAAW,GACnDhB,IAAKyB,EACLvB,MAAM,OACNC,OAAO,SACP,WACMnG,EAAAA,IAAM,OAAA,CAAAE,MAAO,CAAE2F,MAAO,OAAiB9F,SAAA,SAGjDC,EAAAA,IAAC2H,EAAAA,YACC,CAAAO,YAAY,EACZD,YAAY,EACZE,WAAW,EACXlD,YAAY,MACZ8C,QAAS,CACP,CACEC,KAAM1I,IAGVe,MAAO4B,EACPkD,SAAW9E,IACT6B,EAAsB7B,EAAM,OAKpCN,SACEC,EAAAA,IAAC+I,EACC,CAAAC,YAAatI,EACbd,UAAW,YACXqF,YAAY,0CACZgE,gBAAiBvI,EACjBL,OAAuC,QAAhCsJ,UAAAC,EAAAzH,aAAA,EAAAA,EAAiByC,8BAASlB,cAAM,IAAAiG,OAAA,EAAAA,EAAEL,aAAc,KACvDnE,SAAW9E,IACT,MAAMwJ,EAAkBtJ,EAAO6B,UAAUyE,WACtCvE,GAAQA,EAAI7C,OAAS0C,EAAgB1C,OAGxC,IAAyB,IAArBoK,EACFpJ,EACE,aAAaoJ,+BACbxJ,OAEG,CACL,MAAMyJ,EAAkBC,gBAAgBxJ,EAAO6B,WAE/C0H,EAAgBE,KAAK,CACnBvK,KAAMwC,EAAmB5B,MAAM4J,WAC/BrF,QAAS,CACPsF,YAAa,mBACbxG,OAAQ,CACNC,KAAM,SACN2F,WAAYjJ,MAKlBI,EAAc,YAAaqJ,EAC5B,GAEHP,aAAc,IAAM,cAOhCvJ,EAAAA,IAACmK,EACC,CAAAC,OAAO,QACPxF,QACEjF,EAAAA,KACE,IAAA,CAAAO,MAAO,CACLmK,UAAW,SACXC,WAAY,IACZC,SAAU,OACVC,WAAY,aAEd5K,UAAU,uBAGVG,SAAA,CAAA,kCAAAC,MAAA,OAAA,CAAMJ,UAAU,YAAaG,SAAA,cAAc4B,OACzC,OAEN8I,SAAU,CACRxG,QAnRuB,WACF,OAAvBxC,IACFH,GAAcqD,GAASA,EAAKgC,QAAO,CAAC+D,EAAG5C,IAAMA,IAAMrG,MACnDhB,EACE,aACoB,QAApBgD,EAAAlD,aAAA,EAAAA,EAAQmF,kBAAY,IAAAjC,OAAA,EAAAA,EAAAkD,QAAO,CAAC+D,EAAG5C,IAAMA,IAAMrG,MAG/CD,GAAoB,GACpBE,EAAsB,KAAK,EA2QrBiJ,KAAM,MACN9E,MAAO,QACP+E,WAAW,GAEbC,SAAU,CACRF,KAAM,KACN9E,MAAO,SACP+E,WAAW,GAEbE,QAAS,IAAMtJ,GAAoB,GACnCuJ,KAAMxJ,EACNyJ,KAAMhL,EAAAA,IAAC+F,EAAS,CAACC,IAAKiF,EAAoB/E,MAAM,YAAYC,OAAO,kBAGxE"}
+{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { Accordion, Button, SelectGroup, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport { DeleteIcon, DownArrowIcon, EditIcon, deleteOutlinedIcon } from '../../assets/icons'\r\nimport { httpStatusCodes, methodColorMapping, paramsTableHeaders } from '../../constants/index'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { TransformedMethod } from '../../types/layout.type'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\nimport { capitalize, handleStatusColor } from '../../helpers/methodAccordion.helper'\r\nimport ParamterTable from '../table/table'\r\nimport CommonDialog from '../../components/dialog'\r\nimport JsonInput from '../../components/JsonInput/JsonInput'\r\nimport styles from './MethodAccordion.module.scss'\r\nimport { Tags } from '@entities/openApi'\r\n\r\nconst httpStatusCodeOptions = httpStatusCodes.map((code) => ({\r\n  label: (\r\n    <div className={styles.statusCodeOptionContainer}>\r\n      <div\r\n        className={styles.statusCodeOptionCircle}\r\n        style={{ backgroundColor: handleStatusColor(code) }}\r\n      ></div>\r\n      <span>{code}</span>\r\n    </div>\r\n  ),\r\n  value: code,\r\n}))\r\n\r\nconst MethodsAccordion = ({\r\n  method,\r\n  path,\r\n  setFieldValue,\r\n  readOnly,\r\n  tags,\r\n}: {\r\n  method: TransformedMethod\r\n  path: string\r\n  setFieldValue?: (key: string, value: string | string[]) => void\r\n  readOnly?: boolean\r\n  tags: Tags[]\r\n}) => {\r\n  const [isExpanded, setIsExpanded] = useState({\r\n    request: false,\r\n    response: false,\r\n    method: false,\r\n  })\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tableData, setTableData] = useState([])\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [selectedParamIndex, setSelectedParamIndex] = useState<number | null>(null)\r\n  const [selectedParamName, setSelectedParamName] = useState<string | null>(null)\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [selectionTags, setSelectionTags] = useState([])\r\n  const [selectedStatusCode, setSelectedStatusCode] = useState(httpStatusCodeOptions[4])\r\n  const currentResponse =\r\n    method.responses.find((res) => Number(res.code) === selectedStatusCode.value) || '{}'\r\n\r\n  const onTableChange = (key, value, index) => {\r\n    const newTableData = tableData.map((item, tIndex) => {\r\n      if (tIndex === index) {\r\n        return { ...item, [key]: value }\r\n      } else {\r\n        return item\r\n      }\r\n    })\r\n\r\n    setTableData(newTableData)\r\n  }\r\n\r\n  const generateTableData = (items) => {\r\n    return items.map((item, index) => {\r\n      return {\r\n        id: index,\r\n        paramName: item.name,\r\n        paramType: capitalize(item.in),\r\n        schemaType: capitalize(item.schema?.type) || '',\r\n        required: (\r\n          <>\r\n            {readOnly ? (\r\n              item.required ? (\r\n                'True'\r\n              ) : (\r\n                'False'\r\n              )\r\n            ) : (\r\n              <Switch\r\n                checked={item.required}\r\n                onClick={() => {\r\n                  if (readOnly) {\r\n                    return null\r\n                  }\r\n                  onTableChange('required', !item.required, index)\r\n                  setFieldValue(`parameters[${index}][required]`, !item.required)\r\n                }}\r\n              />\r\n            )}\r\n          </>\r\n        ),\r\n        description: (\r\n          <div className={styles.paramDescContainer}>\r\n            <Tooltip\r\n              key={`${index}-description`}\r\n              allowHTML\r\n              disabled={method.parameters[index].description?.length <= 12}\r\n              content={\r\n                <div style={{ padding: '0.625rem' }}>{method.parameters[index].description}</div>\r\n              }\r\n              arrowWithBorder\r\n              placement=\"bottom-end\"\r\n              type=\"function\"\r\n              delay={[0, 0]}\r\n              onShow={() => tooltipRefs[index]?.hide()}\r\n            >\r\n              <p style={{ alignSelf: 'center' }}>\r\n                {method.parameters[index].description\r\n                  ? method.parameters[index].description.substring(0, 12)\r\n                  : '-'}\r\n                {method.parameters[index].description &&\r\n                method.parameters[index].description.length > 12\r\n                  ? '...'\r\n                  : ''}\r\n              </p>\r\n            </Tooltip>\r\n            <Tooltip\r\n              key={`${index}-add-edit-description`}\r\n              allowHTML\r\n              arrowWithBorder\r\n              placement=\"bottom-end\"\r\n              type=\"function\"\r\n              trigger=\"click\"\r\n              delay={[0, 0]}\r\n              onCreate={(instance) =>\r\n                setTooltipRefs((prev) => ({\r\n                  ...prev,\r\n                  [index]: instance,\r\n                }))\r\n              }\r\n              content={\r\n                <div className={styles.editDescTooltipContent}>\r\n                  <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                  <TextArea\r\n                    placeholder=\"Describe parameter...\"\r\n                    value={item.description}\r\n                    disabled={readOnly}\r\n                    onChange={(value) => onTableChange('description', value, index)}\r\n                  />\r\n                  {!readOnly && (\r\n                    <Button\r\n                      className={styles.editDescTooltipContent_btn}\r\n                      variant=\"outlined\"\r\n                      size=\"small\"\r\n                      onClick={() => {\r\n                        setFieldValue(`parameters[${index}].description`, item.description)\r\n                        tooltipRefs[index]?.hide()\r\n                      }}\r\n                    >\r\n                      Apply\r\n                    </Button>\r\n                  )}\r\n                </div>\r\n              }\r\n            >\r\n              {readOnly || method.parameters[index].description?.length > 0 ? (\r\n                <Button\r\n                  className={styles.editDescBtn}\r\n                  variant=\"link\"\r\n                  color=\"action\"\r\n                  endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                ></Button>\r\n              ) : (\r\n                <Button\r\n                  className={styles.editDescBtn}\r\n                  variant=\"link\"\r\n                  color=\"action\"\r\n                  endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                >\r\n                  {readOnly ? 'View ' : 'Add '} Description\r\n                </Button>\r\n              )}\r\n            </Tooltip>\r\n\r\n            {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\r\n\r\n            {!readOnly && (\r\n              <Button\r\n                className={styles.deleteParamBtn}\r\n                variant=\"link\"\r\n                color=\"error\"\r\n                endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\r\n                onClick={() => handleDeleteClick(index, item.name)}\r\n              ></Button>\r\n            )}\r\n          </div>\r\n        ),\r\n      }\r\n    })\r\n  }\r\n\r\n  const confirmDeleteParameter = () => {\r\n    if (selectedParamIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedParamIndex))\r\n      setFieldValue(\r\n        `parameters`,\r\n        method?.parameters?.filter((_, i) => i !== selectedParamIndex)\r\n      )\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedParamIndex(null)\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedParamIndex(id)\r\n    setSelectedParamName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const saveNewRow = (values) => {\r\n    setTableData([...tableData, values])\r\n    setFieldValue(`parameters`, [...method.parameters, values])\r\n  }\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableData(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (method?.parameters) {\r\n      setTableData(method.parameters)\r\n    }\r\n  }, [method, path])\r\n\r\n  useEffect(() => {\r\n    // prepare tags selection list\r\n    if (method?.tags.length || tags.length) {\r\n      const convertedStringArray = (method?.tags || [])?.map((item) => ({\r\n        label: capitalize(item),\r\n        value: item,\r\n      }))\r\n      const mergedArray = [\r\n        ...convertedStringArray,\r\n        ...(tags || []).map((item) => ({ label: capitalize(item.name), value: item.name })),\r\n      ]\r\n\r\n      const filteredArray = mergedArray.filter(\r\n        (value, index, self) => index === self.findIndex((t) => t.value === value.value)\r\n      )\r\n\r\n      setSelectionTags(filteredArray)\r\n    }\r\n  }, [tags, method])\r\n\r\n  return (\r\n    <div>\r\n      <Accordion\r\n        expanded={isExpanded.method}\r\n        onChange={() => setIsExpanded((prev) => ({ ...prev, method: !prev.method }))}\r\n        className={`${styles.methodAccordion} ${readOnly ? styles.readOnly : ''}`}\r\n        summary={\r\n          <div className={styles.methodSummaryContainer}>\r\n            <div className={styles.methodSummary}>\r\n              <span\r\n                style={{\r\n                  backgroundColor: methodColorMapping?.[method?.type]?.color || '#3A6CD1',\r\n                }}\r\n                className={styles.methodLabel}\r\n              >\r\n                {methodColorMapping?.[method?.type]?.label || method?.type}\r\n              </span>\r\n              <span className={styles.methodPath}>{path}</span>\r\n            </div>\r\n            <div\r\n              className={`${styles.methodExpandArrowContainer} ${\r\n                isExpanded.method ? styles.expanded : ''\r\n              }`}\r\n            >\r\n              <SVGLoader src={DownArrowIcon} width=\"2rem\" height=\"2rem\" />\r\n            </div>\r\n          </div>\r\n        }\r\n        children={\r\n          <div className={styles.methodAccordionContent}>\r\n            <SelectGroup\r\n              className={styles.methodDesc}\r\n              disabled={readOnly}\r\n              placeholder=\"Select Tags\"\r\n              label=\"Tags\"\r\n              value={method.tags?.map((t) => ({\r\n                label: capitalize(t),\r\n                value: t,\r\n              }))}\r\n              onChange={(item) => {\r\n                setFieldValue(\r\n                  'tags',\r\n                  item.map((i) => i.value)\r\n                )\r\n              }}\r\n              options={[\r\n                {\r\n                  list: selectionTags,\r\n                },\r\n              ]}\r\n              isMultiple={true}\r\n              withSearch={false}\r\n              clearable={false}\r\n            />\r\n            {!readOnly ? (\r\n              <TextArea\r\n                className={styles.methodDesc}\r\n                label=\"Description\"\r\n                placeholder=\"Describe the method's purpose and functionality...\"\r\n                value={method?.description}\r\n                onChange={(value) => setFieldValue('description', value)}\r\n              />\r\n            ) : (\r\n              <SimpleLabelValue\r\n                key={'description'}\r\n                label={'Description: '}\r\n                value={method?.description || '-'}\r\n              />\r\n            )}\r\n            <div className={styles.paramsTable}>\r\n              <ParamterTable\r\n                id=\"paramter-table\"\r\n                data={tableRecords}\r\n                headCells={paramsTableHeaders}\r\n                isFormOpen={isFormOpen}\r\n                setIsFormOpen={setIsFormOpen}\r\n                saveNewRow={saveNewRow}\r\n                readOnly={readOnly}\r\n              />\r\n            </div>\r\n            {method?.type !== 'get' && (\r\n              <Accordion\r\n                expanded={isExpanded.request}\r\n                onChange={() => null}\r\n                className={styles.requestAccordion}\r\n                summary={\r\n                  <span className={styles.requestAccordionSummary}>\r\n                    <div\r\n                      className={styles.requestAccordionSummary_title}\r\n                      onClick={() =>\r\n                        setIsExpanded((prev) => ({\r\n                          ...prev,\r\n                          request: !prev.request,\r\n                        }))\r\n                      }\r\n                    >\r\n                      <SVGLoader\r\n                        className={isExpanded.request ? styles.expanded : ''}\r\n                        src={DownArrowIcon}\r\n                        width=\"2rem\"\r\n                        height=\"2rem\"\r\n                      />\r\n                      Request\r\n                      {method?.type !== 'delete' && <span style={{ color: 'red' }}>*</span>}\r\n                    </div>\r\n                  </span>\r\n                }\r\n                children={\r\n                  <JsonInput\r\n                    acceptType=\"JSON\"\r\n                    withFooter={!readOnly}\r\n                    className={'jsonField'}\r\n                    placeholder=\"Enter your request body as a JSON object....\"\r\n                    fieldIsDisabled={readOnly}\r\n                    value={method?.requestBody?.content?.schema?.properties || '{}'}\r\n                    onChange={(value: string) => {\r\n                      setFieldValue('requestBody.content.schema.properties', value)\r\n                    }}\r\n                    onValidation={() => null}\r\n                  />\r\n                }\r\n              />\r\n            )}\r\n            <Accordion\r\n              expanded={isExpanded.response}\r\n              onChange={() => null}\r\n              className={styles.responseAccordion}\r\n              summary={\r\n                <span className={styles.responseAccordionSummary}>\r\n                  <div\r\n                    className={styles.responseAccordionSummary_title}\r\n                    onClick={() =>\r\n                      setIsExpanded((prev) => ({\r\n                        ...prev,\r\n                        response: !prev.response,\r\n                      }))\r\n                    }\r\n                  >\r\n                    <SVGLoader\r\n                      className={isExpanded.response ? styles.expanded : ''}\r\n                      src={DownArrowIcon}\r\n                      width=\"2rem\"\r\n                      height=\"2rem\"\r\n                    />\r\n                    Response<span style={{ color: 'red' }}>*</span>\r\n                  </div>\r\n\r\n                  <SelectGroup\r\n                    withSearch={false}\r\n                    isMultiple={false}\r\n                    clearable={false}\r\n                    placeholder=\"200\"\r\n                    options={[\r\n                      {\r\n                        list: httpStatusCodeOptions,\r\n                      },\r\n                    ]}\r\n                    value={selectedStatusCode}\r\n                    onChange={(value) => {\r\n                      setSelectedStatusCode(value)\r\n                    }}\r\n                  />\r\n                </span>\r\n              }\r\n              children={\r\n                <JsonInput\r\n                  acceptType=\"JSON\"\r\n                  withFooter={!readOnly}\r\n                  className={'jsonField'}\r\n                  placeholder=\"Enter your response as a JSON object...\"\r\n                  fieldIsDisabled={readOnly}\r\n                  value={currentResponse?.content?.schema?.properties || '{}'}\r\n                  onChange={(value) => {\r\n                    const currentResIndex = method.responses.findIndex(\r\n                      (res) => res.code === currentResponse.code\r\n                    )\r\n\r\n                    if (currentResIndex !== -1) {\r\n                      setFieldValue(\r\n                        `responses[${currentResIndex}].content.schema.properties`,\r\n                        value\r\n                      )\r\n                    } else {\r\n                      const clonedResponses = structuredClone(method.responses)\r\n\r\n                      clonedResponses.push({\r\n                        code: selectedStatusCode.value.toString(),\r\n                        content: {\r\n                          contentType: 'application/json',\r\n                          schema: {\r\n                            type: 'object',\r\n                            properties: value,\r\n                          },\r\n                        },\r\n                      })\r\n\r\n                      setFieldValue('responses', clonedResponses)\r\n                    }\r\n                  }}\r\n                  onValidation={() => null}\r\n                />\r\n              }\r\n            />\r\n          </div>\r\n        }\r\n      />\r\n      <CommonDialog\r\n        status=\"error\"\r\n        content={\r\n          <p\r\n            style={{\r\n              textAlign: 'center',\r\n              fontWeight: 400,\r\n              fontSize: '1rem',\r\n              lineHeight: '1.4375rem',\r\n            }}\r\n            className=\"delete-msg-container\"\r\n          >\r\n            Are you sure you want to delete\r\n            <span className=\"plan-name\">\r\n              Parameter <strong>{selectedParamName}</strong>\r\n            </span>\r\n            ?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteParameter,\r\n          text: 'Delete',\r\n          color: 'error',\r\n          fullWidth: true,\r\n        }}\r\n        onCancel={{\r\n          text: 'Cancel',\r\n          color: 'normal',\r\n          fullWidth: true,\r\n        }}\r\n        onClose={() => setOpenDeleteDialog(false)}\r\n        open={openDeleteDialog}\r\n        icon={<SVGLoader src={deleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default MethodsAccordion\r\n"],"names":["httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","className","styles","statusCodeOptionContainer","children","_jsx","statusCodeOptionCircle","style","backgroundColor","handleStatusColor","value","MethodsAccordion","method","path","setFieldValue","readOnly","tags","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","selectionTags","setSelectionTags","selectedStatusCode","setSelectedStatusCode","currentResponse","responses","find","res","Number","onTableChange","key","index","newTableData","item","tIndex","Object","assign","handleDeleteClick","id","name","useEffect","paramName","paramType","capitalize","in","schemaType","_a","schema","type","required","jsx","_Fragment","Switch","checked","onClick","description","paramDescContainer","Tooltip","allowHTML","disabled","parameters","_b","length","content","padding","arrowWithBorder","placement","delay","onShow","hide","alignSelf","substring","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","onChange","Button","editDescTooltipContent_btn","variant","size","_c","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","filteredArray","filter","self","findIndex","t","jsxs","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SelectGroup","methodDesc","i","options","list","isMultiple","withSearch","clearable","SimpleLabelValue","paramsTable","ParamterTable","data","headCells","paramsTableHeaders","saveNewRow","values","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","acceptType","withFooter","fieldIsDisabled","_f","_e","_d","requestBody","properties","onValidation","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","_h","_g","currentResIndex","clonedResponses","structuredClone","push","toString","contentType","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","_","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}

package/dist/src/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useEffect, ReactNode } from 'react'\r\nimport Tippy from '@tippyjs/react'\r\nimport 'tippy.js/dist/tippy.css'\r\nimport './Tooltip.scss'\r\n\r\ninterface TooltipProps {\r\n  children: ReactNode\r\n  content: ReactNode\r\n  success?: boolean\r\n  onMouseEnter?: (event: React.MouseEvent<HTMLDivElement>) => void\r\n  onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void\r\n  visible?: boolean\r\n  delay?: [number, number]\r\n  type?: 'info' | 'function'\r\n  maxWidth?: number\r\n  className?: string\r\n  arrowWithBorder?: boolean\r\n  disabled?: boolean\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({\r\n  children,\r\n  content,\r\n  success,\r\n  onMouseEnter,\r\n  onMouseLeave,\r\n  visible,\r\n  delay = [200, 400],\r\n  type = 'info',\r\n  maxWidth = 390,\r\n  className,\r\n  arrowWithBorder,\r\n  disabled,\r\n  ...props\r\n}) => {\r\n  const [rootFontSize, setRootFontSize] = useState(16)\r\n\r\n  useEffect(() => {\r\n    const handleFontSizeChange = (fontSize: number) => {\r\n      setRootFontSize((prev) => (prev !== fontSize ? fontSize : prev))\r\n    }\r\n\r\n    if (\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      window.applicationUIScaling &&\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      typeof window.applicationUIScaling.addEventHandler === 'function'\r\n    ) {\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      window.applicationUIScaling.addEventHandler(handleFontSizeChange)\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <Tippy\r\n      visible={visible}\r\n      allowHTML={typeof content !== 'string'}\r\n      interactive\r\n      maxWidth={(maxWidth / 16) * rootFontSize}\r\n      delay={delay}\r\n      content={content}\r\n      placement=\"bottom-start\"\r\n      className={`${success ? 'success' : ''} ${type} ${className || ''} ${\r\n        arrowWithBorder ? 'arrow-with-border' : ''\r\n      }`}\r\n      disabled={disabled}\r\n      {...props}\r\n    >\r\n      <div\r\n        className=\"tooltip-custom-wrapper\"\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n      >\r\n        <div\r\n          className=\"tooltip-custom-wrapper\"\r\n          onMouseEnter={onMouseEnter}\r\n          onMouseLeave={onMouseLeave}\r\n        >\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </Tippy>\r\n  )\r\n}\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","_a","children","content","success","onMouseEnter","onMouseLeave","visible","delay","type","maxWidth","className","arrowWithBorder","disabled","props","__rest","rootFontSize","setRootFontSize","useState","useEffect","handleFontSizeChange","fontSize","prev","window","applicationUIScaling","addEventHandler","_jsx","Tippy","Object","assign","allowHTML","interactive","placement"],"mappings":"4SAoBA,MAAMA,EAAmCC,IAAA,IAAAC,SACvCA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,QACZA,EAAOC,MACPA,EAAQ,CAAC,IAAK,KAAIC,KAClBA,EAAO,OAAMC,SACbA,EAAW,IAAGC,UACdA,EAASC,gBACTA,EAAeC,SACfA,GAAQZ,EACLa,EAAKC,EAAAd,EAb+B,6IAevC,MAAOe,EAAcC,GAAmBC,EAAS,IAkBjD,OAhBAC,GAAU,KACR,MAAMC,EAAwBC,IAC5BJ,GAAiBK,GAAUA,IAASD,EAAWA,EAAWC,GAAM,EAKhEC,OAAOC,sBAEgD,mBAAhDD,OAAOC,qBAAqBC,iBAGnCF,OAAOC,qBAAqBC,gBAAgBL,EAC7C,GACA,IAGDM,EAAAA,IAACC,EAAKC,OAAAC,OAAA,CACJtB,QAASA,EACTuB,UAA8B,iBAAZ3B,EAClB4B,aACA,EAAArB,SAAWA,EAAW,GAAMM,EAC5BR,MAAOA,EACPL,QAASA,EACT6B,UAAU,eACVrB,UAAW,GAAGP,EAAU,UAAY,MAAMK,KAAQE,GAAa,MAC7DC,EAAkB,oBAAsB,KAE1CC,SAAUA,GACNC,EAEJ,CAAAZ,SAAAwB,EAAAA,IAAA,MAAA,CACEf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,WAEdoB,EAAAA,IACE,MAAA,CAAAf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,EAAYJ,SAEzBA,QAIR"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useState, useEffect, ReactNode } from 'react'\r\nimport Tippy, { TippyProps } from '@tippyjs/react'\r\nimport 'tippy.js/dist/tippy.css'\r\nimport './Tooltip.scss'\r\n\r\ninterface TooltipProps extends TippyProps {\r\n  content: ReactNode\r\n  success?: boolean\r\n  onMouseEnter?: (event: React.MouseEvent<HTMLDivElement>) => void\r\n  onMouseLeave?: (event: React.MouseEvent<HTMLDivElement>) => void\r\n  visible?: boolean\r\n  delay?: [number, number]\r\n  type?: 'info' | 'function'\r\n  maxWidth?: number\r\n  className?: string\r\n  arrowWithBorder?: boolean\r\n  disabled?: boolean\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({\r\n  children,\r\n  content,\r\n  success,\r\n  onMouseEnter,\r\n  onMouseLeave,\r\n  visible,\r\n  delay = [200, 400],\r\n  type = 'info',\r\n  maxWidth = 390,\r\n  className,\r\n  arrowWithBorder,\r\n  disabled,\r\n  ...props\r\n}) => {\r\n  const [rootFontSize, setRootFontSize] = useState(16)\r\n\r\n  useEffect(() => {\r\n    const handleFontSizeChange = (fontSize: number) => {\r\n      setRootFontSize((prev) => (prev !== fontSize ? fontSize : prev))\r\n    }\r\n\r\n    if (\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      window.applicationUIScaling &&\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      typeof window.applicationUIScaling.addEventHandler === 'function'\r\n    ) {\r\n      // @ts-ignore - Ignoring if `applicationUIScaling` doesn't exist\r\n      window.applicationUIScaling.addEventHandler(handleFontSizeChange)\r\n    }\r\n  }, [])\r\n\r\n  return (\r\n    <Tippy\r\n      visible={visible}\r\n      allowHTML={typeof content !== 'string'}\r\n      interactive\r\n      maxWidth={(maxWidth / 16) * rootFontSize}\r\n      delay={delay}\r\n      content={content}\r\n      placement=\"bottom-start\"\r\n      className={`${success ? 'success' : ''} ${type} ${className || ''} ${\r\n        arrowWithBorder ? 'arrow-with-border' : ''\r\n      }`}\r\n      disabled={disabled}\r\n      {...props}\r\n    >\r\n      <div\r\n        className=\"tooltip-custom-wrapper\"\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n      >\r\n        <div\r\n          className=\"tooltip-custom-wrapper\"\r\n          onMouseEnter={onMouseEnter}\r\n          onMouseLeave={onMouseLeave}\r\n        >\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </Tippy>\r\n  )\r\n}\r\n\r\nexport default Tooltip\r\n"],"names":["Tooltip","_a","children","content","success","onMouseEnter","onMouseLeave","visible","delay","type","maxWidth","className","arrowWithBorder","disabled","props","__rest","rootFontSize","setRootFontSize","useState","useEffect","handleFontSizeChange","fontSize","prev","window","applicationUIScaling","addEventHandler","_jsx","Tippy","Object","assign","allowHTML","interactive","placement"],"mappings":"4SAmBA,MAAMA,EAAmCC,IAAA,IAAAC,SACvCA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,aACPA,EAAYC,aACZA,EAAYC,QACZA,EAAOC,MACPA,EAAQ,CAAC,IAAK,KAAIC,KAClBA,EAAO,OAAMC,SACbA,EAAW,IAAGC,UACdA,EAASC,gBACTA,EAAeC,SACfA,GAAQZ,EACLa,EAAKC,EAAAd,EAb+B,6IAevC,MAAOe,EAAcC,GAAmBC,EAAS,IAkBjD,OAhBAC,GAAU,KACR,MAAMC,EAAwBC,IAC5BJ,GAAiBK,GAAUA,IAASD,EAAWA,EAAWC,GAAM,EAKhEC,OAAOC,sBAEgD,mBAAhDD,OAAOC,qBAAqBC,iBAGnCF,OAAOC,qBAAqBC,gBAAgBL,EAC7C,GACA,IAGDM,EAAAA,IAACC,EAAKC,OAAAC,OAAA,CACJtB,QAASA,EACTuB,UAA8B,iBAAZ3B,EAClB4B,aACA,EAAArB,SAAWA,EAAW,GAAMM,EAC5BR,MAAOA,EACPL,QAASA,EACT6B,UAAU,eACVrB,UAAW,GAAGP,EAAU,UAAY,MAAMK,KAAQE,GAAa,MAC7DC,EAAkB,oBAAsB,KAE1CC,SAAUA,GACNC,EAEJ,CAAAZ,SAAAwB,EAAAA,IAAA,MAAA,CACEf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,WAEdoB,EAAAA,IACE,MAAA,CAAAf,UAAU,yBACVN,aAAcA,EACdC,aAAcA,EAAYJ,SAEzBA,QAIR"}

package/dist/src/components/table/table.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a}from"react";import{d as i}from"../../../_virtual/index.js";import r from"../Tooltip/Tooltip.js";import l from"../SVGLoader/SVGLoader.js";import s from"../../assets/icons/DeleteIcon.svg.js";import t from"../../assets/icons/EditIcon.svg.js";import d from"../../assets/icons/AddRow.svg.js";import n from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as o}from"../../../node_modules/formik/dist/formik.esm.js";import{object as c,string as m,bool as h}from"../../../node_modules/yup/index.esm.js";import{capitalize as u}from"../../helpers/methodAccordion.helper.js";const p=({id:p,headCells:j,data:v,isFormOpen:b,setIsFormOpen:x,saveNewRow:N,readOnly:C})=>{const[y,g]=a(""),[T,w]=a(null),{values:D,errors:f,setFieldValue:S,isValid:I,submitForm:k,resetForm:_}=o({validateOnMount:!0,initialValues:{name:"",in:"Query",schema:{type:"String"},required:!0,description:""},validationSchema:c().shape({name:m().required("Parameter name is required"),in:m().required("Paramter type is required"),schema:c().shape({type:m().required("Parameter schema type is required")}),required:h().optional(),description:m().optional()}),onSubmit:e=>{N(e),x(!1),g(""),_()}});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:p||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==j?void 0:j.map((a=>e.jsx("th",{className:`tableHeadCell ${a.classes||""}`,style:{width:a.width,minWidth:a.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof a.label?a.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:a.label})},a.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==v?void 0:v.map(((a,i)=>e.jsx("tr",{"data-i":i,className:"row",children:null==j?void 0:j.map((i=>{const r="_"!==a[i.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:i.width,minWidth:i.minWidth},children:a[i.id]});return e.jsx("td",{style:{width:i.width,minWidth:i.minWidth},children:r},i.id)}))},i))),0===(null==v?void 0:v.length)&&C&&e.jsx("tr",{className:"fallbackTableRow",children:e.jsx("td",{className:"fallbackContainer",colSpan:null==j?void 0:j.length,children:e.jsx("div",{className:"fallbackTextContainer",children:e.jsx("span",{className:"fallbackText",children:" No Data Available"})})})}),b&&!C?e.jsxs("tr",{className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(i.Input,{placeholder:"Parameter name",size:"large",type:"text",onChange:e=>{S("name",e)},value:D.name,disabled:C})})},"Parameter name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(i.SelectGroupV2,{disabled:C,value:{label:u(D.in),value:u(D.in)},onChange:e=>{var a;return S("in",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"Query",value:"query"},{label:"Header",value:"header"},{label:"Path",value:"path"},{label:"Body",value:"body"}]}],errorMsg:!!f.in&&f.in,isMultiple:!1,withSearch:!1,clearable:!1})," "]})},"parameter in"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(i.SelectGroupV2,{disabled:C,clearable:!1,value:{label:u(D.schema.type),value:u(D.schema.type)},errorMsg:!!f.schema&&f.schema,onChange:e=>{var a;return S("schema.type",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"String",value:"string"},{label:"Integer",value:"integer"},{label:"Boolean",value:"boolean"},{label:"Object",value:"object"},{label:"Array",value:"array"},{label:"Number",value:"number"}]}],isMultiple:!1,withSearch:!1})," "]})},"parameter schema type"),e.jsx("td",{children:e.jsx("div",{"data-id":"is required",className:"tableData",children:C?e.jsx(e.Fragment,{children:D.required?"True":"False"}):e.jsx(i.Switch,{checked:D.required,onClick:()=>{C||S("required",!D.required)}})})},"parameter required"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsxs("div",{className:n.paramDescContainer,children:[e.jsx(r,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>w(e),content:e.jsxs("div",{className:n.editDescTooltipContent,children:[e.jsx("p",{className:n.editDescTooltipContent_header,children:"Description"}),e.jsx(i.TextArea,{value:y||D.description,onChange:e=>{g(e)},disabled:C,placeholder:"Describe parameter..."}),!C&&e.jsx(i.Button,{className:n.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{S("description",y),null==T||T.hide()},children:"Apply"})]}),children:e.jsxs(i.Button,{className:n.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(l,{src:t,width:"1.5rem",height:"1.5rem"}),children:[C?"View ":"Add "," Description"]})}),e.jsx("div",{className:n.paramDescContainer_separator}),!C&&e.jsx(i.Button,{className:n.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(l,{src:s,width:"1.125rem",height:"1.125rem"}),onClick:()=>{_(),g(""),x(!1)}}),!C&&e.jsx(i.Button,{className:n.deleteParamBtn,variant:"link",color:"success",disabled:!I,endIcon:e.jsx(l,{src:d,width:"0.125rem",height:"0.125rem"}),onClick:()=>{g(""),k()}})]})," "]})},"parameter schema desc")]}):e.jsx(e.Fragment,{children:!C&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(i.Button,{variant:"link",color:"primary",onClick:()=>{x((e=>!e))},children:"+ Add Parameter"})})},"addNew")})]})]})})})};export{p as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a}from"react";import{d as r}from"../../../_virtual/index.js";import i from"../Tooltip/Tooltip.js";import s from"../SVGLoader/SVGLoader.js";import l from"../../assets/icons/DeleteIcon.svg.js";import t from"../../assets/icons/EditIcon.svg.js";import d from"../../assets/icons/AddRow.svg.js";import n from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as o}from"../../../node_modules/formik/dist/formik.esm.js";import{object as c,string as m,bool as h}from"../../../node_modules/yup/index.esm.js";import{capitalize as u}from"../../helpers/methodAccordion.helper.js";import p from"../../constants/regex.js";const j=({id:j,headCells:v,data:b,isFormOpen:x,setIsFormOpen:N,saveNewRow:C,readOnly:g})=>{const[y,T]=a(""),[w,D]=a(null),{values:f,errors:I,setFieldValue:S,isValid:k,submitForm:_,resetForm:B}=o({validateOnMount:!0,initialValues:{name:"",in:"Query",schema:{type:"String"},required:!0,description:""},validationSchema:c().shape({name:m().required("Parameter name is required"),in:m().required("Paramter type is required"),schema:c().shape({type:m().required("Parameter schema type is required")}),required:h().optional(),description:m().optional()}),onSubmit:e=>{C(e),N(!1),T(""),B()}});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:j||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==v?void 0:v.map((a=>e.jsx("th",{className:`tableHeadCell ${a.classes||""}`,style:{width:a.width,minWidth:a.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof a.label?a.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:a.label})},a.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==b?void 0:b.map(((a,r)=>e.jsx("tr",{"data-i":r,className:"row",children:null==v?void 0:v.map((r=>{const i="_"!==a[r.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:r.width,minWidth:r.minWidth},children:a[r.id]});return e.jsx("td",{style:{width:r.width,minWidth:r.minWidth},children:i},r.id)}))},r))),0===(null==b?void 0:b.length)&&g&&e.jsx("tr",{className:"fallbackTableRow",children:e.jsx("td",{className:"fallbackContainer",colSpan:null==v?void 0:v.length,children:e.jsx("div",{className:"fallbackTextContainer",children:e.jsx("span",{className:"fallbackText",children:" No Data Available"})})})}),x&&!g?e.jsxs("tr",{className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(r.Input,{placeholder:"Parameter name",size:"large",type:"text",onChange:e=>{S("name",e)},value:f.name,disabled:g,restrictedCharactersRegex:p.basic})})},"Parameter name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(r.SelectGroupV2,{disabled:g,value:{label:u(f.in),value:u(f.in)},onChange:e=>{var a;return S("in",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"Query",value:"query"},{label:"Header",value:"header"},{label:"Path",value:"path"},{label:"Body",value:"body"}]}],errorMsg:!!I.in&&I.in,isMultiple:!1,withSearch:!1,clearable:!1})," "]})},"parameter in"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(r.SelectGroupV2,{disabled:g,clearable:!1,value:{label:u(f.schema.type),value:u(f.schema.type)},errorMsg:!!I.schema&&I.schema,onChange:e=>{var a;return S("schema.type",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:[{label:"String",value:"string"},{label:"Integer",value:"integer"},{label:"Boolean",value:"boolean"},{label:"Object",value:"object"},{label:"Array",value:"array"},{label:"Number",value:"number"}]}],isMultiple:!1,withSearch:!1})," "]})},"parameter schema type"),e.jsx("td",{children:e.jsx("div",{"data-id":"is required",className:"tableData",children:g?e.jsx(e.Fragment,{children:f.required?"True":"False"}):e.jsx(r.Switch,{checked:f.required,onClick:()=>{g||S("required",!f.required)}})})},"parameter required"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsxs("div",{className:n.paramDescContainer,children:[e.jsx(i,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>D(e),content:e.jsxs("div",{className:n.editDescTooltipContent,children:[e.jsx("p",{className:n.editDescTooltipContent_header,children:"Description"}),e.jsx(r.TextArea,{value:y||f.description,onChange:e=>{(""===e||p.ASCII.test(e))&&T(e)},disabled:g,placeholder:"Describe parameter..."}),!g&&e.jsx(r.Button,{className:n.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{S("description",y),null==w||w.hide()},children:"Apply"})]}),children:e.jsxs(r.Button,{className:n.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(s,{src:t,width:"1.5rem",height:"1.5rem"}),children:[g?"View ":"Add "," Description"]})}),e.jsx("div",{className:n.paramDescContainer_separator}),!g&&e.jsx(r.Button,{className:n.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(s,{src:l,width:"1.125rem",height:"1.125rem"}),onClick:()=>{B(),T(""),N(!1)}}),!g&&e.jsx(r.Button,{className:n.deleteParamBtn,variant:"link",color:"success",disabled:!k,endIcon:e.jsx(s,{src:d,width:"0.125rem",height:"0.125rem"}),onClick:()=>{T(""),_()}})]})," "]})},"parameter schema desc")]}):e.jsx(e.Fragment,{children:!g&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(r.Button,{variant:"link",color:"primary",onClick:()=>{N((e=>!e))},children:"+ Add Parameter"})})},"addNew")})]})]})})})};export{j as default};
 //# sourceMappingURL=table.js.map

package/dist/src/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport './style.scss'\r\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport Tooltip from '../Tooltip/Tooltip'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\r\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\r\nimport { useFormik } from 'formik'\r\nimport * as yup from 'yup'\r\nimport { capitalize } from '../../helpers/methodAccordion.helper'\r\n\r\nconst ParamterTable = ({\r\n  id,\r\n  headCells,\r\n  data,\r\n  isFormOpen,\r\n  setIsFormOpen,\r\n  saveNewRow,\r\n  readOnly,\r\n}) => {\r\n  const [text, setText] = useState('')\r\n  const [tooltipRef, setTooltipRef] = useState(null)\r\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\r\n    validateOnMount: true,\r\n    initialValues: {\r\n      name: '',\r\n      in: 'Query',\r\n      schema: {\r\n        type: 'String',\r\n      },\r\n      required: true,\r\n      description: '',\r\n    },\r\n    validationSchema: yup.object().shape({\r\n      name: yup.string().required('Parameter name is required'),\r\n      in: yup.string().required('Paramter type is required'),\r\n      schema: yup.object().shape({\r\n        type: yup.string().required('Parameter schema type is required'),\r\n      }),\r\n      required: yup.boolean().optional(),\r\n      description: yup.string().optional(),\r\n    }),\r\n    onSubmit: (values) => {\r\n      saveNewRow(values)\r\n      setIsFormOpen(false)\r\n      setText('')\r\n      resetForm()\r\n    },\r\n  })\r\n\r\n  return (\r\n    <div className=\"tableSectionContainer\">\r\n      <div className=\"tableContainer\">\r\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\r\n          <thead className=\"tableHead\">\r\n            <tr>\r\n              {headCells?.map((headCell) => (\r\n                <th\r\n                  key={headCell.id}\r\n                  className={`tableHeadCell ${headCell.classes || ''}`}\r\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\r\n                >\r\n                  <div\r\n                    className=\"headContainer\"\r\n                    data-id={`${\r\n                      typeof headCell.label === 'string'\r\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\r\n                        : 'UNKNOWN_LABEL'\r\n                    }_COLUMN`}\r\n                  >\r\n                    {headCell.label}\r\n                  </div>\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\r\n            {data?.map((row, rowIndex) => {\r\n              return (\r\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\r\n                  {headCells?.map((headCell) => {\r\n                    const cellContent = row[headCell.id] !== '_' && (\r\n                      <div\r\n                        data-id=\"TEXT_DESCRIPTION\"\r\n                        className=\"tableData\"\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {row[headCell.id]}\r\n                      </div>\r\n                    )\r\n\r\n                    return (\r\n                      <td\r\n                        key={headCell.id}\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {cellContent}\r\n                      </td>\r\n                    )\r\n                  })}\r\n                </tr>\r\n              )\r\n            })}\r\n            {data?.length === 0 && readOnly && (\r\n              <tr className=\"fallbackTableRow\">\r\n                <td className=\"fallbackContainer\" colSpan={headCells?.length}>\r\n                  <div className=\"fallbackTextContainer\">\r\n                    <span className=\"fallbackText\"> No Data Available</span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            )}\r\n\r\n            {isFormOpen && !readOnly ? (\r\n              <tr className={`row`}>\r\n                <td key={'Parameter name'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <Input\r\n                      placeholder=\"Parameter name\"\r\n                      size=\"large\"\r\n                      type=\"text\"\r\n                      //   errorMsg={!!errors.name && errors.name}\r\n                      onChange={(value) => {\r\n                        setFieldValue('name', value)\r\n                      }} // Pass the value directly\r\n                      value={values.name} // Bind value to the state\r\n                      disabled={readOnly}\r\n                    />\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter in'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      value={{\r\n                        label: capitalize(values.in),\r\n                        value: capitalize(values.in),\r\n                      }}\r\n                      onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'Query', value: 'query' },\r\n                            { label: 'Header', value: 'header' },\r\n                            { label: 'Path', value: 'path' },\r\n                            { label: 'Body', value: 'body' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      errorMsg={!!errors.in && errors.in}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                      clearable={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema type'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      clearable={false}\r\n                      value={{\r\n                        label: capitalize(values.schema.type),\r\n                        value: capitalize(values.schema.type),\r\n                      }}\r\n                      errorMsg={!!errors.schema && errors.schema}\r\n                      onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'String', value: 'string' },\r\n                            { label: 'Integer', value: 'integer' },\r\n                            { label: 'Boolean', value: 'boolean' },\r\n                            { label: 'Object', value: 'object' },\r\n                            { label: 'Array', value: 'array' },\r\n                            { label: 'Number', value: 'number' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter required'}>\r\n                  <div data-id=\"is required\" className=\"tableData\">\r\n                    {readOnly ? (\r\n                      <>{values.required ? 'True' : 'False'}</>\r\n                    ) : (\r\n                      <Switch\r\n                        checked={values.required}\r\n                        onClick={() => {\r\n                          if (readOnly) {\r\n                            return\r\n                          }\r\n                          setFieldValue('required', !values.required)\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema desc'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <div className={styles.paramDescContainer}>\r\n                      <Tooltip\r\n                        arrowWithBorder\r\n                        placement=\"bottom-end\"\r\n                        type=\"function\"\r\n                        trigger=\"click\"\r\n                        delay={[0, 0]}\r\n                        onCreate={(instance) => setTooltipRef(instance)}\r\n                        content={\r\n                          <div className={styles.editDescTooltipContent}>\r\n                            <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                            <TextArea\r\n                              value={text || values.description}\r\n                              onChange={(value) => {\r\n                                setText(value)\r\n                              }}\r\n                              disabled={readOnly}\r\n                              placeholder=\"Describe parameter...\"\r\n                            />\r\n                            {!readOnly && (\r\n                              <Button\r\n                                className={styles.editDescTooltipContent_btn}\r\n                                variant=\"outlined\"\r\n                                size=\"small\"\r\n                                onClick={() => {\r\n                                  setFieldValue('description', text)\r\n                                  tooltipRef?.hide()\r\n                                }}\r\n                              >\r\n                                Apply\r\n                              </Button>\r\n                            )}\r\n                          </div>\r\n                        }\r\n                      >\r\n                        <Button\r\n                          className={styles.editDescBtn}\r\n                          variant=\"link\"\r\n                          color=\"action\"\r\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                        >\r\n                          {readOnly ? 'View ' : 'Add '} Description\r\n                        </Button>\r\n                      </Tooltip>\r\n\r\n                      <div className={styles.paramDescContainer_separator}></div>\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"error\"\r\n                          endIcon={\r\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\r\n                          }\r\n                          onClick={() => {\r\n                            resetForm()\r\n                            setText('')\r\n                            setIsFormOpen(false)\r\n                          }} // Correctly delete the new row\r\n                        />\r\n                      )}\r\n\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"success\"\r\n                          disabled={!isValid}\r\n                          endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\r\n                          onClick={() => {\r\n                            setText('')\r\n                            submitForm()\r\n                          }} // Save the new row when clicked\r\n                        />\r\n                      )}\r\n                    </div>{' '}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ) : (\r\n              <>\r\n                {!readOnly && (\r\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\r\n                    <td colSpan={5}>\r\n                      <Button\r\n                        variant=\"link\"\r\n                        color=\"primary\"\r\n                        onClick={() => {\r\n                          setIsFormOpen((prev) => !prev)\r\n                        }}\r\n                      >\r\n                        + Add Parameter\r\n                      </Button>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </>\r\n            )}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ParamterTable\r\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","text","setText","useState","tooltipRef","setTooltipRef","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","in","schema","type","required","description","validationSchema","yup.object","shape","yup.string","yup.boolean","optional","onSubmit","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","length","colSpan","Input","placeholder","size","onChange","value","disabled","SelectGroupV2","capitalize","item","_a","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_Fragment","Fragment","Switch","checked","onClick","styles","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","editDescTooltipContent","editDescTooltipContent_header","TextArea","Button","editDescTooltipContent_btn","variant","hide","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow","prev"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport './style.scss'\r\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport Tooltip from '../Tooltip/Tooltip'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\r\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\r\nimport { useFormik } from 'formik'\r\nimport * as yup from 'yup'\r\nimport { capitalize } from '../../helpers/methodAccordion.helper'\r\nimport regex from '../../constants/regex'\r\n\r\nconst ParamterTable = ({\r\n  id,\r\n  headCells,\r\n  data,\r\n  isFormOpen,\r\n  setIsFormOpen,\r\n  saveNewRow,\r\n  readOnly,\r\n}) => {\r\n  const [text, setText] = useState('')\r\n  const [tooltipRef, setTooltipRef] = useState(null)\r\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\r\n    validateOnMount: true,\r\n    initialValues: {\r\n      name: '',\r\n      in: 'Query',\r\n      schema: {\r\n        type: 'String',\r\n      },\r\n      required: true,\r\n      description: '',\r\n    },\r\n    validationSchema: yup.object().shape({\r\n      name: yup.string().required('Parameter name is required'),\r\n      in: yup.string().required('Paramter type is required'),\r\n      schema: yup.object().shape({\r\n        type: yup.string().required('Parameter schema type is required'),\r\n      }),\r\n      required: yup.boolean().optional(),\r\n      description: yup.string().optional(),\r\n    }),\r\n    onSubmit: (values) => {\r\n      saveNewRow(values)\r\n      setIsFormOpen(false)\r\n      setText('')\r\n      resetForm()\r\n    },\r\n  })\r\n\r\n  return (\r\n    <div className=\"tableSectionContainer\">\r\n      <div className=\"tableContainer\">\r\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\r\n          <thead className=\"tableHead\">\r\n            <tr>\r\n              {headCells?.map((headCell) => (\r\n                <th\r\n                  key={headCell.id}\r\n                  className={`tableHeadCell ${headCell.classes || ''}`}\r\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\r\n                >\r\n                  <div\r\n                    className=\"headContainer\"\r\n                    data-id={`${\r\n                      typeof headCell.label === 'string'\r\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\r\n                        : 'UNKNOWN_LABEL'\r\n                    }_COLUMN`}\r\n                  >\r\n                    {headCell.label}\r\n                  </div>\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\r\n            {data?.map((row, rowIndex) => {\r\n              return (\r\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\r\n                  {headCells?.map((headCell) => {\r\n                    const cellContent = row[headCell.id] !== '_' && (\r\n                      <div\r\n                        data-id=\"TEXT_DESCRIPTION\"\r\n                        className=\"tableData\"\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {row[headCell.id]}\r\n                      </div>\r\n                    )\r\n\r\n                    return (\r\n                      <td\r\n                        key={headCell.id}\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {cellContent}\r\n                      </td>\r\n                    )\r\n                  })}\r\n                </tr>\r\n              )\r\n            })}\r\n            {data?.length === 0 && readOnly && (\r\n              <tr className=\"fallbackTableRow\">\r\n                <td className=\"fallbackContainer\" colSpan={headCells?.length}>\r\n                  <div className=\"fallbackTextContainer\">\r\n                    <span className=\"fallbackText\"> No Data Available</span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            )}\r\n\r\n            {isFormOpen && !readOnly ? (\r\n              <tr className={`row`}>\r\n                <td key={'Parameter name'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <Input\r\n                      placeholder=\"Parameter name\"\r\n                      size=\"large\"\r\n                      type=\"text\"\r\n                      //   errorMsg={!!errors.name && errors.name}\r\n                      onChange={(value) => {\r\n                        setFieldValue('name', value)\r\n                      }} // Pass the value directly\r\n                      value={values.name} // Bind value to the state\r\n                      disabled={readOnly}\r\n                      restrictedCharactersRegex={regex.basic}\r\n                    />\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter in'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      value={{\r\n                        label: capitalize(values.in),\r\n                        value: capitalize(values.in),\r\n                      }}\r\n                      onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'Query', value: 'query' },\r\n                            { label: 'Header', value: 'header' },\r\n                            { label: 'Path', value: 'path' },\r\n                            { label: 'Body', value: 'body' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      errorMsg={!!errors.in && errors.in}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                      clearable={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema type'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      clearable={false}\r\n                      value={{\r\n                        label: capitalize(values.schema.type),\r\n                        value: capitalize(values.schema.type),\r\n                      }}\r\n                      errorMsg={!!errors.schema && errors.schema}\r\n                      onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'String', value: 'string' },\r\n                            { label: 'Integer', value: 'integer' },\r\n                            { label: 'Boolean', value: 'boolean' },\r\n                            { label: 'Object', value: 'object' },\r\n                            { label: 'Array', value: 'array' },\r\n                            { label: 'Number', value: 'number' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter required'}>\r\n                  <div data-id=\"is required\" className=\"tableData\">\r\n                    {readOnly ? (\r\n                      <>{values.required ? 'True' : 'False'}</>\r\n                    ) : (\r\n                      <Switch\r\n                        checked={values.required}\r\n                        onClick={() => {\r\n                          if (readOnly) {\r\n                            return\r\n                          }\r\n                          setFieldValue('required', !values.required)\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema desc'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <div className={styles.paramDescContainer}>\r\n                      <Tooltip\r\n                        arrowWithBorder\r\n                        placement=\"bottom-end\"\r\n                        type=\"function\"\r\n                        trigger=\"click\"\r\n                        delay={[0, 0]}\r\n                        onCreate={(instance) => setTooltipRef(instance)}\r\n                        content={\r\n                          <div className={styles.editDescTooltipContent}>\r\n                            <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                            <TextArea\r\n                              value={text || values.description}\r\n                              onChange={(value) => {\r\n                                if (value === '' || regex.ASCII.test(value)) setText(value)\r\n                              }}\r\n                              disabled={readOnly}\r\n                              placeholder=\"Describe parameter...\"\r\n                            />\r\n                            {!readOnly && (\r\n                              <Button\r\n                                className={styles.editDescTooltipContent_btn}\r\n                                variant=\"outlined\"\r\n                                size=\"small\"\r\n                                onClick={() => {\r\n                                  setFieldValue('description', text)\r\n                                  tooltipRef?.hide()\r\n                                }}\r\n                              >\r\n                                Apply\r\n                              </Button>\r\n                            )}\r\n                          </div>\r\n                        }\r\n                      >\r\n                        <Button\r\n                          className={styles.editDescBtn}\r\n                          variant=\"link\"\r\n                          color=\"action\"\r\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                        >\r\n                          {readOnly ? 'View ' : 'Add '} Description\r\n                        </Button>\r\n                      </Tooltip>\r\n\r\n                      <div className={styles.paramDescContainer_separator}></div>\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"error\"\r\n                          endIcon={\r\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\r\n                          }\r\n                          onClick={() => {\r\n                            resetForm()\r\n                            setText('')\r\n                            setIsFormOpen(false)\r\n                          }} // Correctly delete the new row\r\n                        />\r\n                      )}\r\n\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"success\"\r\n                          disabled={!isValid}\r\n                          endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\r\n                          onClick={() => {\r\n                            setText('')\r\n                            submitForm()\r\n                          }} // Save the new row when clicked\r\n                        />\r\n                      )}\r\n                    </div>{' '}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ) : (\r\n              <>\r\n                {!readOnly && (\r\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\r\n                    <td colSpan={5}>\r\n                      <Button\r\n                        variant=\"link\"\r\n                        color=\"primary\"\r\n                        onClick={() => {\r\n                          setIsFormOpen((prev) => !prev)\r\n                        }}\r\n                      >\r\n                        + Add Parameter\r\n                      </Button>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </>\r\n            )}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ParamterTable\r\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","text","setText","useState","tooltipRef","setTooltipRef","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","in","schema","type","required","description","validationSchema","yup.object","shape","yup.string","yup.boolean","optional","onSubmit","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","length","colSpan","Input","placeholder","size","onChange","value","disabled","restrictedCharactersRegex","regex","basic","SelectGroupV2","capitalize","item","_a","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_Fragment","Fragment","Switch","checked","onClick","styles","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","editDescTooltipContent","editDescTooltipContent_header","TextArea","ASCII","test","Button","editDescTooltipContent_btn","variant","hide","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow","prev"],"mappings":"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"}

package/dist/src/components/table/tags-table.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i}from"react";import a from"../InfoForm/InfoForm.module.scss.js";import{d as t}from"../../../_virtual/index.js";import s from"../Tooltip/Tooltip.js";import n from"../SVGLoader/SVGLoader.js";import l from"../../assets/icons/DeleteIcon.svg.js";import o from"../../assets/icons/EditIcon.svg.js";import r from"../../assets/icons/AddRow.svg.js";import d from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as c}from"../../../node_modules/formik/dist/formik.esm.js";import{object as m,string as h}from"../../../node_modules/yup/index.esm.js";const p=({id:p,headCells:x,data:u,isFormOpen:j,setIsFormOpen:v,saveNewRow:D,readOnly:N})=>{var b,g,C,T,f,w,k;const[B,_]=i(""),[y,I]=i(""),[E,A]=i(""),[L,O]=i(null),[S,W]=i(null),{values:F,errors:R,setFieldValue:V,isValid:P,submitForm:z,resetForm:M}=c({validateOnMount:!0,initialValues:{name:"",description:"",externalDocs:{url:"",description:""}},validationSchema:m().shape({name:h().required("Tag name is required"),description:h().optional(),externalDocs:m().optional()}),onSubmit:e=>{D(e),_(""),I(""),A(""),M(),v(!1)}});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:p||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==x?void 0:x.map((i=>e.jsx("th",{className:`tableHeadCell ${i.classes||""}`,style:{width:i.width,minWidth:i.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof i.label?i.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:i.label})},i.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==u?void 0:u.map(((i,a)=>e.jsx("tr",{"data-i":a,className:"row",children:null==x?void 0:x.map((a=>{const t="_"!==i[a.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:a.width,minWidth:a.minWidth},children:i[a.id]});return e.jsx("td",{style:{width:a.width,minWidth:a.minWidth},children:t},a.id)}))},a))),j?e.jsxs("tr",{"data-i":"",className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(t.Input,{placeholder:"Tag name",size:"large",type:"text",onChange:e=>{V("name",e)},value:F.name,disabled:N})})},"tag name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx("div",{className:d.paramDescContainer,children:e.jsx(s,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>O(e),content:e.jsxs("div",{className:a.editDescTooltipContent,children:[e.jsx("p",{className:a.editDescTooltipContent_header,children:"Description"}),e.jsx(t.TextArea,{value:B||F.description,onChange:e=>{_(e)},disabled:N,placeholder:"Describe Tag..."}),!N&&e.jsx(t.Button,{className:a.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{V("description",B),null==L||L.hide()},children:"Apply"})]}),children:e.jsxs(t.Button,{className:a.editDescBtn,style:{paddingLeft:0},variant:"link",color:"action",endIcon:e.jsx(n,{src:o,width:"1.5rem",height:"1.5rem"}),children:[N?"View ":"Add "," Description"]})})})," "]})},"tagDescRequired"),e.jsx("td",{children:e.jsx("div",{className:"tableData",children:e.jsxs("div",{className:a.paramDescContainer,children:[e.jsx(s,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>W(e),content:e.jsxs("div",{className:a.editDescTooltipContent,children:[e.jsx("p",{className:a.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(t.TextArea,{placeholder:"Describe External Doc...",value:y||F.externalDocs.description,disabled:N,onChange:e=>I(e)}),e.jsx("p",{className:a.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(t.TextArea,{placeholder:"External Docs Link...",value:E||F.externalDocs.url,disabled:N,onChange:e=>A(e)}),!N&&e.jsx(t.Button,{className:a.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{V("externalDocs",{description:y,url:E}),I(""),A(""),null==S||S.hide()},children:"Apply"})]}),children:N?e.jsxs("a",{className:a.editDescBtn,variant:"link",color:"action",href:null===(b=F.externalDocs)||void 0===b?void 0:b.url,target:"_blank",children:[(null===(g=null==F?void 0:F.externalDocs)||void 0===g?void 0:g.description)?null===(T=null===(C=null==F?void 0:F.externalDocs)||void 0===C?void 0:C.description)||void 0===T?void 0:T.substring(0,12):"-",(null===(f=null==F?void 0:F.externalDocs)||void 0===f?void 0:f.description)&&(null===(k=null===(w=null==F?void 0:F.externalDocs)||void 0===w?void 0:w.description)||void 0===k?void 0:k.length)>12?"...":""]}):e.jsxs(t.Button,{className:a.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:o,width:"1.5rem",height:"1.5rem"}),children:[N?"View ":"Add "," External Docs Link"]})}),e.jsx("div",{className:a.paramDescContainer_separator}),!N&&e.jsx(t.Button,{className:a.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:l,width:"1.125rem",height:"1.125rem"}),onClick:()=>{M(),_(""),v(!1)}}),!N&&e.jsx(t.Button,{className:a.deleteParamBtn,variant:"link",color:"success",disabled:!P,endIcon:e.jsx(n,{src:r,width:"0.125rem",height:"0.125rem"}),onClick:()=>{_(""),z()}})]})})},"tagExternal")]},""):e.jsx(e.Fragment,{children:!N&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(t.Button,{variant:"link",color:"primary",onClick:()=>{v((e=>!e))},children:"+ Add Tag"})})},"addNew")})]})]})})})};export{p as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i}from"react";import t from"../InfoForm/InfoForm.module.scss.js";import{d as s}from"../../../_virtual/index.js";import a from"../Tooltip/Tooltip.js";import n from"../SVGLoader/SVGLoader.js";import l from"../../assets/icons/DeleteIcon.svg.js";import o from"../../assets/icons/EditIcon.svg.js";import r from"../../assets/icons/AddRow.svg.js";import d from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as c}from"../../../node_modules/formik/dist/formik.esm.js";import{object as m,string as h}from"../../../node_modules/yup/index.esm.js";import p from"../../constants/regex.js";const x=/^(https?:\/\/)?(www\.)?([a-zA-Z0-9-]+(\.[a-zA-Z]{2,})+)(\/[^\s]*)?$/,u=({id:u,headCells:j,data:v,isFormOpen:D,setIsFormOpen:N,saveNewRow:C,readOnly:b})=>{var g,w,T,f,I,k,A;const[B,_]=i(""),[y,E]=i(""),[L,S]=i(""),[O,R]=i(null),[W,F]=i(null),{values:V,errors:z,setFieldValue:q,isValid:P,submitForm:U,resetForm:M}=c({validateOnMount:!0,initialValues:{name:"",description:"",externalDocs:{url:"",description:""}},validationSchema:m().shape({name:h().required("Tag name is required"),description:h().optional(),externalDocs:m().shape({url:h().matches(x,"Invalid URL").when("description",((e,i)=>(null==e?void 0:e.at(0))?i.required("URL is required when description is provided"):i.optional())),description:h().optional()}).optional()}),onSubmit:e=>{C(e),_(""),E(""),S(""),M(),N(!1)},validateOnChange:!0});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:u||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==j?void 0:j.map((i=>e.jsx("th",{className:`tableHeadCell ${i.classes||""}`,style:{width:i.width,minWidth:i.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof i.label?i.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:i.label})},i.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==v?void 0:v.map(((i,t)=>e.jsx("tr",{"data-i":t,className:"row",children:null==j?void 0:j.map((t=>{const s="_"!==i[t.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:t.width,minWidth:t.minWidth},children:i[t.id]});return e.jsx("td",{style:{width:t.width,minWidth:t.minWidth},children:s},t.id)}))},t))),D?e.jsxs("tr",{"data-i":"",className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(s.Input,{placeholder:"Tag name",size:"large",type:"text",onChange:e=>{!p.basic.test(e)&&q("name",e)},value:V.name,disabled:b})})},"tag name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx("div",{className:d.paramDescContainer,children:e.jsx(a,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>R(e),content:e.jsxs("div",{className:t.editDescTooltipContent,children:[e.jsx("p",{className:t.editDescTooltipContent_header,children:"Description"}),e.jsx(s.TextArea,{value:B||V.description,onChange:e=>{(""===e||p.ASCII.test(e))&&_(e)},disabled:b,placeholder:"Describe Tag..."}),!b&&e.jsx(s.Button,{className:t.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{q("description",B),null==O||O.hide()},children:"Apply"})]}),children:e.jsxs(s.Button,{className:t.editDescBtn,style:{paddingLeft:0},variant:"link",color:"action",endIcon:e.jsx(n,{src:o,width:"1.5rem",height:"1.5rem"}),children:[b?"View ":"Add "," Description"]})})})," "]})},"tagDescRequired"),e.jsx("td",{children:e.jsx("div",{className:"tableData",children:e.jsxs("div",{className:t.paramDescContainer,children:[e.jsx(a,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>F(e),content:e.jsxs("div",{className:t.editDescTooltipContent,children:[e.jsx("p",{className:t.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(s.TextArea,{placeholder:"Describe External Doc...",value:y||V.externalDocs.description,disabled:b,onChange:e=>{(""===e||p.ASCII.test(e))&&E(e)}}),e.jsx("p",{className:t.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(s.TextArea,{placeholder:"External Docs Link...",value:L||V.externalDocs.url,disabled:b,onChange:e=>{(""===e||p.ASCII.test(e))&&S(e)}}),!b&&e.jsx(s.Button,{className:t.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{q("externalDocs",{description:y,url:L}),E(""),S(""),null==W||W.hide()},children:"Apply"})]}),children:b?e.jsxs("a",{className:t.editDescBtn,variant:"link",color:"action",href:null===(g=V.externalDocs)||void 0===g?void 0:g.url,target:"_blank",children:[(null===(w=null==V?void 0:V.externalDocs)||void 0===w?void 0:w.description)?null===(f=null===(T=null==V?void 0:V.externalDocs)||void 0===T?void 0:T.description)||void 0===f?void 0:f.substring(0,12):"-",(null===(I=null==V?void 0:V.externalDocs)||void 0===I?void 0:I.description)&&(null===(A=null===(k=null==V?void 0:V.externalDocs)||void 0===k?void 0:k.description)||void 0===A?void 0:A.length)>12?"...":""]}):e.jsxs(s.Button,{className:t.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:o,width:"1.5rem",height:"1.5rem"}),children:[b?"View ":"Add "," External Docs Link"]})}),e.jsx("div",{className:t.paramDescContainer_separator}),!b&&e.jsx(s.Button,{className:t.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:l,width:"1.125rem",height:"1.125rem"}),onClick:()=>{M(),_(""),N(!1)}}),!b&&e.jsx(s.Button,{className:t.deleteParamBtn,variant:"link",color:"success",disabled:!P,endIcon:e.jsx(n,{src:r,width:"0.125rem",height:"0.125rem"}),onClick:()=>{_(""),U()}})]})})},"tagExternal")]},""):e.jsx(e.Fragment,{children:!b&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(s.Button,{variant:"link",color:"primary",onClick:()=>{N((e=>!e))},children:"+ Add Tag"})})},"addNew")})]})]})})})};export{u as default};
 //# sourceMappingURL=tags-table.js.map

package/dist/src/components/table/tags-table.js.map

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

package/dist/src/constants/regex.js

@@ -1,2 +1,2 @@
-const t={basic:/[^a-zA-Z0-9-_ ]/,restrictNone:/^$/};export{t as default};
+const t={basic:/[^a-zA-Z0-9-_ ]/,restrictNone:/^$/,ASCII:/^[\x00-\x7F]+$/};export{t as default};
 //# sourceMappingURL=regex.js.map

package/dist/src/constants/regex.js.map

@@ -1 +1 @@
-{"version":3,"file":"regex.js","sources":["../../../src/constants/regex.ts"],"sourcesContent":["const regex = {\r\n  basic: /[^a-zA-Z0-9-_ ]/, // not (alphanumeric + underscore + dash + space)\r\n  restrictNone: /^$/, // restrict nothing\r\n}\r\nexport default regex\r\n"],"names":["regex","basic","restrictNone"],"mappings":"AAAA,MAAMA,EAAQ,CACZC,MAAO,kBACPC,aAAc"}
+{"version":3,"file":"regex.js","sources":["../../../src/constants/regex.ts"],"sourcesContent":["const regex = {\r\n  basic: /[^a-zA-Z0-9-_ ]/, // not (alphanumeric + underscore + dash + space)\r\n  restrictNone: /^$/, // restrict nothing\r\n  ASCII: /^[\\x00-\\x7F]+$/,\r\n}\r\nexport default regex\r\n"],"names":["regex","basic","restrictNone","ASCII"],"mappings":"AAAA,MAAMA,EAAQ,CACZC,MAAO,kBACPC,aAAc,KACdC,MAAO"}

package/dist/src/layout/layout.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{d as o}from"../../_virtual/index.js";import s from"../components/MethodAccordion/MethodAccordion.js";import t from"./layout.module.css.js";import i from"../components/InfoForm/InfoForm.js";import a from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as r,transformOpenApiObjectToOrigin as d}from"../helpers/layout.helper.js";import n from"../components/LivePreview/LivePreview.js";import{useFormik as m,FormikProvider as l}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as c}from"../validator/form.scheme.js";import{methodColorMapping as u}from"../constants/index.js";const p=({openApiJson:p,handleSave:h})=>{const j=structuredClone(p),v=r(j),f=m({initialValues:structuredClone(v),validationSchema:c,validateOnMount:!0,onSubmit:(e,{validateForm:o,resetForm:s})=>{const t=d(e);h(t),s({values:e}),o(e)}});return e.jsxs("div",{className:t.docsLayout,children:[e.jsx(o.Alert,{className:t.apiDocAlert,color:"info",children:"Changes are saved and published for API information and each endpoint individually as you update."}),e.jsxs("div",{className:t.layoutContainer,children:[e.jsxs("div",{className:`${t.editorSide} ${t.docSide}`,children:[e.jsx(a,{className:t.editorSectionHead,text:e.jsxs("div",{className:t.editorSectionHead_content,children:["API Information",e.jsx(o.Button,{className:t.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:f.submitForm,children:"Save"})]})}),e.jsx(l,{value:f,children:e.jsx(i,{})}),e.jsx(a,{className:t.editorSectionHead,text:"API Methods"}),e.jsx(l,{value:f,children:f.values.paths.map(((o,t)=>e.jsx(e.Fragment,{children:o.methods.sort(((e,o)=>u[e.type].order-u[o.type].order)).map(((i,a)=>e.jsx(s,{tags:f.values.tags,method:i,path:o.path,setFieldValue:(e,o)=>{const s=`paths[${t}].methods[${a}].${e}`;f.setFieldValue(s,o)}})))})))})]}),e.jsx("div",{className:`${t.livePreviewSide} ${t.docSide}`,children:v&&e.jsx(l,{value:f,children:e.jsx(n,{transformedData:v})})})]})]})};export{p as default};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{useState as o,useEffect as t}from"react";import{d as s}from"../../_virtual/index.js";import i from"../components/MethodAccordion/MethodAccordion.js";import r from"./layout.module.css.js";import n from"../components/InfoForm/InfoForm.js";import a from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as d,transformOpenApiObjectToOrigin as l}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 j from"../components/dialog/index.js";const v=({openApiJson:v,handleSave:x,setIsFormDirty:f})=>{const y=structuredClone(v),S=d(y),g=c({initialValues:structuredClone(S),validationSchema:h,validateOnMount:!0,onSubmit:(e,{validateForm:o,resetForm:t})=>{const s=l(e);x(s),t({values:e}),o(e)}}),[b,A]=o(!1);return t((()=>{f&&f(g.dirty)}),[g.dirty]),e.jsxs("div",{className:r.docsLayout,children:[g.dirty&&e.jsx(s.Alert,{className:r.apiDocAlert,color:"warning",severity:"warning",children:"There are changes you made may not be saved"}),e.jsxs("div",{className:r.layoutContainer,children:[e.jsxs("div",{className:`${r.editorSide} ${r.docSide}`,children:[e.jsx(a,{className:r.editorSectionHead,text:e.jsxs("div",{className:r.editorSectionHead_content,children:["API Information",e.jsx(s.Button,{className:r.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:()=>A(!0),disabled:!g.isValid||g.isSubmitting,children:"Save"})]})}),e.jsx(u,{value:g,children:e.jsx(n,{})}),e.jsx(a,{className:r.editorSectionHead,text:"API Methods"}),e.jsx(u,{value:g,children:g.values.paths.map(((o,t)=>e.jsx(e.Fragment,{children:o.methods.sort(((e,o)=>p[e.type].order-p[o.type].order)).map(((s,r)=>e.jsx(i,{tags:g.values.tags,method:s,path:o.path,setFieldValue:(e,o)=>{const s=`paths[${t}].methods[${r}].${e}`;g.setFieldValue(s,o)}})))})))})]}),e.jsx("div",{className:`${r.livePreviewSide} ${r.docSide}`,children:S&&e.jsx(u,{value:g,children:e.jsx(m,{transformedData:S})})})]}),e.jsx(j,{status:"warning",content:e.jsx("p",{style:{textAlign:"center",fontWeight:400,fontSize:"1rem",lineHeight:"1.4375rem"},children:"Are you sure you want to Publish your changes?"}),onSubmit:{onClick:()=>{g.handleSubmit(),A(!1)},text:"Publish",color:"warning",fullWidth:!0},onCancel:{text:"Cancel",color:"normal",fullWidth:!0},onClose:()=>A(!1),open:b})]})};export{v as default};
 //# sourceMappingURL=layout.js.map