@digi-frontend/dgate-api-documentation 1.0.9 → 1.0.11

package/dist/src/components/InfoForm/InfoForm.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i,useEffect as n}from"react";import{useFormikContext as o}from"../../../node_modules/formik/dist/formik.esm.js";import{d as t}from"../../../_virtual/index.js";import s from"./InfoForm.module.scss.js";import r from"../../constants/regex.js";import l from"../Tooltip/Tooltip.js";import a from"../../assets/icons/DeleteIcon.svg.js";import c from"../../assets/icons/EditIcon.svg.js";import d from"../../assets/icons/deleteOutlinedIcon.svg.js";import m from"../SVGLoader/SVGLoader.js";import p from"../dialog/index.js";import{tagsTableHeaders as u}from"../../constants/index.js";import v from"../table/tags-table.js";const x=({readOnly:x})=>{var h,g,j,D,f;const[b,C]=i([]),[N,k]=i(),[y,O]=i(""),{values:T,setFieldValue:A,errors:I}=o(),[B,w]=i({}),[_,E]=i({}),[L,S]=i(null),[z,V]=i(null),[F,P]=i(!1),[W,R]=i(!1);n((()=>{if(T&&T.components&&T.components.securitySchemes){const e=Object.keys(T.components.securitySchemes);e.length&&O(T.components.securitySchemes[e[0]].scheme)}}),[]),n((()=>{k(M(b))}),[b]),n((()=>{T.tags&&T.tags.length&&(k(M(T.tags)),C(T.tags))}),[]);const q=(e,i,n)=>{const o=b.map(((o,t)=>t===n?Object.assign(Object.assign({},o),{[e]:i}):o));C(o)},M=i=>i.map(((i,n)=>{var o,r,d,p,u,v,h,g,j,D;return{id:n,tagName:i.name,description:e.jsx("div",{className:s.paramDescContainer,children:e.jsx(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>E((i=>Object.assign(Object.assign({},i),{[n]:e}))),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"Description"}),e.jsx(t.TextArea,{placeholder:"Describe parameter...",value:i.description,disabled:x,onChange:e=>q("description",e,n)}),!x&&e.jsx(t.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;A(`tags[${n}].description`,i.description),null===(e=_[n])||void 0===e||e.hide()},children:"Apply"})]}),children:x?e.jsxs(t.Button,{className:s.editDescBtn,variant:"link",color:"action",children:[i.description?i.description.substring(0,12):"-",i.description&&i.description.length>12?"...":""]}):e.jsx(t.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),children:x||i.description?"View Description":"Add Description"})})}),externalDocs:e.jsxs("div",{className:s.paramDescContainer,children:[e.jsx(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>w((i=>Object.assign(Object.assign({},i),{[n]:e}))),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(t.TextArea,{placeholder:"Describe External Doc...",value:null===(o=i.externalDocs)||void 0===o?void 0:o.description,disabled:x,onChange:e=>q("externalDocs",Object.assign(Object.assign({},i.externalDocs),{description:e}),n)}),e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(t.TextArea,{placeholder:"External Docs Link...",value:null===(r=i.externalDocs)||void 0===r?void 0:r.url,disabled:x,onChange:e=>q("externalDocs",Object.assign(Object.assign({},i.externalDocs),{url:e}),n)}),!x&&e.jsx(t.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;A(`tags[${n}].externalDocs`,{description:i.externalDocDesc,url:i.externalDocLink}),console.log({tags:T.tags}),null===(e=B[n])||void 0===e||e.hide()},children:"Apply"})]}),children:x?e.jsxs(t.Button,{className:s.editDescBtn,variant:"link",color:"action",onClick:()=>{var e;const n=document.createElement("a");n.href=null===(e=i.externalDocs)||void 0===e?void 0:e.url,n.click()},children:[(null===(d=null==i?void 0:i.externalDocs)||void 0===d?void 0:d.description)?null===(u=null===(p=null==i?void 0:i.externalDocs)||void 0===p?void 0:p.description)||void 0===u?void 0:u.substring(0,12):"-",(null===(v=null==i?void 0:i.externalDocs)||void 0===v?void 0:v.description)&&(null===(g=null===(h=null==i?void 0:i.externalDocs)||void 0===h?void 0:h.description)||void 0===g?void 0:g.length)>12?"...":""]}):e.jsxs(t.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),onClick:()=>{console.log("Move to url")},children:[x||i.externalDocs&&((null===(j=i.externalDocs)||void 0===j?void 0:j.url)||(null===(D=i.externalDocs)||void 0===D?void 0:D.description))?"View ":"Add "," ","External Docs Link"]})}),!x&&e.jsx("div",{className:s.paramDescContainer_separator}),!x&&e.jsx(t.Button,{className:s.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(m,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>{return e=n,o=i.name,S(e),V(o),void P(!0);var e,o}})]})}}));return e.jsxs("form",{className:s.apiInfoForm,onSubmit:e=>e.preventDefault(),children:[e.jsx(t.Input,{size:"large",placeholder:"e.g. Payments",label:"API Name",required:!0,value:null===(h=null==T?void 0:T.info)||void 0===h?void 0:h.title,maxLength:25,onChange:e=>{A("info.title",e)},onClear:()=>{A("info.title","")},errorMsg:null===(g=null==I?void 0:I.info)||void 0===g?void 0:g.title,restrictedCharsRegex:r.basic}),e.jsxs("div",{className:s.apiDocRow,children:[e.jsx(t.Input,{size:"large",label:"API Authentication Type",required:!0,value:($=y,$?$.charAt(0).toUpperCase()+$.slice(1):""),disabled:!0}),e.jsx(t.Input,{size:"large",label:"Version",required:!0,value:null===(j=null==T?void 0:T.info)||void 0===j?void 0:j.version,disabled:!0})]}),e.jsx(t.TextArea,{size:"large",placeholder:"Enter a description of the API's functionality...",label:"Description",value:null===(D=null==T?void 0:T.info)||void 0===D?void 0:D.description,maxLength:120,onChange:e=>{A("info.description",e)},onClear:()=>{A("info.description","")},errorMessage:null===(f=null==I?void 0:I.info)||void 0===f?void 0:f.description,restrictedCharsRegex:r.restrictNone}),e.jsx("div",{className:s.paramsTable,children:e.jsx(v,{id:"paramter-table",data:N,headCells:u,isFormOpen:W,setIsFormOpen:R,saveNewRow:e=>{C([...b,e]),A("tags",[...T.tags,e])},readOnly:x})}),e.jsx(p,{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:` Tag ${z} `}),"?"]}),onSubmit:{onClick:()=>{null!==L&&C((e=>e.filter(((e,i)=>i!==L)))),P(!1),S(null)},text:"Yes",color:"error",fullWidth:!0},onCancel:{text:"No",color:"normal",fullWidth:!0},onClose:()=>P(!1),open:F,icon:e.jsx(m,{src:d,width:"4.0625rem",height:"4.0625rem"})})]});var $};export{x as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as i,useEffect as n}from"react";import{useFormikContext as t}from"../../../node_modules/formik/dist/formik.esm.js";import{d as o}from"../../../_virtual/index.js";import s from"./InfoForm.module.scss.js";import r from"../../constants/regex.js";import l from"../Tooltip/Tooltip.js";import a from"../../assets/icons/DeleteIcon.svg.js";import c from"../../assets/icons/EditIcon.svg.js";import d from"../../assets/icons/deleteOutlinedIcon.svg.js";import m from"../SVGLoader/SVGLoader.js";import p from"../dialog/index.js";import{tagsTableHeaders as u}from"../../constants/index.js";import v from"../table/tags-table.js";const x=({readOnly:x})=>{var h,g,j,D,f;const[b,C]=i([]),[N,k]=i(),[y,O]=i(""),[T,A]=i(""),[I,B]=i(""),{values:w,setFieldValue:_,errors:E}=t(),[S,z]=i({}),[L,V]=i({}),[F,P]=i(null),[W,R]=i(null),[q,M]=i(!1),[$,G]=i(!1);n((()=>{if(w&&w.components&&w.components.securitySchemes){const e=Object.keys(w.components.securitySchemes);e.length&&O(w.components.securitySchemes[e[0]].scheme)}}),[]),n((()=>{k(U(b))}),[b]),n((()=>{w.tags&&w.tags.length&&(k(U(w.tags)),C(w.tags))}),[]);const H=(e,i,n)=>{const t=b.map(((t,o)=>o===n?Object.assign(Object.assign({},t),{[e]:i}):t));C(t)},U=i=>i.map(((i,n)=>{var t,r,d,p,u,v,h,g,j,D;return{id:n,tagName:i.name,description:e.jsx("div",{className:s.paramDescContainer,children:e.jsx(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>V((i=>Object.assign(Object.assign({},i),{[n]:e}))),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"Description"}),e.jsx(o.TextArea,{placeholder:"Describe parameter...",value:i.description,disabled:x,onChange:e=>H("description",e,n)}),!x&&e.jsx(o.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;_(`tags[${n}].description`,i.description),null===(e=L[n])||void 0===e||e.hide()},children:"Apply"})]}),children:x?e.jsxs(o.Button,{className:s.editDescBtn,variant:"link",color:"action",children:[i.description?i.description.substring(0,12):"-",i.description&&i.description.length>12?"...":""]}):e.jsx(o.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),children:x||i.description?"View Description":"Add Description"})})}),externalDocs:e.jsxs("div",{className:s.paramDescContainer,children:[e.jsx(l,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>z((i=>Object.assign(Object.assign({},i),{[n]:e}))),content:e.jsxs("div",{className:s.editDescTooltipContent,children:[e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(o.TextArea,{placeholder:"Describe External Doc...",value:null===(t=i.externalDocs)||void 0===t?void 0:t.description,disabled:x,onChange:e=>{H("externalDocs",Object.assign(Object.assign({},i.externalDocs),{description:e}),n),A(e)}}),e.jsx("p",{className:s.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(o.TextArea,{placeholder:"External Docs Link...",value:null===(r=i.externalDocs)||void 0===r?void 0:r.url,disabled:x,onChange:e=>{H("externalDocs",Object.assign(Object.assign({},i.externalDocs),{url:e}),n),B(e)}}),!x&&e.jsx(o.Button,{className:s.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;_(`tags[${n}].externalDocs`,{description:T,url:I}),A(""),B(""),null===(e=S[n])||void 0===e||e.hide()},children:"Apply"})]}),children:x?e.jsxs(o.Button,{className:s.editDescBtn,variant:"link",color:"action",onClick:()=>{var e;const n=document.createElement("a");n.href=null===(e=i.externalDocs)||void 0===e?void 0:e.url,n.click()},children:[(null===(d=null==i?void 0:i.externalDocs)||void 0===d?void 0:d.description)?null===(u=null===(p=null==i?void 0:i.externalDocs)||void 0===p?void 0:p.description)||void 0===u?void 0:u.substring(0,12):"-",(null===(v=null==i?void 0:i.externalDocs)||void 0===v?void 0:v.description)&&(null===(g=null===(h=null==i?void 0:i.externalDocs)||void 0===h?void 0:h.description)||void 0===g?void 0:g.length)>12?"...":""]}):e.jsxs(o.Button,{className:s.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(m,{src:c,width:"1.5rem",height:"1.5rem"}),onClick:()=>{console.log("Move to url")},children:[x||i.externalDocs&&((null===(j=i.externalDocs)||void 0===j?void 0:j.url)||(null===(D=i.externalDocs)||void 0===D?void 0:D.description))?"View ":"Add "," ","External Docs Link"]})}),!x&&e.jsx("div",{className:s.paramDescContainer_separator}),!x&&e.jsx(o.Button,{className:s.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(m,{src:a,width:"1.125rem",height:"1.125rem"}),onClick:()=>{return e=n,t=i.name,P(e),R(t),void M(!0);var e,t}})]})}}));return e.jsxs("form",{className:s.apiInfoForm,onSubmit:e=>e.preventDefault(),children:[e.jsx(o.Input,{size:"large",placeholder:"e.g. Payments",label:"API Name",required:!0,value:null===(h=null==w?void 0:w.info)||void 0===h?void 0:h.title,maxLength:25,onChange:e=>{_("info.title",e)},onClear:()=>{_("info.title","")},errorMsg:null===(g=null==E?void 0:E.info)||void 0===g?void 0:g.title,restrictedCharsRegex:r.basic}),e.jsxs("div",{className:s.apiDocRow,children:[e.jsx(o.Input,{size:"large",label:"API Authentication Type",required:!0,value:(Y=y,Y?Y.charAt(0).toUpperCase()+Y.slice(1):""),disabled:!0}),e.jsx(o.Input,{size:"large",label:"Version",required:!0,value:null===(j=null==w?void 0:w.info)||void 0===j?void 0:j.version,disabled:!0})]}),e.jsx(o.TextArea,{size:"large",placeholder:"Enter a description of the API's functionality...",label:"Description",value:null===(D=null==w?void 0:w.info)||void 0===D?void 0:D.description,maxLength:120,onChange:e=>{_("info.description",e)},onClear:()=>{_("info.description","")},errorMessage:null===(f=null==E?void 0:E.info)||void 0===f?void 0:f.description,restrictedCharsRegex:r.restrictNone}),e.jsx("div",{className:s.paramsTable,children:e.jsx(v,{id:"paramter-table",data:N,headCells:u,isFormOpen:$,setIsFormOpen:G,saveNewRow:e=>{C([...b,e]),_("tags",[...w.tags,e])},readOnly:x})}),e.jsx(p,{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:` Tag ${W} `}),"?"]}),onSubmit:{onClick:()=>{null!==F&&C((e=>e.filter(((e,i)=>i!==F)))),M(!1),P(null)},text:"Yes",color:"error",fullWidth:!0},onCancel:{text:"No",color:"normal",fullWidth:!0},onClose:()=>M(!1),open:q,icon:e.jsx(m,{src:d,width:"4.0625rem",height:"4.0625rem"})})]});var Y};export{x as default};
 //# sourceMappingURL=InfoForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoForm.js","sources":["../../../../src/components/InfoForm/InfoForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\n// @ts-ignore\r\nimport { useFormikContext } from 'formik'\r\nimport { Button, Input, TextArea } from 'digitinary-ui'\r\nimport styles from './InfoForm.module.scss'\r\nimport regex from '../../constants/regex'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { DeleteIcon, deleteOutlinedIcon, EditIcon } from '../../assets/icons'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport CommonDialog from '../../components/dialog'\r\nimport { tagsTableHeaders } from '../../constants/index'\r\nimport TagsTable from '../../components/table/tags-table'\r\nconst InfoForm = ({ readOnly }: { readOnly?: boolean }) => {\r\n  const [tableData, setTableData] = useState([])\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [authType, setAuthType] = useState('')\r\n  const { values, setFieldValue, errors } = useFormikContext<TransformedOpenApi>()\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [selectedTagIndex, setSelectedTagIndex] = useState<number | null>(null)\r\n  const [selectedTagName, setSelectedTagName] = useState<string | null>(null)\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n\r\n  useEffect(() => {\r\n    if (values && values.components && values.components.securitySchemes) {\r\n      const authenticatorKeys = Object.keys(values.components.securitySchemes)\r\n      if (authenticatorKeys.length) {\r\n        setAuthType(values.components.securitySchemes[authenticatorKeys[0]].scheme)\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableData(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (values.tags && values.tags.length) {\r\n      setTableRecords(generateTableData(values.tags))\r\n      setTableData(values.tags)\r\n    }\r\n  }, [])\r\n\r\n  const confirmDeleteTag = () => {\r\n    if (selectedTagIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedTagIndex))\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedTagIndex(null)\r\n  }\r\n\r\n  const capitalize = (str) => {\r\n    if (!str) return ''\r\n    return str.charAt(0).toUpperCase() + str.slice(1)\r\n  }\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 saveNewRow = (tag) => {\r\n    setTableData([...tableData, tag])\r\n    setFieldValue(`tags`, [...values.tags, tag])\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedTagIndex(id)\r\n    setSelectedTagName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const generateTableData = (items) => {\r\n    return items.map((item, index) => ({\r\n      id: index,\r\n      tagName: item.name,\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(`tags[${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 ? (\r\n              <Button className={styles.editDescBtn} variant=\"link\" color=\"action\">\r\n                {item.description ? item.description.substring(0, 12) : '-'}\r\n                {item.description && item.description.length > 12 ? '...' : ''}\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 || item.description ? 'View Description' : 'Add Description'}\r\n              </Button>\r\n            )}\r\n          </Tooltip>\r\n        </div>\r\n      ),\r\n      externalDocs: (\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              setExternalTooltipRefs((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}>External Docs Description</p>\r\n                <TextArea\r\n                  placeholder=\"Describe External Doc...\"\r\n                  value={item.externalDocs?.description}\r\n                  disabled={readOnly}\r\n                  onChange={(value) =>\r\n                    onTableChange(\r\n                      'externalDocs',\r\n                      { ...item.externalDocs, description: value },\r\n                      index\r\n                    )\r\n                  }\r\n                />\r\n                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>\r\n                <TextArea\r\n                  placeholder=\"External Docs Link...\"\r\n                  value={item.externalDocs?.url}\r\n                  disabled={readOnly}\r\n                  onChange={(value) =>\r\n                    onTableChange('externalDocs', { ...item.externalDocs, url: value }, index)\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(`tags[${index}].externalDocs`, {\r\n                        description: item.externalDocDesc,\r\n                        url: item.externalDocLink,\r\n                      })\r\n                      console.log({ tags: values.tags })\r\n                      externalTooltipRefs[index]?.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              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                onClick={() => {\r\n                  const a = document.createElement('a')\r\n                  a.href = item.externalDocs?.url\r\n                  a.click()\r\n                }}\r\n              >\r\n                {item?.externalDocs?.description\r\n                  ? item?.externalDocs?.description?.substring(0, 12)\r\n                  : '-'}\r\n                {item?.externalDocs?.description && item?.externalDocs?.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                onClick={() => {\r\n                  console.log('Move to url')\r\n                }}\r\n              >\r\n                {readOnly ||\r\n                (item.externalDocs && (item.externalDocs?.url || item.externalDocs?.description))\r\n                  ? 'View '\r\n                  : 'Add '}{' '}\r\n                External Docs Link\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  return (\r\n    <form className={styles.apiInfoForm} onSubmit={(e) => e.preventDefault()}>\r\n      <Input\r\n        size=\"large\"\r\n        placeholder=\"e.g. Payments\"\r\n        label=\"API Name\"\r\n        required\r\n        value={values?.info?.title}\r\n        maxLength={25}\r\n        onChange={(value) => {\r\n          setFieldValue('info.title', value)\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.title', '')\r\n        }}\r\n        errorMsg={errors?.info?.title}\r\n        restrictedCharsRegex={regex.basic}\r\n      />\r\n      <div className={styles.apiDocRow}>\r\n        <Input\r\n          size=\"large\"\r\n          label=\"API Authentication Type\"\r\n          required\r\n          value={capitalize(authType)}\r\n          disabled\r\n        />\r\n        <Input size=\"large\" label=\"Version\" required value={values?.info?.version} disabled />\r\n      </div>\r\n      <TextArea\r\n        size=\"large\"\r\n        placeholder=\"Enter a description of the API's functionality...\"\r\n        label=\"Description\"\r\n        value={values?.info?.description}\r\n        maxLength={120}\r\n        onChange={(value: string) => {\r\n          setFieldValue('info.description', value)\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.description', '')\r\n        }}\r\n        errorMessage={errors?.info?.description}\r\n        restrictedCharsRegex={regex.restrictNone}\r\n      />\r\n      <div className={styles.paramsTable}>\r\n        <TagsTable\r\n          id=\"paramter-table\"\r\n          data={tableRecords}\r\n          headCells={tagsTableHeaders}\r\n          isFormOpen={isFormOpen}\r\n          setIsFormOpen={setIsFormOpen}\r\n          saveNewRow={saveNewRow}\r\n          readOnly={readOnly}\r\n        />\r\n      </div>\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\">{` Tag ${selectedTagName} `}</span>?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteTag,\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    </form>\r\n  )\r\n}\r\n\r\nexport default InfoForm\r\n"],"names":["InfoForm","readOnly","tableData","setTableData","useState","tableRecords","setTableRecords","authType","setAuthType","values","setFieldValue","errors","useFormikContext","externalTooltipRefs","setExternalTooltipRefs","tooltipRefs","setTooltipRefs","selectedTagIndex","setSelectedTagIndex","selectedTagName","setSelectedTagName","openDeleteDialog","setOpenDeleteDialog","isFormOpen","setIsFormOpen","useEffect","components","securitySchemes","authenticatorKeys","Object","keys","length","scheme","generateTableData","tags","onTableChange","key","value","index","newTableData","map","item","tIndex","assign","items","id","tagName","name","description","_jsx","className","styles","paramDescContainer","children","Tooltip","arrowWithBorder","placement","type","trigger","delay","onCreate","instance","prev","content","_jsxs","jsxs","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","disabled","onChange","Button","editDescTooltipContent_btn","variant","size","onClick","_a","hide","editDescBtn","color","substring","jsx","endIcon","SVGLoader","src","EditIcon","width","height","externalDocs","_b","url","externalDocDesc","externalDocLink","console","log","a","document","createElement","href","click","_c","_e","_d","_f","_h","_g","_j","_k","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","apiInfoForm","onSubmit","e","preventDefault","Input","label","required","info","title","maxLength","onClear","errorMsg","restrictedCharsRegex","regex","basic","apiDocRow","str","charAt","toUpperCase","slice","version","errorMessage","restrictNone","paramsTable","TagsTable","data","headCells","tagsTableHeaders","saveNewRow","tag","CommonDialog","status","style","textAlign","fontWeight","fontSize","lineHeight","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}
+{"version":3,"file":"InfoForm.js","sources":["../../../../src/components/InfoForm/InfoForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\n// @ts-ignore\r\nimport { useFormikContext } from 'formik'\r\nimport { Button, Input, TextArea } from 'digitinary-ui'\r\nimport styles from './InfoForm.module.scss'\r\nimport regex from '../../constants/regex'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { DeleteIcon, deleteOutlinedIcon, EditIcon } from '../../assets/icons'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport CommonDialog from '../../components/dialog'\r\nimport { tagsTableHeaders } from '../../constants/index'\r\nimport TagsTable from '../../components/table/tags-table'\r\n\r\nconst InfoForm = ({ readOnly }: { readOnly?: boolean }) => {\r\n  const [tableData, setTableData] = useState([])\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [authType, setAuthType] = useState('')\r\n  const [description, setDescription] = useState('')\r\n  const [url, setURL] = useState('')\r\n  const { values, setFieldValue, errors } = useFormikContext<TransformedOpenApi>()\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [selectedTagIndex, setSelectedTagIndex] = useState<number | null>(null)\r\n  const [selectedTagName, setSelectedTagName] = useState<string | null>(null)\r\n  const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\r\n  const [isFormOpen, setIsFormOpen] = useState(false)\r\n\r\n  useEffect(() => {\r\n    if (values && values.components && values.components.securitySchemes) {\r\n      const authenticatorKeys = Object.keys(values.components.securitySchemes)\r\n      if (authenticatorKeys.length) {\r\n        setAuthType(values.components.securitySchemes[authenticatorKeys[0]].scheme)\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    setTableRecords(generateTableData(tableData))\r\n  }, [tableData])\r\n\r\n  useEffect(() => {\r\n    if (values.tags && values.tags.length) {\r\n      setTableRecords(generateTableData(values.tags))\r\n      setTableData(values.tags)\r\n    }\r\n  }, [])\r\n\r\n  const confirmDeleteTag = () => {\r\n    if (selectedTagIndex !== null) {\r\n      setTableData((prev) => prev.filter((_, i) => i !== selectedTagIndex))\r\n    }\r\n    setOpenDeleteDialog(false)\r\n    setSelectedTagIndex(null)\r\n  }\r\n\r\n  const capitalize = (str) => {\r\n    if (!str) return ''\r\n    return str.charAt(0).toUpperCase() + str.slice(1)\r\n  }\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 saveNewRow = (tag) => {\r\n    setTableData([...tableData, tag])\r\n    setFieldValue(`tags`, [...values.tags, tag])\r\n  }\r\n\r\n  const handleDeleteClick = (id: number, name: string) => {\r\n    setSelectedTagIndex(id)\r\n    setSelectedTagName(name)\r\n\r\n    setOpenDeleteDialog(true)\r\n  }\r\n\r\n  const generateTableData = (items) => {\r\n    return items.map((item, index) => ({\r\n      id: index,\r\n      tagName: item.name,\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(`tags[${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 ? (\r\n              <Button className={styles.editDescBtn} variant=\"link\" color=\"action\">\r\n                {item.description ? item.description.substring(0, 12) : '-'}\r\n                {item.description && item.description.length > 12 ? '...' : ''}\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 || item.description ? 'View Description' : 'Add Description'}\r\n              </Button>\r\n            )}\r\n          </Tooltip>\r\n        </div>\r\n      ),\r\n      externalDocs: (\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              setExternalTooltipRefs((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}>External Docs Description</p>\r\n                <TextArea\r\n                  placeholder=\"Describe External Doc...\"\r\n                  value={item.externalDocs?.description}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => {\r\n                    onTableChange(\r\n                      'externalDocs',\r\n                      { ...item.externalDocs, description: value },\r\n                      index\r\n                    )\r\n                    setDescription(value)\r\n                  }}\r\n                />\r\n                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>\r\n                <TextArea\r\n                  placeholder=\"External Docs Link...\"\r\n                  value={item.externalDocs?.url}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => {\r\n                    onTableChange('externalDocs', { ...item.externalDocs, url: value }, index)\r\n                    setURL(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(`tags[${index}].externalDocs`, {\r\n                        description: description,\r\n                        url: url,\r\n                      })\r\n                      setDescription('')\r\n                      setURL('')\r\n                      externalTooltipRefs[index]?.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              <Button\r\n                className={styles.editDescBtn}\r\n                variant=\"link\"\r\n                color=\"action\"\r\n                onClick={() => {\r\n                  const a = document.createElement('a')\r\n                  a.href = item.externalDocs?.url\r\n                  a.click()\r\n                }}\r\n              >\r\n                {item?.externalDocs?.description\r\n                  ? item?.externalDocs?.description?.substring(0, 12)\r\n                  : '-'}\r\n                {item?.externalDocs?.description && item?.externalDocs?.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                onClick={() => {\r\n                  console.log('Move to url')\r\n                }}\r\n              >\r\n                {readOnly ||\r\n                (item.externalDocs && (item.externalDocs?.url || item.externalDocs?.description))\r\n                  ? 'View '\r\n                  : 'Add '}{' '}\r\n                External Docs Link\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  return (\r\n    <form className={styles.apiInfoForm} onSubmit={(e) => e.preventDefault()}>\r\n      <Input\r\n        size=\"large\"\r\n        placeholder=\"e.g. Payments\"\r\n        label=\"API Name\"\r\n        required\r\n        value={values?.info?.title}\r\n        maxLength={25}\r\n        onChange={(value) => {\r\n          setFieldValue('info.title', value)\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.title', '')\r\n        }}\r\n        errorMsg={errors?.info?.title}\r\n        restrictedCharsRegex={regex.basic}\r\n      />\r\n      <div className={styles.apiDocRow}>\r\n        <Input\r\n          size=\"large\"\r\n          label=\"API Authentication Type\"\r\n          required\r\n          value={capitalize(authType)}\r\n          disabled\r\n        />\r\n        <Input size=\"large\" label=\"Version\" required value={values?.info?.version} disabled />\r\n      </div>\r\n      <TextArea\r\n        size=\"large\"\r\n        placeholder=\"Enter a description of the API's functionality...\"\r\n        label=\"Description\"\r\n        value={values?.info?.description}\r\n        maxLength={120}\r\n        onChange={(value: string) => {\r\n          setFieldValue('info.description', value)\r\n        }}\r\n        onClear={() => {\r\n          setFieldValue('info.description', '')\r\n        }}\r\n        errorMessage={errors?.info?.description}\r\n        restrictedCharsRegex={regex.restrictNone}\r\n      />\r\n      <div className={styles.paramsTable}>\r\n        <TagsTable\r\n          id=\"paramter-table\"\r\n          data={tableRecords}\r\n          headCells={tagsTableHeaders}\r\n          isFormOpen={isFormOpen}\r\n          setIsFormOpen={setIsFormOpen}\r\n          saveNewRow={saveNewRow}\r\n          readOnly={readOnly}\r\n        />\r\n      </div>\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\">{` Tag ${selectedTagName} `}</span>?\r\n          </p>\r\n        }\r\n        onSubmit={{\r\n          onClick: confirmDeleteTag,\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    </form>\r\n  )\r\n}\r\n\r\nexport default InfoForm\r\n"],"names":["InfoForm","readOnly","tableData","setTableData","useState","tableRecords","setTableRecords","authType","setAuthType","description","setDescription","url","setURL","values","setFieldValue","errors","useFormikContext","externalTooltipRefs","setExternalTooltipRefs","tooltipRefs","setTooltipRefs","selectedTagIndex","setSelectedTagIndex","selectedTagName","setSelectedTagName","openDeleteDialog","setOpenDeleteDialog","isFormOpen","setIsFormOpen","useEffect","components","securitySchemes","authenticatorKeys","Object","keys","length","scheme","generateTableData","tags","onTableChange","key","value","index","newTableData","map","item","tIndex","assign","items","id","tagName","name","_jsx","className","styles","paramDescContainer","children","Tooltip","arrowWithBorder","placement","type","trigger","delay","onCreate","instance","prev","content","_jsxs","jsxs","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","disabled","onChange","Button","editDescTooltipContent_btn","variant","size","onClick","_a","hide","editDescBtn","color","substring","jsx","endIcon","SVGLoader","src","EditIcon","width","height","externalDocs","_b","a","document","createElement","href","click","_c","_e","_d","_f","_h","_g","console","log","_j","_k","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","apiInfoForm","onSubmit","e","preventDefault","Input","label","required","info","title","maxLength","onClear","errorMsg","restrictedCharsRegex","regex","basic","apiDocRow","str","charAt","toUpperCase","slice","version","errorMessage","restrictNone","paramsTable","TagsTable","data","headCells","tagsTableHeaders","saveNewRow","tag","CommonDialog","status","style","textAlign","fontWeight","fontSize","lineHeight","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}

package/dist/src/components/JsonInput/JsonInput.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a,useEffect as t}from"react";import r from"../../../node_modules/js-yaml/dist/js-yaml.mjs.js";import s from"./style.module.scss.js";const l=({placeholder:l,label:o,value:i,onValidation:n,onChange:d,dataId:c,className:m="",errorMessage:u,acceptType:j="BOTH",fieldIsDisabled:p})=>{const[N,h]=a(),[f,v]=a(!0),y=e=>{if(""!==i){e.preventDefault();try{let e;"BOTH"!==j&&"JSON"!==j||!O(i)?"BOTH"!==j&&"YML"!==j||(e=r.dump(r.load(i),{indent:0})):e=JSON.stringify(JSON.parse(i),null,2),d(e),h(!0)}catch(e){console.error(e),h(!1)}}},O=e=>{try{return JSON.parse(e),!0}catch(e){return!1}},T=()=>{if("BOTH"===j||"JSON"===j)return O(i);if("BOTH"===j||"YML"===j)try{return r.load(i),!0}catch(e){return console.error(e),!1}};return t((()=>{try{y(i)}catch(e){}}),[]),e.jsxs("div",{className:`${s["json-editor-container"]} ${m}`,children:[o&&e.jsx("p",{className:`${s["json-editor-label"]}`,children:o}),e.jsxs("div",{className:`${s["json-editor"]} ${""!==i&&!1===N?s.invalid:""}`,children:[e.jsx("textarea",{"data-id":c,value:i,onChange:e=>{p||(h(void 0),v(!0),d(e.target.value))},onPaste:e=>{p||(h(void 0),v(!0),d(e.target.value))},min:"1",placeholder:l}),e.jsxs("div",{className:`${s["actions-container"]}`,children:[e.jsx("button",{type:"button",className:s.validate,onClick:()=>{const e=T();h(e),n(e),v(!T())},"data-id":`${c}-VALIDATE-BUTTON`,disabled:""===i,children:"Validate"}),e.jsx("button",{type:"button",disabled:""===i||f,"data-id":`${c}-BEAUTIFY-BUTTON`,className:s.beautify,onClick:y,children:"Beautify"})]})]}),(u||""!==i&&!1===N)&&e.jsx("p",{className:s["error-message"],children:u||"Invalid JSON or YAML format"})]})};export{l as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a,useEffect as t}from"react";import s from"../../../node_modules/js-yaml/dist/js-yaml.mjs.js";import r from"./style.module.scss.js";const l=({placeholder:l,label:i,value:o,onValidation:d,onChange:n,dataId:c,className:m="",errorMessage:u,acceptType:j="BOTH",fieldIsDisabled:p,withFooter:h=!0})=>{const[N,f]=a(),[v,y]=a(!0),O=e=>{if(""!==o){e.preventDefault();try{let e;"BOTH"!==j&&"JSON"!==j||!b(o)?"BOTH"!==j&&"YML"!==j||(e=s.dump(s.load(o),{indent:0})):e=JSON.stringify(JSON.parse(o),null,2),n(e),f(!0)}catch(e){console.error(e),f(!1)}}},b=e=>{try{return JSON.parse(e),!0}catch(e){return!1}},T=()=>{if("BOTH"===j||"JSON"===j)return b(o);if("BOTH"===j||"YML"===j)try{return s.load(o),!0}catch(e){return console.error(e),!1}};return t((()=>{try{O(o)}catch(e){}}),[]),e.jsxs("div",{className:`${r["json-editor-container"]} ${m} ${p?r.disabled:""}`,children:[i&&e.jsx("p",{className:`${r["json-editor-label"]}`,children:i}),e.jsxs("div",{className:`${r["json-editor"]} ${""!==o&&!1===N?r.invalid:""}`,children:[e.jsx("textarea",{disabled:p,"data-id":c,value:o,onChange:e=>{p||(f(void 0),y(!0),n(e.target.value))},onPaste:e=>{p||(f(void 0),y(!0),n(e.target.value))},min:"1",placeholder:l}),h&&e.jsxs("div",{className:`${r["actions-container"]}`,children:[e.jsx("button",{type:"button",className:r.validate,onClick:()=>{const e=T();f(e),d(e),y(!T())},"data-id":`${c}-VALIDATE-BUTTON`,disabled:""===o,children:"Validate"}),e.jsx("button",{type:"button",disabled:""===o||v,"data-id":`${c}-BEAUTIFY-BUTTON`,className:r.beautify,onClick:O,children:"Beautify"})]})]}),(u||""!==o&&!1===N)&&e.jsx("p",{className:r["error-message"],children:u||"Invalid JSON or YAML format"})]})};export{l as default};
 //# sourceMappingURL=JsonInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"JsonInput.js","sources":["../../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport yaml from 'js-yaml'\r\nimport styles from './style.module.scss'\r\n\r\nconst JsonInput = ({\r\n  placeholder,\r\n  label,\r\n  value,\r\n  onValidation,\r\n  onChange,\r\n  dataId,\r\n  className = '',\r\n  errorMessage,\r\n  acceptType = 'BOTH',\r\n  fieldIsDisabled,\r\n}) => {\r\n  const [isValid, setIsValid] = useState()\r\n  const [disabledBeautify, setDisabledBeautify] = useState(true)\r\n\r\n  const handlePrettify = (e) => {\r\n    if (value === '') return\r\n    e.preventDefault()\r\n    try {\r\n      let prettifiedData\r\n      if ((acceptType === 'BOTH' || acceptType === 'JSON') && isValidJson(value)) {\r\n        // If it's valid JSON, prettify JSON\r\n        prettifiedData = JSON.stringify(JSON.parse(value), null, 2)\r\n      } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n        // If it's not valid JSON, prettify YAML\r\n        prettifiedData = yaml.dump(yaml.load(value), { indent: 0 })\r\n      }\r\n      onChange(prettifiedData)\r\n      setIsValid(true) // Reset validity status\r\n    } catch (error) {\r\n      console.error(error)\r\n      setIsValid(false)\r\n    }\r\n  }\r\n\r\n  // Function to check if input is valid JSON\r\n  const isValidJson = (str) => {\r\n    try {\r\n      JSON.parse(str)\r\n      return true\r\n    } catch (error) {\r\n      return false\r\n    }\r\n  }\r\n\r\n  const checkIsValid = () => {\r\n    if (acceptType === 'BOTH' || acceptType === 'JSON') {\r\n      return isValidJson(value)\r\n    } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n      try {\r\n        // Try parsing as YAML\r\n        yaml.load(value)\r\n        return true\r\n      } catch (error) {\r\n        console.error(error)\r\n        return false\r\n      }\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    try {\r\n      handlePrettify(value)\r\n    } catch {}\r\n  }, [])\r\n\r\n  return (\r\n    <div className={`${styles['json-editor-container']} ${className}`}>\r\n      {label && <p className={`${styles['json-editor-label']}`}>{label}</p>}\r\n      <div\r\n        className={`${styles['json-editor']} ${\r\n          value !== '' && isValid === false ? styles.invalid : ''\r\n        }`}\r\n      >\r\n        <textarea\r\n          data-id={dataId}\r\n          value={value}\r\n          onChange={(e) => {\r\n            if (fieldIsDisabled) return\r\n            setIsValid(undefined)\r\n            setDisabledBeautify(true)\r\n            onChange(e.target.value)\r\n          }}\r\n          onPaste={(e) => {\r\n            if (fieldIsDisabled) return\r\n            setIsValid(undefined)\r\n            setDisabledBeautify(true)\r\n            onChange(e.target.value)\r\n          }}\r\n          min=\"1\"\r\n          placeholder={placeholder}\r\n        />\r\n        <div className={`${styles['actions-container']}`}>\r\n          <button\r\n            type=\"button\"\r\n            className={styles.validate}\r\n            onClick={() => {\r\n              const valid = checkIsValid()\r\n              setIsValid(valid)\r\n              onValidation(valid)\r\n              setDisabledBeautify(!checkIsValid())\r\n            }}\r\n            data-id={`${dataId}-VALIDATE-BUTTON`}\r\n            disabled={value === ''}\r\n          >\r\n            Validate\r\n          </button>\r\n          <button\r\n            type=\"button\"\r\n            disabled={value === '' || disabledBeautify}\r\n            data-id={`${dataId}-BEAUTIFY-BUTTON`}\r\n            className={styles.beautify}\r\n            onClick={handlePrettify}\r\n          >\r\n            Beautify\r\n          </button>\r\n        </div>\r\n      </div>\r\n      {(errorMessage || (value !== '' && isValid === false)) && (\r\n        <p className={styles['error-message']}>{errorMessage || 'Invalid JSON or YAML format'}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default JsonInput\r\n"],"names":["JsonInput","placeholder","label","value","onValidation","onChange","dataId","className","errorMessage","acceptType","fieldIsDisabled","isValid","setIsValid","useState","disabledBeautify","setDisabledBeautify","handlePrettify","e","preventDefault","prettifiedData","isValidJson","yaml","dump","load","indent","JSON","stringify","parse","error","console","str","checkIsValid","useEffect","_a","_jsxs","styles","children","_jsx","jsxs","invalid","jsx","undefined","target","onPaste","min","type","validate","onClick","valid","disabled","beautify"],"mappings":"4MAIA,MAAMA,EAAY,EAChBC,cACAC,QACAC,QACAC,eACAC,WACAC,SACAC,YAAY,GACZC,eACAC,aAAa,OACbC,sBAEA,MAAOC,EAASC,GAAcC,KACvBC,EAAkBC,GAAuBF,GAAS,GAEnDG,EAAkBC,IACtB,GAAc,KAAVd,EAAJ,CACAc,EAAEC,iBACF,IACE,IAAIC,EACgB,SAAfV,GAAwC,SAAfA,IAA0BW,EAAYjB,GAG1C,SAAfM,GAAwC,QAAfA,IAElCU,EAAiBE,EAAKC,KAAKD,EAAKE,KAAKpB,GAAQ,CAAEqB,OAAQ,KAHvDL,EAAiBM,KAAKC,UAAUD,KAAKE,MAAMxB,GAAQ,KAAM,GAK3DE,EAASc,GACTP,GAAW,EACZ,CAAC,MAAOgB,GACPC,QAAQD,MAAMA,GACdhB,GAAW,EACZ,CAhBuB,CAgBvB,EAIGQ,EAAeU,IACnB,IAEE,OADAL,KAAKE,MAAMG,IACJ,CACR,CAAC,MAAOF,GACP,OAAO,CACR,GAGGG,EAAe,KACnB,GAAmB,SAAftB,GAAwC,SAAfA,EAC3B,OAAOW,EAAYjB,GACd,GAAmB,SAAfM,GAAwC,QAAfA,EAClC,IAGE,OADAY,EAAKE,KAAKpB,IACH,CACR,CAAC,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,IACP,CACR,CACF,EASH,OANAI,GAAU,KACR,IACEhB,EAAeb,EAChB,CAAC,MAAM8B,GAAE,IACT,IAGDC,OAAA,MAAA,CAAK3B,UAAW,GAAG4B,EAAO,4BAA4B5B,IAAW6B,SAAA,CAC9DlC,GAASmC,EAAAA,IAAA,IAAA,CAAG9B,UAAW,GAAG4B,EAAO,uBAAsBC,SAAGlC,IAC3DgC,EAAAI,KAAA,MAAA,CACE/B,UAAW,GAAG4B,EAAO,kBACT,KAAVhC,IAA4B,IAAZQ,EAAoBwB,EAAOI,QAAU,KACrDH,SAAA,CAEFC,EACWG,IAAA,WAAA,CAAA,UAAAlC,EACTH,MAAOA,EACPE,SAAWY,IACLP,IACJE,OAAW6B,GACX1B,GAAoB,GACpBV,EAASY,EAAEyB,OAAOvC,OAAM,EAE1BwC,QAAU1B,IACJP,IACJE,OAAW6B,GACX1B,GAAoB,GACpBV,EAASY,EAAEyB,OAAOvC,OAAM,EAE1ByC,IAAI,IACJ3C,YAAaA,IAEfiC,EAAKI,KAAA,MAAA,CAAA/B,UAAW,GAAG4B,EAAO,uBACxBC,SAAA,CAAAC,EAAAG,IAAA,SAAA,CACEK,KAAK,SACLtC,UAAW4B,EAAOW,SAClBC,QAAS,KACP,MAAMC,EAAQjB,IACdnB,EAAWoC,GACX5C,EAAa4C,GACbjC,GAAqBgB,IAAe,EAE7B,UAAA,GAAGzB,oBACZ2C,SAAoB,KAAV9C,EAGHiC,SAAA,aACTC,EAAAA,IACE,SAAA,CAAAQ,KAAK,SACLI,SAAoB,KAAV9C,GAAgBW,EACjB,UAAA,GAAGR,oBACZC,UAAW4B,EAAOe,SAClBH,QAAS/B,EAGFoB,SAAA,oBAGX5B,GAA2B,KAAVL,IAA4B,IAAZQ,IACjC0B,EAAGG,IAAA,IAAA,CAAAjC,UAAW4B,EAAO,iBAAmBC,SAAA5B,GAAgB,kCAG7D"}
+{"version":3,"file":"JsonInput.js","sources":["../../../../src/components/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport yaml from 'js-yaml'\r\nimport styles from './style.module.scss'\r\n\r\nconst JsonInput = ({\r\n  placeholder,\r\n  label,\r\n  value,\r\n  onValidation,\r\n  onChange,\r\n  dataId,\r\n  className = '',\r\n  errorMessage,\r\n  acceptType = 'BOTH',\r\n  fieldIsDisabled,\r\n  withFooter = true,\r\n}) => {\r\n  const [isValid, setIsValid] = useState()\r\n  const [disabledBeautify, setDisabledBeautify] = useState(true)\r\n\r\n  const handlePrettify = (e) => {\r\n    if (value === '') return\r\n    e.preventDefault()\r\n    try {\r\n      let prettifiedData\r\n      if ((acceptType === 'BOTH' || acceptType === 'JSON') && isValidJson(value)) {\r\n        // If it's valid JSON, prettify JSON\r\n        prettifiedData = JSON.stringify(JSON.parse(value), null, 2)\r\n      } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n        // If it's not valid JSON, prettify YAML\r\n        prettifiedData = yaml.dump(yaml.load(value), { indent: 0 })\r\n      }\r\n      onChange(prettifiedData)\r\n      setIsValid(true) // Reset validity status\r\n    } catch (error) {\r\n      console.error(error)\r\n      setIsValid(false)\r\n    }\r\n  }\r\n\r\n  // Function to check if input is valid JSON\r\n  const isValidJson = (str) => {\r\n    try {\r\n      JSON.parse(str)\r\n      return true\r\n    } catch (error) {\r\n      return false\r\n    }\r\n  }\r\n\r\n  const checkIsValid = () => {\r\n    if (acceptType === 'BOTH' || acceptType === 'JSON') {\r\n      return isValidJson(value)\r\n    } else if (acceptType === 'BOTH' || acceptType === 'YML') {\r\n      try {\r\n        // Try parsing as YAML\r\n        yaml.load(value)\r\n        return true\r\n      } catch (error) {\r\n        console.error(error)\r\n        return false\r\n      }\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    try {\r\n      handlePrettify(value)\r\n    } catch {}\r\n  }, [])\r\n\r\n  return (\r\n    <div\r\n      className={`${styles['json-editor-container']} ${className} ${\r\n        fieldIsDisabled ? styles.disabled : ''\r\n      }`}\r\n    >\r\n      {label && <p className={`${styles['json-editor-label']}`}>{label}</p>}\r\n      <div\r\n        className={`${styles['json-editor']} ${\r\n          value !== '' && isValid === false ? styles.invalid : ''\r\n        }`}\r\n      >\r\n        <textarea\r\n          disabled={fieldIsDisabled}\r\n          data-id={dataId}\r\n          value={value}\r\n          onChange={(e) => {\r\n            if (fieldIsDisabled) return\r\n            setIsValid(undefined)\r\n            setDisabledBeautify(true)\r\n            onChange(e.target.value)\r\n          }}\r\n          onPaste={(e) => {\r\n            if (fieldIsDisabled) return\r\n            setIsValid(undefined)\r\n            setDisabledBeautify(true)\r\n            onChange(e.target.value)\r\n          }}\r\n          min=\"1\"\r\n          placeholder={placeholder}\r\n        />\r\n        {withFooter && (\r\n          <div className={`${styles['actions-container']}`}>\r\n            <button\r\n              type=\"button\"\r\n              className={styles.validate}\r\n              onClick={() => {\r\n                const valid = checkIsValid()\r\n                setIsValid(valid)\r\n                onValidation(valid)\r\n                setDisabledBeautify(!checkIsValid())\r\n              }}\r\n              data-id={`${dataId}-VALIDATE-BUTTON`}\r\n              disabled={value === ''}\r\n            >\r\n              Validate\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              disabled={value === '' || disabledBeautify}\r\n              data-id={`${dataId}-BEAUTIFY-BUTTON`}\r\n              className={styles.beautify}\r\n              onClick={handlePrettify}\r\n            >\r\n              Beautify\r\n            </button>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {(errorMessage || (value !== '' && isValid === false)) && (\r\n        <p className={styles['error-message']}>{errorMessage || 'Invalid JSON or YAML format'}</p>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default JsonInput\r\n"],"names":["JsonInput","placeholder","label","value","onValidation","onChange","dataId","className","errorMessage","acceptType","fieldIsDisabled","withFooter","isValid","setIsValid","useState","disabledBeautify","setDisabledBeautify","handlePrettify","e","preventDefault","prettifiedData","isValidJson","yaml","dump","load","indent","JSON","stringify","parse","error","console","str","checkIsValid","useEffect","_a","_jsxs","jsxs","styles","disabled","children","_jsx","jsx","invalid","undefined","target","onPaste","min","type","validate","onClick","valid","beautify"],"mappings":"4MAIA,MAAMA,EAAY,EAChBC,cACAC,QACAC,QACAC,eACAC,WACAC,SACAC,YAAY,GACZC,eACAC,aAAa,OACbC,kBACAC,cAAa,MAEb,MAAOC,EAASC,GAAcC,KACvBC,EAAkBC,GAAuBF,GAAS,GAEnDG,EAAkBC,IACtB,GAAc,KAAVf,EAAJ,CACAe,EAAEC,iBACF,IACE,IAAIC,EACgB,SAAfX,GAAwC,SAAfA,IAA0BY,EAAYlB,GAG1C,SAAfM,GAAwC,QAAfA,IAElCW,EAAiBE,EAAKC,KAAKD,EAAKE,KAAKrB,GAAQ,CAAEsB,OAAQ,KAHvDL,EAAiBM,KAAKC,UAAUD,KAAKE,MAAMzB,GAAQ,KAAM,GAK3DE,EAASe,GACTP,GAAW,EACZ,CAAC,MAAOgB,GACPC,QAAQD,MAAMA,GACdhB,GAAW,EACZ,CAhBuB,CAgBvB,EAIGQ,EAAeU,IACnB,IAEE,OADAL,KAAKE,MAAMG,IACJ,CACR,CAAC,MAAOF,GACP,OAAO,CACR,GAGGG,EAAe,KACnB,GAAmB,SAAfvB,GAAwC,SAAfA,EAC3B,OAAOY,EAAYlB,GACd,GAAmB,SAAfM,GAAwC,QAAfA,EAClC,IAGE,OADAa,EAAKE,KAAKrB,IACH,CACR,CAAC,MAAO0B,GAEP,OADAC,QAAQD,MAAMA,IACP,CACR,CACF,EASH,OANAI,GAAU,KACR,IACEhB,EAAed,EAChB,CAAC,MAAM+B,GAAE,IACT,IAGDC,EACEC,KAAA,MAAA,CAAA7B,UAAW,GAAG8B,EAAO,4BAA4B9B,KAC/CG,EAAkB2B,EAAOC,SAAW,KACpCC,SAAA,CAEDrC,GAASsC,EAAAC,IAAA,IAAA,CAAGlC,UAAW,GAAG8B,EAAO,gCAAyBnC,IAC3DiC,EACEC,KAAA,MAAA,CAAA7B,UAAW,GAAG8B,EAAO,kBACT,KAAVlC,IAA4B,IAAZS,EAAoByB,EAAOK,QAAU,KAGvDH,SAAA,CAAAC,EAAAC,IAAA,WAAA,CACEH,SAAU5B,YACDJ,EACTH,MAAOA,EACPE,SAAWa,IACLR,IACJG,OAAW8B,GACX3B,GAAoB,GACpBX,EAASa,EAAE0B,OAAOzC,OAAM,EAE1B0C,QAAU3B,IACJR,IACJG,OAAW8B,GACX3B,GAAoB,GACpBX,EAASa,EAAE0B,OAAOzC,OAAM,EAE1B2C,IAAI,IACJ7C,YAAaA,IAEdU,GACCwB,EAAAA,KAAK,MAAA,CAAA5B,UAAW,GAAG8B,EAAO,uBAAsBE,SAAA,CAC9CC,EAAAA,IACE,SAAA,CAAAO,KAAK,SACLxC,UAAW8B,EAAOW,SAClBC,QAAS,KACP,MAAMC,EAAQlB,IACdnB,EAAWqC,GACX9C,EAAa8C,GACblC,GAAqBgB,IAAe,EAE7B,UAAA,GAAG1B,oBACZgC,SAAoB,KAAVnC,EAGHoC,SAAA,aACTC,EAAAA,IACE,SAAA,CAAAO,KAAK,SACLT,SAAoB,KAAVnC,GAAgBY,EACjB,UAAA,GAAGT,oBACZC,UAAW8B,EAAOc,SAClBF,QAAShC,EAGFsB,SAAA,oBAIb/B,GAA2B,KAAVL,IAA4B,IAAZS,IACjC4B,EAAGC,IAAA,IAAA,CAAAlC,UAAW8B,EAAO,iBAAmBE,SAAA/B,GAAgB,kCAG7D"}

package/dist/src/components/LivePreview/LivePreview.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../../_virtual/jsx-runtime.js";import s from"./LivePreview.module.scss.js";import l from"../SimpleLabelValue/SimpleLabelValue.js";import a from"../Chips/Chips.js";import i from"../MethodAccordion/MethodAccordion.js";import{useFormikContext as t}from"../../../node_modules/formik/dist/formik.esm.js";const o=({transformedData:o})=>{const{values:n,setFieldValue:m}=t(),{info:r,components:d,tags:p,paths:c}=n,{securitySchemes:h}=d,j=h&&"object"==typeof h&&Object.keys(h).length?Object.keys(h)[0]:null;return e.jsx("div",{children:e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-md-12",children:[e.jsx("p",{className:s.apiName,children:null==r?void 0:r.title}),e.jsx(l,{label:"API authentication type: ",value:j?h[j].scheme:"-"},"APIAuthenticationType"),e.jsx(l,{label:"Version: ",value:(null==r?void 0:r.version)||"-"},"version"),e.jsx(l,{label:"Description: ",value:(null==r?void 0:r.description)||"-"},"description"),e.jsx(l,{label:"Tags: ",value:p&&p.length?e.jsx(a,{className:s.tagsChips,items:p.map((e=>({id:e.name,label:e.name,disabled:!0})))}):"-"},"tags"),e.jsx(l,{label:"Endpoints "},"endpoints"),n.paths.map(((s,l)=>e.jsx(e.Fragment,{children:s.methods.map(((a,t)=>e.jsx(i,{readOnly:!0,method:a,path:s.path,setFieldValue:(e,s)=>{m(`paths[${l}].methods[${t}].${e}`,s)},handleSave:()=>null})))})))]})})})};export{o as default};
+import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as t,useEffect as s}from"react";import o from"./LivePreview.module.scss.js";import i from"../SimpleLabelValue/SimpleLabelValue.js";import n from"../MethodAccordion/MethodAccordion.js";import{useFormikContext as l}from"../../../node_modules/formik/dist/formik.esm.js";import{tagsTableHeaders as a,methodColorMapping as r}from"../../constants/index.js";import c from"../table/tags-table.js";import{d}from"../../../_virtual/index.js";import m from"../Tooltip/Tooltip.js";const p=({transformedData:p})=>{const[u,v]=t(),[x,j]=t({}),[h,g]=t([]),[D,b]=t({}),{values:f}=l(),{info:N,components:C,tags:k}=f,{securitySchemes:y}=C,T=y&&"object"==typeof y&&Object.keys(y).length?Object.keys(y)[0]:null;s((()=>{console.log({updated:f.tags}),f.tags&&f.tags.length&&(v(O(f.tags,!0)),g(f.tags))}),[f.tags]);const O=(t,s)=>t.map(((t,i)=>{var n,l,a,r,c,p,u,v;return{id:i,tagName:t.name,description:e.jsx("div",{className:o.paramDescContainer,children:e.jsx(m,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>j((t=>Object.assign(Object.assign({},t),{[i]:e}))),content:e.jsxs("div",{className:o.editDescTooltipContent,children:[e.jsx("p",{className:o.editDescTooltipContent_header,children:"Description"}),e.jsx(d.TextArea,{placeholder:"Describe parameter...",value:t.description,disabled:s,onChange:e=>null})]}),children:e.jsxs(d.Button,{className:o.editDescBtn,variant:"link",color:"action",children:[t.description?t.description.substring(0,12):"-",t.description&&t.description.length>12?"...":""]})})}),externalDocs:e.jsxs("div",{className:o.paramDescContainer,children:[e.jsx(m,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>b((t=>Object.assign(Object.assign({},t),{[i]:e}))),content:e.jsxs("div",{className:o.editDescTooltipContent,children:[e.jsx("p",{className:o.editDescTooltipContent_header,children:"External Docs Description"}),e.jsx(d.TextArea,{placeholder:"Describe External Doc...",value:null===(n=t.externalDocs)||void 0===n?void 0:n.description,disabled:s,onChange:e=>null}),e.jsx("p",{className:o.editDescTooltipContent_header,children:"External Docs Link"}),e.jsx(d.TextArea,{placeholder:"External Docs Link...",value:null===(l=t.externalDocs)||void 0===l?void 0:l.url,disabled:s,onChange:e=>null})]}),children:e.jsxs(d.Button,{className:o.editDescBtn,variant:"link",color:"action",onClick:()=>{var e;const s=document.createElement("a");s.href=null===(e=t.externalDocs)||void 0===e?void 0:e.url,s.click()},children:[(null===(a=null==t?void 0:t.externalDocs)||void 0===a?void 0:a.description)?null===(c=null===(r=null==t?void 0:t.externalDocs)||void 0===r?void 0:r.description)||void 0===c?void 0:c.substring(0,12):"-",(null===(p=null==t?void 0:t.externalDocs)||void 0===p?void 0:p.description)&&(null===(v=null===(u=null==t?void 0:t.externalDocs)||void 0===u?void 0:u.description)||void 0===v?void 0:v.length)>12?"...":""]})}),!s&&e.jsx("div",{className:o.paramDescContainer_separator}),!s&&e.jsx(d.Button,{className:o.deleteParamBtn,variant:"link",color:"error",onClick:()=>null})]})}}));return e.jsx("div",{children:e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-md-12",children:[e.jsx("p",{className:o.apiName,children:null==N?void 0:N.title}),e.jsx(i,{label:"API authentication type: ",value:T?y[T].scheme:"-"},"APIAuthenticationType"),e.jsx(i,{label:"Version: ",value:(null==N?void 0:N.version)||"-"},"version"),e.jsx(i,{label:"Description: ",value:(null==N?void 0:N.description)||"-"},"description"),e.jsx(i,{label:"Tags: "},"tags"),e.jsx(c,{id:"tags-table",data:u,headCells:a,isFormOpen:!1,setIsFormOpen:()=>null,saveNewRow:()=>null,readOnly:!0}),e.jsx(i,{label:"Endpoints "},"endpoints"),f.paths.map((t=>e.jsx("div",{className:o.methodsContainer,children:t.methods.sort(((e,t)=>r[e.type].order+r[t.type].order)).map(((s,o)=>e.jsx(n,{readOnly:!0,method:s,path:t.path})))})))]})})})};export{p as default};
 //# sourceMappingURL=LivePreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LivePreview.js","sources":["../../../../src/components/LivePreview/LivePreview.tsx"],"sourcesContent":["import React from 'react'\r\nimport styles from './LivePreview.module.scss'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\nimport Chips from '../../components/Chips/Chips'\r\nimport MethodsAccordion from '../../components/MethodAccordion/MethodAccordion'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport { useFormikContext } from 'formik'\r\n\r\ninterface LivePreviewProps {\r\n  transformedData?: TransformedOpenApi\r\n}\r\n\r\nconst LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {\r\n  const { values, setFieldValue } = useFormikContext<TransformedOpenApi>()\r\n  const { info, components, tags, paths } = values\r\n  const { securitySchemes } = components\r\n  const securityKey =\r\n    securitySchemes && typeof securitySchemes == 'object' && Object.keys(securitySchemes).length\r\n      ? Object.keys(securitySchemes)[0]\r\n      : null\r\n  return (\r\n    <div>\r\n      <div className=\"row\">\r\n        <div className=\"col-md-12\">\r\n          <p className={styles.apiName}>{info?.title}</p>\r\n          <SimpleLabelValue\r\n            key={'APIAuthenticationType'}\r\n            label={'API authentication type: '}\r\n            value={!!securityKey ? securitySchemes[securityKey].scheme : '-'}\r\n          />\r\n          <SimpleLabelValue key={'version'} label={'Version: '} value={info?.version || '-'} />\r\n          <SimpleLabelValue\r\n            key={'description'}\r\n            label={'Description: '}\r\n            value={info?.description || '-'}\r\n          />\r\n\r\n          <SimpleLabelValue\r\n            key={'tags'}\r\n            label={'Tags: '}\r\n            value={\r\n              tags && tags.length ? (\r\n                <Chips\r\n                  className={styles.tagsChips}\r\n                  items={tags.map((t) => ({\r\n                    id: t.name,\r\n                    label: t.name,\r\n                    disabled: true,\r\n                  }))}\r\n                />\r\n              ) : (\r\n                '-'\r\n              )\r\n            }\r\n          />\r\n\r\n          <SimpleLabelValue key={'endpoints'} label={'Endpoints '} />\r\n          {values.paths.map((path, pathIndex) => (\r\n            <>\r\n              {path.methods.map((method, methodIndex) => (\r\n                <MethodsAccordion\r\n                  readOnly\r\n                  method={method}\r\n                  path={path.path}\r\n                  setFieldValue={(key, value) => {\r\n                    const h = `paths[${pathIndex}].methods[${methodIndex}].${key}`\r\n                    setFieldValue(h, value)\r\n                  }}\r\n                  handleSave={()=>null}\r\n                />\r\n              ))}\r\n            </>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LivePreview\r\n"],"names":["LivePreview","transformedData","values","setFieldValue","useFormikContext","info","components","tags","paths","securitySchemes","securityKey","Object","keys","length","_jsx","children","jsx","className","_jsxs","styles","apiName","title","SimpleLabelValue","label","value","scheme","version","description","Chips","tagsChips","items","map","t","id","name","disabled","path","pathIndex","_Fragment","methods","method","methodIndex","MethodsAccordion","readOnly","key","handleSave"],"mappings":"iUAYA,MAAMA,EAA0C,EAAGC,sBACjD,MAAMC,OAAEA,EAAMC,cAAEA,GAAkBC,KAC5BC,KAAEA,EAAIC,WAAEA,EAAUC,KAAEA,EAAIC,MAAEA,GAAUN,GACpCO,gBAAEA,GAAoBH,EACtBI,EACJD,GAA6C,iBAAnBA,GAA+BE,OAAOC,KAAKH,GAAiBI,OAClFF,OAAOC,KAAKH,GAAiB,GAC7B,KACN,OACEK,MAAA,MAAA,CAAAC,SACED,EAAKE,IAAA,MAAA,CAAAC,UAAU,MAAKF,SAClBG,OAAK,MAAA,CAAAD,UAAU,YACbF,SAAA,CAAAD,MAAA,IAAA,CAAGG,UAAWE,EAAOC,QAAUL,SAAAV,eAAAA,EAAMgB,QACrCP,MAACQ,EAAgB,CAEfC,MAAO,4BACPC,MAASd,EAAcD,EAAgBC,GAAae,OAAS,KAFxD,yBAIPX,MAACQ,EAAiC,CAAAC,MAAO,YAAaC,OAAOnB,aAAA,EAAAA,EAAMqB,UAAW,KAAvD,WACvBZ,MAACQ,EAAgB,CAEfC,MAAO,gBACPC,OAAOnB,aAAI,EAAJA,EAAMsB,cAAe,KAFvB,eAKPb,MAACQ,EAAgB,CAEfC,MAAO,SACPC,MACEjB,GAAQA,EAAKM,OACXC,MAACc,EAAK,CACJX,UAAWE,EAAOU,UAClBC,MAAOvB,EAAKwB,KAAKC,IAAO,CACtBC,GAAID,EAAEE,KACNX,MAAOS,EAAEE,KACTC,UAAU,QAEZ,KAXD,QAkBPrB,EAAAA,IAACQ,EAAmC,CAAAC,MAAO,cAApB,aACtBrB,EAAOM,MAAMuB,KAAI,CAACK,EAAMC,IACvBvB,MACGwB,EAAAA,SAAA,CAAAvB,SAAAqB,EAAKG,QAAQR,KAAI,CAACS,EAAQC,IACzB3B,MAAC4B,EACC,CAAAC,UACA,EAAAH,OAAQA,EACRJ,KAAMA,EAAKA,KACXjC,cAAe,CAACyC,EAAKpB,KAEnBrB,EADU,SAASkC,cAAsBI,MAAgBG,IACxCpB,EAAM,EAEzBqB,WAAY,IAAI,mBAQ/B"}
+{"version":3,"file":"LivePreview.js","sources":["../../../../src/components/LivePreview/LivePreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport styles from './LivePreview.module.scss'\r\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\r\n\r\nimport MethodsAccordion from '../../components/MethodAccordion/MethodAccordion'\r\nimport { TransformedOpenApi } from '../../types/transformedOpenApi'\r\nimport { useFormikContext } from 'formik'\r\nimport { methodColorMapping, tagsTableHeaders } from '../../constants/index'\r\nimport TagsTable from '../table/tags-table'\r\nimport { Button, TextArea } from 'digitinary-ui'\r\nimport Tooltip from '../../components/Tooltip/Tooltip'\r\nimport { DeleteIcon, deleteOutlinedIcon, EditIcon } from '../../assets/icons'\r\n\r\ninterface LivePreviewProps {\r\n  transformedData?: TransformedOpenApi\r\n}\r\n\r\nconst LivePreview: React.FC<LivePreviewProps> = ({ transformedData }) => {\r\n  const [tableRecords, setTableRecords] = useState()\r\n  const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const [tableData, setTableData] = useState([])\r\n  const [externalTooltipRefs, setExternalTooltipRefs] = useState<{ [key: number]: any }>({})\r\n  const { values } = useFormikContext<TransformedOpenApi>()\r\n  const { info, components, tags } = values\r\n  const { securitySchemes } = components\r\n  const securityKey =\r\n    securitySchemes && typeof securitySchemes == 'object' && Object.keys(securitySchemes).length\r\n      ? Object.keys(securitySchemes)[0]\r\n      : null\r\n\r\n  useEffect(() => {\r\n    console.log({updated: values.tags})\r\n    if (values.tags && values.tags.length) {\r\n      setTableRecords(generateTableData(values.tags, true))\r\n      setTableData(values.tags)\r\n    }\r\n  }, [values.tags])\r\n\r\n  const generateTableData = (items, readOnly) => {\r\n    return items.map((item, index) => ({\r\n      id: index,\r\n      tagName: item.name,\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) => null}\r\n                />\r\n              </div>\r\n            }\r\n          >\r\n            <Button className={styles.editDescBtn} variant=\"link\" color=\"action\">\r\n              {item.description ? item.description.substring(0, 12) : '-'}\r\n              {item.description && item.description.length > 12 ? '...' : ''}\r\n            </Button>\r\n          </Tooltip>\r\n        </div>\r\n      ),\r\n      externalDocs: (\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              setExternalTooltipRefs((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}>External Docs Description</p>\r\n                <TextArea\r\n                  placeholder=\"Describe External Doc...\"\r\n                  value={item.externalDocs?.description}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => null}\r\n                />\r\n                <p className={styles.editDescTooltipContent_header}>External Docs Link</p>\r\n                <TextArea\r\n                  placeholder=\"External Docs Link...\"\r\n                  value={item.externalDocs?.url}\r\n                  disabled={readOnly}\r\n                  onChange={(value) => null}\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              onClick={() => {\r\n                const a = document.createElement('a')\r\n                a.href = item.externalDocs?.url\r\n                a.click()\r\n              }}\r\n            >\r\n              {item?.externalDocs?.description\r\n                ? item?.externalDocs?.description?.substring(0, 12)\r\n                : '-'}\r\n              {item?.externalDocs?.description && item?.externalDocs?.description?.length > 12\r\n                ? '...'\r\n                : ''}\r\n            </Button>\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              onClick={() => null}\r\n            ></Button>\r\n          )}\r\n        </div>\r\n      ),\r\n    }))\r\n  }\r\n  return (\r\n    <div>\r\n      <div className=\"row\">\r\n        <div className=\"col-md-12\">\r\n          <p className={styles.apiName}>{info?.title}</p>\r\n          <SimpleLabelValue\r\n            key={'APIAuthenticationType'}\r\n            label={'API authentication type: '}\r\n            value={!!securityKey ? securitySchemes[securityKey].scheme : '-'}\r\n          />\r\n          <SimpleLabelValue key={'version'} label={'Version: '} value={info?.version || '-'} />\r\n          <SimpleLabelValue\r\n            key={'description'}\r\n            label={'Description: '}\r\n            value={info?.description || '-'}\r\n          />\r\n\r\n          <SimpleLabelValue\r\n            key={'tags'}\r\n            label={'Tags: '}\r\n          />\r\n          <TagsTable\r\n          id=\"tags-table\"\r\n            data={tableRecords}\r\n            headCells={tagsTableHeaders}\r\n            isFormOpen={false}\r\n            setIsFormOpen={() => null}\r\n            saveNewRow={() => null}\r\n            readOnly={true}\r\n          />\r\n\r\n          <SimpleLabelValue key={'endpoints'} label={'Endpoints '} />\r\n          {values.paths.map((path) => (\r\n            <div className={styles.methodsContainer}>\r\n              {path.methods\r\n                .sort((a, b) => methodColorMapping[a.type].order + methodColorMapping[b.type].order)\r\n                .map((method, methodIndex) => (\r\n                  <MethodsAccordion readOnly method={method} path={path.path} />\r\n                ))}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LivePreview\r\n"],"names":["LivePreview","transformedData","tableRecords","setTableRecords","useState","tooltipRefs","setTooltipRefs","tableData","setTableData","externalTooltipRefs","setExternalTooltipRefs","values","useFormikContext","info","components","tags","securitySchemes","securityKey","Object","keys","length","useEffect","console","log","updated","generateTableData","items","readOnly","map","item","index","id","tagName","name","description","_jsx","jsx","className","styles","paramDescContainer","children","Tooltip","arrowWithBorder","placement","type","trigger","delay","onCreate","instance","prev","assign","content","_jsxs","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","value","disabled","onChange","Button","editDescBtn","variant","color","substring","externalDocs","_a","_b","url","onClick","a","document","createElement","href","click","_c","_e","_d","_f","_h","_g","paramDescContainer_separator","deleteParamBtn","jsxs","apiName","title","SimpleLabelValue","label","scheme","version","TagsTable","data","headCells","tagsTableHeaders","isFormOpen","setIsFormOpen","saveNewRow","paths","path","methodsContainer","methods","sort","b","methodColorMapping","order","method","methodIndex","MethodsAccordion"],"mappings":"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"}

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 o}from"react";import{d as r}from"../../../_virtual/index.js";import n from"../SVGLoader/SVGLoader.js";import i from"../../assets/icons/DownArrow.svg.js";import t from"../../assets/icons/DeleteIcon.svg.js";import a 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 j}from"../../helpers/methodAccordion.helper.js";import v 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})=>{var f,A,O,q,D,S,w;const[k,T]=s({request:!1,response:!1,method:!1}),[I,B]=s(!1),[V,$]=s({}),[F,_]=s([]),[L,E]=s(!1),[J,W]=s(null),[G,P]=s(null),[R,z]=s(),[M,H]=s(y[4]),Y=d.responses.find((e=>Number(e.code)===M.value))||"{}",K=(e,s,o)=>{const r=F.map(((r,n)=>n===o?Object.assign(Object.assign({},r),{[e]:s}):r));_(r)},Q=s=>s.map(((s,o)=>{var i;return{id:o,paramName:s.name,paramType:j(s.in),schemaType:j(null===(i=s.schema)||void 0===i?void 0:i.type)||"",required:e.jsx(e.Fragment,{children:C?s.required?"True":"False":e.jsx(r.Switch,{checked:s.required,onClick:()=>{if(C)return null;K("required",!s.required,o),N(`parameters[${o}][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),{[o]:e}))),content:e.jsxs("div",{className:b.editDescTooltipContent,children:[e.jsx("p",{className:b.editDescTooltipContent_header,children:"Description"}),e.jsx(r.TextArea,{placeholder:"Describe parameter...",value:s.description,disabled:C,onChange:e=>K("description",e,o)}),!C&&e.jsx(r.Button,{className:b.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;N(`parameters[${o}].description`,s.description),null===(e=V[o])||void 0===e||e.hide()},children:"Apply"})]}),children:C?e.jsxs(r.Button,{className:b.editDescBtn,variant:"link",color:"action",children:[s.description?s.description.substring(0,12):"-",s.description&&s.description.length>12?"...":""]}):e.jsxs(r.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:a,width:"1.5rem",height:"1.5rem"}),children:[C?"View ":"Add "," Description"]})}),!C&&e.jsx("div",{className:b.paramDescContainer_separator}),!C&&e.jsx(r.Button,{className:b.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:t,width:"1.125rem",height:"1.125rem"}),onClick:()=>U(o,s.name)})]})}})),U=(e,s)=>{W(e),P(s),E(!0)};return o((()=>{z(Q(F))}),[F]),o((()=>{(null==d?void 0:d.parameters)&&(z(Q(d.parameters)),_(d.parameters))}),[d,h]),e.jsxs("div",{children:[e.jsx(r.Accordion,{expanded:k.method,onChange:()=>T((e=>Object.assign(Object.assign({},e),{method:!e.method}))),className:b.methodAccordion,summary:e.jsxs("div",{className:`${b.methodSummaryContainer} ${C?b.readOnly:""}`,children:[e.jsxs("div",{className:b.methodSummary,children:[e.jsx("span",{style:{backgroundColor:(null===(f=null==c?void 0:c[null==d?void 0:d.type])||void 0===f?void 0:f.color)||"#3A6CD1"},className:b.methodLabel,children:(null===(A=null==c?void 0:c[null==d?void 0:d.type])||void 0===A?void 0:A.label)||(null==d?void 0:d.type)}),e.jsx("span",{className:b.methodPath,children:h})]}),e.jsx("div",{className:`${b.methodExpandArrowContainer} ${k.method?b.expanded:""}`,children:e.jsx(n,{src:i,width:"2rem",height:"2rem"})})]}),children:e.jsxs("div",{className:b.methodAccordionContent,children:[C?e.jsx(u,{label:"Description: ",value:(null==d?void 0:d.description)||"-"},"description"):e.jsx(r.TextArea,{className:b.methodDesc,label:"Description",placeholder:"Describe the endpoint'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(v,{id:"paramter-table",data:R,headCells:m,isFormOpen:I,setIsFormOpen:B,saveNewRow:e=>{_([...F,e]),N("parameters",[...d.parameters,e])},readOnly:C})}),"get"!==(null==d?void 0:d.type)&&e.jsx(r.Accordion,{expanded:k.request,onChange:()=>null,className:b.requestAccordion,summary:e.jsx("span",{className:b.requestAccordionSummary,children:e.jsxs("div",{className:b.requestAccordionSummary_title,onClick:()=>T((e=>Object.assign(Object.assign({},e),{request:!e.request}))),children:[e.jsx(n,{className:k.request?b.expanded:"",src:i,width:"2rem",height:"2rem"}),"Request","delete"!==(null==d?void 0:d.type)&&e.jsx("span",{style:{color:"red"},children:"*"})]})}),children:e.jsx(g,{className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:C,value:(null===(D=null===(q=null===(O=null==d?void 0:d.requestBody)||void 0===O?void 0:O.content)||void 0===q?void 0:q.schema)||void 0===D?void 0:D.properties)||"{}",onChange:e=>{N("requestBody.content.schema.properties",e)},onValidation:()=>null})}),e.jsx(r.Accordion,{expanded:k.response,onChange:()=>null,className:b.responseAccordion,summary:e.jsxs("span",{className:b.responseAccordionSummary,children:[e.jsxs("div",{className:b.responseAccordionSummary_title,onClick:()=>T((e=>Object.assign(Object.assign({},e),{response:!e.response}))),children:[e.jsx(n,{className:k.response?b.expanded:"",src:i,width:"2rem",height:"2rem"}),"Response",e.jsx("span",{style:{color:"red"},children:"*"})]}),e.jsx(r.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:y}],value:M,onChange:e=>{H(e)}})]}),children:e.jsx(g,{className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:C,value:(null===(w=null===(S=null==Y?void 0:Y.content)||void 0===S?void 0:S.schema)||void 0===w?void 0:w.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:M.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 ${G} `}),"?"]}),onSubmit:{onClick:()=>{var e;null!==J&&(_((e=>e.filter(((e,s)=>s!==J)))),N("parameters",null===(e=null==d?void 0:d.parameters)||void 0===e?void 0:e.filter(((e,s)=>s!==J)))),E(!1),W(null)},text:"Yes",color:"error",fullWidth:!0},onCancel:{text:"No",color:"normal",fullWidth:!0},onClose:()=>E(!1),open:L,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 o}from"react";import{d as r}from"../../../_virtual/index.js";import n from"../SVGLoader/SVGLoader.js";import t from"../../assets/icons/DownArrow.svg.js";import i from"../../assets/icons/DeleteIcon.svg.js";import a 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 j}from"../../helpers/methodAccordion.helper.js";import v 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})=>{var f,A,O,q,D,w,S;const[k,T]=s({request:!1,response:!1,method:!1}),[I,B]=s(!1),[F,V]=s({}),[$,_]=s([]),[L,E]=s(!1),[J,W]=s(null),[G,P]=s(null),[R,z]=s(),[M,H]=s(y[4]),Y=d.responses.find((e=>Number(e.code)===M.value))||"{}",K=(e,s,o)=>{const r=$.map(((r,n)=>n===o?Object.assign(Object.assign({},r),{[e]:s}):r));_(r)},Q=s=>s.map(((s,o)=>{var t;return{id:o,paramName:s.name,paramType:j(s.in),schemaType:j(null===(t=s.schema)||void 0===t?void 0:t.type)||"",required:e.jsx(e.Fragment,{children:C?s.required?"True":"False":e.jsx(r.Switch,{checked:s.required,onClick:()=>{if(C)return null;K("required",!s.required,o),N(`parameters[${o}][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=>V((s=>Object.assign(Object.assign({},s),{[o]:e}))),content:e.jsxs("div",{className:b.editDescTooltipContent,children:[e.jsx("p",{className:b.editDescTooltipContent_header,children:"Description"}),e.jsx(r.TextArea,{placeholder:"Describe parameter...",value:s.description,disabled:C,onChange:e=>K("description",e,o)}),!C&&e.jsx(r.Button,{className:b.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{var e;N(`parameters[${o}].description`,s.description),null===(e=F[o])||void 0===e||e.hide()},children:"Apply"})]}),children:C?e.jsxs(r.Button,{className:b.editDescBtn,variant:"link",color:"action",children:[s.description?s.description.substring(0,12):"-",s.description&&s.description.length>12?"...":""]}):e.jsxs(r.Button,{className:b.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(n,{src:a,width:"1.5rem",height:"1.5rem"}),children:[C?"View ":"Add "," Description"]})}),!C&&e.jsx("div",{className:b.paramDescContainer_separator}),!C&&e.jsx(r.Button,{className:b.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(n,{src:i,width:"1.125rem",height:"1.125rem"}),onClick:()=>U(o,s.name)})]})}})),U=(e,s)=>{W(e),P(s),E(!0)};return o((()=>{z(Q($))}),[$]),o((()=>{(null==d?void 0:d.parameters)&&(z(Q(d.parameters)),_(d.parameters))}),[d,h]),e.jsxs("div",{children:[e.jsx(r.Accordion,{expanded:k.method,onChange:()=>T((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===(f=null==c?void 0:c[null==d?void 0:d.type])||void 0===f?void 0:f.color)||"#3A6CD1"},className:b.methodLabel,children:(null===(A=null==c?void 0:c[null==d?void 0:d.type])||void 0===A?void 0:A.label)||(null==d?void 0:d.type)}),e.jsx("span",{className:b.methodPath,children:h})]}),e.jsx("div",{className:`${b.methodExpandArrowContainer} ${k.method?b.expanded:""}`,children:e.jsx(n,{src:t,width:"2rem",height:"2rem"})})]}),children:e.jsxs("div",{className:b.methodAccordionContent,children:[C?e.jsx(u,{label:"Description: ",value:(null==d?void 0:d.description)||"-"},"description"):e.jsx(r.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(v,{id:"paramter-table",data:R,headCells:m,isFormOpen:I,setIsFormOpen:B,saveNewRow:e=>{_([...$,e]),N("parameters",[...d.parameters,e])},readOnly:C})}),"get"!==(null==d?void 0:d.type)&&e.jsx(r.Accordion,{expanded:k.request,onChange:()=>null,className:b.requestAccordion,summary:e.jsx("span",{className:b.requestAccordionSummary,children:e.jsxs("div",{className:b.requestAccordionSummary_title,onClick:()=>T((e=>Object.assign(Object.assign({},e),{request:!e.request}))),children:[e.jsx(n,{className:k.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,{withFooter:!C,className:"jsonField",placeholder:"Enter your request body as a JSON object....",fieldIsDisabled:C,value:(null===(D=null===(q=null===(O=null==d?void 0:d.requestBody)||void 0===O?void 0:O.content)||void 0===q?void 0:q.schema)||void 0===D?void 0:D.properties)||"{}",onChange:e=>{N("requestBody.content.schema.properties",e)},onValidation:()=>null})}),e.jsx(r.Accordion,{expanded:k.response,onChange:()=>null,className:b.responseAccordion,summary:e.jsxs("span",{className:b.responseAccordionSummary,children:[e.jsxs("div",{className:b.responseAccordionSummary_title,onClick:()=>T((e=>Object.assign(Object.assign({},e),{response:!e.response}))),children:[e.jsx(n,{className:k.response?b.expanded:"",src:t,width:"2rem",height:"2rem"}),"Response",e.jsx("span",{style:{color:"red"},children:"*"})]}),e.jsx(r.SelectGroup,{withSearch:!1,isMultiple:!1,clearable:!1,disabled:C,placeholder:"200",options:[{list:y}],value:M,onChange:e=>{H(e)}})]}),children:e.jsx(g,{withFooter:!C,className:"jsonField",placeholder:"Enter your response as a JSON object...",fieldIsDisabled:C,value:(null===(S=null===(w=null==Y?void 0:Y.content)||void 0===w?void 0:w.schema)||void 0===S?void 0:S.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:M.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 ${G} `}),"?"]}),onSubmit:{onClick:()=>{var e;null!==J&&(_((e=>e.filter(((e,s)=>s!==J)))),N("parameters",null===(e=null==d?void 0:d.parameters)||void 0===e?void 0:e.filter(((e,s)=>s!==J)))),E(!1),W(null)},text:"Yes",color:"error",fullWidth:!0},onCancel:{text:"No",color:"normal",fullWidth:!0},onClose:()=>E(!1),open:L,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 React, { useEffect, useState } from 'react'\r\nimport { Accordion, Button, SelectGroup, Switch, TextArea } from 'digitinary-ui'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport {\r\n  CheckMarkSquare,\r\n  DeleteIcon,\r\n  DownArrowIcon,\r\n  EditIcon,\r\n  deleteOutlinedIcon,\r\n} 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\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}: {\r\n  method: TransformedMethod\r\n  path: string\r\n  setFieldValue: (key: string, value: string) => void\r\n  readOnly?: boolean\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\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 ? (\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                  {item.description ? item.description.substring(0, 12) : '-'}\r\n                  {item.description && item.description.length > 12 ? '...' : ''}\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  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}\r\n        summary={\r\n          <div className={`${styles.methodSummaryContainer} ${readOnly ? styles.readOnly : ''}`}>\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            {!readOnly ? (\r\n              <TextArea\r\n                className={styles.methodDesc}\r\n                label=\"Description\"\r\n                placeholder=\"Describe the endpoint'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\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                    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\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                  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","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","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","editDescBtn","color","substring","length","endIcon","SVGLoader","src","EditIcon","width","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","useEffect","parameters","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SimpleLabelValue","methodDesc","paramsTable","ParamterTable","data","headCells","paramsTableHeaders","saveNewRow","values","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","fieldIsDisabled","_e","_c","requestBody","_d","properties","onValidation","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","SelectGroup","withSearch","isMultiple","clearable","options","list","_g","_f","currentResIndex","findIndex","clonedResponses","structuredClone","push","toString","contentType","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}
+{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport { Accordion, Button, SelectGroup, Switch, TextArea } from 'digitinary-ui'\r\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\r\nimport {\r\n  CheckMarkSquare,\r\n  DeleteIcon,\r\n  DownArrowIcon,\r\n  EditIcon,\r\n  deleteOutlinedIcon,\r\n} 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\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}: {\r\n  method: TransformedMethod\r\n  path: string\r\n  setFieldValue?: (key: string, value: string) => void\r\n  readOnly?: boolean\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\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 ? (\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                  {item.description ? item.description.substring(0, 12) : '-'}\r\n                  {item.description && item.description.length > 12 ? '...' : ''}\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  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            {!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\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\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                    disabled={readOnly}\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","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","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","editDescBtn","color","substring","length","endIcon","SVGLoader","src","EditIcon","width","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","useEffect","parameters","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SimpleLabelValue","methodDesc","paramsTable","ParamterTable","data","headCells","paramsTableHeaders","saveNewRow","values","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","withFooter","fieldIsDisabled","_e","_c","requestBody","_d","properties","onValidation","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","SelectGroup","withSearch","isMultiple","clearable","options","list","_g","_f","currentResIndex","findIndex","clonedResponses","structuredClone","push","toString","contentType","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","filter","_","i","text","fullWidth","onCancel","onClose","open","icon","deleteOutlinedIcon"],"mappings":"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"}

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 r}from"../../../_virtual/index.js";import i from"../Tooltip/Tooltip.js";import s from"../SVGLoader/SVGLoader.js";import t from"../../assets/icons/DeleteIcon.svg.js";import l 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(""),[w,T]=a(null),{values:D,errors:I,setFieldValue:S,isValid:f,submitForm:_,resetForm:B}=o({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(""),B()}});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,r)=>e.jsx("tr",{"data-i":r,className:"row",children:null==j?void 0:j.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))),b?e.jsxs("tr",{"data-i":"",className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(r.Input,{placeholder:"paramter 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(r.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:!!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:C,value:{label:u(D.schema.type),value:u(D.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:C?e.jsx(e.Fragment,{children:D.required?"True":"False"}):e.jsx(r.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(i,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>T(e),content:e.jsxs("div",{className:n.editDescTooltipContent,children:[e.jsx("p",{className:n.editDescTooltipContent_header,children:"Description"}),e.jsx(r.TextArea,{value:y||D.description,onChange:e=>{g(e)},disabled:C,placeholder:"Describe parameter..."}),!C&&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:l,width:"1.5rem",height:"1.5rem"}),children:[C?"View ":"Add "," Description"]})}),e.jsx("div",{className:n.paramDescContainer_separator}),!C&&e.jsx(r.Button,{className:n.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(s,{src:t,width:"1.125rem",height:"1.125rem"}),onClick:()=>{B(),g(""),x(!1)}}),!C&&e.jsx(r.Button,{className:n.deleteParamBtn,variant:"link",color:"success",disabled:!f,endIcon:e.jsx(s,{src:d,width:"0.125rem",height:"0.125rem"}),onClick:()=>{g(""),_()}})]})," "]})},"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(r.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 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({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,r)=>e.jsx("tr",{"data-i":r,className:"row",children:null==j?void 0:j.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==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(r.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(r.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(r.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(r.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(i,{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(r.TextArea,{value:y||D.description,onChange:e=>{g(e)},disabled:C,placeholder:"Describe parameter..."}),!C&&e.jsx(r.Button,{className:n.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{S("description",y),null==T||T.hide()},children:"Apply"})]}),children:e.jsxs(r.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(r.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(r.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(r.Button,{variant:"link",color:"primary",onClick:()=>{x((e=>!e))},children:"+ Add Parameter"})})},"addNew")})]})]})})})};export{p as default};
 //# sourceMappingURL=table.js.map